@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



:root{
    --primary: #1791e4;
    --primary-dark: #005b9a;
    --primary-light: #e3eff8;
    --light-green: #45c73e;
    --dark-green: #21831b;
    --color-black: #000;
    --color-white: #fff;
    --light-gray: #c6c6c6;
    --text-gray: #828282;
    --bg-light: #f7f7f7;
    --gray: #e0e0e0;
    --how-bg-1: #f7f7f7;
    --how-bg-2: #efefef;
    --how-bg-3: #e8e8e8;
    --how-bg-4: #e1e1e1;
    --how-bg-5: #dadada;
    --font-main: "Poppins", sans-serif;
    --font-sub: "Poppins", sans-serif;
}
html,body{
      font-family: var(--font-main);
}


.login-section{
     background-color: #fff;
    height: 92.5vh;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 20px;*/
   /*background-image: linear-gradient(0deg, rgb(0 0 0 / 14%) 0%, rgb(0 0 0 / 12%) 100%), url(../img/8.png);*/
   /* backdrop-filter: blur(10px);*/
   
   /* background-position: center;*/
   /* background-repeat: no-repeat;*/
   /* background-size: cover;*/
}
.login-section .auth-left{
    width:100%;
    height:92.5vh;
    display:flex;
    justify-content:center;
    align-items:center;
    
}
.login-section .col-lg-6{
    padding:0;
}
.login-section .auth-left img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius: 0px 00px 0 0;
}
.login-box-container{
      width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.login-box-latest{
    border-radius: 25px;
    padding: 40px !important;
    padding-top: 20px !important;
/* background: rgb(255 255 255 / 35%);*/
/*border-radius: 16px;*/
/*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
/*backdrop-filter: blur(16.9px);*/
/*-webkit-backdrop-filter: blur(16.9px);*/
max-width:500px;
width:100%;
}
.login-box-latest img{
    width:150px;
    display:flex;
    margin:10px auto;
}

.login-box-latest h4{
        font-size: 23px;
    text-align: center;
    line-height: 34px;
    font-weight: 600;
    color:var( --color-black);

}
.login-box-latest label{
    font-size:16px;
    color:var( --color-black);
}
.login-box-latest input{
    height:50px !important;
    /*padding:0 !important;*/
    border:0 !important;
    border:1px solid var(--text-gray) !important;
    border-radius:10px !important;
    color:var( --color-black) !important;
    font-weight:300 !important;
    background-color:transparent !important;
    box-shadow:none !important;
    font-size:14px;
    
}
.login-box-latest input::placeholder{
    color:var( --color-black) !important;
    
}
.login-box-latest input:focus{
     border:1px dashed var( --color-black) !important;
}


.btn--form {
  width: 70%;
  border: none;
  outline: none;
  height: 50px;
     background: #a91d1d ;
    background:#a91d1d ;
  color: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  transition: 0.5s;
}
.btn--form:hover{
  color: #fff;
  border-radius: 40px;
}

main.py-4{
    padding:0 !important;
}

.nav-item a.nav-btn{
        padding: 5px 25px;
   background-color: #a91d1d  !important;
    border-radius: 40px;
    color: #fff !important;
    transition: 0.5s;
    border: 1px solid #a91d1d ;
}


#show_password{
        width: 35px;
    height: 35px;
    border-radius: 50%;
    padding-top: 10px !important;
    background: #38c172;
    position:absolute;
        top: 7px;
    right: 7px;
    border: 0;
}
.input-group {
    position:relative;
}