.login-box-container{position:relative;font-family:'Mulish',sans-serif}
.login-box-container h1,h2,h3,p{font-family:'Mulish',sans-serif;margin-bottom:unset}
.banner-img{width:100%;height:calc(100vh - 44px)}
.banner-img .desktop-image{width:100%;height:100%}
.login-container{display:flex;position:absolute;z-index:1;justify-content:space-between;width:85%;align-items:center;left:50%;top:50%;transform:translate(-50%,-54%);gap:5%}
.content-details{width:60%;display:flex;flex-direction:column;gap:1.5rem}
.content-details h1{color:#004a80;text-shadow:0 8px 22px rgba(0,0,0,0.32);font-size:34px;font-style:normal;font-weight:800;line-height:100%}
.added-line{line-height:14px;position:relative;top:-5px}
.all-content{display:flex;align-items:center;gap:1rem}
.all-content img{height:50px;width:50px}
.all-content h3{color:#004a80;font-size:18px;font-style:normal;font-weight:800;line-height:120%;text-transform:uppercase}
.all-content p{color:#004a80;font-size:16px;font-style:normal;font-weight:400;line-height:120%}
.login-box{width:40%;background-color:white;padding:20px 20px;border-radius:8px;position:relative}
.login-heading{color:#004a80;font-size:28px;font-style:normal;font-weight:800;line-height:normal;border-bottom:1px solid #dadada;padding-bottom:15px;margin-bottom:15px}
.login-box label{color:#000;font-size:14px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:-0.07px}
.login-box input{border-radius:4px;width:100%;margin-bottom:1rem;padding:4px 10px;border:1px solid #dadada;outline:0}
.btn-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #dadada}
.btn-section button{border-radius:6px;background:#f58220;color:#FFF;font-size:14px;font-style:normal;font-weight:800;line-height:normal;text-transform:uppercase;width:100%;padding:10px;border:unset}
.swiper h2{color:#004a80;font-size:14px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:-0.07px;text-transform:uppercase;text-align:center;margin-bottom:10px}
.swiper-box{overflow:hidden;text-align:center;border-radius:4px;border:1px solid #dadada;background:#fafafa;padding:10px 0;margin-bottom:2rem}
.swiper-content img{width:33.991px;height:33.991px}
.swiper-content h3{color:#004a80;font-size:15.107px;font-style:normal;font-weight:700;line-height:120%;margin:0}
.swiper-content p{color:#004a80;font-size:13.219px;font-style:normal;font-weight:400;line-height:120%;margin:0;font-family:'Mulish',sans-serif}
.add-color{bottom:8px !important}
.add-color span{background-color:#004a80 !important;width:6px;height:6px;border-radius:2px}
.swiper-box-mob{display:none}
.mob-image{display:none}
.login-details{position:relative}
.login-details input{margin-bottom:23px}
.login-details .error{color:red !important;transform:unset;bottom:2px}
@media(max-width:767px){.added-line{display:none}
.login-container{flex-direction:column;transform:translate(-50%,-60%);top:55%}
.banner-img{height:calc(100vh - 50px)}
.desktop-image{display:none}
.mob-image{display:block;height:100%;width:100%}
.content-details{width:100%;gap:0}
.login-box{width:100%;margin-top:1rem;padding:10px 20px}
.content-details h1{font-size:22px;text-align:center}
.all-content{display:none}
.swiper-box-mob{display:block;overflow:hidden;text-align:center;position:relative}
.add-color-white{bottom:-6px !important}
.add-color-white span{background-color:white !important;width:7px !important;height:7px !important;border-radius:2px}
.all-content-mob img{width:35px;height:35px}
.content-data h3{font-size:14px;font-weight:700;color:#004a80;margin-bottom:unset}
.content-data p{font-size:14px;font-weight:400;color:#004a80;margin-bottom:unset;padding-bottom:15px}
.content-data span{font-size:14px;font-weight:400;color:#004a80;margin-bottom:unset;line-height:16px !important;position:relative;top:-16px;display:block}
.add-color{bottom:13px !important}
}
.tdsModal .tdsModalContent .tds-modalTitle{color:#000}
.tdsModal .tdsModalContent .downloadIcon{width:12px}
.select ul.selectBox{z-index:9;position:relative;font-weight:600;color:#f36523;background:transparent;border:1px solid #f36523;border-radius:20px;padding-left:0;text-align:center}
.select ul.selectBox li.option:hover{background-color:none}
.select ul.selectBox li.option{z-index:1;padding:8px;display:none;list-style:none}
.select ul.selectBox li:first-child{display:block}
.select ul.selectBox li{cursor:pointer}
.selectBoxMain:after{z-index:1;position:absolute;content:"";right:20px;top:18px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #f36523}
.popUp-btn{padding:14px 30px;color:#fff;background:#004a80;border:1px solid #004a80;border-radius:28px;width:100%}
.popUp-btn:hover{background-color:#fff;color:#004a80}
.addDownArrow{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position-x:95%;background-position-y:50%;-webkit-appearance:none;appearance:none;cursor:pointer}
.fs-6{font-size:35px}
.rotateCross{transform:rotate(90deg) !important}
.popUp-btnHover{padding:14px 30px;color:#fff;background-color:#b02a30;border:1px solid #b02a30;border-radius:28px;width:100%;font-weight:600;cursor:pointer}
.popUp-btnHover:hover{background-color:#fff;color:#b02a30}
.radio-button-container{position:relative;padding-left:45px;cursor:pointer}
.radio-button-container h6{position:relative}
.radio-button-container h6::after{content:"";position:absolute;width:100%;height:1px;background:#ff563063;bottom:-13px;left:0}
.radio-button-container input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:50%;left:0;height:20px;width:20px;border-radius:50%;border:1px solid #f36523;align-items:center;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
.radio-button-container input:checked ~ .checkmark{border-color:#f36523}
.checkmark:after{content:"";position:absolute;display:none}
.radio-button-container input:checked ~ .checkmark:after{display:block}
.radio-button-container .checkmark:after{border-radius:50%;background:#ff5630;width:10px;height:10px}
.selectYear h6{color:#f36523;font-size:18px}
.custom-input:focus{color:#05162e}
.modal-login .iconBoxCust i{position:inherit;top:inherit;left:inherit;transform:rotate(0) !important}
.tds-modal{position:absolute;right:0;background:white;margin:0;height:100vh;width:496px;top:0}
.tds-modal-content{height:100vh}
.tds-modal-header{padding:0 !important;position:relative}
.tds-modal-header h4{color:#fff;position:absolute;bottom:10px;left:1rem}
.tds-modal-header button{position:absolute;z-index:111;color:#fff;right:1rem;top:10px;opacity:1}
.tds-modal-header button span{color:#fff !important;opacity:1}
.radio-btn-years{flex-direction:column}
.customer-id-modal{right:0;padding:0;width:500px !important;height:100vh !important;background:white;box-shadow:unset !important;left:unset;transform:unset !important;top:0}
.customer-id-modal-content{height:100vh;background-color:white;padding:0 !important}
.customer-id-modal-header{padding:0 !important;position:relative}
.customer-id-modal-body{padding:1.5rem !important}
.customer-id-modal-header h4{color:#fff;z-index:1;position:absolute;bottom:10px;left:1rem}
.customer-id-modal-header button{position:absolute;z-index:111;color:#fff;right:1rem;top:10px;opacity:1}
.customer-id-modal-header button span{color:#fff !important;opacity:1}
@media screen and (max-width:768px){.appError{max-width:173px !important}
.tds-modal{width:100vw}
.radio-btn-years{margin-top:1.5rem;position:relative;left:-1rem}
.customer-id-modal{width:100vw !important}
}
.full-screen-loader{width:100vw;height:100vh;position:fixed;background-color:#5e5e5e69;top:0;z-index:9999;left:0}
.loader-width{border-radius:8px;border:1px solid #f4ded8;background-color:white;width:430px !important;height:160px !important;margin:unset !important;position:absolute !important;top:50%;left:50%;transform:translate(-50%,-50%) !important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:20px}
.loader-width img{width:68px;height:74px}
.progress-container{width:100%;height:12px;background-color:#ccc;border-radius:10px;overflow:hidden}
.progress-bar-custom{width:0;height:100%;background:linear-gradient(135deg,#ef7d00 0,#ad2221 100%);animation:progressAnimation 4s linear infinite}
@keyframes progressAnimation{0{width:0}
100%{width:100%}
}
@media screen and (max-width:767px){.loader-width{width:90% !important}
}
@media screen and (max-width:767px) and (max-height:700px){.login-container{transform:translate(-50%,-56%)}
.footer-container{margin-top:1rem;position:relative}
.mob-image{height:108%}
}