@font-face {
            font-family: "AvenirNextLTPro";
            src:
                url("../css/fonts/avenir-next-lt-pro/AvenirNextLTPro-Demi.otf") format("opentype") tech(color-COLRv1),
                url("../css/fonts/avenir-next-lt-pro/AvenirNextLTPro-Demi.otf") format("opentype"),
                url("../css/fonts/avenir-next-lt-pro/AvenirNextLTPro-Regular.woff2") format("woff");
        }
        @font-face {
            font-family: "AvenirNextLTProBold";
            src:
                url("../css/fonts/avenir-next-lt-pro/AvenirNextLTPro-Bold.otf") format("opentype") tech(color-COLRv1),
                url("../css/fonts/avenir-next-lt-pro/AvenirNextLTPro-Bold.otf") format("opentype"),
                url("../css/fonts/avenir-next-lt-pro/AvenirNextLTPro-Regular.woff2") format("woff");
        }

        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
	    body{
            font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
	    }
        .patloginform{
            min-height: 263px;
        }
        .bg-003B4A{
            background-color: #003B4A;
        }
        a:hover{
            color: #FFFFFF;
        }
        .w-hcploginmsg {
            max-width: 280px;
        }
        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
 
        @media (min-width: 992px) {
            .position-lg-absolute {
                position: absolute;
            }
            .homeselbutton{
                margin-top: 265px;
            }
            .homemainimg{
                max-width: 800px;
                
            }
            .patientsbutton {
                width: 250px;
                padding: 10px;
                border: 6px #55C2B7 solid;
                background: #55C2B7;
                border-radius: 75px;
                color: #003B4A;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-size: 30px;
                line-height: 32px;
            }
            .probutton {
                width: 250px;
                padding: 10px;
                border: 6px #006CA3 solid;
                background: #006CA3;
                color: #fff;
                border-radius: 75px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-size: 30px;
                line-height: 1;

            }
            .probutton:hover{
                background-color: #4C99BE;
            }
            .patientsbutton:hover{
                background-color: #99D9D4;
            }
            /* a.lagtoggle {
                border: 2px #55C2B7 solid;
                padding: 3px 5px 0px 5px;
                background: #E1F3F1;
                font-size: 24px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                text-decoration: none;
                color: #000;
                border-radius: 6px;
            } */
            .h-logo{
                width: 240px;
            }
            .h-lg-40{
                height: 40%;
            }
            .h-lg-60{
                height: 60%;
            }
            .homebtndiv{
                display: flex;
                flex-direction: column;
            }
            .w-lg-48{
                width: 48%;
            }
            h1 {
                color: #007298;
                font-size: 40px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-weight: bold;
                margin-bottom: 23px;
            }
            p {
                font-size: 22px;
                color: #454545;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
            }
            .btn-dq{
                width: 300px;
                color: #FFFFFF;
                font-size: 30px;
                font-family: 'AvenirNextLTPro', Courier New, Courier, monospace;
                font-weight: 600;
                background-color: #003B4A;
                border: 6px rgba(0, 59, 74, 1) solid;
                border-radius: 100px;
            }
            .btn-dq:hover{
                color: #FFFFFF;
                background-color: rgba(0, 59, 74, 0.7);
                border: 6px rgba(0, 59, 74, 1) solid;
            }
            .fs-lg-22{
                font-size: 22px;
            }
        }
        .logoinbox {
            max-width: 300px;
            position: relative;
            margin: auto;
        }

        @media (min-width: 768px) {
            .h-logo{
                width: 200px;
            }
            .patientsbutton {
                width: 250px;
                padding: 10px;
                color: #003B4A;
                border: 5px #55C2B7 solid;
                background: #55C2B7;
                border-radius: 75px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-size: 23px;
                line-height: 32px;
                /* text-align: center; */
            }
            .probutton {
                width: 250px;
                padding: 10px;
                border: 5px #006CA3 solid;
                background: #006CA3;
                color: #fff;
                border-radius: 75px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-size: 23px;
                line-height: 1;
            }
            .md-spanbr{
                line-break: strict;
            }
            
            .homeselbutton {
                margin-top: 175px !important;
            }
            .h-lg-100{
                height: 100px;
            }
            .w-lg-70{
                width: 66%;
            }
            .w-md-200px{
                width: 200px;
            }
            .fs-lg-30{
                font-size: 30px;
            }
            .fs-lg-50{
                font-size: 50px;
            }
            .lh-36{
                line-height: 36px;
            }
            .w-lg-240{
                width: 240px;
            }
            .w-lg-300{
                width: 300px;
            }
            .h-lg-800{
                height: 850px;
            }
            .h-lg-230{
                height: 330px;
            }
            .videodiv {
                /*border: 3px red solid;*/
                height: 545px;
                width: 308px;
                margin: 25px;
                /*position: absolute;*/
                right: 317px;
                top: 150px;
            }
        }
        @media (min-width:425px) and ( max-width: 768px) {
            .h-tab-0{
                height: 0%!important;
            }
            .mt-tab-4{
                margin-top: 1.5rem !important;;
            }
        }
        @media (max-width: 768px) {
            .homeselbutton {
                margin-top: 30px !important;
            }
            .w-md-70{
                width: 70%;
            }
            .w-sm-100{
                width: 100%;
            }
                h1 {
                color: #007298;
                font-size: 30px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-weight: bold;
                margin-bottom: 23px;
            }
            p {
                font-size: 18px;
                color: #454545;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
            }
            .h-md-155{
                height: 100%;
            }
            .h-md{height: 230px;}
            .w-md-165{
                width: 165px;;
            }
            .fs-md-34{
                font-size: 34px;
            }
            .fs-md-20{
                font-size: 20px;
            }
            .fs-md-15{
                font-size: 15px;
            }
            .fw-700{
                font-weight: 700px;
            }
            .btn-dq {
                width: 205px;
                font-size: 20px;
                color: #ffffff;
                background-color: #003B4A;
                border: 6px rgba(0, 59, 74, 1) solid;
                border-radius: 100px;
            }
            .btn-dq:hover{
                color: #FFFFFF;
                background-color: rgba(0, 59, 74, 0.7);
                border: 6px rgba(0, 59, 74, 1) solid;
            }
            .bg-d4f0ed{
                background: #d4f0ed;
            }
            .pt-md-maidiv{
                margin-top: 925px;
            }
            .h-md-250{
                height: 450px;
            }
        }
        @media (min-width: 1440px) {
            .homeselbutton {
                margin-top: 265px !important;
            }
        }
        @media (min-width: 1025px) {
            .w-xl-48{
                width: 47%;
            }
        }
        @media (max-width: 575.98px) {
            .homeselbutton{
                margin-top: 20px;
            }
            .homemainimg{
                max-width: 100%;
                height: 100%;
            }
            .patientsbutton {
                width: 195px;
                height: 70px;
                border: 5px #55C2B7 solid;
                background: #55C2B7;
                color: #003B4A;
                border-radius: 45px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-size: 23px;
                line-height: 22px;
                /* text-align: center; */
            }
            .probutton {
                width: 195px;
                height: 70px;
                border: 5px #006CA3 solid;
                background: #006CA3;
                color: #fff;
                border-radius: 45px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                font-size: 23px;
                line-height: 22px;
            }
            .w-sm-70{
                width: 70%;
            }
            .lh-sm-22{
                line-height: 22px;;
            }
            /*a.lagtoggle {
                border: 2px #55C2B7 solid;
                padding: 1px 5px;
                background: #E1F3F1;
                font-size: 24px;
                font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
                text-decoration: none;
                color: #000;
                border-radius: 6px;
                display: inline-block;
            }*/
            .h-logo{
                width: 190px;
            }
            .h-sm-155{
                height: 230px;
            }
            .w-md-100px{
                width: 100px;
            }
            .w-sm-165{
                width: 165px;
            }
            .fs-sm-26{
                font-size: 26px;
            }
            .fs-sm-20{
                font-size: 20px;
            }
            .fs-sm-18{
                font-size: 18px;
            }
            .fs-sm-15{
                font-size: 14px;
            }
            .fs-sm-14{
                font-size: 14px;
            }
            .btn-dq {
                width: 205px;
                font-size: 20px;
                color: #ffffff;
                background-color: #003B4A;
                border: 6px rgba(0, 59, 74, 1) solid;
                border-radius: 100px;
            }
            .btn-dq:hover{
                color: #FFFFFF;
                background-color: rgba(0, 59, 74, 0.7);
                border: 6px rgba(0, 59, 74, 1) solid;
            }
            .videodivmobi {
                position: absolute;
                z-index: 1000;
                top: 0;
                left: 0;
                width: 100%;
                height: 380%;
                background-color: #fff;
            }
            .w-sm-255{
                width: 80%!important;
            }
            .h-sm-90{
                height: 90px;
            }
            .h-sm-logindiv{
                height: auto;
                padding-bottom: 25px;
            }
            .pt-sm-maidiv{
                margin-top: 185px;
            }
        }


        .b-example-divider {
            width: 100%;
            height: 3rem;
            background-color: rgba(0, 0, 0, .1);
            border: solid rgba(0, 0, 0, .15);
            border-width: 1px 0;
            box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
        }

        .b-example-vr {
            flex-shrink: 0;
            width: 1.5rem;
            height: 100vh;
        }

        .bi {
            vertical-align: -.125em;
            fill: currentColor;
        }

        .nav-scroller {
            position: relative;
            z-index: 2;
            height: 2.75rem;
            overflow-y: hidden;
        }

        .nav-scroller .nav {
            display: flex;
            flex-wrap: nowrap;
            padding-bottom: 1rem;
            margin-top: -1px;
            overflow-x: auto;
            text-align: center;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

        .btn-bd-primary {
            --bd-violet-bg: #712cf9;
            --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

            --bs-btn-font-weight: 600;
            --bs-btn-color: var(--bs-white);
            --bs-btn-bg: var(--bd-violet-bg);
            --bs-btn-border-color: var(--bd-violet-bg);
            --bs-btn-hover-color: var(--bs-white);
            --bs-btn-hover-bg: #6528e0;
            --bs-btn-hover-border-color: #6528e0;
            --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
            --bs-btn-active-color: var(--bs-btn-hover-color);
            --bs-btn-active-bg: #5a23c8;
            --bs-btn-active-border-color: #5a23c8;
        }

        .bd-mode-toggle {
            z-index: 1500;
        }

        .bd-mode-toggle .dropdown-menu .active .bi {
            display: block !important;
        }

        .footer-col2-txt {
            font-size: 15px;
            color: #FCF7F7;
            font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
        }

        .footer-links a {
            font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #FFFFFF;
            text-decoration: none;
        }
        .footer-links a:hover{
            color: #ffffffc8;
            text-decoration: underline;
        }
        
        .w-fill-available{
            width: -webkit-fill-available;
        }
        .inputcss{
            border:1px #00A7E1 solid;
            margin: 5px 0;
            border-radius: 6px;
            padding: 8px;
            width: 240px;
        }
        .inputcss::placeholder{
            font-style: italic;
        }
        .btn-submit{
            background-color: #55C2B7;
            border: 3px #55C2B7 solid;
            border-radius: 25px;
        }
        .btn-submit:hover{
            background-color: #A7DED9;
            border: 3px #55C2B7 solid;
        }
        
        .dropdown-province{
            background-color: #FFFFFF;
            margin: auto;
            font-size: 14px;
        }
        .dropdown-province li{
            text-align: left;
            list-style: none;
            font-size: 16px;
            color: #003B4A;
            padding-left: 5px;
        }

        .hidden{display: none;}
        .txt-14{font-size: 12px;color: red;}

        .fadein{
            animation: fadeInAnimation ease 1s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
         .vertical-center{
            vertical-align: middle;
            display: inline-block;
        }
        .d-table{
            display: table;
        }
        .d-table-cell{
            display: table-cell;
        }

        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        .custom-selectd{
            padding: 0px;
            border-radius: 6px;
            width: 240px;
            border: 1px #00A7E1 solid;
            margin: auto;
            left: 0;
            right: 0;
            position: absolute;
        }
        .protxt{
            display: inline-block;
            padding: 7px;
            font-size: 16px;
            text-align: left !important;
            width: 200px;
        }
        .droparrow{
            float: right;
            padding: 7px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }
        .fs-18{
            font-size: 18px;
        }
        a.lagtoggle {
            font-size: 0px;
            background-image: url(../imgs/pre-language-toggle-btn-FR.svg);
            background-repeat: no-repeat;
            background-size: contain;
            width: 40px;
            height: 40px;
        }

        a.lagtoggle:hover {
            background-image: url(../imgs/pre-language-toggle-btn-FR-hover.svg);
            background-repeat: no-repeat;
        }
        a.lagtogglefr {
            font-size: 0px;
            background-image: url(../imgs/pre-language-toggle-btn-EN.svg);
            background-repeat: no-repeat;
            background-size: contain;
            width: 40px;
            height: 40px;
        }

        a.lagtogglefr:hover {
            background-image: url(../imgs/pre-language-toggle-btn-EN-hover.svg);
            background-repeat: no-repeat;
        }
        .dininfo{
            cursor: pointer;
        }
        .fs-15{
            font-size: 15px;
        }
        
        .modelclose{
            top: -17px;
            right: -35px;
            z-index: 10001;
            cursor: pointer;
        }
        .border-00A7E1{
            border-color: #00A7E1!important;
        }
        .mw-680{
            max-width: 680px;
        }
        .clsbtn{
            height: 40px;
            width: 40px;
            display: block;
            background: url(../imgs/close-btn.png) no-repeat;
        }
        .clsbtn:hover{
            height: 40px;
            width: 40px;
            display: block;
            background: url(../imgs/close-btn-hover.png) no-repeat;
        }
        .dininfo{
            height: 15px;
            width: 20px;
            display: inline-block;
            background: url(../imgs/info-btn.svg) no-repeat;
            background-size: 75%;
        }
        .dininfo:hover{
            height: 15px;
            width: 20px;
            display: inline-block;
            background: url(../imgs/info-btn-hover.svg) no-repeat;
            background-size: 75%;
        }
        .oulli ol li{font-size: 18px; font-family: "AvenirNextLTProBold", Arial, Helvetica, sans-serif;}
        .border-A7DED9 {
            border: 4px #55C2B7 solid !important;
        }
        .bg-55C2B7 {
            background-color: #55C2B7;
        }
        .bg-55C2B7:hover {
            background-color: #A7DED9;
        }
        label {
            /* padding: 0px 5px; */
            cursor: pointer;
        }
        .bgg-55C2B7{
            background-color: #55C2B7;
        }
        .fw-600{
            font-weight: 600;
        }
        .fw-700{
            font-weight: 700;
        }
        .txt-003B4A{
            color: #003B4A;
        }
        .ff-AvenirNextLTPro{
            font-family: 'AvenirNextLTPro', Arial, Helvetica, sans-serif;
        }
        .ff-AvenirNextLTProbold{
            font-family: 'AvenirNextLTProBold', Arial, Helvetica, sans-serif;
        }
        .fs-23{
            font-size: 23px;
        }
        .bg-006CA3{
            background-color: #006CA3;
        }
        .lh-32{
            line-height: 32px;
        }
        .bounce {
            animation: bounce 2s ease infinite;
            width: 40px;
        }
        @keyframes bounce {
            70% { transform:translateY(0%); }
            80% { transform:translateY(-25%); }
            90% { transform:translateY(0%); }
            95% { transform:translateY(-10%); }
            97% { transform:translateY(0%); }
            99% { transform:translateY(-3%); }
            100% { transform:translateY(0); }
        }
        * {
            box-sizing: border-box;
        }
        #myVideo {
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            max-width: 100%;
            border: none;
            z-index: -1;
            margin: auto;
        }
    
        .content {
            position: fixed;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            color: #f1f1f1;
            width: 100%;
            padding: 20px;
        }