.contact-section {
          background: #ffffff;
        }

        /* HERO CARD */
        .contact-hero-card {
          border-radius: 30px;
          color: #fff;
          position: relative;
        }

        .contact-hero-content small {
          letter-spacing: 2px;
        }

        /* INFO CARDS */
        .contact-info-card {
          background: #ffffff;
          border-radius: 28px;
          color: var(--accent);
        }

        .contact-info-card.light {
          background: #ebf2ed;
        }

        .contact-info-card.dark {
          background: var(--accent);
          color: #fff;
        }

        .contact-info-card h4 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: var(--primary);
        }

        .contact-info-card hr {
          margin: 15px 0;
          opacity: .2;
        }

        .contact-info-card.dark p {
          color: #e6f2ec;
        }

        .phone {
          font-weight: 500;
          margin: 15px 0;
        }

        .address {
          margin: 20px 0;
        }

        .contact-info-card a {
          text-decoration: none;
          color: #2f5d4e;
          font-weight: 500;
        }

        .white-link {
          color: #fff !important;
        }

        /* HOURS */
        .hours {
          list-style: none;
          padding: 0;
          margin: 20px 0;
        }

        .hours li {
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid rgba(255, 255, 255, .2);
          padding: 8px 0;
        }

        /* RESPONSIVE */
        @media (max-width: 768px) {
          .hero-content h2 {
            font-size: 30px;
          }
        }

        /* ================================================ */
        /* ================================================ */

        /* form css  */
        .modern-group .modern-icon {
          background: #f1f4ff;
          border: 1px solid #d4d4d4;
          border-right: none;
          font-size: 18px;
          color: var(--accent);
        }

        .modern-input {
          border: 1px solid #d4d4d4 !important;
          border-left: none !important;
          font-size: 15px;
          padding: 12px;
          box-shadow: none !important;
        }

        .modern-input:focus {
          border-color: var(--accent) !important;
          box-shadow: 0 0 4px rgba(31, 166, 82, 0.4) !important;
        }

        textarea.modern-input {
          padding-top: 12px !important;
        }

        .form-label {
          font-size: 15px;
        }

        .shadow-sm {
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08) !important;
        }

        /* ==================================================== */
        /* ==================================================== */