/* ==========================
   HERO BANNER SECTION
========================== */
    .hyderabad-section {
      background-image: url("https://www.theestheticclinics.com/assets/image/Banner/Hyderabad2.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      color: #000;
      display: flex;
      align-items: center;
      padding: 50px 100px;
    }

    .hyderabad-section .hyderabad-banner-content h1:first-child {
      font-size: 50px;
      font-weight: 300;
      color: #000;
    }

    .hyderabad-section .hyderabad-banner-content h1:last-child {
      font-size: 50px;
      color: #F38221 !important;
      font-weight: 700;
    }

    /* ==========================
   CONTACT FORM
========================== */
    .contact-form {
      background-color: #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;
      height: 45px;
      margin-bottom: 12px;
    }

    .contact-form textarea.form-control {
      height: auto;
    }

    .submit-btn {
      background-color: #F38221 !important;
      width: 100%;
      border: none;
      padding: 10px;
      color: #ffffff;
      border-radius: 8px;
      font-size: 18px;
    }

    .contact-form .btn:hover {
      background-color: #d46d1b;
    }