body{font-family: "Inter", sans-serif;}

h1,h2,h3,h4,h5,h6{font-family: "Montserrat", sans-serif;}
a{text-decoration:none}
header + div.container-fluid{min-height: 72vh}


.bg-primary{background-color:#0f2854 !important;color:#fff}

.logo-area img{width:100%; max-width: 86px;object-fit:contain}
.logo-area h2{font-size:20px;margin:0; text-align:center}
.logo-area h2 span{display:block;}
.h1-logo{font-size: 18px;font-weight:bold}

.navbar.navbar-expand-lg{padding: 5px 0}
nav.navbar img {width: 100%;max-width: 56px;}
.navbar-nav a{color:rgba(255,255,255,0.6);font-size: 13px; padding:5px 10px  !important; margin: 0 4px;text-transform: uppercase;}
.navbar-nav a:hover{color:#fff;}
.navbar-collapse .navbar-nav a.nav-link.active{color: #fff;font-weight: 600;background: #d3a517;border-radius: 22px;}
header .dropdown-menu[data-bs-popper]{right:0; left:auto;padding:0}
header .dropdown-menu .dropdown-item{font-size:13px;padding: 10px;border-radius: 5px;text-transform:uppercase}
header .dropdown-menu .dropdown-item i{color:#ed796b}

.login-side-page{position:relative; background:#1d3557}
/*.login-side-page:before{content:""; background-image:url('../images/login-bg.png');height: 77vh;width: 100%;position: absolute;left: 0;
bottom: 7px;background-size:contain;z-index: -1; background-position:0 0 ; background-repeat:no-repeat; }*?

.login-body-area {height: calc(100vh - 116px);}
.login-body-area p {margin-left: 2em;color: rgba(255, 255, 255, 1);font-size: 17px;background-color: rgba(255, 255, 255, 0.1);line-height: 40px;padding: 15px;backdrop-filter: blur(42px);width: 85%;}


/*.login-form {background: url('../images/phone-bg.png');background-size: cover; background-repeat: no-repeat;}*/

.content-area {box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1);padding: 13px 20px 8px;height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    justify-content: center;}
.content-area h4 {font-size: 20px;color: #fff;text-transform: uppercase;font-weight: bold;letter-spacing: 1.2px;margin-bottom: 2px;}
.content-area ul {padding: 0;}
.content-area ul li {font-size: 13px;margin-bottom: 6px;list-style: none;padding-left: 20px;position:relative}
.content-area ul li::before {content: "☝"; transform: rotate(90deg) scaleX(-1); position:absolute; left:0}


.login-form h4{color:#205ba8; font-weight: bold;font-size: 25px;}
.login-form {text-align:center;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    width: 100%;height: calc(100vh - 120px);
}

.login-form .btn{width:100%;}
.others-login-area{position:relative;text-align:center; padding: 10px 0; margin: 10px;}
.others-login-area:before, .others-login-area:after{content:""; position:absolute; width: 42%;height: 1px; border-top: 1px dashed rgba(0,0,0,0.3); left:0; top:20px;}
.others-login-area:after{left: auto; right:0;}
.others-login-area span{padding: 0 10px}


footer{background:#f6f6f6; padding: 10px; color:#000;text-align:center; margin-top: 10px;font-size:12px;}
.login-side-page footer{margin:0;position:fixed; bottom:0;width:100%}

@media screen and (max-width:1200px) {
	.content-area{}
	
}
@media screen and (max-width:786px) {
	.login-body-area p{margin:0;width:100%}
	.login-form {width:100%;height: 100%;}
	.login-side-page footer{position:relative;}
	header .logo-area{display:block  !important; text-align:center}
	header .logo-area img{max-width:70px}
	header .logo-area .d-flex{justify-content:center; margin: 10px 0;text-align:left}
	.col-xs-12.ps-0{padding-left: 15px !important; margin-top:20px;}
	
}