* { padding: 0; margin: 0; box-sizing: border-box; }

/* Scrollbar */
::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #555;  }

body{background-color: #F4F4F4 !important;}
:root{
    --lavendar: #E7E7FF;
    --purple: #6173E5;
    --light-purple: #EDEFFC;
    --border-purple: #D3E4FF;
    --light-black: #232323;
    --white:#ffff;
    --blue:#00008B;
    --dark-blue:#1E3A8A;
    --black:#000;
    --grey:#626262;
    --grey2:#DCE0E5;
    --grey3:#F3F4F6;
    --black3:#101828;
    --grey4:#595959;
    --purple2:#6941C6;
    --grey5:#676767;
    --placeholder-color:#525252;
    --purple3:#F9F5FF;
    --purple4:#EEF;
    --grey6:#667085;
    --offwhite:#F9FAFB;
    --purple5:#CFD3FA;
    --purple6:#E8EAFF;
    --darkest-blue:#222B5E;
    --grey7:#575757;
    --black4:#050505;
    --bg-side:#F4F4F4;
    --auth-text:#333;
    --sea-green:#005F66;
    --grey8:#9D9D9D;
    --dark-black:#1A1E3D;
    --royal-blue:#00116E;
    --grey9:#4F4F4F;
    --red:#E56161;
    --icon-color:#9a9999;
    --dark-red:red;
}


/* Font Family */
.malgun { font-family: 'Malgun Gothic', sans-serif;}
.hanken { font-family: 'Hanken Grotesk', sans-serif;}
.Inter  {font-family: 'Inter', sans-serif;}
.Noto    {font-family: 'Noto Sans', sans-serif;}
.space-grotesk {font-family: 'Space Grotesk', sans-serif;}
.Satoshi{font-family: 'Satoshi' , sans-serif;}
.Nunito{font-family:'Nunito' ,sans-serif;}



/* Font Sizes */
h1, h2, h3,h4,h5,h6 { line-height: 1.5;  font-family: 'Malgun Gothic';}
p, a, span { line-height: 1.2;  font-family: 'Hanken Grotesk';}

h1 { font-size: 72px; font-weight: 700;}
h2 { font-size: 48px; font-weight: 400;}
h3 { font-size: 42px; font-weight: 400;}
h4 {font-size: 28px; font-weight: 700;}
h5 { font-size: 24px; font-weight: 400;}

p{ font-size: 18px; font-weight: 400;}

/* Extra Font sizes */
.fs-12{ font-size:12px;}
.fs-14 { font-size: 14px;}
.fs-16 { font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{ font-size: 18px;}
.fs-20{ font-size: 20px;}
.fs-22{font-size:22px;}
.fs-25{ font-size: 25px;}
.fs-30{font-size: 30px; }
.fs-36{font-size:36px;}

/* Font weight */
.bold { font-weight: 700;}
.semi_bold { font-weight: 600;}
.regular { font-weight: 500;}
.normal { font-weight: 400;}


/* Colors */
.bg_peach{background: linear-gradient(0deg, #FBFBFB 0%, #FBFBFB 100%), #FDFDFF;}
.bg_lavendar { background-color: var(--lavendar);}
.purple { color: var(--purple);}
.blue-text {color: var(--blue);}
.red-text{color: var(--red);}
.white-text{color: var(--white);}
.light-black{color: var(--light-black);}
.black{color: var(--black);}
.black3{color: var(--black3);}
.grey{color: var(--grey);}
.grey2{color: var(--grey2);}
.grey4{color: var(--grey4);}
.grey-text{color: var(--grey5);}
.purple2{color: var(--purple2);}
.grey6{color:var(--grey6);}
.offwhite{color:var(--offwhite);}
.light-purple{color:var(--light-purple);}
--border-purple{color:var(--border-purple);}
.dar-blue-text{color: var(--darkest-blue);}
.grey7{color:var(--grey7);}
.grey8{color:var(--grey8);}
.black4{color:var(--black4);}
.auth-text{color: var(--auth-text);}
.sea-green{color: var(--sea-green);}
.dark-black {color: var(--dark-black);}
.royal-blue{color: var(--royal-blue);}
.grey9{color:var(--grey9);}


img{height: 100%; width: 100% ; object-fit: contain;}

/* Buttons */
.button { font-size: 16px; font-weight: 500; color: #fff; background-color: var(--blue); border-radius: 10px; border: 2.5px solid var(--blue); padding: 15px 30px;}
.button1 { color: var(--blue); background-color: var(--white); border: 2.5px solid var(--blue);}
.trans_btn { background-color: transparent;}

.button:hover, .button1:hover { background-color: #fff; color: var(--blue);transform: none; }
.button:hover .indicator-label{ color: var(--blue)}

/* Global Setting */

a { text-decoration: none;}
li { list-style: none;}

/* Global Classes */
.p_top { padding-top: 3em;}
.no_border { border: 0;}




/*auth pages*/
.side-img{background: var(--bg-side);}
.side-img img{object-fit: none;}
.login-img {
    background: linear-gradient(rgba(233, 233, 255, 1), rgba(233, 233, 255, 1)), url(../images/login-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-blend-mode: hard-light;
    padding: 40px;
}
.login-img .login-box{background-color: var(--white);padding: 30px;border-radius: 20px;}
.login-img .login-box input.auth-input{border-radius: 5px;
    border: 1px solid #38373E;
    background: #FAFAFA;}
.login-img .login-box input::placeholder{color: #9A9999;
    font-family: "Malgun Gothic",sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;}
.login-img .login-box .auth-tabs{border:none;}
.login-img .login-box .auth-tabs .nav-item .nav-link.active{border:none;}
.login-img .login-box .auth-tabs   .nav-tabs .nav-link{border:none;border-top-left-radius:0; border-top-right-radius:0;}
.login-img .login-box .auth-tabs   .nav-tabs .nav-link.active:hover{border: none;}
.login-img .login-box .auth-tabs  li.nav-item {display: flex;justify-content: center;align-items: center;}
.form-check-input[type=radio]{border-color: var(--blue); }
.form-check-input:checked[type=radio] {appearance: initial;background-color: var(--blue)}
.form-check.form-check-inline {display: flex;justify-content: center;align-items: center;gap: 6px;}
.form-check-input {width: 1rem;height: 1rem;}
.toggle-password {color: var(--icon-color);position: absolute;cursor: pointer;top: 56px;right: 11px;}
.login-img .login-box .nav-tabs .nav-link:focus , .nav-tabs .nav-link:hover{border-color: transparent;}
.login-img .login-box .auth-tabs .nav-item .nav-link .form-check {
    padding-left: 0;
}
.login-img .login-box .auth-tabs   .nav-tabs  .nav-link {display: flex;justify-content: center;align-items: center;gap: 15px;}

#password-business-error, #password-confirm-error {
    color:var(--dark-red);
}