html{ overflow-x: hidden;}

body {
   font-family: "Inter", sans-serif;
  color: #4E4E4E;
  font-weight: 400;
  background: #fff;
  font-size: 14px;
  line-height: 24px;
  overflow-x: hidden; padding: 0px !important;
}

h1, h2, .h1, .h2, h3,
h4,
h5,
h6,
.h3,
.h4,
.h5 {
  color: #4E4E4E;
  font-weight: 700;
   font-family: "Inter", sans-serif;
}




::-moz-selection {
  color: #fff;
  background: #383839;
}

::selection {
  color: #fff;
  background: #383839;
}

.navbar-brand img, .logo-menu  img{ max-width: 200px;}


/*==================*/


.navbar-nav .nav-link{ font-size: 14px; padding: 4px 15px !important; position: relative; color: #fff;}
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover{ color: #fff;}   
.navbar-nav .nav-link img{ width: 15px;}
.navbar-nav .nav-link:hover{ text-decoration: underline;}

.dropdown-menu{ border: none !important; background: #8457C4; border-radius: 5px;} 
.dropdown-menu li a{ color: #fff; font-size: 14px;}

.header.scrolled {
    background-color: #ffffff; /* Change color */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Optional shadow */}

.bg-navbar{background: linear-gradient(180deg, #5CBEFB 4%, #246B9B 75.96%); box-shadow: 0px 4px 13px 4px #00000040; border: 1px solid #0000005E;} 

.login-wrappar{ background: url(../images/login-bg.svg) no-repeat right bottom; background-size: 900px; padding: 140px 0px 70px;}


 .login-box {
      max-width: 380px;
  
      background: #fff;
   
      box-shadow: 0px 4px 38px 0px #00000080;

    }
    .login-box h4 {
      background: #04AA6D;
      color: #fff;
      padding: 10px;
      text-align: center; font-weight: 400; text-shadow:0px 4px 4px #00000040 ; 
      font-size: 20px;
      border-radius: 0;
    }
 .form-control{box-shadow: 0px 4px 4px 0px #00000040 !important; height: 40px; border: none; border-radius: 0px;
}

    .form-control:focus { border: none !important;
    }

.form-control::placeholder{color:#000;opacity:.4;} 

 .form-control.shadow-input{box-shadow: 0px 0px 13px 3px #00000040 !important;
}

    .login-box .btn {
      background: #04AA6D;
      border: none; border-radius: 0px; text-shadow:0px 4px 4px #00000040 ; 

      width: 100%;
    }
    .login-box .btn:hover {
      background: #13856e;
    }
    .extra-links {

      margin-top: 15px;
    }
    .extra-links a {
      text-decoration: none; display: inline-block;
      color: #ED9200;
      font-weight: 500;
    }

    .extra-links a:hover{ color: #000;} 

    .l-ftr a{color: #ED9200; text-decoration: underline;} 
    .l-ftr a:hover{color: #ED9200; text-decoration: none;}

    .captcha-box {
      display: flex;
      align-items: center;
     
    }

    .captcha-box button img{ width: 15px;}
    
    .captcha-box img {
      height: 40px;
    }

    .input-group-text{ border-radius: 0px; padding: 0px !important; margin: 0px !important;
background: linear-gradient(180deg, #04AA6D 0%, #007248 100%);
}
 .input-group-text img{ width: 18px;} 
  .input-group-text i { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;} 

  .view-p img{ width: 25px;} 
  .login-aside-sec{ max-width: 430px;} 
  .l-ftr{ line-height: 24px;}