.head,.loghead{font-family:Poppins;font-style:normal;font-weight:500;font-size:2.5vw;line-height:1.35vw;color:#000;padding: 1vw 0.85vw}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url('/fonts/poppins-v19-latin-regular.eot');src:local(''),url('/fonts/poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'),url('/fonts/poppins-v19-latin-regular.woff2') format('woff2'),url('/fonts/poppins-v19-latin-regular.woff') format('woff'),url('/fonts/poppins-v19-latin-regular.ttf') format('truetype'),url('/fonts/poppins-v19-latin-regular.svg#Poppins') format('svg')}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url('/fonts/poppins-v19-latin-600.eot');src:local(''),url('/fonts/poppins-v19-latin-600.eot?#iefix') format('embedded-opentype'),url('/fonts/poppins-v19-latin-600.woff2') format('woff2'),url('/fonts/poppins-v19-latin-600.woff') format('woff'),url('/fonts/poppins-v19-latin-600.ttf') format('truetype'),url('/fonts/poppins-v19-latin-600.svg#Poppins') format('svg')}@font-face{font-family:'Rubik';font-style: normal;font-weight:400;src:url('/fonts/Rubik-Light.eot');src:local(''),url('/fonts/Rubik-Light.eot?#iefix') format('embedded-opentype'),url('/fonts/Rubik-Light.woff2') format('woff2'),url('/fonts/Rubik-Light.woff') format('woff'),url('/fonts/Rubik-Light.ttf') format('truetype')}
@font-face {
    font-family: 'Rubik Bold';
    font-style: normal;
    font-weight: 100 800;
    src: url('/fonts/Rubik-Bold.eot');
    src: local(''),url('/fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),url('/fonts/Rubik-Bold.woff2') format('woff2'),url('/fonts/Rubik-Bold.woff') format('woff'),url('/fonts/Rubik-Bold.ttf') format('truetype')
}.head{text-align:center}.loghead{text-align:center;margin-bottom:4px;font-size:1.35vw;}@media screen and (max-width: 768px) {.loghead{font-size:6.05vw;line-height:6.05vw}.loginput,.loginput input{width:72.1vw;height:11.62vw;}}.fo,.logdetails{font-family:Poppins;font-style:normal;font-weight:400;text-align:center}.fo,.logdetails,.loglabel{color:#282828}.logdetails{font-size:22px;line-height:33px;margin-bottom:21px}.btnlog,.loglabel{font-family:Poppins;font-style:normal;line-height:0.94vw;font-size:0.63vw}.loglabel{font-weight:500;padding:2px 0}.btnlog{width:18.75vw;height:2.6vw;font-weight:400;text-align:center;color:#fff;background:#1498D5;border-radius:5px}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s,color 600000s}.loginput,.loginput input{width:18.7vw;height:2.6vw;background:#fff;border:1px solid #d8dee2;border-radius:5px}@media screen and (min-width:1920px){.mycard-deck .mycard{width:350px;height:400px;margin-right:2.97vw;margin-top:2.97vw}.subhead,.tex{font-size:24px;line-height:36px}.qb{width:150px;height:150px;margin-top:0px;margin-bottom:2.4vw}.xero{width:174px;height:174px;margin-top:0px;margin-bottom:2.4vw}.sage{width:238px;height:119px;margin-top:0px;margin-bottom:2.4vw}.login{width:222px;height:51px;margin-top:20px;margin-bottom:40px}}@media screen and (max-width:1536px),(min-width:576px){.mycard-deck .mycard{width:275px;height:300px;margin-top:2.97vw;margin-right:2.97vw}.fo,.subhead,.tex{font-size:22px;line-height:33px}.hus{width:380px;height:76px;margin-right:805px;margin-top:40px;margin-left:80px}.qb{width:107px;height:107px;margin-top:0px;margin-bottom:2.4vw}.xero{width:123.1px;height:123.1px;margin-top:0px;margin-bottom:2.4vw}.sage{width:168px;height:84px;margin-top:0px;margin-bottom:2.4vw}.login{width:172.49px;height:36.08px;margin-bottom:45px;margin-top:14.62px}}.body-content{padding-left:15px;padding-right:15px}.carousel-caption p{font-size:20px;line-height:1.4}.carousel-inner .item img[src$=".svg"]{width:100%}#qrCode{margin:15px}@media screen and (max-width:767px){.loginput,.btnlog{width:72.1vw;height:11.63vw;font-size:2.8vw;line-height:4.2vw}.carousel-caption{display:none}}
/* hide by default, animate via opacity/transform for smooth toggle */
.custom-select-wrapper {
    position: relative;
}

.options-container {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 160px;
    max-height: 260px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    border-radius: 4px;
    padding: 6px 0;
    z-index: 1200;
    /* hidden state */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 160ms ease, transform 160ms ease;
    pointer-events: none;
}

    /* visible state when JS adds .open */
    .options-container.open {
        opacity: 1;
        display: block;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* optional: simple keyboard / focus styling */
    .options-container .option {
        padding: 6px 12px;
        cursor: pointer;
    }

        .options-container .option:hover {
            background: #f5f5f5;
        }