/* ============================= */
/*   Responsive CSS Overrides    */
/* ============================= */

/* Tablets (portrait and landscape) */
@media (max-width: 991px) {
    .header-section{position:relative;}
    .all-shapes{display:none;}
     .menu ul.lab-ul { display: none; }
  .menu ul.lab-ul.active { display: flex; flex-direction: column; }
  /* Banner Section */
  .banner-content {
    text-align: center;
    margin-bottom: 25px;
  }
  .banner-thumb {
    text-align: center;
  }
  .banner-thumb img {
    max-width: 80%;
    height: auto;
  }
.container.invstban { height: auto !important; padding: 40px 15px; flex-direction: column;
text-align: center; }
.invstban img { margin-top: 20px; width: 100%; height: auto; }

  /* Steps Section */
  .steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 30px;
  }
  .connector-svg {
    display: none; /* Hide line on tablet */
  }

  /* About Section */
  .about-section .about-left,
  .about-section .about-right {
    text-align: center;
  }
  .about-thumb img {
    max-width: 80%;
    margin: auto;
  }
.instructor-navigations {
    display: none !important;
  }
/* Pagination bullets (Instagram style) */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #000;
  opacity: 0.5;
  transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
  background: #000;
  opacity: 1;
}.header-wrapper .logo a img{max-width: 100%;}
.header-wrapper .menu-area .ellepsis-bar i { font-size: 18px; }
.header-wrapper{flex-wrap: nowrap;}
.header-wrapper .menu-area .ellepsis-bar a {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    justify-content: center;
    align-items: center;
}
}
 
/* Mobiles */
@media (max-width: 575px) {
    .category-thumb img{width:60px;border-radius: 0;}
    .category-item .category-inner{padding: 1em 0;}
     .padding-tb, section.steps, .proofbg, .hero, .approach, .skill, .learn, .lifecycle, .why1{padding: 15% 0 !important;}
     .category-section .col { margin-top: 2em; }
     .category-content { padding: 0; }.category-content p{margin: 0;}
     .about-section .about-right .section-header {
    margin-bottom: 0;
    margin-top: 2em;
}
    .lifecycle .col-3,
  .lifecycle .col-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .lifecycle .nav-pills {
    overflow-x: auto;
    white-space: nowrap;
    gap: 0 !important;
    padding: 10px;
  }
  .lifecycle .nav-link {
    flex: 1 0 auto;
    font-size: 14px;
    padding: 8px 12px;
  }
   .why1 .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .why1 img.shape1 {
    max-width: 80%;
    margin-bottom: 20px;
  }
  .testimonial-item {
    padding: 25px 15px;
  }
  .testimonial-text {
    font-size: 0.95rem;
  }
  .carousel-control-prev, .carousel-control-next {
    display: none; 
  }
  .container.invstban { height: auto !important; padding: 5%; flex-direction: column;
text-align: center; }
  .pricing-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .custom-list{text-align:left;}
    .instructor-content p{font-size:12px;}
    .instructor-content h4 { font-size: 16px; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:auto;}
    .crshead{padding:10% 0 0%;}.faq-title { font-size: 25px;}
    .hero-title { font-size: 25px; }.mentorban .banner-content{padding:0;}
    .item-links .divider { display: none; }
    .mentorban .banner-content{width:auto;}
    .mentorban .type-wrap { font-size: 30px; text-align: center; }
    .mentorban form { position: relative; margin-bottom: 1em; }
    .mentorban .mentor-skills{padding-bottom:1em;}.feature-card.nocard{padding:0;}
    .why1 .row{gap:20px;}h2.title { font-size: 25px !important; }
    .timeline-step{width:280px !important;}
    .invstban form{width:100%;} .faq-section{padding:5%;}
    .mentorban form .banner-icon { left: 15px; top: 25%; font-weight: 700; 
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    transform: translateY(-50%); position: absolute; z-index: 9; }
    .mentorban form input { position: relative; right: 0; height: 40px;
    border-radius: 5px; margin-bottom: 0em; padding-left: 3em; }
    .mentorban form button { right: 8px; padding: 10px 20px; background: #2272fe;
    position: initial; top: 6px; color: #fff; width: 100%; border-radius: 5px; }
    .search-box { position: relative; width: auto; }.srchbx .select-item { width: auto; }
   .features-grid { width: auto !important; grid-template-columns: repeat(1, 1fr) !important; }
    .srchbx { float: right; width: 100%; margin-top: 1em; }
    .steps-grid{margin-top:0;}
    .section-header { margin-bottom: 0; }
    .steps-grid{gap:10px;}.steps-container{padding-top:15px;}
    .stepone, .steptwo, .stepthree, .stepfour { margin-top: 0; }
    .about-section .about-right .section-wrapper ul li .sr-right{text-align:left;}
    .proofbg .col { flex: auto; }.card{top:0;margin-bottom: 0;}
  /* Banner */
  .banner-content {
    padding: 0 15px;
  }
  .banner-content h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .banner-content p {
    font-size: 14px;
    line-height: 22px;
  }
  .banner-thumb img {
    max-width: 100%;
  }

  /* Steps */
  .steps-grid {
    grid-template-columns: 1fr;
  }
  .step {
    text-align: center;
  }

  /* Category Section */
  .category-content h5 {
    font-size: 16px;
  }
  .category-content p {
    font-size: 13px;
  }

  /* About Section */
  .about-thumb img {
    max-width: 100%;
  }

  /* Proof Cards */
  .cards-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .cards-container .card {
    padding: 15px;
    font-size: 14px;
  }

  /* Testimonials */
  .clients-slider2 .swiper-slide {
    width: 100% !important;
  }

  /* Hero Section */
  .grid-container {
    grid-template-columns: 1fr;
    gap: 20px;
    text-align: center;
  }
  .item-title {
    font-size: 18px;
  }
  .item-links {
    flex-direction: column;
    gap: 5px;
  }

  /* Footer nav */
  .footer-nav {
    flex-direction: column;
    gap: 10px;
  }
  .footer-nav button {
    width: 100%;
  }
  .contact-section.padding-tb{padding:15% 0;}
  .contact-form .form-group button { height: auto;}
}