
.contact-section{
    background: linear-gradient(180deg, #930F0A 0%, #5F0400 137.39%);
}
.contact-layer-box{
    border-radius: 14px;
background: linear-gradient(0deg, #FFE390 0%, #FFF 122.41%);
position: relative;
z-index: 1;
}
.contact-max-width{
    max-width: 500px;
}
.college-adrs h2{
    color: #910000;
      font-family: 'RedHatText-Bold';
      font-size: 17px;
      letter-spacing: 0.60px;
}
.college-adrs p{
    color: #1E1E1E;
    line-height: 28px;
}
.contact-info-text,.contact-info-text a{
    color: #1E1E1E;
    font-family: 'RedHatText-Medium';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.contact-form{
    background: #fff;
    border-radius: 14px;
z-index: 1;
position: relative;

background: #FEFFFF;

box-shadow: 0px 2px 11px 0px rgba(104, 104, 104, 0.25);



}
.footer-right{
  margin-bottom: -180px;
}
input.form-control{
    background: transparent;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #939393;
    color: #000;
}
input.form-control:focus{
  outline: none;
  box-shadow: none;
  background: transparent;
  color: #000;
  border-color: #939393;
}
::placeholder,::-ms-input-placeholder{
    color: #000;
}
.form-control::placeholder {
    color:#000; /* Change to your desired color */
    opacity: 1; /* Ensure full visibility */
}
.focused .form-label {
    transform: translateY(-125%);
    font-size: .75em;
}

.form-group {
    position:relative;  
  
    & + .form-group {
      margin-top: 30px;
    }
  }
  
  .form-label {
    position: absolute;
    left: 0;
    top: 7px;
    color: #000;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
   
    
   
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.414px;
    margin: 0;
  }
  .textarea-label{
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.414px;
  }
  
  .focused .form-label {
    transform: translateY(-120%);
    font-size: 11px;
  }
  
  .form-input {
    position: relative;
    padding: 12px 0px 5px 0;
    width: 100%;
    outline: 0;
    border: 0;
    box-shadow: 0 1px 0 0 #343434;
    transition: box-shadow 150ms ease-out;
    background: transparent;
    color: #000;
    border-radius: 0px;
    font-size: 15px;
  
  }
    
    .form-input:focus {
      box-shadow: 0 2px 0 0 #343434;
    }
  
  
  .form-input.filled {
    box-shadow: 0 2px 0 0 #343434;
  }
  
  
  .contact-form textarea{
    border-color: #939393;
    min-height: 164px;
    font-size: 15px;
  
  }
  .contact-form textarea:focus{
    outline: none;
    box-shadow: none;
    background: transparent;
    color: #000;
    border-color: #939393;
  }

  .textarea-label{

  }
  .captcha-label {
    color: #000;
    font-family: 'RedHatText-Regular' ;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.414px;
  }
  .submit-btn{
    border-radius: 3px;
    background: #AF0D07;
    color: #FEFFFF;
    font-family: 'RedHatText-Medium';
    font-size: 15px;
    font-style: normal;
    outline: none;
    line-height: normal;
    border: 1px solid #AF0D07;
    letter-spacing: 0.45px;
    padding: 2px 12px;
    transition: all 0.5s ease;
  }
  .submit-btn:not(:disabled):hover{
    background-color: #fff;
    color:#AF0D07;
    transition: all 0.5s ease;
  }
  .submit-btn:disabled{
    opacity: 0.7;
  }
  .error{
    color:red ;
    font-size: 12px;

  }

  .btm-circle-img img{
    max-width: 256px;
    min-width: 256px;
    margin-bottom: -29px;
    margin-top: -12px;
  }
.contact-section{
  position: relative;
}
  .right-circle{
      position: absolute;
      right: 3%;
      bottom: 0px;
      max-width: 256px;
      min-width:256px
  }

  .left-side-img{
    position: absolute;
    bottom: 20%;
    left: 0px;
    max-width: 135px;
  }

  .right-top-img{
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 208px;
  }