.bg-primary{background-color:#009FE3!important;}
.bg-secondary{background-color:#37B082!important;}
.bg-blue{background-color:#002459!important;}
.bg-info{background-color:#ECF1F4!important;} 
.text-primary{color:#009FE3!important;}
.text-secondary{color:#37B082!important;}
.text-blue{color:#002459!important;}
.text-info{color:#ECF1F4!important;}
.text-dark{color:#101214!important;}
.text-gray{color:#99AAB5;}
body{font-family:'Montserrat',sans-serif;padding-top:148px;}
.container{max-width:1264px!important;width:calc(100% - 8px);}
h1,.h1{font-size:4.75rem;}
h2,.h2{font-size:3rem;}
h3,.h3{font-size:2.5rem;}
h4,.h4{font-size:2rem;}
h5,.h5{font-size:1.75rem;}
h6,.h6{font-size:1.5rem;}
.pt-6{padding-top:4rem;}
.ps-6{padding-left:4rem;}
.pe-6{padding-right:4rem;}
.pb-6{padding-bottom:4rem;}
.mt-32{margin-top:2rem;}
.ms-32{margin-left:2rem;}
.me-32{margin-right:2rem;}
.mb-32{margin-bottom:2rem;} 
.text-sm{font-size:.875em;}
.radio{width:18px;height:16px;margin-right:8px;}
.button-box{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;}
.radio-button small{display: block; font-size:10px;line-height:1.3;margin-bottom:0;}
.radio-button input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{top:5px;left:2px;width:16px;height:16px;border:1px solid #0090DF;}
.radio-button:hover input ~ .checkmark{background-color:#fff;border:1px solid #0090DF;}
.checkmark:after{content:"";position:absolute;display:none;}
.radio-button input:checked ~ .checkmark:after{display:block;}
.radio-button .checkmark:after{width:11px;height:11px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#0090DF;border:1px solid #fff;}
.social-media-icon{width:38px;height:38px;}
/*/////////////*/
.content-container,footer{padding:6rem 0;}
.btn:hover {color: #101214 !important; background-color:#37B082!important;}
.swiper-scrollbar-drag{background:linear-gradient(90deg,rgba(44,159,227,1) 0%,rgba(54,174,140,1) 58%);}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{height:8px;}
.footer-nav-link:hover, .footer-mid-right a:hover, .contact-detail>a:hover, .header-top-link:hover, .ht-contact-link:hover {text-decoration: underline !important;}
.modal-backdrop{z-index: 999998;}
.modal{z-index: 999999;}


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
    body{padding-top:80px;} 
    .content-container{padding:4rem 0;}  
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    body{font-size:14px;}
    .btn {font-size: 14px !important;}
    .display-2{font-size:40px!important;}
    
    .contact-detail a{font-size:12px!important;margin-bottom:10px;text-align:center;}
    .contact-detail{margin-top:20px;}   
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px){ 
    h1,.h1{font-size:3rem;}
    h2,.h2{font-size:2rem;}
    h4,.h4{font-size:1.5rem;}
    h5,.h5{font-size:1.25rem;}
    h6,.h6{font-size:1rem;} 
    .content-container{padding:3rem 0;} 
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px){ 
}