/* Responsive */
@media (max-width: 768px) {
  .stats-section__container {
    flex-direction: column;
  }
}











@media (max-width: 1599px) {
  .header-main{
    width: 92%;
  }
  .footer-main{
    width: 90%;
  }
  .logo-h{
    width: 210px;
  }
  .logo-f{
    width: 184px;
  }
  .course-wrapper .sidebar-column {
    flex: 0 0 390px;
  }
  .course-wrapper .sticky-boundary::after {
    height: 775px;
  }
  .course-wrapper .text-content-box {
    padding: 40px 0;
    margin-top: 20%;
  }
  .course-wrapper .text-content-box p {
    font-size: 14px;
  }


}

@media (max-width: 1359px) {
 
    .footer-main {
      width: 92%;
        padding: 0 24px !important;
    }
     .app-stores img{
      height: 40px ;
    }

      .q-container{
        width: 1140px;
        max-width: 1140px;
        padding: 0 10px;
    }
    .question-lft {
        flex: 0 0 67%;
        max-width: 67%;
    }


}

@media (max-width: 1199px) {
  .header-main{
    width: 96%;
  }
  .footer-main{
    width: 94%;
  }
  .logo-h {
        width: 182px;
    }
    .h-nav{
      gap: 20px;
    }
   .course-wrapper .header-container {
      max-width: 970px;
   }
   .course-wrapper .sticky-boundary::after {
    height: 710px;
   }
   .course-wrapper .course-page {
    padding: 45px 0;
   }
   .course-wrapper .main-title {
        font-size: 36px;
        line-height: 40px;
        font-weight: 700;
        margin-bottom: 22px;
    }
    .course-wrapper .meta-info {
        margin-bottom: 36px;
    }
    .course-wrapper .text-content-box {
      padding: 36px 0;
      margin-top: 24%;
  }


  .q-container{
        width: 960px;
        max-width: 960px;
        padding: 0 10px;
    }
    .q-icon-img {
        flex: 0 0 54px;
        max-width: 54px;
        height: 54px;
    }
    .q-main {
        gap: 10px;
    }
    .q-main h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .q-tag {
        font-size: 13px;
    }
    .p-date,
    .share-q {
        font-size: 12px;
        gap: 4px;
        padding: 2px 12px;
        height: 30px;
    }
    .d-question-hd {
        margin-bottom: 24px;
    }
    .poll {
        padding: 14px;
    }
    .poll h2 {
        font-size: 20px;
        margin-bottom: 16px;
        padding-bottom: 10px;
    }
    .option p {
        font-size: 14px;
    }
    .option .checkmark {
        width: 20px;
        height: 20px;
    }
    .option input:checked + .checkmark i {
        margin-top: 1px;
    }
    .explanation {
        height: 114px;
    }
    .submit-btn,
    .explain-btn {
        padding: 10px 30px;
    }
    .explanation-box h4 {
        font-size: 18px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }
    .comments-list {
        margin: 20px 0;
        padding-top: 20px;
    }
    .comments-list h5 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .info-card,
    .j-cmnty {
        padding: 14px;
    }
    .card-title,
    .j-cmnty h2 {
        font-size: 18px;
        margin-bottom: 16px;
        padding-bottom: 10px;
    }
    .video-container {
        padding-bottom: 45.25%;
    }
    .j-cmnty img {
        width: 230px;
    }
    .j-cmnty h2 {
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }
    .j-cmnty a {
        padding: 10px 20px;
    }
    .j-cmnty a i {
        font-size: 20px;
    }

}

@media (max-width: 1024px) {
  
.login-d{
  display: none;
}
.footer-l-txt{
  font-size: 14px;
}
.mobile-toggle {
    display: block;
    margin-right: 12px;
}
.footer-grid {
        grid-template-columns: 1fr 1fr;
    }
    .h-nav {
        display: none;
    }
    .btn-primary {
    padding: 10px 22px;
    font-size: 14px;
    margin-right: 12px;
    }
    .drawer-link {
        border-radius: 0;
        border-bottom: 1px solid #ededed;
    }
     .faq-block__answer p,.faq-block__answer ul {
    margin: 0;
    text-align: left;
    }
    .faq-block__answer ul{
        margin-bottom: 8px;
    }
   
}
/* Responsive */
@media (max-width: 991px) {
    .course-page .content-grid {
        flex-direction: column;
    }
    .course-page .video-card {
        width: 100%;
    }
    .course-page .main-title {
        font-size: 2rem;
    }
    .related-courses-cards {
    grid-template-columns: repeat(2, 1fr);
        margin: 36px 0 70px 0;
  }
   .course-wrapper .sidebar-column {
        position: relative;
        top: 0;
    }
    .course-wrapper .detail-row {
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 16px;
    color: var(--black-main);
  }
  .course-wrapper .check-icon {
    color: var(--black-main);
  }
  .course-wrapper .text-content-box {
        padding: 36px 0;
        margin-top: 0;
    }
    .course-wrapper .course-page {
        padding: 45px 0 0 0;
    }
    .course-related-section .section-title {
      font-size: 30px;
      line-height: 36px;
      margin: 32px 0 10px;
  } 
  .footer-main {
        width: 98%;
    }

        .course-wrapper .content-grid  {
     flex-direction:  column;
 }

    .course-wrapper .sidebar-column  {
     width:  100%;
     max-width: 100%;
     flex: 1 1 auto;
     order: 0;
     position: relative;
     top: 0;
 }

    .course-wrapper .info-column {
     order: 0;
 }

    .course-wrapper .video-card  {
     position:  relative;
     top:  0;
     width:  100%;
 }

    .course-wrapper .text-content-box {
        margin-top: 16px;
        padding: 28px 20px;
    }

    .course-wrapper .related-grid  {
     flex-direction:  column;
 }
 .blog-grid-section__inner {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .blog-grid-section__sidebar { max-width: 520px; }

   .q-container{
        width: 720px;
        max-width: 720px;
        padding: 0 5px;
    }
    .question-main {
        flex-direction: column;
    }
    .question-lft,
    .question-rht {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .poll h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .video-container {
        padding-bottom: 52.25%;
    }
    .cc-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

     .home-hero-container {
            flex-direction: column;
            gap: 20px;
        }
        
        .home-hero-content, .home-hero-slider-wrap {
            max-width: 100%;
            width: 100%;
        }
        .hero-dots {
        left: 0;
        }
        
        .home-hero-content {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .home-hero-action-group {
            justify-content: center;
        }

        .home-hero-image-bg-box {
            margin: 0 auto;
            width: 75%;
        }

        .partnerships-gallery {
    flex-direction: column;
    height: auto;
    gap: 20px;
  }

  .partnership-video-featured, .partnership-video-sidebar {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .partnership-video-featured {
    height: 400px;
  }

  .partnership-video-sidebar {
    flex-direction: row; /* Horizontal layout on tablets */
    height: 180px;
  }
  .hm-course-card {
      max-width: 320px;
   }
 
   .hm-course-img-wrapper {
      height: 180px;
   }

   .crs-player-container {
        flex-direction: column;
    }
    .crs-player-right-sidebar {
        width: 100%;
        height: 50%;
    }
    .crs-player-left-panel {
        height: 50%;
        padding: 16px;
    }

    
.cc-gallery-head h2{
    font-size:34px;
}

.cc-gallery-column{

    width:250px;
}

.cc-gallery-column.single img{

    height:500px;
}

.cc-gallery-column.double img{

    height:250px;
}



.cc-learn-content h2{
    font-size:38px;
}

.cc-learn-image{
    max-width:700px;
}

.crs-video-current-title {
    font-size: 18px;
}

.vt-slide-card {
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
 
  .vt-main-card {
    gap: 30px;
  }
 
  .vt-main-media {
    flex: 0 0 300px;
    max-width: 300px;
    height: 240px;
  }

}


@media (max-width: 767px) {
  /* Mobile */
 

  .footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  /* Brand and Contact stay full width, stacked above/below */
  .footer-col-brand,
  .footer-col-contact {
    grid-column: 1 / -1;
  }

  /* First footer-col = "About" */
  .footer-col:nth-of-type(2) {
    grid-column: 1;
    border-right: 1px solid #ddd;
    padding-right: 15px;
  }

  /* Second footer-col = "Quick links" */
  .footer-col:nth-of-type(3) {
    grid-column: 2;
    padding-left: 15px;
  }

  .footer-bottom {
        flex-direction: column;
  }
  .related-courses-cards {
    grid-template-columns: 1fr;
  }
  .course-wrapper .check-list {
    grid-template-columns: 1fr;
  }

      .instructor-card  {
     flex-direction:  column;
     text-align:  center;
 }

    .instr-img  {
     margin:  0 auto;
 }

    .instr-meta  {
     justify-content:  center;
 }

    .instr-social  {
     justify-content:  center;
 }
 .blog-banner-section { padding: 24px 20px 24px; }
  .blog-banner-section__inner { padding-left: 0; }

 .blog-grid-section { padding: 40px 20px; }
  .blog-grid-section__posts {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .blog-grid-section__title { font-size: 20px; }

   .q-container{
        width: 100%;
        max-width: 100%;
        padding: 0 12px;
    }
    .question-main {
        flex-direction: column;
    }
    .question-lft,
    .question-rht {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .d-question-hd {
        flex-direction: column;
        gap: 4px;
    }
    .poll h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .q-main h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .j-cmnty img {
        width: 294px;
    }

    .cc-hero-container {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }

    .cc-hero-content {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cc-hero-title {
        font-size: 2.2rem;
    }

    .cc-hero-image-wrap {
        justify-content: center;
        width: 100%;
    }

     .cc-features-container {
        flex-direction: column;
        gap: 50px;
    }

    .cc-feature-item {
        padding: 0;
        align-items: center;
        text-align: center;
    }

    .cc-feature-item:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.55);
        padding-bottom: 40px;
        width: 100%;
    }

        .cc-why-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .cc-why-main-title {
        font-size: 2rem;
        margin-bottom: 35px;
    }

    .home-hero-title {
        font-size: 32px;
    }
    
    .home-hero-action-group {
        flex-direction: column;
        width: 100%;
        gap: 15px;
    }
    
    .home-hero-btn-primary {
        width: 100%;
        box-sizing: border-box;
        padding: 14px;
    }

    .home-hero-badge-role {
        left: -10px;
        padding: 8px 20px;
        font-size: 0.85rem;
    }

    .home-hero-badge-company {
        right: -10px;
        padding: 10px 18px;
    }
    
    .home-hero-badge-company strong {
        font-size: 0.9rem;
    }


    .partner-colleges-title {
        font-size: 1.95rem;
    }
    
    .partner-colleges-subtitle {
        font-size: 0.95rem;
        margin-bottom: 35px;
    }

    .partner-marquee-wrapper::before,
    .partner-marquee-wrapper::after {
        width: 60px;
    }
    
    .partner-marquee-track {
        gap: 40px;
    }
    
    .partner-logo-item {
        width: 180px;
        height: 55px;
    }

     .si-main-row {
    grid-template-columns: 1fr;
  }
 
  .si-card {
    flex: 0 0 calc((100% - 10px) / 2);
  }
   .partnerships-title {
    font-size: 2rem;
  }

  .partnership-video-featured {
    height: 280px;
  }

  .partnership-video-sidebar {
    flex-direction: column;
    height: auto;
  }

  .partnership-video-sub {
    height: 160px;
  }
  
  .btn-partner-action {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .partner-form-sidebar {
    width: 100%; 
  }
  
  .partner-form-row {
    flex-direction: column;
    gap: 25px;
  }
  
  .field-country-code {
    flex: 0 0 100%;
  }
  
  .partner-form-submit-btn {
    width: 100%;
  }

  .lp-socials { flex-direction: column; }
  .lp-sheet { padding: 28px 20px 30px; }
   .hm-course-img-wrapper {
      height: 170px;
   }
 
   .hm-course-title-row {
      flex-wrap: wrap;
   }
 
   .hm-course-actions {
      flex-direction: column;
   }
 
   .hm-course-btn {
      padding: 11px 0;
   }
 
   .hm-course-pricing {
      justify-content: flex-start;
   }


.cc-gallery-section{

    padding:60px 0;
}

.cc-gallery-head{

    margin-bottom:35px;
    padding:0 20px;
}

.cc-gallery-head h2{

    font-size:28px;
}

.cc-gallery-head p{

    font-size:15px;
}

.cc-gallery-column{

    width:180px;
}

.cc-gallery-column.single img{

    height:300px;
}

.cc-gallery-column.double img{

    height:150px;
}


.cc-learn-section{
    padding:60px 15px;
}

.cc-learn-content{
    margin-bottom:40px;
}

.cc-learn-content h2{
    font-size:30px;
}

.cc-learn-content p{
    font-size:15px;
}

.cc-store-buttons img{
    width:145px;
}
.enq-sticky-tab {
      padding: 9px 16px;
      font-size: 12px;
   }

   .enq-form-sheet {
      padding: 22px 18px 24px;
   }
  
    .wa-sticky {
      bottom: 20px;
      right: 18px;
      width: 52px;
      height: 52px;
    }
    .wa-icon {
      width: 52px;
      height: 52px;
    }
    .wa-tooltip {
      display: none; 
    }

      .vt-main-card {
    flex-direction: column;
    align-items: stretch;
  }
 
  .vt-main-media {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    height: 240px;
  }
 
  .vt-slide-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
 
  .vt-title {
    font-size: 1.9rem;
  }
   .crs-player-course-title {
    font-size: 1rem;
  }
  .faq-block__left img {
        width: 305px;
        margin: 20px auto;
    }
    .enq-sticky-tab {
        right: 18px;
    }
    .faq-block__container {
        gap: 0;
    }
    .faq-block__title {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 1.5;
    }
    .cc-learn-content h2,.si-title {
        font-size: 26px;
    }
    .testimonial-header .si-title{
        margin: 40px 0 20px;
    }
    .partnerships-header {
        margin-bottom: 24px;
    }
    .stats-section {
        padding: 54px 20px;
    }
    .faq-block {
        padding: 20px 20px;
    }
    .testimonials-context-wrapper {
        padding: 5px 0;
    }
    .hm-free-mock-title {
        font-size: 18px;
        padding:8px 16px ;
    }
    .hm-course-header .si-title{
        margin: 20px 0 0;
    }
    .hm-course-subheading{
        font-size: 18px;
    }
    .hm-course-card {
        max-width: 320px;
        margin: 0 auto 20px;
    }
    .si-wrapper{
        padding: 0 12px;
    }
    .si-main {
        padding: 40px 0;
    }
    .home-hero-banner {
        padding: 35px 20px;
    }
    .home-hero-description {
        font-size: 16px;
            margin-bottom: 26px;
    }
    .home-hero-slider-window {
        height: 280px;
    }
    .si-title {
        margin-bottom: 26px;
    }
    .si-meta-title {
        font-size: 20px;
    }

}