*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Playfair Display", serif;
}

p {
    font-family: Inter;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Jura, sans-serif;
}


.contactus-main {
    height: 100vh;
    width: 100%;
    background-image: url(./assets/contactus-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* overflow-x: hidden;
    overflow-y: hidden; */
    position:relative;
 
  
}
.black-overlay
{
position: absolute;
height: 100vh;
background-color:rgba(0, 0, 0, 0.5) ;
    z-index: 1; 

width:100%;
}

.contactus-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* align-items: center; */
}

.contactus-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

}

.contactus-heading h1 {
    font-family: Jura;
    font-weight: 600;
    font-size: 64px;
    line-height: 62.72px;
    letter-spacing: 0%;
    color: white;
}


.contactus-heading span {
    font-family: Jura;
    font-weight: 600;
    font-size: 64px;
    line-height: 62.72px;
    letter-spacing: 0%;
    color: white;
      z-index: 2;
}

.contactus-heading {
    display: flex;
    margin-top: 207px;
    flex-direction: column;
    gap:15px;
}





  
  /* .contact-container {
background: linear-gradient(275.89deg, #FFFFFF 12.47%, #EEF9FF 75.96%);

   

    display: flex;
    align-items: center;
    padding: 4.5rem 0;
 
    width: 100%;
  }
  
  .contact-form-card {
    background-color: white;
    border-radius: 18px;
    padding: 2rem;
    align-items: center;

  } */
  
  .contactus-container h2 {
    color: #494949;
    font-family: Jura;
    font-weight: 400;
    font-size: 48px;
    /* line-height: 49.92px; */
    letter-spacing: 0%;
    
  }
  /* .contact-container .form-label
  {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 0%;
    color:#1E1E1E;
  }
  
  .form-label {
    
    margin-bottom: 0.25rem;
  }
  
  .form-control {
    border: 1px solid #ddd;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
  }
  
  .form-control::placeholder {
    color: #B3B3B3;
 


    font-family: Inter;
font-weight: Body/Font Weight Regular;
font-size: 16px;
line-height: 16px;
letter-spacing: 0%;

  }
  .contact-btn-wrapper
  {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .contact-btn-submit {
    background-color: #000;
    color: white;
    border: none;
    padding: 0.75rem;
    width: 50%;
    font-family: Inter;
font-weight: 500;
font-size: 16px;

line-height: 20px;
letter-spacing: 0%;


  } */
  .contactus-map-wrapper
  {
    margin-top:70px;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:30px;
    padding: 0px 30px;
  }
  .map
  {


    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

  }
  .contactus-detail-wrapper
  {
    display: flex;
    align-items: center;
    justify-content: flex-start;
gap:30px;
  }
  .contactus-detail
  {

    padding: 16px;
    background: rgba(222, 244, 255, 0.5);
height: 142px;
gap:10px;
border-radius: 18px;
display: flex;
flex-direction: column;
align-items: right;
justify-content: center;

  }
  .contactus-span1
  {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 28.08px;
    letter-spacing: 0%;
    color: rgba(73, 73, 73, 1);

    
  }
  .contactus-span2
  {
    font-family: Inter;
font-weight: 400;
font-size: 16px;

letter-spacing: 0%;
color:rgba(73, 73, 73, 1);

  }

  .email-call-wrapper
  {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:30px;
  }
  


  

  



























  /* Responsive adjustments */
  @media (max-width: 768px) {
    
  }
  
  @media (max-width: 576px) {
   
  
    
  }



@media only screen and (max-width: 600px) {
   

.contactus-heading {
    margin-top: 350px;

}
.contactus-heading span {
    font-family: Jura;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0%;
    color: white;
    z-index: 2;

}
.contact-container {
    
        padding: 3rem 0;
     
        width: 100%;
      }


      .contactus-detail
      {
    
        padding: 16px;
        background: rgba(222, 244, 255, 0.5);
    /* height: 180px; */
    gap:10px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: right;
    justify-content: center;
    
      }

      .contactus-map-wrapper
      {
        
        padding: wwpx;
      }








  }
  @media only screen and (max-width: 1023px) {
   
   
    .contactus-heading {
        margin-top: 350px;
    
    }
    .onflex
    {
  
              width: 100%;
    }

    .contactus-detail-wrapper
    {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
  gap:20px;
    }

    .email-call-wrapper
    {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: space-between;
      gap:15px;
      width: 100%;
    }

    .contactus-map-wrapper
      {
        
        padding: 0px 20px;
      }
      .contactus-map-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
 
}

   
  }