* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Fredoka", cursive;
}

h2 {
    font-family: "Fredoka", cursive;
    font-size: 40px;
}

h6 {
    font-family: "Fredoka", cursive;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.display-4 {
    font-family: "Fredoka", cursive;
}

p {
    font-family: "Fredoka", cursive;
    font-size: 18px;
}

.g-headings {
    font-size: 2.3rem;
    font-weight: bold;
    color: #450e49;
}
 
.yellow-heading{
    color: #ffb03a;
}
 
@media (max-width: 768px) {
    .g-headings {
        font-size: 2rem;
    }
}
 
.g-sub-heading {
    font-size: 1.6rem;
    font-weight: bold;
    color: #450e49;
}
 
.yellow-sub-heading{
    color: #ffb03a;
}
@media (max-width: 768px) {
    .g-sub-heading {
        font-size: 1.5rem;
    }
}



/* Header section STARTS */

/* heading 2  */

.hero-section-container{
  margin-top: 120px;
 
}
.header-gradient-heading {
    background: linear-gradient(90deg,
            #f7008c,
            #ff6f00,
            #ddb400,
            #009859,
            #007798,
            #3e039e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Fredoka", cursive;
}

.header-row {
    margin-top: 100px;
}

@media (max-width: 767.98px) {
    .header-gradient-heading {
        margin-top: -60px;
    }

    .header-row {
        margin-top: 0px;
    }

    .hero-section-container{
  margin-top: 0px;
 
}



}

.header-gradient-description {}

.header-button-1,
.header-button-2 {
    padding: 10px 24px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Purple button */
.header-button-1 {
    background-color: #640d5f;
    color: white;
}

.header-button-1:hover {
    background-color: #4d094a;
    box-shadow: 0 6px 18px rgba(100, 13, 95, 0.4);
}

/* Yellow button */
.header-button-2 {
    background-color: #ffc107;
    color: black;
}

.header-button-2:hover {
    background-color: #e6ac00;
    box-shadow: 0 6px 18px rgba(255, 193, 7, 0.4);
}

/* Responsive Lottie container - Increased size */
.lottie-container {
    width: 100%;
    height: auto;
    max-width: 600px;
    /* Increased from 500px */
    margin: 0 auto;
    padding: 20px;
    /* Added padding to give more space */
}

dotlottie-player {
    width: 100% !important;
    height: auto !important;
    min-height: 300px;
    /* Ensures minimum height */
}


/* Adjust column width for larger screens */
@media (min-width: 992px) {
    .col-md-6.lottie-column {
        flex: 0 0 55%;
        /* Increased from default 50% */
        max-width: 55%;
    }

    .col-md-6.content-column {
        flex: 0 0 45%;
        /* Decreased from default 50% */
        max-width: 45%;
    }
}


/* Header section ENDS */



/*  learning Methods starts */

        /* Section Styles */
        .learning-methods-section {
          background-color: #fff9f7;
          position: relative;
          overflow: hidden;
        }

        /* Typography */
        .text-art-accent {
          color: #ff6b6b;
          position: relative;
        }

        .art-title-gradient {
          background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          font-weight: 700;
        }

        /* Method Cards */
        .method-card {
          background: white;
          border-radius: 16px;
          padding: 2rem;
          text-align: center;
          transition: all 0.3s ease;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          border: 1px solid rgba(0, 0, 0, 0.03);
          position: relative;
          overflow: hidden;
        }

        .method-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        }

        .method-icon {
          width: 120px;
          height: 120px;
          margin: 0 auto 1.5rem;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .icon-decoration {
          position: absolute;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background: rgba(255, 107, 107, 0.1);
          z-index: 1;
          animation: pulse 4s infinite ease-in-out;
        }

        .method-icon img {
          position: relative;
          z-index: 2;
        }

        .method-title {
          color: #333;
          font-size: 1.4rem;
          margin-bottom: 1rem;
          font-weight: 700;
        }

        .method-description {
          color: #666;
          font-size: 1rem;
          line-height: 1.6;
          margin-bottom: 1.5rem;
        }

        .method-dots {
          display: flex;
          justify-content: center;
          gap: 8px;
          margin-top: 1.5rem;
        }

        .method-dots span {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: rgba(0, 0, 0, 0.1);
        }

        /* Individual Method Card Styles */
        .method-1 {
          border-top: 4px solid #ff6b6b;
        }

        .method-1 .icon-decoration {
          background: rgba(255, 107, 107, 0.1);
        }

        .method-1 .method-dots span {
          background: #ff6b6b;
        }

        .method-2 {
          border-top: 4px solid #4ecdc4;
        }

        .method-2 .icon-decoration {
          background: rgba(78, 205, 196, 0.1);
        }

        .method-2 .method-dots span {
          background: #4ecdc4;
        }

        .method-3 {
          border-top: 4px solid #ffb347;
        }

        .method-3 .icon-decoration {
          background: rgba(255, 179, 71, 0.1);
        }

        .method-3 .method-dots span {
          background: #ffb347;
        }

        /* Animations */
        @keyframes pulse {
          0% {
            transform: scale(0.95);
            opacity: 0.7;
          }

          50% {
            transform: scale(1.05);
            opacity: 0.9;
          }

          100% {
            transform: scale(0.95);
            opacity: 0.7;
          }
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
          .method-card {
            padding: 1.5rem;
          }

          .method-title {
            font-size: 1.2rem;
          }
        }
      
/*  learning Methods ENDS */

 @media (max-width: 768px) {
   

    .dance-btn {
      padding: 0.5rem 1rem !important;
      font-size: 1rem !important;
      white-space: nowrap;
    }
  }
      .dance-classes-section {
        font-family: 'Poppins', sans-serif;
      }

      .benefits-list li {
        position: relative;
        padding-left: 10px;
        margin-bottom: 8px;
        transition: transform 0.3s ease;
      }

      .benefits-list li:hover {
        transform: translateX(5px);
      }

      .card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 12px !important;
      }

      .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
      }

      .btn {
        transition: all 0.3s ease;
        border-radius: 8px !important;
      }

      .btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      }


      /* TESTIMONIAL STARTS */
      
        .testimonial-section {
          background-color: #f9f9f9;
        }

        .testimonial-img {
          width: 60px !important;
          height: 60px !important;
          object-fit: cover;
          border: 3px solid #fff !important;
          position: relative;
          z-index: 2;
          margin-left: -1px;
          margin-top: -1px;
          border-radius: 50%;
        }

        .testimonial-card {
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
          border: 1px solid #e0e0e0 !important;
          height: 100%;
          transition: none !important;
        }

        .testimonial-heading {
          background: #4e0d52;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-weight: bold;
        }

        .testimonial-subheading {
          letter-spacing: 2px;
        }

        .testimonial-underline {
          width: 80px;
          margin-left: 10px;
        }

        .testimonial-quote {
          font-size: 22px;
          color: #640d5f;
        }

        .testimonial-indicators {
          display: flex;
          justify-content: center;
          margin-top: 30px;
        }

        .testimonial-indicator {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: transparent;
          border: 2px solid #333;
          margin: 0 5px;
          padding: 0;
          cursor: pointer;
          transition: all 0.3s ease;
        }

        .testimonial-indicator.active {
          background: #000;
          border-color: #000;
        }

        .testimonial-content {

          margin-top: -15px;
        }

        .testimonial-img-container {
          position: relative;
          z-index: 1;
        }

      /* TESTIMONIAL ENDS */