*{
    margin: 0;
    padding: 0;
  }
  
  #btnsubmit{
    background-color: #B99B67;
    color: #ffffff;
    border-color: none;
    width: 50%;
    height: 80px;
    border-radius: 0%;
    font-size: larger;
  }
  
  #btnsubmit:hover{
    background-color: #20476A;
    color: #ffffff;
    border-color: none;
  }
  
  #linktext{
    color: #000000;
    font-size: 22px;
    font-weight: bold;
  }
  
  #linktext:hover{
    color: #B99B67;
  }
  
  .input-wrapper {
    position: relative;
    width: 100%; /* Optional: full width */
    height: auto;
  }
  
  .custom-input {
    border: none;
    outline: none;
    width: 100%; /* Optional: full width */
    height: 50px;
    padding: 0 0 5px 0; /* Add padding to the bottom to account for the pseudo-element */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
  }
  
  .input-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px; /* Default bottom border height */
    background-color: #20476A;
    transition: height 0.08s; /* Smooth transition */
  }
  
  .input-wrapper:hover:before {
    height: 3px; /* Thicker bottom border on hover */
  }
  
  
  .textarea-wrapper {
    position: relative;
    width: 80%; /* Optional: full width */
  }
  
  .custom-textarea {
    border: none;
    outline: none;
    resize: none; /* Optional: prevent resizing */
    width: 100%; /* Optional: full width */
    padding: 0 0 5px 0; /* Add padding to the bottom to account for the pseudo-element */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
  }
  
  .textarea-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px; /* Default bottom border height */
    background-color: #20476A;
    transition: height 0.08s; /* Smooth transition */
  }
  
  .textarea-wrapper:hover:before {
    height: 3px; /* Thicker bottom border on hover */
  }

  #logo {
    background-color: #FFFFFF;
    padding-left: 75px; /* Adjust padding for desktop view */
   
}

#title{
  color: #20476A; 
  padding-top: 80px; 
  padding-left: 400px; 
  height: 270px;
}

#contact{
 padding-top: 80px; 
 padding-bottom: 80px; 
 color: #ffffff; 
 padding-right: 50px; 
 background-color: #20476A;
}

.info-section {
  padding-left: 170px;
}

.info-section h5 {
  font-weight: normal;
}

.info-section p {
  font-size: large;
}

.info-section .spacing {
  margin-bottom: 60px; /* Adjust this value to control spacing between sections */
}

.info-section .hidden-text {
  display: none; /* Hide the text */
}

.contact-section {
  padding-left: 100px;
  padding-right: 200px;
}


.contact-section .spacing {
  margin-bottom: 30px; /* Adjust this value to control spacing between sections */
}

#reach{
  font-size: 44px; 
  font-weight:normal;
}

/* Mobile view adjustments */
@media screen and (max-width: 768px) {
    #logo {
        padding-left: 0; /* Remove padding for mobile view */
        padding-right: 0; /* Remove padding on the right side */
         /* Centering adjustments for all views */
    display: flex;
    justify-content: center;
    align-items: center;
    }

    #title {
      padding-left: 50px; /* Remove padding for mobile view */
      padding-right: 50px; /* Remove padding on the right side */
       /* Centering adjustments for all views */
  display: flex;
  justify-content: center;
  align-items: center;
  }

  .info-section{
    padding-left: 30px; /* Remove padding for mobile view */
    padding-right: 50px; /* Remove padding on the right side */
     /* Centering adjustments for all views */
justify-content: center;
align-items: center;
  }

  .contact-section {
    padding-left:30px; /* Remove padding for mobile view */
    padding-right: 0; /* Remove padding on the right side */
     /* Centering adjustments for all views */
justify-content: center;
align-items: center;
  }
  .custom-input {
    border: none;
    outline: none;
    width: 100%; /* Optional: full width */
    height: 50px;
    padding: 0 0 5px 0; /* Add padding to the bottom to account for the pseudo-element */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
  }
}