/* Running gradient animation keyframes */
    @keyframes gradientShift {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }

    body, html {
      margin: 0; padding: 0;
      font-family: 'Poppins', sans-serif;
      background: #f8f9fa;
      color: #353333;
      min-height: 100vh;
      position: relative;
      overflow-x: hidden;
    }

    .contact-section {
      padding: 80px 15px 100px;
      position: relative;
      z-index: 1;
      max-width: 900px;
      margin: 0 auto;
    }

    /* Animated gradient background */
    .contact-box {
      background: linear-gradient(270deg, #c3e8f7, #a1d4ef, #c3e8f7);
      background-size: 600% 600%;
      animation: gradientShift 20s ease infinite;
      border-radius: 15px;
      box-shadow: 0 4px 15px rgb(0 0 0 / 0.1);
      padding: 40px;
      position: relative;
      z-index: 1;
      color: #353333;
    }

    .form-control, .btn-primary {
      border-radius: 10px;
    }

    /* Animated gradient button */
    .btn-primary {
      background: linear-gradient(270deg, #0dcaf0, #0bbbe0, #0dcaf0);
      background-size: 600% 600%;
      animation: gradientShift 15s ease infinite;
      border: none;
      color: white;
      transition: none;
    }
    .btn-primary:hover {
      background: #0bbbe0;
      animation: none;
    }

    iframe {
      border-radius: 15px;
      margin-top: 30px;
      width: 100%;
      height: 300px;
      border: none;
    }

    .contact-info i {
      font-size: 1.25rem;
      color: #0dcaf0;
      margin-right: 12px;
    }

    /* Address styling block */
    .address-block {
      background: #e1f0fb;
      border-radius: 12px;
      padding: 20px 25px;
      margin-top: 20px;
      font-size: 1rem;
      color: #0a4a6d;
      font-weight: 500;
      box-shadow: 0 2px 8px rgb(13 202 240 / 0.25);
    }

    @media (max-width: 576px) {
      .contact-box {
        padding: 25px 15px;
      }
    }