body { padding:0; margin:0 }
header, footer { display:none }
.loginWrapper { display:flex; align-items:center; flex-wrap:wrap; width:100%; height:100vh }
.loginSlider { background:#0A093A; width:50%; height:100%; position:relative }
.loginFlieds { background:#fff; width:50%; height:100%; padding:2rem; max-width:500px; margin:0 auto; display:flex; flex-direction:column;  justify-content:center; overflow:auto }

.darkLoginBtn { width:100%; background:#0A093A; color:#fff; padding:10px; border-radius:10px; font-weight:600; text-transform:capitalize; font-size:16px; min-height:56px; margin-left:0; margin-right:0 }
.darkLoginBtn:hover, .darkLoginBtn:focus { background:#0A093A !important; color:#fff }

.whiteLoginBtn { width:100%; background:#fff; color:#000; padding:10px; border-radius:10px; font-weight:600; text-transform:none; font-size:16px; border:1px solid #DEDDDE; min-height:56px; margin-left:0; margin-right:0  }
.whiteLoginBtn svg { width:24px; height:24px; vertical-align:middle; margin-right:5px }
.forgotPass { color:#B5B5B5; font-weight:600; transition:all 0.3s }
.backLoginBtn { position:fixed; top:10px; left:51%; background:#fff }
.linkColor { color:#0393EF }

.loginSlider .bgImage { width:100%; height:100%; opacity:0.4; display:block; position:absolute; left:0; top:0; z-index:0 }
.loginSwiper { padding:3rem; position:relative; z-index:1; color:#fff; max-width:600px; margin:0 auto; text-align:center }
.loginSwiper h2 { color:#fff; margin-bottom:0.5rem }
.loginSwiper .swiper-slide { padding-bottom:2rem }
.loginSwiper .swiper-slide img { max-width:400px }
.loginSwiper .swiper-slide p { opacity:0.8; font-size:16px; font-weight:normal; line-height:1.4; margin-top:0 }
.ecLoginLogo { width:160px; background:#fff; position:absolute; left:2rem; top:1rem; z-index:2 }
.loginSwiper .swiper-pagination-bullet { width:36px; height:6px; border-radius:1px; background:#00CAFD }

.darkLoginBtn.md-button.md-default-theme[disabled], .darkLoginBtn.md-button[disabled] { background:#eaeaea !important }
.darkLoginBtn.md-button.md-default-theme[disabled]:hover, .darkLoginBtn.md-button[disabled]:hover { background:#eaeaea !important; color:rgba(0,0,0,0.38)!important }

.loginSlider video { position:absolute; left:0; width:100%; height:100%; object-fit:cover; }

.microsoft-signin-wrapper { margin-top:0 !important }
#ms-signin-btn { width:100%; background:#fff; color:#000; padding:10px; border-radius:10px !important; font-weight:600; text-transform:capitalize; font-size:16px; border:1px solid #DEDDDE !important; min-height:56px; margin:6px 0 }
#ms-signin-btn:hover { background:rgba(158,158,158,0.2)!important }
#ms-signin-btn object { vertical-align:middle; min-width:26px; margin-right:2px }
#ms-signin-btn span { margin-left:4px; vertical-align:text-top; font-size:16px; color:#000; font-weight:400; text-transform:none }

.eyePassword { position:absolute; right:0 }
.google-signin-wrapper { position:absolute; left:0px; top:14px; margin-top: 0 !important; width:100%; opacity:1; z-index:2 }
.googleLoginBtn .whiteLoginBtn { font-weight:500 }

.loaderOverlay { width:50%; left:50% }
.googleLoginBtn { position:relative }

.loginLeft10Year { width:50%; height:100%; padding:0; display:flex; align-items:center; justify-content:center; flex-direction:column; overflow:hidden; position:relative }
.loginLeft10Year .ecLogo { width:200px; position:absolute; right:2rem; top:1rem }
.loginLeft10Year .year10Content { text-align:center }
.loginLeft10Year .year10Content img { width:450px; }
.loginLeft10Year .year10Content h3 { color:#fff; font-weight:500; line-height:48px }


.loginLeftimex {
	width: 50%;
	background: #F6F7F8;
	background-image: url(../../Images/AMaterial/imex-login-background.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:100%;
	height: 100%;
	position: relative;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

}
.loginLeftimex .ecLogo { width:200px; position:absolute; left:2rem; top:2rem }
.loginLeftimex .imexContent { width:90%; max-width:555px; }
.loginLeftimex .imexContent img { width:450px; }
.loginLeftimex .imexContent h3 {  font-weight:700; line-height:1.2;font-size:70px;margin-bottom:30px;margin-top:0; }
.loginLeftimex .imexContent h3 span{  color:#FF66B9; }
.loginLeftimex .imexContent .booth-tag { background-color:#FF66B9; display:inline-block; padding:15px 35px; color:#fff; font-weight:600; border-top-left-radius:32px;border-bottom-right-radius:32px;margin-bottom:36px}
.loginLeftimex .imexContent p {  line-height:1.1;font-size:22px;margin-bottom:10px;margin-top:0; }

.imexbar2025 { display:none !important }
.helloBarActive { padding-top:0 !important }

.slider-wrapper { display:flex; transition:transform 1s ease-in-out }
.slider-wrapper img { width:100%; height:100%; object-fit:cover; flex-shrink:0 }
.fade-mode {position:relative; width:100%; height:100% }
.fade-mode img { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s ease-in-out }
.fade-mode img.active { opacity:1 !important; z-index:1 }

/*::::::::::::::::::::::: media :::::::::::::::::::::::*/

@media screen and (max-width:1400px) {

}
@media screen and (max-width:1199.98px) {

}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:991px) {
	.loginLeft10Year .year10Content h3.fs3 { font-size:2rem }
	.loginLeftimex .imexContent h3.fs3 { font-size:2rem }
	 
}
@media screen and (max-width:767px) {
	.loginFlieds { width:100%; max-width:100% }
	.backLoginBtn { left:12px }
	.loaderOverlay { width:100%; left:0 }

}
@media screen and (max-width:479px) {
	 

}
@media screen and (max-width:320px) {
	 

}