body { font-size: calc(0.15rem + 1vw); } 

@media (max-width: 768px) { 
body { font-size: calc(0.8rem + 1vw); } 
}
@media (max-width: 575px) {
body { font-size: calc(0.8rem + 1vw); } 
}

/*Custom Scrollbar*/
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #e9a13b; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #997748; }

*,
*::before,
*::after {padding: 0;margin: 0;box-sizing: border-box;list-style: none;list-style-type: none;text-decoration: none;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}

body, 
html {height: 100%;margin: 0;font-family: 'Segoe UI', sans-serif;background-color: #070b17;color: #e6e6e6;}

a {color: #479fca;text-decoration: none;}
a:hover {color: #e9a13b;}

.btn, .form-control{font-size: calc(0.15rem + 1vw);}
input::placeholder{color:#555!important;font-size: calc(0.15rem + 1vw);}
@media (max-width: 768px) { 
.btn, .form-control, input::placeholder { font-size: calc(0.8rem + 1vw); } 
}
@media (max-width: 575px) {
.btn, .form-control, input::placeholder { font-size: calc(0.8rem + 1vw); } 
}
.split-left {background: url('../images/bg-login-s.jpg') no-repeat center center;background-size: cover;color: #e6e6e6;}
.split-left h1{color:#e9a13b;font-weight: 800;font-size: 40px; line-height: 46px;}/*font-size: 3.4rem;*/
.split-left h1 span{color:#fff;font-weight: 300;}

.overlay {background-color: rgba(0, 0, 0, 0.7);height: 100%;padding: 4rem;}

.login-box {padding: 4rem 3rem;max-width: 430px;margin: auto;}
.login-box a.logo img{padding: 2rem 0rem;width: 100%;height:auto;margin-left: auto;}
.login-box-text {padding: 4rem 0rem;margin: auto;}/*max-width: 420px;*/

.bi.password-field-icon-eye{position:absolute;right: 22px;top:38px;color: #d38e41; }

.btn-warning {background-color: #b6742c;color: #fff!important;border: none;}
.btn-warning:hover {background-color: #e9a13b;color: #fff!important;}

.form-control {background-color: #182031;color: #fff;border: 1px solid #273143;}
.form-control:focus {background-color: #182031;color: #fff;border-color: #d38e41;box-shadow: 0 0 0 0.2rem rgba(211, 142, 65, 0.25);}

.btn-google, 
.btn-microsoft {background-color: #182031;color: #fff;border: 1px solid #444;}

.btn-google:hover, 
.btn-microsoft:hover {background-color: #2a2a2a;}
a.btn-google img, a.btn-microsoft img,
button.btn-google img, button.btn-microsoft img {height: 20px!important;width:20px; margin-right: 10px;}

/*--cookies--*/
html:has(body.block-scroll) {overflow: hidden;}
html:has(body) {overflow: auto;}

#parent-cookieconsent{padding-right:0px !important;overflow: hidden!important; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);display:inherit;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999;}
/* .cc-color-override--1762072787.cc-window{position:absolute;top:0} */
.cc-color-override--1762072787.cc-window{background: rgb(3,0,55);background: linear-gradient(90deg, rgba(3,0,55,1) 0%, rgba(5,50,162,0.6755077030812324) 50%, rgba(0,0,51,1) 100%);padding-top:30px!important;padding-bottom: 30px!important;z-index: 99;}
.cc-banner .cc-message{color: #ffffff!important;}
.cc-color-override--1762072787 a.cc-link{color: #ffffff!important;}
.cc-color-override--1762072787 .cc-btn{color: #212529!important;background-color: #ffc107!important;border-color: #ffc107!important;text-transform: uppercase; font-weight: 600;}
.cc-color-override--1762072787 .cc-btn:hover {color: #212529;background-color: #e0a800!important;border-color: #d39e00!important;}


/* swiper */
/*.slider-section a,
.slider-section button {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
    user-select: none;border: none;outline: none;background: none;}
.slider-section img {display: block;max-width: 100%;height: auto;-o-object-fit: cover;object-fit: cover;
image-rendering: -webkit-optimize-contrast;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges;}
.slider-section .container {max-width: 75rem;height: auto;margin-inline: auto;padding-inline: 0rem;}
.slider-section .container .swiper-horizontal{padding: 25px;}
.slider-section .swiper-slide{background: rgba(255, 255, 255, 0.7);border-radius: 15px;border: 2px solid #e9a13b;}
.slider-section .swiper-button-next::after, 
.slider-section .swiper-button-prev::after {display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 800;padding: 1rem;
width: 2rem;height: 2rem;opacity: 1;border-radius: 50%;color: #fff;background: #e9a13b;}background: var(--black-300);*/

/* Hide Google reCAPTCHA badge */
.grecaptcha-badge {   visibility: hidden !important;   opacity: 0 !important;   pointer-events: none !important; }


/*-------------------------------------------------------------- 
# CSS Custom Checkbox
--------------------------------------------------------------*/ 
/***** CHECKBOX RADIO BUTTON STYLES *****/
.custom {margin-bottom: 16px;}
.custom.checkbox > label,
.custom.radio > label {position: relative;cursor: pointer;padding-left: 32px;}
.custom input[type="checkbox"],
.custom input[type="radio"] {position: relative;margin-left: -26px;margin-right: 12px;cursor: pointer;}
.custom input[type="checkbox"]:after,
.custom input[type="radio"]:after {content: "";position: absolute;top: -5px;left: -4px;width: 20px;height: 20px;background: #070b17;border: 2px solid #e9a13b;cursor: pointer;}
.custom input[type="checkbox"]:before {transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);transform: rotate(-45deg) scale(0, 0);content: "";position: absolute;left: 0px;z-index: 1;width: 13px;height: 7.5px;border: 2px solid #e9a13b;border-top-style: none;border-right-style: none;}
.custom input[type="checkbox"]:checked:before {transform: rotate(-45deg) scale(1, 1);}
.custom input[type="checkbox"]:after {border-radius: 2px;}
.custom input[type="radio"] {top: -2px;}
.custom input[type="radio"]:before {transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);transform: scale(0, 0);content: "";position: absolute;top: 1px;left: 0;z-index: 1;width: 12px;height: 12px;background: #e9a13b;border-radius: 50%;}
.custom input[type="radio"]:checked:before {transform: scale(1, 1);}
.custom input[type="radio"]:after {border-radius: 50%;top: -3px;}

/*====================================================  RESPONSIVE DESIGN ==========================================*/
@media (max-width: 768px) { 
.split-left h1 { font-size: 32px;color: #ffffff;}  
}
@media (min-width: 1400px) {
}
@media (min-width: 1600px) {
}

@media (min-width: 1800px) {
}
@media (min-width: 1900px) {/*1920 x 1080*/
}
@media (min-width: 2500px) {/*2560 x 1440*/
.split-left h1 {font-size: 70px;line-height: 90px;}

.login-box {padding: 4rem 3rem;max-width: 600px;margin: auto;}

.custom input[type="checkbox"]:after,
.custom input[type="radio"]:after {content: "";position: absolute;top: -12px;left: -4px;width: 30px;height: 30px;background: #070b17;border: 2px solid #e9a13b;cursor: pointer;}


}
@media (min-width: 3400px) {/*3456 x 2234*/
.split-left h1 {font-size: 90px;line-height: 110px;}

.login-box {padding: 4rem 3rem;max-width: 800px;margin: auto;}

}
@media (min-width: 3800px) {/*3840 x 2160*/
.split-left h1 {font-size: 110px;line-height: 130px;}

.login-box {padding: 4rem 3rem;max-width: 800px;margin: auto;}

}