:root{
    --primary-color:#125FA9;
    --primary-color-hover:#004e97;
    --secondary-color:rgba(87, 161, 255, 0.24);
    --secondary-hover:rgba(87, 161, 255, 0.36);
    --lightgray-bg:rgba(162,162,162,.18);
    --lightgray-bg-hover:rgba(162,162,162,.36);
    --primary-light-color:rgba(87, 161, 255, 0.11);
    --text-black-color:#000;
    --footer-primary-bg:#0e0e0e;
    --footer-secondary-bg:#080808;
    --white-color:#fff;
    --light-blue-bg:rgba(51, 121, 185, 0.191);
}


body{font-family: "Mona Sans", serif; color: var(--text-black-color); font-size: 0.938rem;}
a{color: var(--primary-color);}
a:hover{color: var(--primary-color-hover);}
.mainNav .navbar-nav .nav-item{padding-left: 12px; padding-right: 12px;}
.mainNav .navbar-nav .nav-item .nav-link{color: var(--text-black-color); font-weight: 500; font-size: 15px; padding-left: 0; padding-right: 0; border-bottom: 2px solid transparent ;}
.mainNav .navbar-nav .nav-item .nav-link.active, 
.mainNav .navbar-nav .nav-item .nav-link:hover{border-color:var(--primary-color); color: var(--primary-color);}
.mainNav .navbar-nav .nav-item .nav-link.show{ color: var(--primary-color);}
.mainNav .navbar-nav .nav-item .dropdown-menu li a{font-weight: 500;}
.mainNav .navbar-nav .nav-item .dropdown-menu li a:hover {background:var(--primary-light-color); color:var(--primary-color);}
.mainNav .navbar-toggler:focus{box-shadow: none;}


.bannerImg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bannerTitel{z-index: 999; position: absolute; top: 22%; text-align: center; width: 100%; transform: translateY(-22%);}
.textShadow{text-shadow: 0px 0px 1px rgba(0,0,0,.8) ;}

.bannerNotification{z-index: 999; position: absolute; bottom: 0; text-align: center; width: 100%; }
.notificationbox{background-color: rgba(0,0,0,.5); font-size: 16px;}

.headingIcon{width: 24px; height: 24px;}
.iconBg{border: 2px solid rgba(18,95, 169, .10); background-color:rgba(18,95, 169, .16) ;}

.customerReview{background-color: #07bcd4;}
.footerSec{background: var(--footer-primary-bg);}
.copyright{background-color: var(--footer-secondary-bg);}
.subscribe{background-color: rgba(255,255,255,.1);}
.subscribe::placeholder{color: rgba(255,255,255,.5);}
.subscribe:focus{background-color: rgba(255,255,255,.1) !important;}
.primaryBtn{background-color: var(--primary-color);}
.primaryBtn:hover, .primaryBtn:focus, .primaryBtn:active{ background-color: var(--primary-color-hover) !important; border-color: var(--primary-color-hover) !important;}

.footerBtn{background-color: var(--white-color); color: #000;}
.footerBtn:hover, .footerBtn:focus, .footerBtn:active{color: #000 !important; background-color: var(--white-color) !important; border-color: var(--white-color) !important;;}

.video-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; }

.content { position: relative; color: white; text-align: center; font-family: Arial, sans-serif; height: 100vh; display: flex; justify-content: center; align-items: center;}
.logninbox{width: 460px;}
.padLeft40{padding-left: 40px !important;}
.padLeftLabel{padding-left: 45px !important; }
.padRight40{padding-right: 45px !important; }
.loginIcons{position: absolute; left: 15px; top: 15px; width: 18px; height: 18px; z-index: 5;}
.passwordShowHide{position: absolute; right: 15px; top: 15px; width: 18px; height: 18px; z-index: 5;}
.orLine::before{position: absolute; right: 15px; left: 15px; top: 50%; content: ""; border-bottom: 1px dashed rgba(0,0,0,.2);}
.zIndex{z-index: 99;}

.secondaryBtn{background-color: var(--secondary-color); color: var(--primary-color) !important; border: 1px solid var(--primary-color) !important;}
.secondaryBtn:hover, .secondaryBtn:focus, .secondaryBtn:active{background-color: var(--secondary-hover) !important; color: var(--primary-color-hover) !important;}
.lightgrayBtn{background-color: var(--lightgray-bg); color: #000 !important; border: 1px solid #000 !important;}
.lightgrayBtn:hover, .lightgrayBtn:focus, .lightgrayBtn:active{background-color: var(--lightgray-bg-hover) !important; color: #000 !important;}

.roundedBtn{background-color: var(--light-blue-bg); color: var(--primary-color) !important; border: 1px solid var(--primary-color) !important;}
.roundedBtn:hover, .roundedBtn:focus, .roundedBtn:active{background-color: var(--primary-color) !important; color: #fff !important;}

.roundedBtn .fillColor{fill:var(--primary-color)}
.roundedBtn:hover .fillColor,.roundedBtn:focus .fillColor, .roundedBtn:active .fillColor{fill:#fff}

.footerSec a{color: #fff; text-decoration: none;}
.footerSec a:hover{color: var(--primary-color); text-decoration: none;}
.adminBg{background-color: #F5F6FA;}
.adminHeading{position: relative;}
.adminHeading:after{content: ""; position: absolute; right:-35px; top: 50%; border-top: 2px solid var(--primary-color); width: 30px;}
.customTable th, .customTable td { padding: 1rem; text-align: left;  }

.form-check{padding-left: 0 !important;}
.form-check .form-check-input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.form-check .form-check-label{position:relative;cursor:pointer; font-weight: 600;}
.form-check .form-check-label:before{content:'';-webkit-appearance:none;background-color:transparent;border:2px solid #029463;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px;border-radius:4px}
.form-check .form-check-input:checked+.form-check-label:after{content:'';display:block;position:absolute;top:4px;left:9px;width:6px;height:14px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.form-check .form-check-input:checked+.form-check-label:before{background-color:#029463}

/* marquee{text-align:center;position:absolute;width:800px;left:50%;font-size:20px;margin-left:-400px;height:100%;} */
.height250{height: 250px;}

@media screen and (max-width: 768px){
    .mainNav .navbar-nav .nav-item .nav-link.active, .mainNav .navbar-nav .nav-item .nav-link:hover{border-color:transparent}
    .topRight{flex-direction: row; justify-content: start;}
    .profileName{margin-left: 12px; }
    .profileName, .socialIcons{ margin-right: auto;}
    .adminHeading:after{display: none;}
    .mobResponsive{white-space: nowrap;}
    .height250{height: 400px; overflow: hidden;}
    
    
}