/* Hero Section */
   .contact-hero {
       background: linear-gradient(90deg, #d63384, #ff84b1);
       color: #fff;
       text-align: center;
       padding: 80px 20px;
       position: relative;
       overflow: hidden;
   }

   .contact-hero::after {
       content: "";
       position: absolute;
       width: 130%;
       height: 100%;
       left: -15%;
       top: 0;
       background: rgba(255, 255, 255, 0.05);
       transform: skewY(-5deg);
   }

   .contact-hero h1 {
       font-weight: 600;
       font-size: 2.5rem;
       z-index: 2;
       position: relative;
   }

   /* Contact Section */
   .contact-section {
       padding: 80px 0;
   }

   .contact-card {
       background: #fff;
       border-radius: 16px;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
       padding: 40px;
       transition: all 0.3s ease;
   }

   .contact-card:hover {
       transform: translateY(-3px);
   }

   .contact-info i {
       color: #d63384;
       font-size: 1.3rem;
       width: 35px;
   }

   .form-control:focus {
       border-color: #d63384;
       box-shadow: 0 0 0 0.2rem rgba(214, 51, 132, 0.2);
   }

   .btn-contact {
       background-color: #d63384;
       color: white;
       border-radius: 50px;
       padding: 10px 25px;
       border: none;
       transition: 0.3s;
   }

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

   iframe {
       width: 100%;
       border: 0;
       border-radius: 15px;
       height: 100%;
       min-height: 350px;
   }