@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');

.dotbackgrounsectiontwo {
    background-image: url(../assets/images/about_us_section_two.webp);
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    padding: 4% 0% 4% 0%;
}
.logoimg {
    width: 200px;
    height: auto;
}
.form-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  
}


.login-heading {
    font-family: 'poppins-bold', sans-serif !important;
    font-size: 40px;
    font-weight: 600;

}
.form-label {
    font-family: 'poppins-bold', sans-serif !important;
    font-size: 14px;

}
.login-button {
    background: linear-gradient(90deg, #004234 0%, #004234 35%, #00A884 100%);
    font-family: 'poppins-bold', sans-serif !important;
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.login-button:hover{
    color: white;
}
.forogt-div a {
    color: #004234;
    text-decoration: none;
    font-family: 'poppins-bold', sans-serif !important;
    font-size: 14px;
}
.form-group {
    margin-top: 17px !important;
}
.custom-select {
   
    position: relative;
  }
  
  select {
    appearance: none;
    /*  safari  */
    -webkit-appearance: none;
    /*  other styles for aesthetics */
    width: 100%;
    font-size: 1.15rem;
    padding: 0.675em 6em 0.675em 1em;
    background-color: #fff;
    border: 1px solid #caced1;
    border-radius: 0.25rem;
    color: #000;
    cursor: pointer;
  }
  
  .custom-select::before,
  .custom-select::after {
    --size: 0.3rem;
    content: "";
    position: absolute;
    right: 1rem;
    pointer-events: none;
  }
  
  .custom-select::before {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-bottom: var(--size) solid black;
    top: 63%;
  }
  
  .custom-select::after {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-top: var(--size) solid black;
    top: 75%;
  }
  .input-group {
    position: relative;
}

.input-icon {
    position: absolute;
    right: 10px; /* Position the icon inside the input box */
    top: 50%;
    transform: translateY(-50%); /* Center the icon vertically */
    
}

.input-group input {
    padding-right: 30px; /* Make room for the icon */
}