/*
*   Lumos Diagnostics
*   Designs and Developed by H^CK Digital
*   01/02/2024
*   Kere Puki
*/

/* Primary font Calibri */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

/* Secondary font Proxima Nova */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

/* Base */
:root {
    --aqua: rgba(0, 167, 225, 1);
    --aqua-half: #7ACEEB;
    --aqua-quarter: #C4E5F1;
    --aqua-min: #DCEDF3;
    --navy: rgba(1, 30, 65, 1);
    --navy-half: rgba(1, 30, 65, 0.5);
    --yellow: rgba(255, 198, 41, 1);
    --purple: rgba(136, 133, 202, 1);
    --red: #CE0F2D;
    --iris: rgba(98, 93, 156, 1);
    --orange: rgba(238, 118, 35, 1);
    --light-cool-gray: rgba(200, 201, 199, 1);
    --half-light-cool-gray: rgba(200, 201, 199, 0.5);
    --quarter-light-cool-gray: #F1F1F1;
    --dark-cool-gray: rgba(167, 168, 169, 1);

    --viradx-orange: #EC7624;
    --viradx-orange-quarter: rgba(236, 118, 36, 0.25);

    --febridx-red: #CE0F2D;
    --febridx-red-quarter: rgba(206, 15, 45, 0.25);

    --font-small: 15px;
    --font-default: 17px;
}

body {
    font-family: "Archivo", sans-serif;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
    -webkit-text-size-adjust: 100%;
    font-size: var(--font-default);
}

.secondary-font {
    font-family: 'Montserrat', sans-serif;
}

a:hover,
a:focus {
    text-decoration: none;
}

.full-width {
    width: 100%;
}

.full-height {
    min-height: 100vh !important;
}

.position-absolute {
    position: absolute;
    left: 0;
    top: calc(65%);
    z-index: -1;
}

/* Typography */
h1 {
    font-size: 48px;
    line-height: 77px;
    font-weight: 900;
}

h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
}

h3 {
    font-size: 28px;
    line-height: 45px;
    font-weight: 700;
}

h4 {
    font-size: 24px;
    line-height: auto;
    font-weight: 700;
}

h5 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
}

h6 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}

p {
    font-size: var(--font-default);
    line-height: 30px;
}

.inline-block {
    display: inline-block;
}

.big-text-60 {
    font-size: 60px;
    line-height: 86px;
}

.big-text-50 {
    font-size: 50px;
    line-height: 54px;
}

.big-text-30 {
    font-size: 30px;
    line-height: 33px;
}

.big-text-24 {
    font-size: 24px;
    line-height: 38px;
}

.big-text-20 {
    font-size: 20px;
    line-height: 32px;
}

.big-text {
    font-size: 16px;
    line-height: 26px;
}

.small-text {
    font-size: var(--font-small);
}

.extra-small-text {
    font-size: 12px;
}

.sm-lineheight {
    line-height: 58px;
}

.xm-lineheight {
    line-height: 56px;
}

.lineheight-24 {
    line-height: 24px;
}

.lineheight-32 {
    line-height: 32px;
}

.lineheight-36 {
    line-height: 36px !important;
}

.small-icon-25 {
    font-size: 25px;
    line-height: 25px
}

.small-icon-30 {
    font-size: 32px;
    line-height: 32px
}

.small-icon-36 {
    font-size: 36px;
    line-height: 36px
}

.small-icon-40 {
    font-size: 40px;
    line-height: 40px
}

.big-icon-50 {
    font-size: 50px;
    line-height: 50px;
}

.big-icon-55 {
    font-size: 55px;
}

.big-icon-65 {
    font-size: 65px;
    line-height: 65px;
}

.big-icon-60 {
    font-size: 60px;
    line-height: 60px;
}

.big-icon {
    font-size: 70px;
}

.big-icon-80 {
    font-size: 80px;
    line-height: 80px;
}

.big-icon-90 {
    font-size: 90px;
    line-height: 90px;
}

.big-icon-100 {
    font-size: 100px;
    line-height: 100px;
}

.big-icon-120 {
    font-size: 120px;
    line-height: 120px;
}

.big-icon-140 {
    font-size: 140px;
    line-height: 140px;
}

.bold {
    font-weight: 700;
}

.x-bold {
    font-weight: 800;
}
.xx-bold {
    font-weight: 900;
}

.icon-big {
    font-size: 40px;
}

.big-line-height {
    line-height: 50px;
}

.max-width-120 {
    max-width: 120px;
}

.max-width-220 {
    max-width: 120px;
}

.xxs-width-text {
    max-width: 270px;
    display: inline-block;
}

.xs-width-text {
    max-width: 520px;
    display: inline-block;
}

.small2-width-text {
    max-width: 580px;
    display: inline-block;
}

.small-width-text {
    max-width: 700px;
    display: inline-block;
}

.md-width-text {
    max-width: 750px;
    display: inline-block;
}

.fixed-width {
    max-width: 100%;
    width: 700px;
}

.fixed-width-580 {
    max-width: 100%;
    width: 580px;
}

.fixed-width-480 {
    max-width: 100%;
    width: 480px;
}

.fixed-width-380 {
    max-width: 100%;
    width: 380px;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row-flex .content {
    height: 100%;
}

.uppercase {
    text-transform: uppercase;
}

/*  Colors  */
.black-bg {
    background: #000;
}

.white-bg {
    background: #fff;
}

.aqua-bg {
    background: var(--aqua);
}

.viradx-orange-bg {
    background: var(--viradx-orange) !important;
}

.febridx-red-bg {
    background: var(--febridx-red) !important;
}

.aqua-half-bg {
    background: var(--aqua-half);
}

.aqua-quarter-bg {
    background: var(--aqua-quarter);
}

.aqua-min-bg {
    background: var(--aqua-min);
}

.navy-bg {
    background: var(--navy);
}

.yellow-bg {
    background: var(--yellow);
}

.purple-bg {
    background: var(--purple);
}

.red-bg {
    background: var(--red);
}

.iris-bg {
    background: var(--iris);
}

.orange-bg {
    background: var(--orange);
}

.light-cool-gray-bg {
    background: var(--light-cool-gray);
}

.dark-cool-gray-bg {
    background: var(--dark-cool-gray);
}

.half-light-cool-gray-bg {
    background: var(--half-light-cool-gray);
}

.quarter-light-cool-gray-bg {
    background: var(--quarter-light-cool-gray);
}

.gradient-bg {
    background: radial-gradient(circle at center, var(--navy) 0, var(--navy), var(--iris) 150%);
}
.table-gray-odd {
    background-color: gray;
}
.table-gray-even {
    background-color: lightgray;
}




.lumos-line {
    position: relative;
    width: 100%;
    height: 50px;
    backface-visibility: hidden;
    opacity: 0;
    transition: opacity 0.18s ease;
}

.lumos-line>span {
    display: block;
    position: absolute;
    right: 0;
    transform-origin: center right;
    height: 50px;
    width: 100%;
    transform: scale(0, 1);
    transition: transform ease 0.24s;
}

.lumos-line>span:nth-child(1) {
    background-color: #FDC949;
}

.lumos-line>span:nth-child(2) {
    background-color: #F79F34;
}

.lumos-line>span:nth-child(3) {
    background-color: #CFAECE;
}

.lumos-line>span:nth-child(4) {
    background-color: #665DA7;
}

.lumos-line>span:nth-child(5) {
    background-color: #8487BF;
}

.lumos-line>span:nth-child(6) {
    background-color: #F16934;
}

.lumos-line>span:nth-child(7) {
    background-color: #F9AC7B;
}

.lumos-line>span:nth-child(8) {
    background-color: #F47F32;
}

.lumos-line.in {
    opacity: 1;
    transition: opacity 0.1s ease-in;
}

.lumos-line.in>span:nth-child(1) {
    -webkit-transition-delay: 0.08s;
    /* Safari */
    transition-delay: 0.08s;
    transition-duration: 0.24s;
    transform: scale(1, 1);
}

.lumos-line.in>span:nth-child(2) {
    -webkit-transition-delay: 0.16s;
    /* Safari */
    transition-delay: 0.16s;
    transition-duration: 0.32s;
    transform: scale(0.825, 1);
}

.lumos-line.in>span:nth-child(3) {
    -webkit-transition-delay: 0.24s;
    /* Safari */
    transition-delay: 0.24s;
    transition-duration: 0.4s;
    transform: scale(0.75, 1);
}

.lumos-line.in>span:nth-child(4) {
    -webkit-transition-delay: 0.32s;
    /* Safari */
    transition-delay: 0.32s;
    transition-duration: 0.48s;
    transform: scale(0.575, 1);
}

.lumos-line.in>span:nth-child(5) {
    -webkit-transition-delay: 0.4s;
    /* Safari */
    transition-delay: 0.4s;
    transition-duration: 0.56s;
    transform: scale(0.5, 1);
}

.lumos-line.in>span:nth-child(6) {
    -webkit-transition-delay: 0.48s;
    /* Safari */
    transition-delay: 0.48s;
    transition-duration: 0.64s;
    transform: scale(0.325, 1);
}

.lumos-line.in>span:nth-child(7) {
    -webkit-transition-delay: 0.56s;
    /* Safari */
    transition-delay: 0.56s;
    transition-duration: 0.72s;
    transform: scale(0.25, 1);
}

.lumos-line.in>span:nth-child(8) {
    -webkit-transition-delay: 0.64s;
    /* Safari */
    transition-delay: 0.64s;
    transition-duration: 0.8s;
    transform: scale(0.075, 1);
}

.lumos-multicolor-border::before {
    content: '';
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    z-index: 10;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed8034+0,ed8034+33,feb123+33,feb123+66,2184cd+66,2184cd+100 */
    background: rgb(237, 128, 52);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(237, 128, 52, 1) 0%, rgba(237, 128, 52, 1) 33%, rgba(254, 177, 35, 1) 33%, rgba(254, 177, 35, 1) 66%, rgba(33, 132, 205, 1) 66%, rgba(33, 132, 205, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(237, 128, 52, 1) 0%, rgba(237, 128, 52, 1) 33%, rgba(254, 177, 35, 1) 33%, rgba(254, 177, 35, 1) 66%, rgba(33, 132, 205, 1) 66%, rgba(33, 132, 205, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            var(--yellow) 0%, var(--yellow) 20%,
            var(--iris) 20%, var(--iris) 25%,
            var(--aqua) 25%, var(--aqua) 45%,
            var(--iris) 45%, var(--iris) 50%,
            var(--purple) 50%, var(--purple) 70%,
            var(--iris) 70%, var(--iris) 75%,
            var(--red) 75%, var(--red) 95%,
            var(--orange) 95%, var(--orange) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed8034', endColorstr='#2184cd', GradientType=1);
    /* IE6-9 */
}

.lumos-multicolor-background::before {
    content: '';
    height: 100%;
    position: absolute;
    left: -15px;
    right: 60px;
    top: -20px;
    z-index: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed8034+0,ed8034+33,feb123+33,feb123+66,2184cd+66,2184cd+100 */
    background: rgb(237, 128, 52);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(237, 128, 52, 1) 0%, rgba(237, 128, 52, 1) 33%, rgba(254, 177, 35, 1) 33%, rgba(254, 177, 35, 1) 66%, rgba(33, 132, 205, 1) 66%, rgba(33, 132, 205, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(237, 128, 52, 1) 0%, rgba(237, 128, 52, 1) 33%, rgba(254, 177, 35, 1) 33%, rgba(254, 177, 35, 1) 66%, rgba(33, 132, 205, 1) 66%, rgba(33, 132, 205, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            var(--yellow) 0%, var(--yellow) 20%,
            var(--iris) 20%, var(--iris) 25%,
            var(--aqua) 25%, var(--aqua) 45%,
            var(--iris) 45%, var(--iris) 50%,
            var(--purple) 50%, var(--purple) 70%,
            var(--iris) 70%, var(--iris) 75%,
            var(--red) 75%, var(--red) 95%,
            var(--orange) 95%, var(--orange) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed8034', endColorstr='#2184cd', GradientType=1);
    /* IE6-9 */
}


.black {
    color: #000;
}

.dark-black {
    color: #222;
}

.light-black {
    color: #333;
}

.black-gray-dark {
    color: #444;
}

.black-gray {
    color: #666;
}

.black-gray-light {
    color: #888;
}

.white {
    color: #fff;
}

.light-white {
    color: #ddd;
}

.slight-white {
    color: #bbb;
}

.aqua {
    color: var(--aqua);
}

.navy {
    color: var(--navy);
}

.viradx-orange {
    color: var(--viradx-orange);
}

.febridx-red {
    color: var(--febridx-red);
}

.yellow {
    color: var(--yellow);
}

.purple {
    color: var(--purple);
}

.red {
    color: var(--red);
}

.iris {
    color: var(--iris);
}

.orange {
    color: var(--orange);
}

.light-cool-gray {
    color: var(--light-cool-gray);
}

.dark-cool-gray {
    color: var(--dark-cool-gray);
}

.facebook-color {
    color: #3b5998;
}

.google-plus-color {
    color: #dd4b39;
}

.twitter-color {
    color: #1da1f2;
}

.border-black {
    border: solid 2px #000;
}

.border-aqua {
    border: solid 2px var(--aqua);
}

.border-aqua-half {
    border: solid 1px var(--aqua-half);
}

.border-aqua-quarter {
    border: solid 1px var(--aqua-quarter);
}

.border-aqua-min {
    border: solid 1px var(--aqua-min);
}

.border-gray {
    border: solid 1px #ddd;
}

.border-green-neon {
    border-color: #74FF00
}

.border-viradx-orange {
    border: solid 2px var(--viradx-orange);
}

.border-febridx-red {
    border: solid 2px var(--febridx-red);
}

.black-transparent-15 {
    background: rgba(0, 0, 0, 0.15);
}

.black-transparent-20 {
    background: rgba(0, 0, 0, 0.2);
}

.black-transparent-30 {
    background: rgba(0, 0, 0, 0.3);
}

.black-transparent-40 {
    background: rgba(0, 0, 0, 0.4);
}

.black-transparent-50 {
    background: rgba(0, 0, 0, 0.5);
}

/* line Buttons Color */
.white-line,
.white-line:hover,
.white-line:focus {
    border-color: #fff;
    color: #fff;
}

.purple-line,
.purple-line:hover {
    border-color: #9000F0;
    color: #9000F0;
}

.orange-line,
.orange-line:hover {
    border-color: #f7941d;
    color: #f7941d;
}

.yellow-line,
.yellow-line:hover {
    border-color: #FDBD10;
    color: #FDBD10;
}

.green-line,
.green-line:hover {
    border-color: #82B541;
    color: #82B541;
}

/* Padding */
.padding {
    padding: 60px 0;
}

.padding-20 {
    padding: 20px;
}

.padding-40 {
    padding: 40px;
}

.padding-50 {
    padding: 50px;
}

.padding-v-5 {
    padding-top: 5px;
    padding-bottom: 1px
}

.padding-v-9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.padding-v-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-v-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-v-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-v-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.padding-v-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-v-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-v-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.padding-v-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.padding-v-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.padding-v-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-v-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.padding-v-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.padding-v-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.padding-v-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.padding-v-300 {
    padding-top: 300px;
    padding-bottom: 300px;
}

.padding-h-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-h-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-h-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-h-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-h-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-h-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.padding-h-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-top-100 {
    padding-top: 100px;
}

.padding-top-120 {
    padding-top: 120px;
}

.padding-top-150 {
    padding-top: 150px;
}

.padding-top-300 {
    padding-top: 300px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-80 {
    padding-bottom: 80px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-bottom-150 {
    padding-bottom: 150px;
}

.padding-bottom-200 {
    padding-bottom: 200px;
}

.padding-bottom-300 {
    padding-bottom: 300px;
}

.padding-right-40 {
    padding-right: 40px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-5 {
    padding-left: 5px;
}

.no-h-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-padding {
    padding: 0px;
}

/* Margin */
.margin-v-10 {
    margin: 10px 0;
}

.margin-v-20 {
    margin: 20px 0;
}

.margin-v-30 {
    margin: 30px 0;
}

.margin-v-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-v-50 {
    margin: 50px 0;
}

.margin-v-80 {
    margin: 80px 0;
}

.margin-v-90 {
    margin: 90px 0;
}

.margin-v-100 {
    margin: 100px 0;
}

.margin-h-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-h-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-h-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-22 {
    margin-bottom: 22px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-70 {
    margin-bottom: 70%;
}

.margin-bottom-90 {
    margin-bottom: 90px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-50 {
    margin-right: 50px;
}

.no-margin {
    margin: 0px;
}

.no-margin-top {
    margin-top: 0px;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.no-h-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.no-padding {
    padding: 0px !important;
}

/* Styled headings */
.styled-heading {
    background-color: var(--aqua);
    border-radius: 50vh;
    /* border: solid 2px #fff; */
    /* letter-spacing: 2px; */
}

/* Negative margin */
.margin-fix-top {
    position: relative;
    top: -3px;
}

.negative-margin-top-80 {
    position: relative;
    top: -80px;
}

.negative-margin-top-140 {
    position: relative;
    top: -140px;
}

.negative-margin-top-200 {
    position: relative;
    top: -200px;
}

.negative-margin-top-250 {
    position: relative;
    top: -250px;
}


/* Shapes */
.cirlce {
    border-radius: 100%;
    padding: 20px;
    display: inline-block;
    position: relative;
}

.circle-img {
    border-radius: 100%;
}

.cirlce-2 {
    border-radius: 100%;
    padding: 20px;
    display: inline-block;
    position: relative;
    border: 2px solid #ddd;
    min-width: 90px;
    text-align: center;
}

.cirlce-3 {
    border-radius: 100%;
    padding: 4px;
    display: inline-block;
    position: relative;
    border: 2px solid #74FF00;
    min-width: 40px;
    text-align: center;
}

.cirlce-3 i {
    position: relative;
    top: 2px;
}

.cirlce-4 {
    border-radius: 100%;
    padding: 40px;
    display: inline-block;
    position: relative;
    border: 3px solid #eee;
    min-width: 40px;
    text-align: center;
    line-height: 0px;
    max-width: 100% !important;
    height: auto;
    min-height: 180px;
    min-width: 180px;
}

.cirlce-4 i {
    position: relative;
    top: 8px;
}

.cirlce-5 {
    border-radius: 100%;
    padding: 20px;
    display: inline-block;
    position: relative;
    min-width: 100px;
    text-align: center;
    line-height: 0;
    min-width: 100px;
    min-height: 100px;
}

.cirlce-5 i {
    position: relative;
    top: 4px;
}

.cirlce-6 {
    border-radius: 100%;
    padding: 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 0;
    min-width: 150px;
    min-height: 150px;
}

.cirlce-6 i {
    position: relative;
    top: 20px;
}

.cirlce-6 h1 {
    position: relative;
    top: -5px;
}

.cirlce-7 {
    border-radius: 100%;
    padding: 20px;
    border: 2px solid #eee;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 0;
    min-width: 120px;
    min-height: 120px;
}

.cirlce-7 i {
    position: relative;
    top: 5px;
}

.round-shape {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    position: relative;
}

.round-shape img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    display: block;
}

.round-shape-200 {
    position: relative;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-200 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-shape-300 {
    position: relative;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-300 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-shape-400 {
    position: relative;
    border-radius: 50%;
    width: 400px;
    height: 400px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-400 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-shape-180 {
    position: relative;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-180 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-shape-150 {
    position: relative;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-150 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-shape-140 {
    position: relative;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: inline-block;
    overflow: hidden;
    z-index: -10;
}

.round-shape-140 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: -10;
}

.round-shape-120 {
    position: relative;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-120 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-shape-80 {
    position: relative;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-80 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-shape-60 {
    position: relative;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
}

.round-shape-60 img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.round-3 {
    border-radius: 50%;
    width: 50px;
    position: absolute;
    display: block;
}




.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}


/* Services icons */
.services-icon {
    width: auto;
    height: 80px;
}

/* Cards */
.card-hover {
    transition: all 0.5s ease;
}

.card-hover:hover {
    background-color: var(--aqua-min);
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5 ease;
    -o-transition: background-color 0.5 ease;
    -ms-transition: background-color 0.5 ease;
    transition: background-color 0.5 ease;
    cursor: pointer;
}

.card-hover-orange {
    transition: all 0.5s ease;
}

.card-hover-orange:hover {
    background-color: var(--viradx-orange-quarter);
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5 ease;
    -o-transition: background-color 0.5 ease;
    -ms-transition: background-color 0.5 ease;
    transition: background-color 0.5 ease;
    cursor: pointer;
}


.card-hover-red {
    transition: all 0.5s ease;
}

.card-hover-red:hover {
    background-color: var(--febridx-red-quarter);
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5 ease;
    -o-transition: background-color 0.5 ease;
    -ms-transition: background-color 0.5 ease;
    transition: background-color 0.5 ease;
    cursor: pointer;
}

/* .card-hover:hover .semi-circle-150 {
    transform: rotate(20deg);
    transition-duration: 0.8s;
    transition-property: transform;
}
.card-hover:hover .semi-circle-150-rotate {
    transform: rotate(-20deg);
    transition-duration: 0s;
    transition-property: transform;
} */
.semi-circle-150 {
    position: relative;
    border-radius: 50%;
    width: 148px;
    height: 148px;
    display: inline-block;
    border-top: 2px solid transparent;
    border-left: 2px solid var(--aqua);
    border-right: 2px solid var(--aqua);
    border-bottom: 2px solid var(--aqua);
    transform: rotate(-45deg);
}

.semi-circle-150-rotate {
    transform: rotate(45deg);
    margin-top: 2px;
}

.semi-circle-300 {
    position: relative;
    border-radius: 50%;
    width: 304px;
    height: 304px;
    display: inline-block;
    border-top: 2px solid transparent;
    border-left: 2px solid var(--aqua);
    border-right: 2px solid var(--aqua);
    border-bottom: 2px solid var(--aqua);
    transform: rotate(-45deg);
}

.semi-circle-300-rotate {
    transform: rotate(45deg);
    margin-top: 0px;
}



.semi-circle-400 {
    position: relative;
    border-radius: 50%;
    width: 404px;
    height: 404px;
    display: inline-block;
    border-top: 2px solid transparent;
    border-left: 2px solid var(--aqua);
    border-right: 2px solid var(--aqua);
    border-bottom: 2px solid var(--aqua);
    transform: rotate(-45deg);
}

.semi-circle-400-rotate {
    transform: rotate(45deg);
    margin-top: 0px;
}

.semi-circle-orange {
    border-top: 2px solid transparent;
    border-left: 2px solid var(--viradx-orange) !important;
    border-right: 2px solid var(--viradx-orange) !important;
    border-bottom: 2px solid var(--viradx-orange) !important;
}

.semi-circle-red {
    border-top: 2px solid transparent;
    border-left: 2px solid var(--febridx-red) !important;
    border-right: 2px solid var(--febridx-red) !important;
    border-bottom: 2px solid var(--febridx-red) !important;
}



.cover-shape-300 {
    position: relative;
    width: 100%;
    height: 300px;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
}

.cover-shape-220 {
    position: relative;
    width: 100%;
    height: 220px;
    display: inline-block;
    overflow: hidden;
}

.cover-shape-180 {
    position: relative;
    width: 100%;
    height: 180px;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
}

.cover-shape-180.no-radius {
    border-radius: 0px;
}

.cover-shape-150 {
    position: relative;
    width: 100%;
    height: 150px;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
}

.cover-shape-300 img,
.cover-shape-180 img,
.cover-shape-150 img {
    position: absolute;
    display: block;
    min-height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

.cover-shape-220 img {
    position: absolute;
    display: block;
    min-height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    height: 100%;
}

.media-img-220 img {
    max-width: 220px;
    position: relative;
}

.media-shape-220 {
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
}

.media-shape-220 img {
    height: auto;
    border-radius: 3px;
    max-width: 220px;
    width: auto;
}

.shadow-down {
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.shadow-20 {
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08);
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.20) 0px 1px 4px;
}

.bar {
    height: 5px;
    width: 80px;
    display: inline-block;
    position: relative;
}

/* Buttons */
.btn {
    border-radius: 3px;
    padding: 8px 18px;
    border: 0px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.btn.btn-xl {
    padding: 18px 44px;
    font-size: 16px;
}

.btn.line.btn-xl {
    padding-top: 16px;
    padding-bottom: 16px;
}

.btn.btn-lg {
    padding: 14px 30px;
}

.btn.btn-md {
    padding: 12px 26px;
}

.btn.btn-sm {
    padding: 6px 14px;
}

.btn.btn-xs {
    padding: 2px 10px;
}

/* .btn:not(.line):not(.btn-flat):not(.btn-link):hover { box-shadow: 0 0 3rem 3rem rgba(0,0,0,0.08) inset; }
.btn.btn-flat:hover { box-shadow: 0 -3px 0px 0px rgba(0,0,0,0.3) inset, 0 0 3rem 3rem rgba(0,0,0,0.08) inset; } */
.btn.line:hover {}

.btn.white:hover {
    color: #fff;
}

.btn.btn-down {
    width: 50px;
    height: 50px;
    padding-top: 16px;
    text-align: center;
    border-radius: 50vh;
}

.btn.btn-fat {
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn.line {
    border: 3px solid;
}

.btn-round-lg,
form.form-round-lg .form-control,
.btn-round-xl {
    border-radius: 50vh;
}

/* .btn-round-xl { border-radius: 40px; } */

.btn-flat {
    box-shadow: 0 -3px 0px 0px rgba(0, 0, 0, 0.2) inset;
}

.btn.wide {
    padding-left: 34px;
    padding-right: 34px;
}

.btn-lg.wide {
    padding-left: 40px;
    padding-right: 40px;
}

.btn-md.wide {
    padding-left: 46px;
    padding-right: 46px;
}

.btn-xl.wide {
    padding-left: 50px;
    padding-right: 50px;
}

.btn-xl.wide-2 {
    padding-left: 70px;
    padding-right: 70px;
}

.btn.btn-link:hover,
.btn.btn-link:focus {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.02);
}

.margin-links .btn.btn-link {
    margin-bottom: 10px;
}

/* Animations */
.arrow:hover i {
    animation: bounceright .3s alternate ease infinite;
}

.header-animation {
    animation: header-animation 0.75s ease-in-out 0s 1 normal forwards;
}

.subheader-animation {
    animation: header-animation 0.75s ease-in-out 0.25s 1 normal forwards;
    opacity: 0;
}

@keyframes header-animation {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bounceright {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(3px);
    }
}


.typewriter {
    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    /* border-right: .15em solid var(--red); */
    white-space: wrap;
    /* Keeps the content on a single line */
    margin: 0 auto;
    /* Gives that scrolling effect as the typing happens */
    letter-spacing: 0;
    /* Adjust as needed */
    animation:
        typing .75s steps(40, end)
        /* blink-caret .55s step-end infinite; */
}

/* The typing effect */
@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}











.lottie-background {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.lottie-background .lottie-background-wrapper {
    margin-top: 0px;
}

.lottie-bg-yes.elementor-section .elementor-container {
    z-index: 1;
}

.lottie-bg.elementor-section .lottie-bg.elementor-column .lottie-background {
    z-index: -1;
}

.lottie-bg.elementor-section .lottie-bg.elementor-column {
    z-index: 1;
}


.circle-btn {
    background: rgba(0, 0, 0, 0.12);
    display: inline-block;
    position: relative;
    padding: 25px;
    border-radius: 50%;
    min-width: 120px;
}

.circle-btn:hover,
.circle-btn:focus {
    text-decoration: none;
}


.circle-btn-2 {
    background: rgba(255, 255, 255, 0.15);
    display: inline-block;
    position: relative;
    padding: 15px;
    border-radius: 50%;
    min-width: 60px;
    border: 5px solid #fff;
    text-align: center;
}

.circle-btn-2 i {
    position: relative;
    top: 2px;
    left: 2px;
}

.circle-btn-2:hover,
.circle-btn-2:focus {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.01);
}

.circle-btn-3 {
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    position: relative;
    padding: 25px;
    border-radius: 50%;
    min-width: 120px;
}

.circle-btn-3:hover,
.circle-btn-3:focus {
    text-decoration: none;
}

.circle-btn-4 {
    background: rgba(255, 255, 255, 0.15);
    display: inline-block;
    position: relative;
    padding: 25px;
    border-radius: 50%;
    min-width: 120px;
}

.circle-btn-4:hover,
.circle-btn:focus {
    text-decoration: none;
}

.link-icon {
    position: relative;
    display: inline-block;
}

.small-social i {
    font-size: 26px;
    line-height: 26px;
    margin: 0 5px;
}

.medium-social i {
    font-size: 36px;
    line-height: 36px;
    margin: 0 10px;
}

.link-icon:hover,
.link-icon:focus,
.small-social:hover,
.small-social:focus,
.medium-social:hover,
.medium-social:focus {
    text-decoration: none;
    opacity: 0.7;
}

.social-icon-container {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    padding-top: 10px;
    padding-left: 10px;
    background: var(--aqua);
    color: white;
    float: left;
    margin-right: 10px;
}

/*  featured boxes    */

/* Quote box/speech bubble */
.speech-bubble {
    border-color: var(--aqua);
    background: var(--aqua);
}

.speech-bubble:after {
    content: "";
    position: absolute;
    top: 90%;
    left: 30px;
    border-top: 20px solid var(--aqua);
    border-top-color: inherit;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

/* Border colors */
.aqua_border {
    border: thick solid var(--aqua);
    border-width: 1px;
}

.green_neon_border {
    border: thick solid #00ffa8;
    border-width: 1px;
}

.red_border {
    border: thick solid #f44336;
    border-width: 1px;
}

.dark_grey_border {
    border: thick solid #333;
    border-width: 1px;
}

.gray_border {
    border: thick solid #777;
    border-width: 1px;
}

.light_grey_border {
    border: thick solid #e4e4e4;
    border-width: 1px;
}

.orange_border {
    border: thick solid #ff9800;
    border-width: 1px;
}

.yellow-border {
    border: thick solid #ffeb3b;
    border-width: 1px;
}

.light_grey_border {
    border: thick solid #ccc;
    border-width: 1px;
}

.white-border {
    border: thick solid #fff;
    border-width: 2px;
}

/*  Top border colors   */
.aqua_border_top {
    border-top: thick solid var(--aqua);
    border-width: 3px;
}

.green_neon_border_top {
    border-top: thick solid #00ffa8;
    border-width: 3px;
}

.red_border_top {
    border-top: thick solid #f44336;
    border-width: 3px;
}

.dark_grey_border_top {
    border-top: thick solid #333;
    border-width: 3px;
}

.gray_border_top {
    border-top: thick solid #777;
    border-width: 3px;
}

.light_grey_border_top {
    border-top: thick solid #e4e4e4;
    border-width: 3px;
}

.orange_border_top {
    border-top: thick solid #ff9800;
    border-width: 3px;
}

.yellow_border_top {
    border-top: thick solid #ffeb3b;
    border-width: 3px;
}

.light_grey_border_top {
    border-top: thick solid #ccc;
    border-width: 3px;
}

.border-hover {
    transition: all 0.5s ease;
}

.border-hover:hover {
    border: thick solid var(--aqua);
    border-width: 2px;
    background-color: rgba(255, 255, 255, 0.1);

    -webkit-transition: border-color 2s ease;
    -moz-transition: border-color 2s ease;
    -o-transition: border-color 2s ease;
    -ms-transition: border-color 2s ease;
    transition: border-color 2s ease;

    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}



/******************************************************************
 * Other styles to make the demo look nice
 ******************************************************************/

* {
    box-sizing: border-box;
}



/* Arrow Animation */
@-webkit-keyframes new_icon {
    0% {
        top: 0px;
    }

    100% {
        top: 15px;
    }
}

@-moz-keyframes new_icon {
    0% {
        top: 0px;
    }

    100% {
        top: 15px;
    }
}

.moving-btn {
    position: relative;
    animation: new_icon 1s linear 0s infinite alternate;
    -webkit-animation: new_icon 2s linear 0s infinite alternate;
}




/* Animation */
.animate-border::before,
.animate-border::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.animate-border {
    transition: color 0.25s;
}

.animate-border::before,
.animate-border::after {
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.animate-border::before {
    top: 0;
    left: 0;
}

.animate-border::after {
    bottom: 0;
    right: 0;
}

.animate-border:hover {
    color: #60daaa;
}

.animate-border:hover::before,
.animate-border:hover::after {
    width: 100%;
    height: 100%;
}

.animate-border:hover::before {
    border-top-color: #60daaa;
    border-right-color: #60daaa;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.animate-border:hover::after {
    border-bottom-color: #60daaa;
    border-left-color: #60daaa;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}







/* Boxes */
.border-box {
    border: 2px solid #eee;
    border-radius: 10px;
}

.border-box-3 {
    border: 2px solid #eee;
    border-radius: 3px;
}

.border-box-3-light-blue {
    border: 2px solid #f2f6fa;
    border-radius: 3px;
}

.border-box-d {
    border: 3px solid #ddd;
    border-radius: 3px;
}

.border-box-10 {
    border: 2px solid #eee;
    border-radius: 10px;
}

.radius-3 {
    border-radius: 3px;
    overflow: hidden;
}

.radius-5 {
    border-radius: 5px;
    overflow: hidden;
}

.radius-10 {
    border-radius: 10px;
    overflow: hidden;
}

.radius-15 {
    border-radius: 15px;
    overflow: hidden;
}

/* Form */
.form-style input,
.form-style textarea {
    background: var(--white);
    border: 0px;
    border-radius: 3px;
    outline: none;
    box-shadow: none;
    height: 100%;
}

.form-style .checkbox {
    margin-bottom: 20px;
}

input,
.form-style input:focus,
.form-style textarea:focus,
.form-style select:focus {
    outline: none;
    box-shadow: none;
}

.form-style button[type="submit"] {
    margin-bottom: 20px;
}

.form-style select {
    background: #eee;
    border: 0px;
    border-radius: 3px;
    outline: none;
    box-shadow: none;
    margin-bottom: 20px;
    font-size: 14px;
}

form.form-white-bg .form-control {
    background: #fff;
}

form.form-light-white-bg-2 .form-control {
    background: var(--quarter-light-cool-gray);
}

form.form-light-white-bg .form-control {
    background: #ddd;
}

form.form-gray-bg .form-control {
    background: #f4f4f4;
}

form.form-light-blue-bg .form-control {
    background: #f2f6fa;
}

form.form input,
form.form select {
    padding: 10px 20px;
    border-radius: 50vh;
}

form.form textarea {
    padding: 10px 20px;
    border-radius: 20px;
}

.form-control {
    height: auto;
    outline: none !important;
    box-shadow: none !important;
    border: solid 1px var(--half-light-cool-gray)
}

form textarea {
    max-width: 100%;
}

.subscription-form form {
    display: flex;
    flex-direction: row;
    border: 1px solid #bbb;
    border-radius: 30px;
    padding: 5px 5px 5px 15px;
    background-color: #fff;
}

.subscription-form form input {
    flex-grow: 2;
    background-color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

/* Float */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

/* Misc */
.inner_section {
    width: 100%;
}

.inner_section * {
    max-width: 100%;
}

.inner_section .container {
    padding: 0px;
}

.icon-area {
    min-width: 90px;
}

.icon-area-64 {
    max-width: 64px;
    height: auto;
}

.icon-area-100 {
    max-width: 100px;
    height: auto;
}

.icon-area-128 {
    max-width: 128px;
    height: auto;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/* Tables */
.table {
    margin-bottom: 0px;
}

.table tbody tr td {
    padding: 15px;
    vertical-align: middle;
}

table.table-separate {
    margin-bottom: 10px;
    background-color: #fff;
}

table.table-separate tr td {
    border-top: none;
    border-bottom: 5px solid var(--quarter-light-cool-gray);
    padding-top: 20px;
    padding-bottom: 20px;
}

.media-box-area {
    display: table-cell;
}

.media-box-area .inner {
    padding-left: 5px;
    padding-right: 5px;
}

.col-md-1 .media-box-area,
.col-md-2 .media-box-area,
.col-md-3 .media-box-area,
.col-md-4 .media-box-area {
    width: 100%;
    display: table-row;
    text-align: center;
}

.col-md-1 .media-box-area .inner,
.col-md-2 .media-box-area .inner,
.col-md-3 .media-box-area .inner,
.col-md-4 .media-box-area .inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .media-box-area {
        width: 100%;
        display: table-row;
        text-align: center;
    }

    .media-box-area .inner {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .media-sm-center {
        display: table;
        width: 100%;
    }

    .sm-text-center {
        text-align: center;
    }
    
}

.big-icon-link i {
    font-size: 30px;
    margin: 10px 10px 0px 0;
    line-height: 30px;
    display: inline-block;
}

.big-icon-link:hover,
.big-icon-link:focus {
    text-decoration: none;
    opacity: 0.7;
}


/* Backgrounds */
.cover-bg {
    background-size: cover;
    background-position: center;
}

.abstract-bg {
    background-image: linear-gradient(rgba(1, 30, 65, 1), rgba(1, 30, 65, 1)), url('../images/backgrounds/abstract-background.svg');
    background-color: rgba(1, 30, 65, 1);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* Hero banners */
.hero-viradx {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-viradx-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-febridx {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-febridx-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.hero-home {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-home-03-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* .hero-products {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-products-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
} */

.hero-news {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-news-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-contact {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-contact-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-assay-development {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-assay-development.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-cloud-data {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/cloud-data-background.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-invest {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-invest-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-manufacturing {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-manufacturing-1920x1280-02.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-medical-affairs {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/medical-affairs-background.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-point-of-care-readers {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-leelu-readers-background.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.hero-reader-development {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-reader-development-background.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* .hero-services {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-services-1920x1280.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
} */

.hero-team {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/hero-banner-team-1920x1280.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.quote-banner {
    position: relative;
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/backgrounds/stock-01.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.quote-banner-home {
    position: relative;
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/banners/quote-banner-home.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.quote-banner-team {
    position: relative;
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/banners/quote-banner-team.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.quote-banner-invest {
    position: relative;
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url("../images/banners/quote-banner-invest.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}



.channel-9-banner {
    position: relative;
    background-image: linear-gradient(rgba(1, 30, 65, 0.2), rgba(1, 30, 65, 0.2)), url("../images/channel-9-promo/channel-9-banner.jpg");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* Colour backgrounds */
.form-bg {
    background-image: linear-gradient(rgba(1, 30, 65, 0.5), rgba(1, 30, 65, 0.5)), url('../images/backgrounds/lumos-graphic-background.jpg');
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.half-height-bg {
    width: 100%;
    background: linear-gradient(180deg, #fff 50%, var(--navy) 50%);
}

/* Popups */

.section .section .row {
    margin: 0px;
}

/* Navbar */
.navbar-default {
    background: transparent;
    border: 0px;
}

.navbar-default .logo-img {
    margin-top: 0px;
    display: block;
    padding: 10px 0;
    height: 100%;
    width: auto;
}

.navbar-default .logo-img img {
    display: inline-block;
    max-height: 60px;
    width: auto;
}

.header-item {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 20px;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .text-md-right {
        text-align: right !important;
    }
}

/* Footer */
ul.footer-nav {
    padding: 0px;
    margin: 0px;
}

ul.footer-nav li {
    list-style: none;
}

ul.footer-nav li a {}

.logo-footer {
    max-width: 180px;
}


/* highlight */
.highlight-left,
.highlight-right {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
}

.highlight-left {
    left: 0;
}

.highlight-right {
    right: 0;
}

.highlight-left>div,
.highlight-right>div {
    z-index: 2;
}

.highlight-content {
    border-radius: 5px;
    padding: 30px;
}

@media only screen and (max-width: 767px) {

    .highlight-left,
    .highlight-right {
        display: none;
    }

    .highlight-white-mobile {
        background: #fff;
    }

    .highlight-gray-mobile {
        background: #f4f4f4;
    }

    .highlight-mobile-image {
        display: inline-block;
        width: 100%;
        height: 500px;
        position: relative;
    }

    .highlight-section {
        background-size: cover;
        background-position: center;
    }
}

/* Accordions */
.accordion .panel {
    border: 0px;
    line-height: 24px;
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
}

.accordion .panel-body {
    color: #888;
    border-top: 0px !important;
}

.accordion .panel-heading {
    border-radius: 3px;
    padding: 10px 20px;
}

/* Slider */
.accordion .panel-title {
    color: #888;
}

/* Header */
.fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.over-header {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.dropdown {
    display: inline-block;
    position: relative;
}

.header-nav li a {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header-nav>li>a {
    /* font-weight: bold; */
}

.nav_menu .navbar-nav>li>a:hover,
.nav_menu .navbar-nav>li>a:focus {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}

.scroll_menu .navbar-nav>li>a:hover,
.scroll_menu .navbar-nav>li>a:focus {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}

.dropdown-menu {
    border-radius: 2px;
    border: 0px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    padding: 0px;
}

.dropdown-menu li a {
    padding-top: 10px !important;
    padding-bottom: 10px;
}

.fancybox-container {
    z-index: 99999 !important;
}

.scroll_menu {
    z-index: 99998 !important;
}

.header-nav .open a,
.header-nav .hover_open a {}

.dropdown-menu>li>a {
    font-weight: 400;
    padding: 5px 15px;
    padding-bottom: 10px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
}

.scroll_menu {
    position: fixed;
    width: 100%;
    top: -80px;
    visibility: hidden;
    z-index: 999999;
    background: #fff;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15), 0 3px 12px 0 rgba(0,0,0,0.08);*/
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 2px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

img.scroll_logo_img {
    height: 80px !important;
    width: auto;
}

.navbar-toggle {
    border: 0px solid transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-collapse.in {
    border-color: transparent;
    box-shadow: none;
}

@media screen and (max-width: 768px) {


    /* Mobile Misc */
    .mobile-text-center {
        text-align: center !important;
    }

    .mobile-text-left {
        text-align: left !important;
    }

    .nav-mobile-center a {
        text-align: center;
        padding-left: 0px !important;
    }

    .mobile-float-none {
        float: none;
    }


    .nav_menu.over-header {
        background: #444 !important;
    }

    .navbar-header {
        /* border-bottom: 2px solid rgba(0,0,0,0.3); */
    }

    img.logo-img {
        max-height: 50px !important;
        width: auto;
    }

    .navbar-header {
        padding-bottom: 8px;
    }

    .slider .carousel-title {
        font-size: 16px;
        margin: 0px;
    }

    .slider .carousel-text {
        font-size: 14px;
        margin: 0px;
    }

    .slider .carousel-caption {
        top: 0 !important;
        padding: 0px;
    }


    .position-absolute {
        display: none;
    }
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgba(255, 255, 255, 0.75);
}

@media screen and (min-width: 768px) {

    /* Misc */
    .lg-inline-block {
        display: inline-block;
    }

    .nav-first-left {
        padding-left: 0px !important;
    }

    .nav-first-left>ul>li:first-child>a {
        padding-left: 0px
    }

    .header-nav .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px !important;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .header-nav .open>.dropdown-menu,
    .header-nav .hover_open>.dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-top: 0px !important;
        border-radius: 3px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 12px 0 rgba(0, 0, 0, 0.08);
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /*.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{*/
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        margin-top: 0;
    }

    .dropdown-toggle {
        margin-bottom: 2px;
    }

    .navbar .dropdown-toggle,
    .nav-tabs .dropdown-toggle {
        margin-bottom: 0;
    }
}

/* Tabs */
.nav-tabs {
    border: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #333;
    background-color: transparent;
    border: 1px solid transparent !important;
    cursor: default;
}

.nav-tabs>li.active {
    border-bottom: 4px solid var(--aqua);
}

.nav-tabs a:hover,
.nav-tabs a:hover li {
    background-color: var(--white) !important;
    border-color: var(--white);
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent !important;
    border-radius: 4px 4px 0 0;
    padding: 0px 15px;
}

.nav-tabs li {
    display: table-row !important;
}




/* Viradx navigation */
.nav-tabs>li.active-viradx>a,
.nav-tabs>li.active-viradx>a:hover,
.nav-tabs>li.active-viradx>a:focus {
    background-color: transparent;
    border: 1px solid transparent !important;
    cursor: default;
}

.nav-tabs>li.active-viradx {
    border-bottom: 4px solid var(--viradx-orange);
}

/* Febridx navigation */
.nav-tabs>li.active-febridx>a,
.nav-tabs>li.active-febridx>a:hover,
.nav-tabs>li.active-febridx>a:focus {
    background-color: transparent;
    border: 1px solid transparent !important;
    cursor: default;
}

.nav-tabs>li.active-febridx {
    border-bottom: 4px solid var(--febridx-red);
}

/* Slider */
.carousel-inner.item-450>.item {
    max-height: 450px;
}

.carousel-inner.item-600>.item {
    max-height: 600px;
}

.slider {
    border-radius: 3px;
    overflow: hidden;
}

.slider .carousel-title {
    font-weight: bold;
}

.slider .carousel-title,
.slider .carousel-text {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.slider .carousel-caption {
    vertical-align: middle;
    top: 20%;
    bottom: auto;
}

.slider .item-600 .carousel-caption {
    vertical-align: middle;
    top: 25%;
    bottom: auto;
}

.carousel-control {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.carousel-control:hover,
.carousel-control:focus {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* Map */
.map-large {
    width: 100%;
}

@media (min-width: 992px) {
    .map-large {
        display: block;
    }

    .map-small {
        display: none;
    }
}

@media (max-width: 991px) {
    .map-large {
        display: none;
    }

    .map-small {
        display: block;
    }
}



/* Lists */
ul.default-list {
    padding-left: 0px;
    margin-left: 0px;
}

/* ul.default-list li::before {
    content: '';
    display: inline-block;
    height: 50px;
    width: 50px;
    background-image: url("../images/icons/aqua/LDX_ICON_Website_Invest_Aqua.svg");
} */
ul.default-list li {
    margin: 0;
    padding: 3px 0 10px 40px;
    list-style: none;
    margin-bottom: 10px;
    background-image: url("../images/icons/blue-checkmark-list.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30px;
}

ul.sub-list {
    margin-top: 20px;
    padding-left: 0px;
}

ul.sub-list li {
    background-image: linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url("../images/icons/blue-checkmark-list.svg");
    /* background-image: url("../images/icons/blue-checkmark-list.svg"); */
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30px;
}

ul.disc-list {
    padding: 0px;
    margin: 0px;
}

ul.disc-list li {
    list-style: disc;
    list-style-position: outside;
    margin-bottom: 10px;
}


/* Disclaimer and EUA */
.product-eua {}

/* News */
.news-small {
    height: 250px;
}

.news-content {}

.news-content>a {
    text-decoration: underline;
    color: var(--aqua);
}

.news-content>ul>li {
    margin-bottom: 0px;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 1.5rem;
  --bs-spinner-height: 1.5rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: 2px solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

.w-100 {
    width: 100% !important;
}