:root{--title-color:#3D4758;--title-font-size:clamp(1.25rem, 0.689rem + 1.561vw, 2.25rem);--title-mb:clamp(0.5rem, 0.375rem + 0.5vw, 0.875rem);--section-py:clamp(2.25rem, 0.8438rem + 3.9063vw, 4.75rem);--subtitle-color:#444444;--subtitle-font-size:clamp(1.125rem, 0.7744rem + 0.9756vw, 1.75rem);--subtitle-mb:clamp(0.5rem, 0.375rem + 0.5vw, 0.875rem);}
body{--bs-body-font-family: "Inter", sans-serif;font-optical-sizing:auto;overflow-x:hidden; }
.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center; height:100%;}
.btn:active,.btn:focus,.form-control:focus,button:focus{outline:0;box-shadow:none!important}

@-webkit-keyframes checkmark{0%{stroke-dashoffset:100px}100%{stroke-dashoffset:200px}}@-ms-keyframes checkmark{0%{stroke-dashoffset:100px}100%{stroke-dashoffset:200px}}
 @keyframes checkmark{0%{stroke-dashoffset:100px}100%{stroke-dashoffset:0}}
 @-webkit-keyframes checkmark-circle{0%{stroke-dashoffset:480px}100%{stroke-dashoffset:960px}}
 @-ms-keyframes checkmark-circle{0%{stroke-dashoffset:240px}100%{stroke-dashoffset:480px}}
 @keyframes checkmark-circle{0%{stroke-dashoffset:480px}100%{stroke-dashoffset:960px}}
 @keyframes colored-circle{0%{opacity:0}100%{opacity:100}}

/* ==============================
    Responsive   
    ============================== */ 
   @media only screen and (min-width:1920px) {  
    .loginbg::after {width: calc(100% - 44%); }
   }
   
   @media only screen and (max-width:1199px) {
   }
   
   @media only screen and (max-width:991px) {
   }
   
   @media only screen and (max-width:767px) {
   }
   
   @media only screen and (max-width:575px) {
    .loginbg{padding: 36px 0px;background-size: cover;background-position: center;background-repeat: no-repeat;}
    .loginbox {padding: 36px 24px; border-radius: 24px; }
    .loginbg::after{display: none; }
   }

   @media only screen and (max-width:359px) {
    .forgotpwd{font-size: 14px; }
   }
   
   @media (min-width:575px) and (max-width:767px) { }