.contact-banner {

    background-image: url('https://www.theestheticclinics.com/treatments/wp-content/uploads/2025/10/Artboard-4b.jpeg');

    /* background-image: url("../assets/image/Banner/banner bg.jpeg"); */

    background-size: cover;

    background-repeat: no-repeat;

    color: #000;

    display: flex;

    align-items: center;

    padding: 50px 100px;

  }



  .contact-banner .Contact-banner-Content h1:first-child {

    font-size: 50px;

    font-weight: 300;

    color: #000;

  }



  .contact-banner .Contact-banner-Content h1:last-child {

    font-size: 50px;

    color: #F38221 !important;

    font-weight: 700;

  }



  .contact-banner .Contact-banner-Content p{

    font-size: 20px;

  }



  .contact-form {

    max-width: 100%;

    background: #ffffff;

    padding: 25px;

    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  }



  .contact-form .form-control {

    border-radius: 8px;

    border: 1px solid #ddd;

    

  }



  .contact-form .btn {

    border-radius: 8px;

    padding: 10px;

    background-color: #F38221;

    border: none;

    color: var(--white);

  }

  .contact-form .btn:hover {

    background-color: #F38221;

  }



  @media (max-width: 768px) {

    .contact-banner {

      height: auto;

      padding: 50px 0;

      margin-top: 0px;

    }



    .Contact-banner-Content {

      align-items: center !important;

      text-align: center;

      margin-bottom: 30px;

    }



    .contact-form {

      max-width: 90%;

    }

  }



 @media (max-width: 480px) {

  .contact-banner {

    padding: 150px 20px 20px 20px;

  }



  .contact-banner .Contact-banner-Content h1 {

    font-size: 1.9rem;

  }

}