/* contact-page */
header{
    position: relative;
  }
  .contact-page-section{
    background-color: #fdf9f9;
    background-image: url('../img/contact-bg.png');
  }
  .contact-page-section .heading{
    font-size:calc(4.4vw + 0.1rem);
  }
  .contact-page-section .row{
  justify-content: space-between;
  }
  .contact-page-section .col1{
    margin-top: -2%;
    width:42%;
  }
  .contact-page-section .col2{
    width:52%;
  }
  .contact-form-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: calc(1.4vw + 0.1rem);
  }
  
  
  .contact-form-container .w-100 {
    width: 100%;
  }
  .contact-form-container .w-30{
    width:48.5%;
  }
  
  .contact-form-container label {
    display:none;
    color: #646464;
    font-weight:400;
    font-size: calc(0.95vw + 0.1rem);
    margin-bottom: calc(0.3vw + 0.1rem);
  }
  
  .contact-form-container input,
  .contact-form-container select,
  .contact-form-container textarea {
    width: 100%;
    border-radius:8px;
    border: solid 1px #9eb9c999;
    padding: calc(0.8vw + 0.1rem);
  }
  
  .contact-form-container input::placeholder,
  .contact-form-container select,
  .contact-form-container textarea::placeholder {
    color: #000000;
    font-size: calc(0.85vw + 0.1rem);
    letter-spacing: -0.1px;
  }
  
  .contact-form-container textarea {
    height: calc(10vw + 0.1rem);
  }
  
  .contact-form-container .button-container {
    display: flex;
    margin-top: 3%;
    align-items: center;
    justify-content: center;
  }
  
  .contact-form-container .button-container .button2 {
    outline: none;
    width:100%;
    border: none;
  }
  .contact-page-section .inner-row{
    margin-top:4%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: calc(1vw + 0.1rem);
  }
  .contact-page-section .info-card{
    width: 47%;
    background: #ffffffc2;
    border-radius: calc(1vw + 0.1rem);
    border: rgba(0, 0, 0, 0.1) 1px solid;
    backdrop-filter: blur(4px);
  }
  .contact-page-section .info-inner-card{
    display: flex;
    flex-direction: column;
    min-height:185px;
    justify-content: space-between;
    padding: calc(1vw + 0.1rem);
  }
  .contact-page-section .info-inner-card .icon-box{
    width:34px;
    
    border-radius: 10px;
    background-color: #e9f0f9;
  }
  .contact-page-section .info-inner-card .icon-box .inner-icon-box{
    display: flex;
    padding: calc(0.5vw + 0.1rem);
  }
  .contact-page-section .info-card-footer{
    height: calc(9.5vw + 0.1rem);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 10px;
  }
  .contact-page-section .info-inner-card2{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: calc(0.3vw + 0.1rem);
  }
  .contact-page-section .info-card-subheading{
  font-size: calc(1.05vw + 0.1rem);
  font-weight: 600;
  margin: 0px;
  }
  .contact-page-section .info-card-text{
    font-size: calc(0.9vw + 0.1rem);
  }
  .contact-page-section .action-button{
    border-radius: 10px;
    color: black;
    border: solid 1px #a6a6a6;
    font-weight: 500;
    font-size: calc(0.8vw + 0.1rem);
    text-decoration: none;
    padding: calc(0.5vw + 0.1rem) calc(1vw + 0.1rem);
    white-space: nowrap;
    text-align: center;
  }
  .button2 {
    position: relative;
    box-shadow: 0px 6px 16px -2px rgba(25, 97, 173, 0.3), 0px 6px 8px -4px rgba(67, 144, 226, 0.3);
    padding: 14px 24px;
    border-radius: 10px;
    font-size: calc(0.85vw + 0.1rem);
    padding-right: 50px;
    display: block;
    width: fit-content;
    background:#238f98;
    color: white;
    text-align: center;
  }
  .contact-page-section .info-card.location-card{
width: 100%;
  }
  /* Enquiry Button */

  @media (max-width: 767.98px) {
    .contact-page-section .heading {
      font-size:2rem;
    }
    .contact-page-section .row{
      justify-content: space-between;
      flex-direction: column-reverse;
      }
      .contact-page-section .col1{
        margin-top: 0%;
        width:100%;
      }
      .contact-page-section .col2{
        width:100%;
        margin-top: 4%;
      }
      .contact-page-section .info-card-subheading{
        font-size:1.2rem;
        font-weight: 600;
        margin: 0px;
        }
        .contact-page-section .info-card-text{
          font-size:0.9rem;
        }
        .contact-page-section .action-button{
          border-radius: 10px;
          color: black;
          border: solid 1px #a6a6a6;
          font-weight: 500;
          font-size:1rem;
          text-decoration: none;
          padding: calc(0.5vw + 0.1rem) calc(1vw + 0.1rem);
          white-space: nowrap;
          text-align: center;
        }
        .button2 {
         font-size: 1rem;
         padding:7px 24px;
        }
        .contact-page-section .info-card-footer{
          height:auto;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          margin-top: 10px;
        }
        .p-top2{
          padding-top: 3rem;
        }
        .contact-form-container input::placeholder,
        .contact-form-container select,
        .contact-form-container textarea::placeholder {
          color: #000000;
          font-size:1rem;
          letter-spacing: -0.1px;
        }
        .location-card{
          width: 100%!important;
        }
        .contact-form-container {
          display: flex
      ;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap;
          row-gap:20px;
      }
      .contact-page-section .info-inner-card .icon-box .inner-icon-box {
        display: flex
    ;
        padding: 6px;
    }
      .contact-page-section .info-inner-card .icon-box{
        width:33px;
        border-radius: 10px;
        background-color: #e9f0f9;
      }
      .contact-form-container input, .contact-form-container select, .contact-form-container textarea {
        width: 100%;
        border-radius: 8px;
        border: solid 1px #9eb9c999;
        padding: 10px;
    }
      .contact-form-container textarea {
        height:150px;
    }
  }