body {
   font-family: Arial, sans-serif;
   margin: 0;

 }

 /* Hamburger Icon */
 .hamburger {
   width: 30px;
   cursor: pointer;
   display: inline-block;
 }

 .hamburger div {
   height: 3px;
   background: #000;
   margin: 6px 0;
   transition: 0.3s;
 }

 /* Dropdown Menu */
 .dropdown-menu {
   Left: 0px;
   display: none;
   flex-direction: column;
   background: #f7f7f7;
   border: 1px solid #ccc;
   width: 180px;
   margin-top: 0px;
   padding: 10px 0;
   border-radius: 6px;
   animation: fadeIn 0.3s ease;
 }

 .dropdown-menu a {
   padding: 10px 15px;
   text-decoration: none;
   color: #333;
   display: block;
   font-size: 16px;
 }

 .dropdown-menu a:hover {
   background: #eaeaea;
 }

 /* Show dropdown */
 .dropdown-menu.show {
   display: flex;
 }

 @keyframes fadeIn {
   from {
     opacity: 0;
     transform: translateY(-5px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @media (min-width: 767px) {

   /* Adjust breakpoint as needed */
   .hide-on-desktop {
     display: none;
     /* Hide element on screens smaller than 768px */
   }
 }


 /* === Base Layout === */
 .header {
   background: #fff;
   padding: 10px 0;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }

 .nav-menu {
   display: flex;
   align-items: center;
   gap: 25px;
   margin-left: 40px;
   /* keeps the menu a bit left for balance */
 }

 /* Keep your original menu fonts */
 .nav-menu__link {
   text-decoration: none;
   color: inherit;
   /* keeps your existing color */
   transition: color 0.3s ease;
 }

 .nav-menu__link:hover {
   color: #db1010;
   /* red hover */
 }

 /* === Logo === */
 .logo img {
   max-width: 260px;
   /* keep your large logo */
   height: auto;
 }

 /* === Phone Button === */
 @media (max-width: 667px) {


   .hide-on-mobile {
     /* display: none; */

   }
 }

 .phone-container {
   text-align: right;
 }

 .phone-btn {
   display: inline-block;
   background-color: #db1010;
   color: #ffffff;
   text-decoration: none;
   font-weight: 600;
   padding: 10px 26px;
   border-radius: 40px;
   transition: all 0.3s ease;
 }

 .phone-btn:hover {
   background-color: #b80e0e;
   color: #ffffff;
   transform: translateY(-2px);
 }

 .phone-btn span {
   margin: 0 6px;
 }

 /* === Responsive Adjustments === */
 @media (max-width: 992px) {
   .nav-menu {
     gap: 18px;
     margin-left: 0;
   }

   .logo img {
     max-width: 180px;
   }

   .phone-btn {
     padding: 8px 18px;
     font-size: 10px;
   }
 }

 .slider {
   width: 100%;
   /* Full width on mobile */

   margin: auto;
   /* Center align */
   overflow: hidden;
 }

 .slider img {
   width: 100%;
   /* Make images responsive */
   display: block;
 }

 /* Breadcrumbs css  */
 .breadcrumbs-area {
   position: relative;
   z-index: 1;
   padding: 100px 0;
 }

 .breadcrumbs-area:after {
   position: absolute;
   top: 0;
   left: 0;
   content: '';
   width: 100%;
   height: 100%;
   /* background-color: rgb(2 2 2 / 52%); */
   z-index: -1;
   min-height: 450px !important;
 }

 .breadcrumbs-area .page-title h1 {
   font-size: 44px;
   line-height: 70px;
   color: var(--white);
   margin-bottom: 20px;
 }

 .breadcrumbs-area .page-title ul.breadcrumbs-link li:after {
   display: inline-block;
   content: '/';
   margin-left: 10px;
   margin-right: 8px;
   color: var(--white);
 }

 .breadcrumbs-area .page-title ul.breadcrumbs-link li:last-child:after {
   display: none;
 }

 .breadcrumbs-area .page-title ul.breadcrumbs-link li.active {
   color: #00aafc;
 }

 .breadcrumbs-area .page-title ul.breadcrumbs-link li a {
   color: var(--white);
 }


 .bg_cover {
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .date-box {
   margin-top: -13px;
 }

 /* Fix image sizing + alignment */
 .cover-img {
   width: 100%;
   /* height: 230px !important; */
   /* Prevent stretching */
   /* object-fit: contain; */
   /* Keep proportions */
 }

 /* Slightly smaller image size for better balance */
 @media (min-width: 1200px) {
   .img-tune {
     max-width: 90%;
     /* Decrease image size on large screens */
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
   }
 }

 @media (max-width: 1199.98px) {
   .img-tune {
     max-width: 85%;
     /* Slightly larger on tablets/mobiles */
   }
 }

 /* Ensure wrapper doesn't force fixed height */
 .about-two__thumb {
   height: auto !important;
 }

 /* Parent card alignment */
 .tuition-types-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   height: 100%;
   text-align: center;
 }

 /* Icon alignment */
 .tuition-types-item span.w-96 {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   margin: 0 auto !important;
 }

 /* Ensure all headings are same height */
 .tuition-types-item h5 {
   margin-top: 24px;
   margin-bottom: 0;
   min-height: 85px;
   /* ✅ Adjusted so all three headings align perfectly */
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }

 /* Hide unnecessary <br> spacing */
 .tuition-types-item br {
   display: none;
 }

 /* Keep equal space inside cards */
 .tuition-types-item p {
   margin-top: auto;
   margin-bottom: 0;
 }

 .subject-box {
   padding: 20px;
   margin: 15px;
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   min-height: 150px;
   display: flex;
   align-items: flex-start;
   /* Align icon + text to top */
   gap: 15px;
   /* Space between icon and text */
   transition: all 0.3s ease;
   text-align: left;
   /* Text aligned left */
 }

 .subject-box:hover {
   transform: translateY(-5px);
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
 }

 .subject-box span {
   flex-shrink: 0;
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }

 .subject-box h6 {
   margin-bottom: 6px;
   font-size: 18px;
   color: #333;
 }

 .subject-box p {
   margin: 0;
   color: #666;
   font-size: 15px;
 }

 .subject-content {
   flex: 1;
   /* Take remaining space */
 }

 .heading-red {
   color: red;
 }

 /* Pull full content section up */
 .tuition-types .section-up {
   margin-top: 0px;
   /* adjust if needed */
 }

 /* Add more spacing between each icon block */
 .tuition-types .highlight-item {

   /* Tuition Cards */
   .tuition-types-item {
     padding: 40px 24px;
     /* Internal padding */
     border-radius: 12px;
     background: #fff;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
     text-align: left;
     height: 100%;
   }

   .tuition-types-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
   }

   /* Red titles */
   .tuition-types-item h4 {
     color: #ff0000;
     /* Red color for titles */
     margin-bottom: 16px;
   }

   /* Bullets */
   .tuition-types-item ul {
     list-style: disc;
     padding-left: 20px;
     margin-top: 10px;
   }

   .tuition-types-item ul li {
     margin-bottom: 8px;
     color: #555;
   }

   margin-bottom: 18px;
   /* increase/decrease this value for more/less space */
 }

 .row .col:hover {
   transform: translateY(-5px);
   transition: all 0.3s ease;
 }

 /* Responsive */
 @media(max-width:768px) {
   .title-box h3 {
     font-size: 28px;
   }

   .title-box h4 {
     font-size: 18px;
   }

   .row .col {
     padding: 20px;
   }
 }

 /* Responsive Grid */
 @media (max-width: 1200px) {
   .features-grid {
     grid-template-columns: repeat(2, 1fr);
     justify-items: center;
   }
 }

 @media (max-width: 767px) {
   .features-grid {
     grid-template-columns: 1fr;
     justify-items: center;
     display: flex !important;
     height: auto !important;

   }

   /* .feature-box {
     max-width: 90%;
   } */
 }

 /* Hover effect on program boxes */
 .program-box:hover {
   transform: translateY(-10px);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
 }

 /* Responsive Grid */
 @media (max-width: 1200px) {
   .programs-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 767px) {
   .programs-grid {
     grid-template-columns: 1fr;
   }
 }

 /* Accordion open = white text, closed = black text */
 .accordion-button {
   background-color: #3f4196;
   color: white;
 }

 .accordion-button.collapsed {
   color: black;
   background-color: #f8f8f8;
   /* optional lighter bg for closed state */
 }

 @media (max-width: 992px) {
   .timeline {
     flex-direction: column;
   }

   .timeline div[style*="flex:1"] {
     margin-bottom: 40px;
   }

   .timeline div[style*="flex:1"]:last-child {
     margin-bottom: 0;
   }

   .timeline div[style*="position:absolute; top:30px"] {
     display: none;
     /* hide horizontal line on mobile */
   }
 }

 .icon-img {
   width: 70px;
   height: 70px;
   object-fit: contain;
   display: block;
 }

 .tuition-types-item {
   text-align: center;
   transition: .3s;
 }

 .tuition-types-item:hover {
   transform: translateY(-6px);
   box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
 }

 @media (max-width: 767px) {
   .strategy-points>div {
     flex-direction: column;
     align-items: center;
     text-align: center;
   }

   .strategy-points>div div:first-child {
     margin-bottom: 10px;
   }
 }

 /* Justify all paragraph text inside grid items */
 .grid p {
   text-align: justify;
 }

 .why-neet-box {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 25px;
   text-align: center;
 }

 .why-item {
   padding: 15px;
 }

 .icon-circle {
   width: 70px;
   height: 70px;
   background: white;
   border-radius: 50%;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 15px;
 }

 .why-item h6 {
   margin-bottom: 10px;
   font-weight: 600;
 }

 .why-item p {
   color: #555;
 }

 #social-icons i {
   color: red;
 }

 /* ✅ Responsive */
 @media (max-width: 991px) {
   .btn-outline-main {
     font-size: 12px !important;
   }

   .why-neet-box {
     grid-template-columns: repeat(3, 1fr);
   }
 }

 @media (max-width: 768px) {
   .why-neet-box {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 576px) {
   .why-neet-box {
     grid-template-columns: repeat(1, 1fr);
   }
 }

 /* Desktop Default */
 .breadcrumb-banner {
   position: relative;
   min-height: 450px;
   /* Height for desktop */
   display: flex;
   align-items: center;
   background-size: cover;
   background-position: center;
 }



 .breadcrumb-title {
   font-size: 42px;
   letter-spacing: 1px;
   margin-bottom: 15px;
 }

 .breadcrumb-nav {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .breadcrumb-nav a {
   text-decoration: none;
   font-weight: 500;
 }

 .breadcrumb-nav a:hover {
   text-decoration: underline;
 }

 /* ✅ Mobile Responsive Design */
 @media (max-width: 768px) {
   .breadcrumb-banner {
     min-height: 250px;
     /* Smaller height for tablet/mobile */
     padding-top: 40px;
     padding-bottom: 40px;
   }

   .breadcrumb-title {
     font-size: 28px;
     /* Smaller title */
   }
 }

 @media (max-width: 480px) {
   .breadcrumb-banner {
     min-height: 220px;
     /* Extra small height for small mobile */
   }

   .breadcrumb-title {
     font-size: 24px;
   }
 }

 /* Title styling */
 .about-two-content h3 {
   text-align: justify;
   text-align-last: left;
   /* last line left-aligned */
   margin-bottom: 24px;
   /* space between title and first feature */
 }

 /* Feature items */
 .about-two-content .feature-item {
   display: flex;
   align-items: flex-start;
   /* icon at top of text */
   gap: 12px;
   /* space between icon and text */
   margin-bottom: 24px;
   /* increased space between features */
 }

 .about-two-content .feature-item p {
   text-align: justify;
   /* justify text */
   text-align-last: left;
   /* last line left-aligned */
   margin: 0;
   /* remove default paragraph margin */
 }

 .jee-coaching {
   background: #fdfdfd;
 }

 /* SEO Boxes */
 .seo-box {
   border-radius: 12px;
   padding: 30px;
   transition: all 0.3s ease-in-out;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
 }

 .seo-gradient-orange {
   background: linear-gradient(135deg, #ffffff 0%, #ffe8c6 100%);
 }

 .seo-paragraph {
   font-size: 1.05rem;
   line-height: 1.8;
   color: #444;
   text-align: justify;

   span {
     color: #ff070d;
   }
 }

 /* Program Boxes */
 .program-box {
   border-radius: 12px;
   padding: 30px;
   transition: all 0.3s ease-in-out;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
 }

 .program-box:hover {
   transform: translateY(-6px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
 }

 /* Light Gradient Colors with White Combination */
 .gradient-red {
   background: linear-gradient(135deg, #ffffff 0%, #ffd4d4 100%);
 }

 .gradient-blue {
   background: linear-gradient(135deg, #ffffff 0%, #dfe4ff 100%);
 }

 .gradient-orange {
   background: linear-gradient(135deg, #ffffff 0%, #ffefcb 100%);
 }

 .lead {
   font-size: 1.15rem;
   color: #666;
 }

 @media (max-width: 767px) {
   .seo-paragraph {
     font-size: 1rem;
   }
 }

 .jee-horizontal-timeline {
   background: #f9f9f9;
 }

 .section-title {
   font-size: 2rem;
   font-weight: 700;
   color: #333;
   margin-bottom: 10px;
 }

 .section-subtitle {
   font-size: 1rem;
   color: #555;
   margin-bottom: 50px;
 }

 .timeline-horizontal {
   position: relative;
   margin-top: 40px;
   gap: 30px;
 }

 .timeline-horizontal::before {
   content: '';
   position: absolute;
   top: 35px;
   left: 0;
   right: 0;
   height: 4px;
   background: #ff070d;
   z-index: 0;
 }

 .timeline-step {
   position: relative;
   flex: 1;
   z-index: 1;
   padding-top: 40px;
 }

 .timeline-icon {
   width: 50px;
   height: 50px;
   background: #ff070d;
   color: #fff;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.2rem;
   margin-bottom: 15px;
   position: relative;
   z-index: 2;
 }

 .timeline-title {
   font-size: 1.25rem;
   font-weight: 700;
   color: #ff070d;
   margin-bottom: 10px;
 }

 .timeline-text {
   font-size: 1rem;
   color: #444;
   line-height: 1.7;
   text-align: justify;
 }

 @media (max-width: 991px) {
   .timeline-horizontal {
     flex-direction: column;
   }

   .timeline-horizontal::before {
     top: 50px;
     left: 25px;
     width: 4px;
     height: auto;
   }

   .timeline-step {
     text-align: left;
     padding-top: 60px;
     margin-bottom: 40px;
   }

   .timeline-icon {
     margin-bottom: 15px;
   }
 }

 .grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 2rem;
   align-items: stretch;
 }

 /* GRID ITEM (BOX) */
 .topper-sec {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   gap: 1rem;
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 10px rgb(0 0 0 / 17%);
   padding: 1rem;
   height: 100%;
   text-align: left;
   /* ✅ Left-align text */
 }

 /* ICON CONTAINER */
 .topper-sec span {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 60px;
   height: 60px;
   flex-shrink: 0;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }

 /* TEXT INSIDE BOX */
 .grid p {
   text-align: left;
   /* ✅ Left align for cleaner look */
   margin-bottom: 0;
 }

 /* RESPONSIVE BEHAVIOR */
 @media (max-width: 767px) {
   .grid {
     grid-template-columns: 1fr;
     gap: 1.5rem;
   }
 }

 .adv-box {
   background: #fff;
   transition: 0.3s;
 }

 .adv-box:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
 }

 .adv-box h4 {
   font-size: 20px;
   color: #222;
 }

 .adv-box p {


   color: #555;
   line-height: 1.6;
 }

 /* ✅ Center align the title */
 .title-center {
   text-align: center;
 }

 /* ✅ Grid items styling - center icon, title, and paragraph */
 .grid-cols-5>div {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 12px;
 }

 /* ✅ Paragraph text justification removed for proper center alignment */
 /* .about-two p {
   text-align: center;
 } */

 /* ✅ Make box titles (h6) red */
 .about-two h6 {
   color: red;
   /* You can use a hex code like #FF0000 or a theme variable */
 }

 .feature-box:hover {
   transform: translateY(-8px);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 }

 @media (max-width: 767px) {
   .feature-box {
     padding: 20px;
   }
 }

 /* Accordion open = white text, closed = black text */
 .accordion-button {
   background-color: #3f4196;
   color: white;
 }

 .accordion-button.collapsed {
   color: black;
   background-color: #f8f8f8;
   /* optional lighter bg for closed state */
 }

 .maintaining-section {
   font-family: 'Montserrat', sans-serif;
   margin: 0;
   padding: 0;
   background: #f9f9fb;
   color: #333;
 }

 .emotional-health {
   max-width: 1200px;
   margin: 0 auto;
   padding: 80px 20px;
   text-align: center;
 }

 .emotional-health h2 {
   font-size: 2.8rem;
   font-weight: 700;
   margin-bottom: 20px;
   color: #3f4196;
 }

 .highlight {
   color: #ff070d;
   font-weight: 700;
 }

 .highlight a {
   color: #1a1717;
   font-weight: 700;
   text-align: left;
   font-size: 16px;
 }

 .highlight a:hover {
   color: #ff070d;
 }

 #location-pg {
   text-align: left;
 }

 .date-box h3 {
   font-size: 12px;
 }

 .flow-container {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 30px;
   margin-top: 60px;
 }

 .flow-card {
   background: linear-gradient(135deg, #ffffff 0%, #ffecec 100%);
   border-radius: 12px;
   padding: 25px 20px;
   flex: 1 1 30%;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
   text-align: center;
   transition: transform 0.3s, box-shadow 0.3s;
 }

 .flow-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 }

 .flow-card h3 {
   font-size: 1.4rem;
   margin-bottom: 12px;
   color: #3f4196;
 }

 .flow-card p {
   font-size: 1rem;
   line-height: 1.6;
 }

 .emotional-health .summary {
   margin-top: 50px;
   font-size: 1.1rem;
 }

 @media (max-width: 1000px) {
   .flow-container {
     flex-direction: column;
     align-items: center;
   }

   .flow-card {
     flex: 1 1 90%;
   }
 }

 .jee-coaching {
   font-family: 'Montserrat', sans-serif;
   margin: 0;
   padding: 0;
   background: #f4f7f9;
   color: #333;
 }

 .jee-timeline {
   max-width: 1200px;
   margin: 0 auto;
   padding: 80px 20px;
   text-align: center;
 }

 .jee-timeline h2 {
   font-size: 2.5rem;
   font-weight: 700;
   margin-bottom: 60px;
   color: #3f4196;
   /* Updated color */
 }

 .timeline-container {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 40px;
 }

 .timeline-card {
   background: #f0f0ff;
   /* light background for boxes */
   border-left: 5px solid #3f4196;
   /* deep blue border */
   border-radius: 8px;
   padding: 30px 25px;
   text-align: left;
   width: 350px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
   position: relative;
   transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
 }

 .timeline-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
   border-left-color: #ff070d;
   /* Red accent on hover */
 }

 .timeline-card h3 {
   margin-top: 0;
   margin-bottom: 15px;
   font-size: 1.4rem;
   color: #3f4196;
   /* Heading color */
 }

 .timeline-card p {
   font-size: 1rem;
   line-height: 1.6;
 }

 .timeline-card::before {
   content: '';
   position: absolute;
   left: -12px;
   top: 25px;
   width: 15px;
   height: 15px;
   background: #3f4196;
   /* Dot color */
   border-radius: 50%;
   transition: background 0.3s;
 }

 .timeline-card:hover::before {
   background: #ff070d;
   /* Red dot on hover */
 }

 @media (max-width: 1200px) {
   .timeline-container {
     flex-direction: column;
     align-items: center;
   }
 }

 /* Tuition Cards */
 .tuition-types-item {
   padding: 40px 24px;
   /* Internal padding */
   border-radius: 12px;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   text-align: left;
   height: 100%;
   text-align: center;
 }

 .tuition-types-item:hover {
   transform: translateY(-5px);
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
 }

 /* Red titles */
 .tuition-types-item h4 {
   color: #ff0000;
   /* Red color for titles */
   margin-bottom: 16px;
 }

 /* Bullets */
 .tuition-types-item ul {
   list-style: disc;
   padding-left: 20px;
   margin-top: 10px;
 }

 .tuition-types-item ul li {
   margin-bottom: 8px;
   color: #555;
 }

 /* Compact instructor gallery spacing */
 .instructor-gallery {
   padding: 20px 10px;
   /* Reduced from 40px 20px */
   max-width: 1200px;
   margin: auto;
 }

 .gallery-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 12px;
   /* Reduced gap between images/videos */
   margin-bottom: 30px;
   /* Slightly less than before */
 }

 .instructor-item img,
 .instructor-item video {
   height: 180px;
   /* Slightly smaller, keeps uniform look */
   object-fit: cover;
 }

 /* Optional: keep hover effect */
 .instructor-item:hover {
   transform: scale(1.05);
   transition: transform 0.3s ease;
 }


 /* Instructor item: image & video uniform size */
 .instructor-item {
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 12px;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: transform 0.3s ease;
 }

 .instructor-item img,
 .instructor-item video {
   width: 100%;
   /* Full width */
   height: 180px;
   /* Same height for images and videos */
   object-fit: cover;
   /* Maintain aspect ratio and cover container */
   border-radius: 12px;
 }

 .instructor-item:hover {
   transform: scale(1.05);
 }

 /* .display-sec{
  display: contents !important;
 } */



 /* Section headings big & bold */
 .heading {
   text-align: center;
   font-size: 2.5rem;
   /* Big size */
   font-weight: 800;
   /* Bold */
   margin-bottom: 20px;
   color: #333;
 }

 /* Compact gallery spacing */
 .instructor-gallery {
   padding: 20px 10px;
   /* Less padding */
   max-width: 1200px;
   margin: auto;
 }

 .gallery-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 12px;
   /* Smaller gap between items */
   margin-bottom: 30px;
 }

 /* Banner spacing */
 .banner-two {
   padding-top: 40px;
   padding-bottom: 60px;
 }

 .heading {
   text-align: center;
   font-size: 2.1rem;
   /* Bigger size */
   font-weight: 600;
   /* Bold */
   margin-bottom: 20px;
   /* Space below the heading */
   color: #333;
 }

 .marquee-wrap {
   position: relative;
   overflow: hidden;
   background: #fbd100;
   height: 46px;
   display: flex;
   align-items: center;
 }

 .marquee {
   display: inline-block;
   white-space: nowrap;
   padding-left: 100%;
   /* push text completely off the right */
   animation: scroll-left var(--speed) linear infinite;
 }

 .marquee span {
   font-size: 18px;
   font-weight: bold;
   text-transform: uppercase;
   color: var(--fg);
 }

 .marquee a {
   color: black;
   text-decoration: none;
 }

 @keyframes scroll-left {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-100%);
   }
 }

 .info-two-item {
   flex-direction: column;
   align-items: center;
   text-align: center;
   padding: 20px;
 }

 .info-two-item img {
   width: 75px;
   /* increased icon size */
   height: auto;
   margin-bottom: 12px;
 }

 .vision-mission-section {
   padding: 60px 20px;
   background: #f9fbfc;
 }

 .section-container {
   display: flex;
   justify-content: center;
   /* ✅ Centers grid horizontally */
 }

 .grid {
   /* display        : flex; */
   gap: var(--gap);
   max-width: 900px;
   /* ✅ Keeps both cards in a neat center container */
   width: 100%;
   justify-content: center;
   flex-wrap: wrap;
 }

 .card {
   background: var(--card-bg);
   border-radius: var(--card-radius);
   box-shadow: var(--shadow);
   padding: 30px 22px;
   text-align: center;
   flex: 1 1 400px;
   /* ✅ Makes them equal width & responsive */
   max-width: 420px;
   transition: transform .18s ease, box-shadow .18s ease;
 }

 .card:hover {
   transform: translateY(-6px);
   box-shadow: 0 14px 30px rgba(15, 20, 30, 0.08);
 }

 .card-media {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   background: #e6f7f7;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 18px;
   overflow: hidden;
 }

 .card-media img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   display: block;
 }

 .card-title {
   font-size: 1.35rem;
   margin: 0 0 10px;
   font-weight: 700;
   color: red;
   text-transform: uppercase;
 }

 .card-desc {
   margin: 0;
   color: var(--muted);
   font-size: 0.95rem;
   line-height: 1.5;
 }

 @media (max-width: 768px) {
   .grid {
     flex-direction: column;
     align-items: center;
   }

   .card {
     max-width: 500px;
   }
 }

 /* Layout: 5 boxes in one row */
 .category-row {
   display: flex;
   justify-content: center;
   align-items: stretch;
   flex-wrap: nowrap;
   gap: 20px;
 }

 /* Each box same height, content centered and evenly spaced */
 .category-item {
   flex: 1;
   max-width: 20%;
   /* ensures 5 boxes per row */
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   text-align: center;
   padding: 32px 16px;
   border: 1px solid var(--neutral-30, #ddd);
   border-radius: 12px;
   background-color: var(--bg-main, #f9f9f9);
   transition: all 0.3s ease;
   min-height: 20px;
   /* ensures same box height */
 }

 .category-item:hover {
   border-color: var(--main-600, #3b82f6);
 }

 /* Ensure consistent spacing inside box */
 .category-item span.w-96.h-96 {
   width: 112px;
   height: 92px;
   background-color: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
   margin-bottom: 24px;
 }

 /* Icon inside circle */
 .category-item span img {
   max-width: 78px;
   height: auto;
   display: block;
   margin: 0 auto;
 }

 /* Text and paragraph spacing */
 .category-item h4 {
   margin-bottom: 16px;
 }

 .category-item p {
   flex-grow: 1;
   color: #444;
   font-size: 1rem;
   line-height: 1.4;
   margin-bottom: 2px;
 }

 /* Align all buttons at the same vertical position */
 .category-item .text-center.mt-40 {
   margin-top: auto;
 }

 /* Responsive adjustments */
 @media (max-width: 992px) {
   .category-row {
     flex-wrap: wrap;
   }

   .category-item {
     max-width: 45%;
     min-height: 300px;
   }
 }

 @media (max-width: 600px) {
   .category-item {
     max-width: 100%;
     min-height: auto;
   }
 }

 .features-grid {
   display: grid;
   flex-wrap: wrap;
   gap: 20px;
 }

 .feature-box {
   flex: 1 1 calc(33.333% - 20px);
   background: #fff;
   display: flex;
   flex-direction: column;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   /* height        : 350px; */
   /* fixed height for all boxes */
 }

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

 .feature-image {
   width: 100%;
   height: 180px;
   /* fixed image area height */
   overflow: hidden;
 }

 .feature-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* stretches and fills the box */
 }

 .feature-content {
   flex: 1;
   padding: 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
 }

 .feature-content h4 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 8px;
 }

 .feature-content p {
   font-size: 14px;
   color: #555;
 }

 @media (max-width: 992px) {
   .feature-box {
     flex: 1 1 calc(50% - 20px);
   }
 }

 @media (max-width: 576px) {
   .feature-box {
     flex: 1 1 100%;
   }
 }

 /* Exact 40/60 split on lg and up */
 @media (min-width: 992px) {
   .free-trails .col-img {
     flex: 0 0 40%;
     max-width: 40%;
   }

   .free-trails .col-text {
     flex: 0 0 60%;
     max-width: 60%;
   }
 }

 /* Vertically center both columns */
 .free-trails .row {
   align-items: stretch;
 }

 .free-trails .col-img,
 .free-trails .col-text {
   min-height: 100%;
 }

 /* ✅ Bigger image */
 .free-trails .section-illustration {
   width: 85%;
   /* Increased from 75% */
   max-width: 450px;
   /* Allows larger size on desktop */
   height: auto;
   display: block;
   border-radius: 12px;
 }

 /* On mobile/tablet, allow almost full width */
 @media (max-width: 991.98px) {
   .free-trails .section-illustration {
     width: 95%;
     max-width: 480px;
   }
 }

 /* ✅ Make all student names red */
 .testimonials-three .testimonials-three-item h4 {
   color: red;
 }

 /* Make cards taller and flexible */
 .instructor .instructor-item {
   display: flex;
   flex-direction: column;
   min-height: 520px;
   /* ⬅️ Increased box size */
   height: auto;
 }

 /* Content padding so text never cuts */
 .instructor .instructor-item .p-24 {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-bottom: 24px;
   /* extra space below text */
   flex: 1 1 auto;
 }

 /* Add margin below percentage text */
 .instructor .instructor-item .flex-between span:last-child {
   margin-bottom: 8px;
   display: inline-block;
 }

 /* Image box height slightly larger */
 .instructor .instructor-item .rounded-12>a {
   display: block;
   height: 280px;
 }

 .instructor .instructor-item .rounded-12>a img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 /* Slick slider respects auto height */
 .instructor .instructor-slider .slick-track {
   display: flex !important;
 }

 .instructor .instructor-slider .slick-slide {
   height: auto !important;
 }

 .mt-400 {
   display: flex;
   justify-content: center;
   /* Centers the button horizontally */
   align-items: center;
   /* Centers the button vertically if necessary */
   margin-top: 40px;
   /* Keeps the margin */
 }


 /* ---- Scoped Video Carousel ---- */
 #video-carousel-3col {
   --gap: 16px;
   --radius: 16px;
   --shadow: 0 6px 20px rgba(0, 0, 0, .08);
 }

 /* Layout */
 #video-carousel-3col.vc3c-section {
   width: 100%;
   padding: 32px 0;
   background: #fff;
 }

 #video-carousel-3col .vc3c-container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 16px;
 }

 /* Carousel Track */
 #video-carousel-3col .vc3c-carousel {
   position: relative;
 }

 #video-carousel-3col .vc3c-track {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% - var(--gap)*2) / 3);
   gap: var(--gap);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   scroll-behavior: smooth;
   padding: 8px 0;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-track::-webkit-scrollbar {
   height: 10px;
 }

 #video-carousel-3col .vc3c-track::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, .2);
   border-radius: 999px;
 }

 #video-carousel-3col .vc3c-track::-webkit-scrollbar-track {
   background: rgba(0, 0, 0, .06);
 }

 /* Cards */
 #video-carousel-3col .vc3c-card {
   scroll-snap-align: start;
   background: #fff;
   border-radius: var(--radius);
   box-shadow: var(--shadow);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   min-height: 100%;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-media {
   position: relative;
   aspect-ratio: 16/9;
   background: #f5f5f5;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-media video {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-card-title {
   font-size: 18px;
   margin: 12px 14px 6px;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-card-text {
   font-size: 14px;
   margin: 0 14px 16px;
   color: #444;
   box-sizing: border-box;
 }

 /* Nav Buttons */
 #video-carousel-3col .vc3c-nav {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   border: none;
   background: #fff;
   box-shadow: var(--shadow);
   width: 40px;
   height: 40px;
   border-radius: 999px;
   cursor: pointer;
   font-size: 22px;
   line-height: 40px;
   text-align: center;
   user-select: none;
   z-index: 2;
 }

 #video-carousel-3col .vc3c-prev {
   left: -8px;
 }

 #video-carousel-3col .vc3c-next {
   right: -8px;
 }

 #video-carousel-3col .vc3c-nav:focus {
   outline: 2px solid #1e90ff;
   outline-offset: 2px;
 }

 /* Dots */
 #video-carousel-3col .vc3c-dots {
   display: flex;
   gap: 8px;
   justify-content: center;
   margin-top: 16px;
 }

 #video-carousel-3col .vc3c-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #cfcfcf;
   border: none;
   cursor: pointer;
 }

 #video-carousel-3col .vc3c-dot[aria-current="true"] {
   background: #333;
 }

 /* Responsive */
 @media (max-width: 1024px) {
   #video-carousel-3col .vc3c-track {
     grid-auto-columns: calc((100% - var(--gap)) / 2);
   }
 }

 @media (max-width: 640px) {
   #video-carousel-3col .vc3c-track {
     grid-auto-columns: 100%;
   }

   #video-carousel-3col .vc3c-prev {
     left: 4px;
   }

   #video-carousel-3col .vc3c-next {
     right: 4px;
   }
 }

 .breadcrumb-banner {
   position: relative;
   min-height: 450px;
   /* Height for desktop */
   display: flex;
   align-items: center;
   background-size: cover;
   background-position: center;
 }



 .breadcrumb-title {
   font-size: 42px;
   letter-spacing: 1px;
   margin-bottom: 15px;
 }

 .breadcrumb-nav {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .breadcrumb-nav a {
   text-decoration: none;
   font-weight: 500;
 }

 .breadcrumb-nav a:hover {
   text-decoration: underline;
 }

 /* ✅ Mobile Responsive Design */
 @media (max-width: 768px) {
   .breadcrumb-banner {
     min-height: 250px;
     /* Smaller height for tablet/mobile */
     padding-top: 40px;
     padding-bottom: 40px;
   }

   .breadcrumb-title {
     font-size: 28px;
     /* Smaller title */
   }
 }

 @media (max-width: 480px) {
   .breadcrumb-banner {
     min-height: 112px;
     /* Extra small height for small mobile */
   }

   .breadcrumb-title {
     font-size: 24px;
   }
 }

 /* Force justify paragraphs & spans with class tj */
 .tj {
   text-align: justify !important;
   text-justify: inter-word;
   hyphens: auto;
 }


 .choose-us__img {
   width: 600px;
   /* set desired width */
   height: 420px;
   /* set desired height */
   object-fit: cover;
   /* crop/scale image to fill without distortion */
   display: block;
   margin: 0 auto;
   /* center horizontally */
 }

 .testimonial-section {
   max-width: 1000px;
   margin: 60px auto;
   padding: 40px 20px;
   background: #fff;
   border-radius: 16px;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
   overflow: hidden;
   position: relative;
   text-align: center;
 }

 .testimonial-section h2 {
   font-size: 28px;
   margin-bottom: 30px;
   color: #222;
   font-weight: bold;
 }

 .testimonial-slider {
   display: flex;
   transition: transform 0.6s ease-in-out;
 }

 .testimonial-item {
   min-width: 100%;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   gap: 20px;
   padding: 20px;
   text-align: left;
 }

 .testimonial-item img {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   object-fit: cover;
   flex-shrink: 0;
   border: 3px solid #ff050c;
 }

 .testimonial-content {
   flex: 1;
 }

 .testimonial-content p {
   font-size: 16px;
   line-height: 1.6;
   margin-bottom: 12px;
   color: #444;
   text-align: justify;
   /* ✅ Justify text */
 }

 .testimonial-content h4 {
   margin: 0;
   font-size: 18px;
   color: #222;
 }

 .testimonial-content span {
   font-size: 14px;
   color: #888;
 }

 /* Arrows */
 .testimonial-nav {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   display: flex;
   justify-content: space-between;
   transform: translateY(-50%);
   pointer-events: none;
 }

 .testimonial-nav button {
   background: #ff050c;
   border: none;
   color: #fff;
   font-size: 22px;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   cursor: pointer;
   pointer-events: auto;
   transition: background 0.3s;
   position: relative;
   z-index: 5;
 }

 .testimonial-nav button#prevBtn {
   margin-left: -60px;
 }

 .testimonial-nav button#nextBtn {
   margin-right: -60px;
 }

 .testimonial-nav button:hover {
   background: #e68900;
 }

 /* Dots */
 .testimonial-dots {
   text-align: center;
   margin-top: 20px;
 }

 .testimonial-dots span {
   height: 12px;
   width: 12px;
   margin: 0 6px;
   display: inline-block;
   background: #ccc;
   border-radius: 50%;
   cursor: pointer;
   transition: background 0.3s;
 }

 .testimonial-dots .active {
   background: #ff050c;
 }

 @media (max-width: 768px) {
   .testimonial-item {
     flex-direction: column;
     text-align: center;
   }

   .testimonial-item img {
     margin-bottom: 15px;
   }

   .testimonial-content p {
     text-align: center;
   }
 }

 .results-section {
   max-width: 1400px;
   margin: 50px auto;
   padding: 20px;
 }

 .results-section h2 {
   text-align: center;
   font-size: 32px;
   margin-bottom: 40px;
   color: #222;
 }

 /* Grid */
 .results-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   /* 4 columns */
   gap: 20px;
   justify-items: center;
   /* centers fixed-size cards horizontally */
 }


 .result-card {
   background: #e6f2ff;
   border: 1px solid #cce0ff;
   border-radius: 12px;
   padding: 20px;
   text-align: center;
   transition: transform 0.3s ease, box-shadow 0.3s ease;

   width: 295px;
   height: 285px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   /* Adjusts vertical alignment */
   overflow: hidden;
   /* Prevent content overflow */
 }


 .result-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
 }

 .result-card img {
   width: 150px;
   height: 150px;
   border-radius: 50%;
   object-fit: cover;
   padding: 6px;
   background: #fff;
   border: 4px solid #ff050c;
   margin-bottom: 8px;
 }


 .result-card h4 {
   font-size: 20px;
   /* was 18px */
   margin: 10px 0 6px;
   color: #333;
 }

 .result-card span {
   display: block;
   font-size: 16px;
   /* was 14px */
   color: #555;
   margin-bottom: 6px;
 }

 .result-card p {
   font-size: 18px;
   /* was 14px */
   color: #444;
   line-height: 1.5;
 }

 /* Pagination */
 .pagination {
   display: flex;
   justify-content: center;
   margin: 30px 0;
   gap: 10px;
 }

 .pagination button {
   padding: 8px 14px;
   border: 1px solid #ddd;
   background: #fff;
   border-radius: 6px;
   cursor: pointer;
   font-size: 15px;
   transition: all 0.3s;
 }

 .pagination button.active {
   background: #ff050c;
   color: #fff;
   border-color: #ff050c;
 }

 /* Responsive */
 @media(max-width:1200px) {
   .results-grid {
     grid-template-columns: repeat(4, 1fr);
   }
 }

 @media(max-width:992px) {
   .results-grid {
     grid-template-columns: repeat(3, 1fr);
   }
 }

 @media(max-width:768px) {
   .results-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media(max-width:480px) {
   .results-grid {
     grid-template-columns: 1fr;
   }
 }


 .mt-400 {
   display: flex;
   justify-content: center;
   /* Centers the button horizontally */
   align-items: center;
   /* Centers the button vertically if necessary */
   margin-top: 40px;
   /* Keeps the margin */
 }


 /* ---- Scoped Video Carousel ---- */
 #video-carousel-3col {
   --gap: 16px;
   --radius: 16px;
   --shadow: 0 6px 20px rgba(0, 0, 0, .08);
 }

 /* Layout */
 #video-carousel-3col.vc3c-section {
   width: 100%;
   padding: 32px 0;
   background: #fff;
 }

 #video-carousel-3col .vc3c-container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 16px;
 }

 /* Carousel Track */
 #video-carousel-3col .vc3c-carousel {
   position: relative;
 }

 #video-carousel-3col .vc3c-track {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% - var(--gap)*2) / 3);
   gap: var(--gap);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   scroll-behavior: smooth;
   padding: 8px 0;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-track::-webkit-scrollbar {
   height: 10px;
 }

 #video-carousel-3col .vc3c-track::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, .2);
   border-radius: 999px;
 }

 #video-carousel-3col .vc3c-track::-webkit-scrollbar-track {
   background: rgba(0, 0, 0, .06);
 }

 /* Cards */
 #video-carousel-3col .vc3c-card {
   scroll-snap-align: start;
   background: #fff;
   border-radius: var(--radius);
   box-shadow: var(--shadow);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   min-height: 100%;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-media {
   position: relative;
   aspect-ratio: 16/9;
   background: #f5f5f5;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-media video {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-card-title {
   font-size: 18px;
   margin: 12px 14px 6px;
   box-sizing: border-box;
 }

 #video-carousel-3col .vc3c-card-text {
   font-size: 14px;
   margin: 0 14px 16px;
   color: #444;
   box-sizing: border-box;
 }

 /* Nav Buttons */
 #video-carousel-3col .vc3c-nav {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   border: none;
   background: #fff;
   box-shadow: var(--shadow);
   width: 40px;
   height: 40px;
   border-radius: 999px;
   cursor: pointer;
   font-size: 22px;
   line-height: 40px;
   text-align: center;
   user-select: none;
   z-index: 2;
 }

 #video-carousel-3col .vc3c-prev {
   left: -8px;
 }

 #video-carousel-3col .vc3c-next {
   right: -8px;
 }

 #video-carousel-3col .vc3c-nav:focus {
   outline: 2px solid #1e90ff;
   outline-offset: 2px;
 }

 /* Dots */
 #video-carousel-3col .vc3c-dots {
   display: flex;
   gap: 8px;
   justify-content: center;
   margin-top: 16px;
 }

 #video-carousel-3col .vc3c-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #cfcfcf;
   border: none;
   cursor: pointer;
 }

 #video-carousel-3col .vc3c-dot[aria-current="true"] {
   background: #333;
 }

 /* Responsive */
 @media (max-width: 1024px) {
   #video-carousel-3col .vc3c-track {
     grid-auto-columns: calc((100% - var(--gap)) / 2);
   }
 }

 @media (max-width: 640px) {
   #video-carousel-3col .vc3c-track {
     grid-auto-columns: 100%;
   }

   #video-carousel-3col .vc3c-prev {
     left: 4px;
   }

   #video-carousel-3col .vc3c-next {
     right: 4px;
   }
 }

 /* Compact instructor gallery spacing */
 .instructor-gallery {
   padding: 20px 10px;
   /* Reduced from 40px 20px */
   max-width: 1200px;
   margin: auto;
 }

 .gallery-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 12px;
   /* Reduced gap between images/videos */
   margin-bottom: 30px;
   /* Slightly less than before */
 }

 .instructor-item img,
 .instructor-item video {
   height: 180px;
   /* Slightly smaller, keeps uniform look */
   object-fit: cover;
 }

 /* Optional: keep hover effect */
 .instructor-item:hover {
   transform: scale(1.05);
   transition: transform 0.3s ease;
 }


 /* Instructor item: image & video uniform size */
 .instructor-item {
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 12px;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: transform 0.3s ease;
 }

 .instructor-item img,
 .instructor-item video {
   width: 100%;
   /* Full width */
   height: 180px;
   /* Same height for images and videos */
   object-fit: cover;
   /* Maintain aspect ratio and cover container */
   border-radius: 12px;
 }

 .instructor-item:hover {
   transform: scale(1.05);
 }

 /* Section headings big & bold */
 .heading {
   text-align: center;
   font-size: 2.5rem;
   /* Big size */
   font-weight: 800;
   /* Bold */
   margin-bottom: 20px;
   color: #333;
 }

 /* Compact gallery spacing */
 .instructor-gallery {
   padding: 20px 10px;
   /* Less padding */
   max-width: 1200px;
   margin: auto;
 }

 .gallery-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 12px;
   /* Smaller gap between items */
   margin-bottom: 30px;
 }

 /* Banner spacing */
 .banner-two {
   padding-top: 40px;
   padding-bottom: 60px;
 }

 .heading {
   text-align: center;
   font-size: 2.1rem;
   /* Bigger size */
   font-weight: 600;
   /* Bold */
   margin-bottom: 20px;
   /* Space below the heading */
   color: #333;
 }

 /* slider home page student start */
 .slider-container {
   width: 100%;
   max-width: 1200px;
   position: relative;
   overflow: hidden;
   /* padding: 0 60px; */
 }

 .slider {
   /* display: flex; */
   transition: transform 0.5s ease;
 }

 .student-card {
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   text-align: center;
   /* padding   : 20px;
    margin      : 10px; */
   flex: 0 0 300px;
   border: 1px solid #e0e0e0;
   height: -webkit-fill-available;
   margin-top: 20px;
 }

 .student-card img {
   /* width: 160px;
    height: 160px; */
   border-radius: 8px;
   object-fit: cover;
   /* margin-bottom: 15px; */
 }

 .student-card h3 {
   margin: 15px 0 5px;
   font-size: 20px;
   color: #222;
 }

 .student-card .details {
   border-top: 1px dashed #ddd;
   margin: 10px;
   padding-top: 5px;
   font-size: 15px;
   color: #444;
 }

 .student-card .details p {
   margin: 5px 0;
 }

 .badge {
   width: 50px;
   height: 50px;
   background: #e7f1ff;
   border-radius: 50%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   border: 9px solid #007bff;
   position: relative;
   top: -79px;
   left: 97px;
 }

 .badge img {
   width: 20px;
   height: 20px;
 }

 .nav-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: #fff;
   border: none;
   cursor: pointer;
   width: 45px;
   height: 45px;
   border-radius: 50%;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   transition: 0.3s;
   font-size: 20px;
   color: #007bff;
 }

 .nav-btn:hover {
   background: #007bff;
   color: #fff;
 }

 .prev {
   left: 10px;
 }

 .next {
   right: 10px;
 }

 @media (max-width: 768px) {
   .student-card {
     flex: 0 0 260px;
   }
 }

 /* new  testimonial start */
 .mycard {
   height: 300px;
   width: 100%;
   max-width: 24rem;
 }

 .cardtitle {
   font-weight: bold;
   --tw-text-opacity: 1;
   color: rgba(31, 41, 55, var(--tw-text-opacity));
   text-align: center;
 }

 .cardimg {
   margin-left: auto;
   margin-right: auto;
   margin-top: 2.75rem;
   margin-bottom: 2.75rem;
   max-height: 6rem;
   border-radius: 9999px;
 }

 .carddescription {
   --tw-text-opacity: 1;
   color: rgba(107, 114, 128, var(--tw-text-opacity));
   text-align: center;
 }


 .slider {
   width: 100%;

   min-height: 385px;
 }

 .slider input {
   display: none;
 }

 .testimonials {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   min-height: 375px;
   perspective: 500px;
   margin-top: 5rem;
   overflow: hidden;
 }

 .testimonials .item {
   max-width: 20rem;
   border-radius: 1.5rem;
   border-width: 2px;
   --tw-border-opacity: 1;
   border-color: rgba(30, 58, 138, var(--tw-border-opacity));
   top: 0;
   position: absolute;
   box-sizing: border-box;
   background-color: #fff;
   padding: 30px;
   width: 450px;
   text-align: center;
   transition: transform 0.4s;
   -webkit-transform-style: preserve-3d;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   user-select: none;
   cursor: pointer;
 }

 .testimonials .item img {
   width: 100px;
   border-radius: 50%;
   border: 13px solid #3b344d;
 }

 .testimonials .item p {
   font-size: 14px;
   color: #ddd;
 }

 .testimonials .item h2 {
   font-size: 14px;
 }

 .dots {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .dots label {
   display: block;
   height: 10px;
   width: 10px;
   border-radius: 50%;
   cursor: pointer;
   background-color: #ff0000;
   margin: 7px;
   transition: transform 0.2s, color 0.2s;
 }

 /*  reviews-slides start */

 /* First */
 #t-1:checked~.dots label[for="t-1"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-1:checked~.dots label[for="t-2"] {
   transform: scale(1.5);
 }

 #t-1:checked~.testimonials label[for="t-1"] {
   z-index: 4;
 }

 #t-1:checked~.testimonials label[for="t-2"] {
   transform: translateX(300px) translateZ(-90px) translateY(-15px);

   z-index: 3;
 }

 #t-1:checked~.testimonials label[for="t-3"] {
   transform: translateX(600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-1:checked~.testimonials label[for="t-4"] {
   transform: translateX(900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-1:checked~.testimonials label[for="t-5"] {
   transform: translateX(1200px) translateZ(-360px) translateY(-60px);
 }

 /* Second */
 #t-2:checked~.dots label[for="t-1"] {
   transform: scale(1.5);
 }

 #t-2:checked~.dots label[for="t-2"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-2:checked~.dots label[for="t-3"] {
   transform: scale(1.5);
 }

 #t-2:checked~.testimonials label[for="t-1"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
 }

 #t-2:checked~.testimonials label[for="t-2"] {
   z-index: 3;
 }

 #t-2:checked~.testimonials label[for="t-3"] {
   transform: translateX(300px) translateZ(-90px) translateY(-15px);
   z-index: 2;
 }

 #t-2:checked~.testimonials label[for="t-4"] {
   transform: translateX(600px) translateZ(-180px) translateY(-30px);
   z-index: 1;
 }

 #t-2:checked~.testimonials label[for="t-5"] {
   transform: translateX(900px) translateZ(-270px) translateY(-45px);
 }

 /* Third */
 #t-3:checked~.dots label[for="t-2"] {
   transform: scale(1.5);
 }

 #t-3:checked~.dots label[for="t-3"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-3:checked~.dots label[for="t-4"] {
   transform: scale(1.5);
 }

 #t-3:checked~.testimonials label[for="t-1"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
 }

 #t-3:checked~.testimonials label[for="t-2"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
 }

 #t-3:checked~.testimonials label[for="t-3"] {
   z-index: 3;
 }

 #t-3:checked~.testimonials label[for="t-4"] {
   transform: translateX(300px) translateZ(-90px) translateY(-15px);
   z-index: 2;
 }

 #t-3:checked~.testimonials label[for="t-5"] {
   transform: translateX(600px) translateZ(-180px) translateY(-30px);
 }

 /* Fourth */
 #t-4:checked~.dots label[for="t-3"] {
   transform: scale(1.5);
 }

 #t-4:checked~.dots label[for="t-4"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-4:checked~.dots label[for="t-5"] {
   transform: scale(1.5);
 }

 #t-4:checked~.testimonials label[for="t-1"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
 }

 #t-4:checked~.testimonials label[for="t-2"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
 }

 #t-4:checked~.testimonials label[for="t-3"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 2;
 }

 #t-4:checked~.testimonials label[for="t-4"] {
   z-index: 3;
 }

 #t-4:checked~.testimonials label[for="t-5"] {
   transform: translateX(300px) translateZ(-90px) translateY(-15px);
 }

 /* Fifth */
 #t-5:checked~.dots label[for="t-4"] {
   transform: scale(1.5);
 }

 #t-5:checked~.dots label[for="t-5"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-5:checked~.dots label[for="t-6"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-5:checked~.testimonials label[for="t-1"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-5:checked~.testimonials label[for="t-2"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-5:checked~.testimonials label[for="t-3"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-5:checked~.testimonials label[for="t-4"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-5:checked~.testimonials label[for="t-5"] {
   z-index: 4;
 }

 /* Sixth */
 #t-6:checked~.dots label[for="t-5"] {
   transform: scale(1.5);
 }

 #t-6:checked~.dots label[for="t-6"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-6:checked~.testimonials label[for="t-1"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-6:checked~.testimonials label[for="t-2"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-6:checked~.testimonials label[for="t-3"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-6:checked~.testimonials label[for="t-4"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-6:checked~.testimonials label[for="t-5"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-6:checked~.testimonials label[for="t-6"] {
   z-index: 4;
 }

 /* Seventh */
 #t-7:checked~.dots label[for="t-6"] {
   transform: scale(1.5);
 }

 #t-7:checked~.dots label[for="t-7"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-7:checked~.testimonials label[for="t-1"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-7:checked~.testimonials label[for="t-2"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-7:checked~.testimonials label[for="t-3"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-7:checked~.testimonials label[for="t-4"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
 }

 #t-7:checked~.testimonials label[for="t-5"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-7:checked~.testimonials label[for="t-6"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-7:checked~.testimonials label[for="t-7"] {
   z-index: 4;
 }

 /* Eighth */
 #t-8:checked~.dots label[for="t-7"] {
   transform: scale(1.5);
 }

 #t-8:checked~.dots label[for="t-8"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-8:checked~.testimonials label[for="t-1"] {
   transform: translateX(-2100px) translateZ(-630px) translateY(-105px);
 }

 #t-8:checked~.testimonials label[for="t-2"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-8:checked~.testimonials label[for="t-3"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-8:checked~.testimonials label[for="t-4"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-8:checked~.testimonials label[for="t-5"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-8:checked~.testimonials label[for="t-6"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-8:checked~.testimonials label[for="t-7"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-8:checked~.testimonials label[for="t-8"] {
   z-index: 4;
 }

 /* Ninth */
 #t-9:checked~.dots label[for="t-8"] {
   transform: scale(1.5);
 }

 #t-9:checked~.dots label[for="t-9"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-9:checked~.testimonials label[for="t-1"] {
   transform: translateX(-2400px) translateZ(-720px) translateY(-120px);
 }

 #t-9:checked~.testimonials label[for="t-2"] {
   transform: translateX(-2100px) translateZ(-630px) translateY(-105px);
 }

 #t-9:checked~.testimonials label[for="t-3"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-9:checked~.testimonials label[for="t-4"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-9:checked~.testimonials label[for="t-5"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-9:checked~.testimonials label[for="t-6"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-9:checked~.testimonials label[for="t-7"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-9:checked~.testimonials label[for="t-8"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-9:checked~.testimonials label[for="t-9"] {
   z-index: 4;
 }

 /* Tenth */
 #t-10:checked~.dots label[for="t-9"] {
   transform: scale(1.5);
 }

 #t-10:checked~.dots label[for="t-10"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-10:checked~.testimonials label[for="t-1"] {
   transform: translateX(-2700px) translateZ(-810px) translateY(-135px);
 }

 #t-10:checked~.testimonials label[for="t-2"] {
   transform: translateX(-2400px) translateZ(-720px) translateY(-120px);
 }

 #t-10:checked~.testimonials label[for="t-3"] {
   transform: translateX(-2100px) translateZ(-630px) translateY(-105px);
 }

 #t-10:checked~.testimonials label[for="t-4"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-10:checked~.testimonials label[for="t-5"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-10:checked~.testimonials label[for="t-6"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-10:checked~.testimonials label[for="t-7"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-10:checked~.testimonials label[for="t-8"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-10:checked~.testimonials label[for="t-9"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-10:checked~.testimonials label[for="t-10"] {
   z-index: 4;
 }

 /* Eleventh */
 #t-11:checked~.dots label[for="t-10"] {
   transform: scale(1.5);
 }

 #t-11:checked~.dots label[for="t-11"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-11:checked~.testimonials label[for="t-1"] {
   transform: translateX(-3000px) translateZ(-900px) translateY(-150px);
 }

 #t-11:checked~.testimonials label[for="t-2"] {
   transform: translateX(-2700px) translateZ(-810px) translateY(-135px);
 }

 #t-11:checked~.testimonials label[for="t-3"] {
   transform: translateX(-2400px) translateZ(-720px) translateY(-120px);
 }

 #t-11:checked~.testimonials label[for="t-4"] {
   transform: translateX(-2100px) translateZ(-630px) translateY(-105px);
 }

 #t-11:checked~.testimonials label[for="t-5"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-11:checked~.testimonials label[for="t-6"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-11:checked~.testimonials label[for="t-7"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-11:checked~.testimonials label[for="t-8"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-11:checked~.testimonials label[for="t-9"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-11:checked~.testimonials label[for="t-10"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-11:checked~.testimonials label[for="t-11"] {
   z-index: 4;
 }

 /* Twelfth */
 #t-12:checked~.dots label[for="t-11"] {
   transform: scale(1.5);
 }

 #t-12:checked~.dots label[for="t-12"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-12:checked~.testimonials label[for="t-1"] {
   transform: translateX(-3300px) translateZ(-990px) translateY(-165px);
 }

 #t-12:checked~.testimonials label[for="t-2"] {
   transform: translateX(-3000px) translateZ(-900px) translateY(-150px);
 }

 #t-12:checked~.testimonials label[for="t-3"] {
   transform: translateX(-2700px) translateZ(-810px) translateY(-135px);
 }

 #t-12:checked~.testimonials label[for="t-4"] {
   transform: translateX(-2400px) translateZ(-720px) translateY(-120px);
 }

 #t-12:checked~.testimonials label[for="t-5"] {
   transform: translateX(-2100px) translateZ(-630px) translateY(-105px);
 }

 #t-12:checked~.testimonials label[for="t-6"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-12:checked~.testimonials label[for="t-7"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-12:checked~.testimonials label[for="t-8"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-12:checked~.testimonials label[for="t-9"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-12:checked~.testimonials label[for="t-10"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-12:checked~.testimonials label[for="t-11"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }


 #t-12:checked~.testimonials label[for="t-12"] {
   z-index: 4;
 }

 /* Thirteenth */
 #t-13:checked~.dots label[for="t-12"] {
   transform: scale(1.5);
 }

 #t-13:checked~.dots label[for="t-13"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-13:checked~.testimonials label[for="t-1"] {
   transform: translateX(-3600px) translateZ(-1080px) translateY(-180px);
 }

 #t-13:checked~.testimonials label[for="t-2"] {
   transform: translateX(-3300px) translateZ(-990px) translateY(-165px);
 }

 #t-13:checked~.testimonials label[for="t-3"] {
   transform: translateX(-3000px) translateZ(-900px) translateY(-150px);
 }

 #t-13:checked~.testimonials label[for="t-4"] {
   transform: translateX(-2700px) translateZ(-810px) translateY(-135px);
 }

 #t-13:checked~.testimonials label[for="t-5"] {
   transform: translateX(-2400px) translateZ(-720px) translateY(-120px);
 }

 #t-13:checked~.testimonials label[for="t-6"] {
   transform: translateX(-2100px) translateZ(-630px) translateY(-105px);
 }

 #t-13:checked~.testimonials label[for="t-7"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-13:checked~.testimonials label[for="t-8"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-13:checked~.testimonials label[for="t-9"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-13:checked~.testimonials label[for="t-10"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-13:checked~.testimonials label[for="t-11"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-13:checked~.testimonials label[for="t-12"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-13:checked~.testimonials label[for="t-13"] {
   z-index: 4;
 }

 /* Fourteenth */
 #t-14:checked~.dots label[for="t-13"] {
   transform: scale(1.5);
 }

 #t-14:checked~.dots label[for="t-14"] {
   transform: scale(2);
   background-color: #fff;
 }

 #t-14:checked~.testimonials label[for="t-1"] {
   transform: translateX(-3900px) translateZ(-1170px) translateY(-195px);
 }

 #t-14:checked~.testimonials label[for="t-2"] {
   transform: translateX(-3600px) translateZ(-1080px) translateY(-180px);
 }

 #t-14:checked~.testimonials label[for="t-3"] {
   transform: translateX(-3300px) translateZ(-990px) translateY(-165px);
 }

 #t-14:checked~.testimonials label[for="t-4"] {
   transform: translateX(-3000px) translateZ(-900px) translateY(-150px);
 }

 #t-14:checked~.testimonials label[for="t-5"] {
   transform: translateX(-2700px) translateZ(-810px) translateY(-135px);
 }

 #t-14:checked~.testimonials label[for="t-6"] {
   transform: translateX(-2400px) translateZ(-720px) translateY(-120px);
 }

 #t-14:checked~.testimonials label[for="t-7"] {
   transform: translateX(-2100px) translateZ(-630px) translateY(-105px);
 }

 #t-14:checked~.testimonials label[for="t-8"] {
   transform: translateX(-1800px) translateZ(-540px) translateY(-90px);
 }

 #t-14:checked~.testimonials label[for="t-9"] {
   transform: translateX(-1500px) translateZ(-450px) translateY(-75px);
 }

 #t-14:checked~.testimonials label[for="t-10"] {
   transform: translateX(-1200px) translateZ(-360px) translateY(-60px);
 }

 #t-14:checked~.testimonials label[for="t-11"] {
   transform: translateX(-900px) translateZ(-270px) translateY(-45px);
   z-index: 1;
 }

 #t-14:checked~.testimonials label[for="t-12"] {
   transform: translateX(-600px) translateZ(-180px) translateY(-30px);
   z-index: 2;
 }

 #t-14:checked~.testimonials label[for="t-13"] {
   transform: translateX(-300px) translateZ(-90px) translateY(-15px);
   z-index: 3;
 }

 #t-14:checked~.testimonials label[for="t-14"] {
   z-index: 4;
 }

 .dots label {
   background: #ff0000;
 }

 input:checked~.dots label {
   background: #ff0000;
   transform: scale(1);
 }

 #t-1:checked~.dots label[for="t-1"],
 #t-2:checked~.dots label[for="t-2"],
 #t-3:checked~.dots label[for="t-3"],
 #t-4:checked~.dots label[for="t-4"],
 #t-5:checked~.dots label[for="t-5"],
 #t-6:checked~.dots label[for="t-6"],
 #t-7:checked~.dots label[for="t-7"],
 #t-8:checked~.dots label[for="t-8"],
 #t-9:checked~.dots label[for="t-9"],
 #t-10:checked~.dots label[for="t-10"],
 #t-11:checked~.dots label[for="t-11"],
 #t-12:checked~.dots label[for="t-12"],
 #t-13:checked~.dots label[for="t-13"],
 #t-14:checked~.dots label[for="t-14"] {
   transform: scale(2);
   background: #fff;
 }

 .testimonials .item {
   --offset: 0;
   transform:
     translateX(calc(var(--offset) * 260px)) translateZ(calc(var(--offset) * -80px)) translateY(calc(var(--offset) * -14px));
 }


 #t-1:checked~.testimonials {
   --center: 1;
 }

 #t-2:checked~.testimonials {
   --center: 2;
 }

 #t-3:checked~.testimonials {
   --center: 3;
 }

 #t-4:checked~.testimonials {
   --center: 4;
 }

 #t-5:checked~.testimonials {
   --center: 5;
 }

 #t-6:checked~.testimonials {
   --center: 6;
 }

 #t-7:checked~.testimonials {
   --center: 7;
 }

 #t-8:checked~.testimonials {
   --center: 8;
 }

 #t-9:checked~.testimonials {
   --center: 9;
 }

 #t-10:checked~.testimonials {
   --center: 10;
 }

 #t-11:checked~.testimonials {
   --center: 11;
 }

 #t-12:checked~.testimonials {
   --center: 12;
 }

 #t-13:checked~.testimonials {
   --center: 13;
 }

 #t-14:checked~.testimonials {
   --center: 14;
 }

 .testimonials label:nth-child(1) {
   --id: 1;
 }

 .testimonials label:nth-child(2) {
   --id: 2;
 }

 .testimonials label:nth-child(3) {
   --id: 3;
 }

 .testimonials label:nth-child(4) {
   --id: 4;
 }

 .testimonials label:nth-child(5) {
   --id: 5;
 }

 .testimonials label:nth-child(6) {
   --id: 6;
 }

 .testimonials label:nth-child(7) {
   --id: 7;
 }

 .testimonials label:nth-child(8) {
   --id: 8;
 }

 .testimonials label:nth-child(9) {
   --id: 9;
 }

 .testimonials label:nth-child(10) {
   --id: 10;
 }

 .testimonials label:nth-child(11) {
   --id: 11;
 }

 .testimonials label:nth-child(12) {
   --id: 12;
 }

 .testimonials label:nth-child(13) {
   --id: 13;
 }

 .testimonials label:nth-child(14) {
   --id: 14;
 }

 .testimonials {
   --center: 3;

 }

 .testimonials .item {
   --offset: calc(var(--id) - var(--center));
   border: none;
   box-shadow: 20px 22px 20px rgba(0, 0, 0, 0.18);
   transition: all 0.4s ease;
   border: 1px solid rgb(211, 206, 206);
 }

 /* new testimonial end */
 .iit-course {
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
   padding: 1rem;
   height: 100%;
   text-align: center;
 }

 /* NEET Coaching start */

 .journey-section-1 {
   position: relative;
   margin-bottom: 15px;
 }

 .journey-section-1 h5 {
   font-weight: 700;
   font-size: 20px;
   letter-spacing: 1px;
   margin-bottom: 10px;
 }

 .journey-section-1 h3 {
   font-weight: 700;
   color: #222;
   line-height: 1.2;
 }

 .journey-section-1 span {
   color: #ff070d;
 }

 .accent-line {
   width: 80px;
   height: 4px;
   background: #d90000;
   margin: 20px auto 0;
   border-radius: 2px;
 }

 .competitive-exam {
   background: white;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
   text-align: center;
 }

 .competitive-exam p {
   font-size: 18px;
   line-height: 1.8;
   color: #333;
   margin-bottom: 30px;
 }

 .section-coaching {
   background: #f9f9f9;
   font-family: 'Poppins', sans-serif;
 }

 .coaching-title h2 {
   font-size: 2.5rem;
   font-weight: 700;
   color: #222;
   line-height: 1.2;
 }

 .renown-neet {
   background: linear-gradient(135deg, #ffffff 0%, #ffe8c6 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   width: 100%;
   /* max-width    : 250px; */
   text-align: center;
 }

 .renown-neet h4 {
   color: #ff070d;
   margin-bottom: 12px;
 }

 .renown-neet p {
   color: #444;
   line-height: 1.6;
 }

 .offer-1 {
   background: linear-gradient(135deg, #ffffff 0%, #dfe4ff 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   width: 100%;
   /* max-width    : 250px; */
   text-align: center;
 }

 .offer-1 h4 {
   color: #3f4196;
   margin-bottom: 12px;
 }

 .offer-2 {
   background: linear-gradient(135deg, #ffffff 0%, #fff7db 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   width: 100%;
   /* max-width    : 250px; */
   text-align: center;
 }

 .offer-2 h4 {
   color: #ff8c00;
   margin-bottom: 12px;
 }

 .offer-3 {
   background: linear-gradient(135deg, #ffffff 0%, #ffe5e5 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   width: 100%;
   /* max-width    : 250px; */
   text-align: center;
 }

 .offer-3 h4 {
   color: #c70039;
   margin-bottom: 12px;
 }

 .last-section {
   max-width: 800px;
   margin: 0 auto;
   text-align: center;
   background: #fff;
   padding: 30px 25px;
   border-radius: 12px;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
 }

 .last-section p {
   color: #333;
   font-size: 1.1rem;
   line-height: 1.7;
 }

 .neet-section {
   background: white;
   font-family: 'Poppins', sans-serif;
   text-align: center;
 }

 .neet-title h2 {
   font-size: 2.5rem;
   font-weight: 700;
   color: #222;
   line-height: 1.3;
 }

 .neet-title p {
   font-size: 1.3rem;
   color: #ff4b5c;
   font-weight: 600;
   margin-top: 15px;
 }

 .neet-offer-banner p {
   font-size: 1.1rem;
   color: #3f51b5;
   font-weight: 500;
   margin-top: 10px;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   line-height: 1.6;
   background: #fff3e0;
   padding: 15px;
   border-radius: 8px;
   display: inline-block;
 }

 .neet-sec-1 {
   background: #fff;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease;
   text-align: center;

   h4 {
     color: #ff4b5c;
     margin-bottom: 15px;
     font-weight: 700;
   }

   span {
     font-weight: 400;
     color: #555;
     font-size: 0.95rem;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .neet-sec-2 {
   background: #fff;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease;
   text-align: center;

   h4 {
     color: #3f51b5;
     margin-bottom: 15px;
     font-weight: 700;
   }

   span {
     font-weight: 400;
     color: #555;
     font-size: 0.95rem;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .neet-sec-3 {
   background: #fff;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease;
   text-align: center;

   h4 {
     color: #ff9800;
     margin-bottom: 15px;
     font-weight: 700;
   }

   p {
     color: #444;
     line-height: 1.6;
   }

 }

 .slogan-section p {
   font-size: 1.5rem;
   color: #ff4b5c;
   font-weight: 700;
   background: white;
   display: inline-block;
   padding: 15px 25px;
   border-radius: 8px;
   line-height: 1.5;
 }

 .strategy-heading {
   background: white;
   font-family: 'Poppins', sans-serif;
   text-align: center;
 }

 .slogan-mock-test {
   h2 {
     font-size: 2.5rem;
     font-weight: 700;
     color: #222;
     line-height: 1.3;
   }

   p {
     font-size: 1.2rem;
     color: #b71c1c;
     font-weight: 600;
     background: #ffcdd2;
     padding: 15px 25px;
     border-radius: 8px;
     display: inline-block;
     margin-top: 15px;
     line-height: 1.6;
   }
 }

 .strategy-three-points {
   display: flex;
   align-items: flex-start;
   gap: 15px;
 }

 .three-point {
   text-align: left;
   display: flex;
   flex-direction: column;
   gap: 30px;
 }

 .strategy-three-points-number {
   width: 40px;
   height: 40px;
   flex-shrink: 0;
   border-radius: 50%;
   background: #fff;
   color: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.2rem;
   border: 2px solid #000;
 }

 .strategy-three-points-title {
   h4 {
     color: #ff9800;
     margin-bottom: 8px;
     font-weight: 600;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .strategy-three-points-title-1 {
   h4 {
     color: #2196f3;
     margin-bottom: 8px;
     font-weight: 600;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .strategy-three-points-title-2 {
   h4 {
     color: #fbc02d;
     margin-bottom: 8px;
     font-weight: 600;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .top-coaching-section {
   background: white;
   font-family: 'Poppins', sans-serif;
   text-align: center;
 }

 .top-coaching-title {
   h2 {
     font-size: 2.5rem;
     font-weight: 700;
     color: #222;
     line-height: 1.3;
   }

   p {
     font-size: 1.2rem;
     color: #1976d2;
     font-weight: 700;
     margin-top: 15px;
     line-height: 1.6;
   }
 }

 .top-coaching-child {

   font-size: 1.4rem;
   color: #000 !important;
   font-weight: 700;

 }

 .timeline-section {
   display: flex;
   justify-content: space-between;
   position: relative;
   margin-top: 50px;
   flex-wrap: wrap;
 }

 .timeline-line {
   position: absolute;
   top: 30px;
   left: 0;
   right: 0;
   height: 4px;
   background: #ccc;
   z-index: 1;
 }

 .timeline-line-1 {
   position: relative;
   z-index: 2;
   flex: 1;
   text-align: center;

   h3 {
     color: #fb8c00;
     margin-top: 15px;
     font-weight: 700;
   }

   p {
     color: #444;
     font-size: 1.01rem;
     line-height: 1.5;
     max-width: 400px;
     margin: auto;
   }
 }

 .timeline-line-number {
   width: 60px;
   height: 60px;
   margin: 0 auto;
   border-radius: 50%;
   background: #fb8c00;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.5rem;
 }

 .timeline-line-2 {
   position: relative;
   z-index: 2;
   flex: 1;
   text-align: center;

   h3 {
     color: #1976d2;
     margin-top: 15px;
     font-weight: 700;
   }

   p {
     color: #444;
     font-size: 1.01rem;
     line-height: 1.5;
     max-width: 400px;
     margin: auto;
   }
 }

 .timeline-line-number-2 {
   width: 60px;
   height: 60px;
   margin: 0 auto;
   border-radius: 50%;
   background: #1976d2;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.5rem;
 }

 .best-neet-section {
   background: #f0f8ff;
   font-family: 'Poppins', sans-serif;
   text-align: center;

   h2 {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 20px;
     line-height: 1.4;
   }

   h3 {
     font-size: 1.6rem;
     font-weight: 600;
     color: #d93030;
     margin-bottom: 30px;
   }
 }

 .heighlight-section {
   background: #fffdf9;
   border-radius: 15px;
   padding: 40px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

   p {
     font-size: 1.1rem;
     color: #555;
     margin-bottom: 30px;
     line-height: 1.6;
   }
 }

 .features-list-section {
   display: flex;
   flex-direction: column;
   gap: 20px;
   text-align: left;
   max-width: 700px;
   margin: auto;
 }

 .features-list-child-1 {
   background: #fff3f3;
   border-left: 5px solid #d93030;
   padding: 15px 20px;
   border-radius: 8px;

   strong {
     color: black;
   }
 }

 .features-list-child-2 {
   background: #e0f7fa;
   border-left: 5px solid #039be5;
   padding: 15px 20px;
   border-radius: 8px;

   strong {
     color: black;
   }
 }

 .mental-game-section {
   position: relative;
   overflow: hidden;
   font-family: 'Poppins', sans-serif;
   color: #333;
   padding: 80px 20px;
   background: linear-gradient(to bottom right, #cce7ff, #ffd6e0);
 }

 .mental-game {
   text-align: center;
   margin-bottom: 60px;

   h2 {
     font-size: 2.8rem;
     font-weight: 700;
     color: black;
   }

   p {
     font-size: 1.2rem;
     max-width: 800px;
     margin: auto;
     line-height: 1.8;
   }
 }

 .features-layout {
   display: flex;
   flex-direction: column;
   gap: 50px;
   max-width: 1000px;
   margin: auto;
 }

 .features-layout-1 {
   display: flex;
   align-items: center;
   gap: 30px;
   flex-wrap: wrap;
 }

 .features-layout-icon {
   flex: 0 0 80px;
   height: 80px;
   background: #ff6f61;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 2rem;
   color: #fff;
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
 }

 .features-bg-1 {
   flex: 1;
   background: #fff;
   padding: 25px;
   border-radius: 15px;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);

   strong {
     font-size: 1.2rem;
     color: #ff6f61;
   }

   p {
     margin-top: 10px;
     line-height: 1.6;
   }
 }

 .features-layout-2 {
   display: flex;
   align-items: center;
   gap: 30px;
   flex-wrap: wrap;
   flex-direction: row-reverse;
 }

 .features-layout-icon-2 {
   flex: 0 0 80px;
   height: 80px;
   background: #039be5;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 2rem;
   color: #fff;
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
 }

 .features-bg-2 {
   flex: 1;
   background: #fff;
   padding: 25px;
   border-radius: 15px;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);

   strong {
     font-size: 1.2rem;
     color: #039be5;
   }

   p {
     margin-top: 10px;
     line-height: 1.6;
   }
 }

 .cta-text-section {
   text-align: center;
   margin-top: 60px;

   p {
     font-size: 1.2rem;
     max-width: 800px;
     margin: auto;
     line-height: 1.6;
   }

   a {
     display: inline-block;
     margin-top: 30px;
     background: #ff6f61;
     color: #fff;
     font-weight: 600;
     padding: 15px 35px;
     border-radius: 50px;
     text-decoration: none;
     transition: 0.3s;
   }
 }

 /* NEET Coaching end */

 /* IIT-JEE (XI-XII) start */
 .iit-jee-coaching-section {
   background: #f5f7ff;
 }

 .title-box {
   position: relative;
   margin-bottom: 60px;

   h5 {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 1px;
     margin-bottom: 10px;
     color: #d90000;
   }

   h3 {
     font-weight: 700;
     color: #222;
     line-height: 1.2;
   }

   span {
     color: #ff070d;
   }

   h4 {
     font-weight: 600;
     font-size: 20px;
     color: #333;
   }

   .accent-line {
     width: 80px;
     height: 4px;
     background: #d90000;
     margin: 20px auto 0;
     border-radius: 2px;
   }
 }

 .content-card {
   flex: 1 1 100%;
   background: white;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
   margin-bottom: 30px;

   p {
     font-size: 18px;
     line-height: 1.8;
     color: #333;
     margin-bottom: 20px;
   }
 }

 .final-heading {
   flex: 1 1 100%;
   background: #0a1a44;
   color: white;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
   text-align: center;

   h3 {
     font-weight: 700;
     font-size: 28px;
     line-height: 1.4;
     color: white;
   }
 }

 .well-known-coaching-section {
   background: white;
   font-family: 'Poppins', sans-serif;
 }

 .well-known-coaching {
   h3 {
     font-weight: 700;
     color: #222;
     line-height: 1.2;
   }

   span {
     color: #ff070d;
   }
 }

 .well-known-coaching-card {
   background: linear-gradient(135deg, #ffffff 0%, #ffe8c6 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   text-align: center;

   h4 {
     color: #ff070d;
     margin-bottom: 12px;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .well-known-coaching-card-1 {
   background: linear-gradient(135deg, #ffffff 0%, #dfe4ff 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   text-align: center;

   h4 {
     color: #3f4196;
     margin-bottom: 12px;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .well-known-coaching-card-2 {
   background: linear-gradient(135deg, #ffffff 0%, #fff7db 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   text-align: center;

   h4 {
     color: #ff8c00;
     margin-bottom: 12px;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .well-known-coaching-card-3 {
   background: linear-gradient(135deg, #ffffff 0%, #ffe5e5 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   text-align: center;

   h4 {
     color: #c70039;
     margin-bottom: 12px;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .para-content {
   text-align: center;
   line-height: 1.85;
   font-size: 1.1rem;
   color: #444;
   max-width: 950px;
   margin: 0 auto;

   strong {
     color: #ff070d;
   }
 }

 .roadmap-success-section {
   span {
     color: #ff070d;
     font-weight: 700;
   }
 }

 .structure-program-section {
   background: #fff8f0;
 }

 .who-apply {
   font-size: 18px;
   max-width: 1200px;
   margin: 0 auto;
   line-height: 1.7;

   span {
     color: #f15a24;
   }
 }

 .why-topper {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 16px;
 }

 .aims-advantage {
   h3 {
     font-size: 2rem;
     line-height: 1.3;
     max-width: 1200px;
     margin: 0 auto;
   }

   span {
     color: #ff070d;
     font-weight: 700;
   }

   p {
     font-size: 16px;
     line-height: 1.6;
     max-width: 900px;
     margin: 10px auto 0;
   }
 }

 .doubt-solve {
   border-left: 4px solid #ff070d;
 }

 .study-material {
   border-left: 4px solid #3f4196;
 }

 .mentroship {
   border-left: 4px solid #f07c22;
 }

 .power-tech {
   border-left: 4px solid #efe704;
 }

 .financial-section {
   p {
     font-size: 18px;
     line-height: 1.8;
     text-align: center;
     max-width: 1200px;
     margin: 0 auto;
   }
 }

 .advance-main-section {
   background: #fff8f0;
 }

 .advance-main-pune {
   h3 {
     font-weight: 700;
     font-size: 2rem;
     line-height: 1.3;
     margin: 0;
   }
 }

 .advance-main-box {
   background: #fff;
   padding: 30px;
   border-radius: 15px;
   border-top: 5px solid #ff070d;
   transition: transform 0.3s;

   h4 {
     color: #ff070d;
     font-weight: 700;
     margin-bottom: 15px;
   }

   p {
     color: #555;
     line-height: 1.7;
   }
 }

 .advance-main-box-1 {
   background: #fff;
   padding: 30px;
   border-radius: 15px;
   border-top: 5px solid #3f4196;
   transition: transform 0.3s;

   h4 {
     color: #3f4196;
     font-weight: 700;
     margin-bottom: 15px;
   }

   p {
     color: #555;
     line-height: 1.7;
   }
 }

 /* IIT-JEE (XI-XII) end */

 /* MHT CET start */
 .mht-cet-section {
   h5 {
     color: red;
   }

   h3 {
     font-weight: 700;
     color: #222;
     line-height: 1.2;
   }

   span {
     color: #ff070d;
   }
 }

 .tuition-types .section-up {
   margin-top: 0px;

 }

 .tuition-types .highlight-item {
   margin-bottom: 18px;

 }

 .tuition-types-item {
   padding: 40px 24px;

   border-radius: 12px;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   text-align: left;
   height: 100%;
 }

 .tuition-types-item:hover {
   transform: translateY(-5px);
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
 }


 .tuition-types-item h4 {
   color: #ff0000;

   margin-bottom: 16px;
 }


 .tuition-types-item ul {
   list-style: disc;
   padding-left: 20px;
   margin-top: 10px;
 }

 .tuition-types-item ul li {
   margin-bottom: 8px;
   color: #555;
 }

 .tuition-types-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   height: 100%;
   text-align: center;
 }

 .tuition-types-item span.w-96 {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   margin: 0 auto !important;
 }


 .tuition-types-item h4 {
   margin-top: 24px;
   margin-bottom: 24px;

   min-height: 60px;

   display: flex;
   align-items: center;
   justify-content: center;
 }


 .tuition-types-item p {
   min-height: 110px;

   display: flex;
   align-items: flex-start;
   justify-content: center;
   margin-bottom: 0;
 }

 .top-performers {
   h3 {
     font-size: 2rem;
     line-height: 1.3;
     max-width: 1200px;
     margin: 0 auto;
   }
 }

 .line-red {
   border-left: 4px solid #ff070d;
 }

 .line-blue {
   border-left: 4px solid #3f4196;
 }

 .line-orange {
   border-left: 4px solid #f07c22;
 }

 .line-yellow {
   border-left: 4px solid #efe704;
 }

 .adv-box {
   background: #fff;
   transition: 0.3s;
 }

 .adv-box:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
 }

 .adv-box h4 {
   font-size: 20px;
   color: #222;
 }

 .adv-box p {
   color: #555;
   line-height: 1.6;
 }

 /* Section Heading */
 .title-center {
   text-align: center;
   font-size: 2.5rem;
   font-weight: 700;
 }

 /* Grid container for features */
 .features-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   /* 3 columns in one row */
   gap: 25px;
   margin-top: 40px;
 }

 /* Feature Box */
 .feature-box {
   border-radius: 12px;
   padding: 30px 20px;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .feature-box:hover {
   transform: translateY(-8px);
   box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
 }

 /* Icon */
 .icon-box {
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 /* Titles */
 .feature-box h6 {
   font-size: 1.4rem;
   font-weight: 600;
   margin-bottom: 10px;
 }

 /* Paragraph */
 .feature-box p {
   color: #444;
   text-align: center;
   line-height: 1.5;
   font-size: 0.95rem;
 }

 /* Gradient colors for each box */
 .feature-red {
   background: linear-gradient(135deg, #ffffff, #ffe5e5);
   color: #ff0000;
 }

 .feature-blue {
   background: linear-gradient(135deg, #ffffff, #cce0ff);
   color: #3f4196;
 }

 .feature-yellow {
   background: linear-gradient(135deg, #ffffff, #fff9cc);
   color: #ff8c00;
 }

 /* Responsive Grid */
 @media (max-width: 992px) {
   .features-grid {
     grid-template-columns: repeat(2, 1fr);
     /* 2 columns on tablets */
   }
 }

 @media (max-width: 767px) {
   .features-grid {
     grid-template-columns: 1fr;
     /* 1 column on mobile */
   }
 }

 @media (max-width: 767px) {
   .strategy-points>div {
     flex-direction: column;
     align-items: center;
     text-align: center;
   }

   .strategy-points>div div:first-child {
     margin-bottom: 10px;
   }
 }

 .mock-test-section {
   background: white;
   font-family: 'Poppins', sans-serif;
   text-align: center;
 }

 .mock-test-title {
   h2 {
     font-size: 2.5rem;
     font-weight: 700;
     color: #222;
     line-height: 1.3;
   }
 }

 .strategy-three-section {
   text-align: left;
   display: flex;
   flex-direction: column;
   gap: 30px;
 }

 .strategy-three {
   display: flex;
   align-items: flex-start;
   gap: 15px;
 }

 .strategy-three-number {
   width: 40px;
   height: 40px;
   flex-shrink: 0;
   border-radius: 50%;
   background: #fff;
   color: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.2rem;
   border: 2px solid #000;
 }

 .strategy-three-content {
   h4 {
     color: #ff9800;
     margin-bottom: 8px;
     font-weight: 600;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .strategy-three-1 {
   display: flex;
   align-items: flex-start;
   gap: 15px;

 }

 .strategy-three-number-1 {
   width: 40px;
   height: 40px;
   flex-shrink: 0;
   border-radius: 50%;
   background: #fff;
   color: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.2rem;
   border: 2px solid #000;
 }

 .strategy-three-content-1 {
   h4 {
     color: #2196f3;
     margin-bottom: 8px;
     font-weight: 600;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .strategy-three-2 {
   display: flex;
   align-items: flex-start;
   gap: 15px;
 }

 .strategy-three-number2 {
   width: 40px;
   height: 40px;
   flex-shrink: 0;
   border-radius: 50%;
   background: #fff;
   color: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.2rem;
   border: 2px solid #000;
 }

 .strategy-three-content-2 {
   h4 {
     color: #fbc02d;
     margin-bottom: 8px;
     font-weight: 600;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .flex-align {
   display: flex;
   align-items: center;
 }

 /* Icon styling */
 .flex-align .text-main-600 {
   font-size: 1.2rem;
 }

 /* Adjust spacing */
 .about-two__thumb img {
   max-width: 100%;
   display: block;
 }

 /* Heading styling */
 .choose-us__content h3 {
   font-size: 2rem;
   font-weight: 700;
 }

 /* Paragraph styling if needed */
 .choose-us__content p {
   color: #444;
   line-height: 1.5;
 }

 .our-exam {
   font-family: 'Poppins', sans-serif;
 }

 .our-exam-title {
   h2 {
     font-size: 2.5rem;
     font-weight: 700;
     color: #222;
     line-height: 1.2;
   }
 }

 .our-exam-card {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 25px;
   margin-bottom: 50px;
 }

 .our-exam-box {
   background: linear-gradient(135deg, #ffffff 0%, #ffe8c6 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   text-align: center;

   h4 {
     color: #ff070d;
     margin-bottom: 12px;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 .our-exam-box-1 {
   background: linear-gradient(135deg, #ffffff 0%, #dfe4ff 100%);
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   text-align: center;

   h4 {
     color: #3f4196;
     margin-bottom: 12px;
   }

   p {
     color: #444;
     line-height: 1.6;
   }
 }

 /* Responsive Grid */
 @media (max-width: 1200px) {
   .features-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 767px) {
   .features-grid {
     grid-template-columns: 1fr;
   }
 }

 .jee-horizontal-timeline {
   background: #f9f9f9;
 }

 .section-title {
   font-size: 2rem;
   font-weight: 700;
   color: #333;
   margin-bottom: 10px;
 }

 .section-subtitle {
   font-size: 1rem;
   color: #555;
   margin-bottom: 50px;
 }

 .timeline-horizontal {
   position: relative;
   margin-top: 40px;
   gap: 30px;
 }

 .timeline-horizontal::before {
   content: '';
   position: absolute;
   top: 35px;
   left: 0;
   right: 0;
   height: 4px;
   background: #ff070d;
   z-index: 0;
 }

 .timeline-step {
   position: relative;
   flex: 1;
   z-index: 1;
   padding-top: 40px;
 }

 .timeline-icon {
   width: 50px;
   height: 50px;
   background: #ff070d;
   color: #fff;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 1.2rem;
   margin-bottom: 15px;
   position: relative;
   z-index: 2;
 }

 .timeline-title {
   font-size: 1.25rem;
   font-weight: 700;
   color: #ff070d;
   margin-bottom: 10px;
 }

 .timeline-text {
   font-size: 1rem;
   color: #444;
   line-height: 1.7;
   text-align: justify;
 }

 @media (max-width: 991px) {
   .timeline-horizontal {
     flex-direction: column;
   }

   .timeline-horizontal::before {
     top: 50px;
     left: 25px;
     width: 4px;
     height: auto;
   }

   .timeline-step {
     text-align: left;
     padding-top: 60px;
     margin-bottom: 40px;
   }

   .timeline-icon {
     margin-bottom: 15px;
   }
 }

 .accordion-button {
   background-color: #3f4196;
   color: white;
 }

 .accordion-button.collapsed {
   color: black;
   background-color: #f8f8f8;
 }

 .crash-course-title {
   h5 {
     color: red;
   }
 }

 .crash-course-rank-course {
   h3 {
     font-weight: 700;
     color: #222;
     line-height: 1.2;
   }

   span {
     color: #ff070d;
   }
 }

 .look-best-sec {
   h5 {
     color: red;
   }

   h3 {
     font-weight: 700;
     color: #222;
     line-height: 1.2;
   }

   span {
     color: #ff070d;
   }
 }

 .why-start-image {
   margin-top: 20px;
 }

 .benifit-join-img {
   width: 90%;
   height: 550px;
 }

 .get-touch-footer {
   display: flex;
   justify-content: flex-start;
   gap: 8px;
   align-items: center;
 }

 .about-kumar-img {
   object-fit: cover;
 }

 .about-kumar {
   p {
     text-align: justify;
   }

   span {
     color: red;
     font-weight: 600;
   }
 }

 .elevate-your {
   padding-top: 40px;
   padding-bottom: 60px;
 }

 .why-aims {
   text-align: center;
   margin-bottom: 40px;
   font-size: 28px;
   font-weight: bold;
 }

 .banner-image {
   width: 100%
 }

 .breadcrumb {
   background: url('assets/images/b40.jpg') no-repeat center center;
   background-size: cover;
   /* Ensures image fills area */
   min-height: 300px;
   /* Give enough space (adjust as needed) */
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   text-align: center;
 }

 .breadcrumb::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.5);
   /* dark overlay for text contrast */
   z-index: 0;
 }

 .breadcrumb__wrapper {
   position: relative;
   z-index: 1;
 }

 .breadcrumb__title {
   color: #fff !important;
   /* Force white title text */
 }

 .breadcrumb__list .breadcrumb__link,
 .breadcrumb__list span,
 .breadcrumb__list i {
   color: #fff !important;
   /* Force white for all breadcrumb text/icons */
 }


 .breadcrumb::before {
   content: "";
   position: absolute;
   inset: 0;
   /* Lower opacity for clearer image */
   background: rgba(0, 0, 0, 0.2);
   /* was 0.5 */
   z-index: 0;
 }

 .title-s2 h2 {
   font-size: 22px;
   font-weight: 500;
 }

 .title-s2 h3 {
   color: red;
   margin-top: -30px;
 }


 .blog-img img {
   width: 100%;
   height: 310px;
   border-radius: 10px;
   margin-bottom: 50px;
 }

 .title-s2 span {
   color: red;

 }

 .blog-content p {
   text-align: justify;
 }

 .blog-img-2 img {
   width: 100%;
   height: 390px;
   border-radius: 10px;
   margin-bottom: 20px;
 }

 .blog-list li,
 .blog-why li {
   list-style: none;
   position: relative;
   padding-left: 25px;
   margin-bottom: 8px;
   padding-bottom: 0px;
   margin-top: 14px;
 }

 .blog-list li::before,
 .blog-why li::before {
   content: "✔";
   position: absolute;
   left: 0;
   top: 0;
   font-size: 14px;
   color: #ff0000 !important;
   margin-top: 3px;
   font-weight: bold;
 }

 .mastering-key h3 {
   color: #ff0000 !important;
   font-size: 22px;
   margin-top: 10px;
 }

 /* MHT CET end */



 /* Thanks You start */
 .thank_content {
   text-align: center;
   padding: 70px 0px;
   margin: 90px 50px;
 }

 .thank_content h1 {
   font-size: 55px;
   text-align: center;
   color: #db1010;
   padding: 20px 0px;
 }

 .thank_content p {
   font-size: 25px;
   padding: 30px 0px;
 }

 .thank_content a {
   background: #db1010;
   padding: 10px 20px;
   color: #fff;
   border-radius: 20px;
 }

 .thank_content a:hover {
   background: #930909;
   box-shadow: 0px 6px 6px #c5c5c5;
 }

 /* Thanks you end */


 /* neet-course css start */

 .courses-content h4 {
   text-align: center;
   color: red;
   font-size: 20px;
 }

 .courses-content h5 {
   color: red;
   font-size: 20px;
 }

 .courses-content strong {
   color: #3f4196;
 }

 .courses-content-img img {
   width: 100%;
   height: 360px;
   border-radius: 10px;
 }

 .circle-icon {
   display: inline-block;
   width: 7px;
   height: 7px;
   background-color: red;
   border-radius: 50%;
   margin-right: 16px;
   margin-top: 10px;
   margin-left: 17px;
 }

 .courses-content ul li {

   gap: 10px;
   margin-bottom: 12px;
   text-align: justify;
 }

 #headingFAQ1 button {
   font-size: 13px;
 }

 #accordionFAQ1 p {
   font-size: 13px;
 }

 .neet-section {
   margin-top: 30px;
 }

 #our-exam-tech {
   text-align: center;
   margin-bottom: 40px;
 }

 .neet-crash-content {
   text-align: center;
 }

 #neet-2 {
   height: 300px;
   width: 100%;
   border: 1px solid #bca7a7;
 }

 #para-neet {
   margin-bottom: 37px;
   margin-top: 30px;
 }

 #list-neet {
   margin-top: 72px;

 }

 .list-neet span {
   margin-bottom: 2px;
   margin-top: 6px;
 }

 .header-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 #list-neet h5 {
   text-align: left;
   margin-top: 10px;
 }

 .custom-list li {
   list-style: none;
   display: flex;
   align-items: flex-start;
   gap: 8px;
 }

 .custom-list li::before {
   content: "●";
   font-size: 14px;
   line-height: 1;
   margin-top: 4px;
   color: red;
 }

 .feature-list li {
   list-style: none;
   display: flex;
   align-items: flex-start;
   gap: 8px;
   margin-bottom: 12px;
 }

 .feature-list .dot {
   width: 8px;
   height: 8px;
   background: red;
   border-radius: 50%;
   margin-top: 7px;
   flex-shrink: 0;
   margin-right: 7px;
   margin-left: 31px;
 }

 .feature-list strong {
   white-space: nowrap;
   font-weight: 700;
 }

 .feature-list span {
   line-height: 1.6;
 }

 #bg-main-25 {
   margin-top: -60px;
 }

 #head {
   font-size: 30px;
 }

 #blog-img-pg img {
   height: 250px;
 }

 .footer-flex {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 15px;
 }

 .footer-nav {
   list-style: none;
   display: flex;
   gap: 11px;
   margin: 0;
   padding: 0;
 }

 .footer-nav li a {
   color: #fff;
   text-decoration: none;
   font-weight: 500;
 }

 .footer-nav li a:hover {
   text-decoration: underline;
 }

 /* 

 .title-s2 {
   text-align: center;
 } */

 .blog-table {
   margin: 20px auto;
   width: 90%;
   max-width: 900px;
   border-collapse: collapse;
   background: #ffffff;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   font-size: 15px;
 }

 .blog-table thead {
   background: #f27b22;
   color: #ffffff;
 }

 .blog-table th {
   padding: 12px 15px;
   text-align: center;
   font-weight: 600;
   border: 1px solid #dee2e6;
 }

 #img2 img {
   width: 100%;
   height: 290px;
   border-radius: 20px;
 }

 .blog-table td {
   padding: 12px 15px;
   text-align: center;
   border: 1px solid #dee2e6;
   color: #333;
 }

 .blog-table tbody tr:hover {
   background: #f5f9ff;
   transition: 0.2s ease-in-out;
 }

 .blog-table tbody tr:nth-child(even) {
   background: #fafafa;
 }

 #table-content {
   text-align: center;
   font-weight: 700;
   font-size: 22px;
 }

 /* Responsive css*/
 @media (max-width: 768px) {
   .blog-table {
     width: 100%;
     font-size: 14px;
   }

   .blog-table th,
   .blog-table td {
     padding: 8px;
   }
 }

 .title-s2 p {
   margin-bottom: 12px;
 }

 /* neet-course css end */

 /* Social Icons css */
 .sslink-socials {
   position: fixed;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 9999;
 }

 .sslink-menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .sslink-menu li {
   margin: 8px 0;
   transition: all 0.3s ease;
 }

 .sslink-menu li a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   transition: all 0.3s ease;
 }

 .sslink-menu li img {
   width: 40px;
   height: 40px;
 }

 /* Social Icons css */

 /* popup css start */

 .popup {
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   inset: 0;
   background: #04040491;
   z-index: 9999;

 }

 .popup-content {
   background: #ffffff;
   width: 500px;
   height: 500px;
   border-radius: 15px;
   position: relative;
   box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
   animation: popupFade 0.3s ease-in-out;

 }

 .popup-body {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 @keyframes popupFade {
   from {
     transform: translateY(-20px);
     opacity: 0;
   }

   to {
     transform: translateY(0);
     opacity: 1;
   }
 }

 .close-btn {
   position: absolute;
   right: 10px;
   top: -4px;
   font-size: 30px;
   cursor: pointer;
   color: white;
   transition: 0.3s;
 }

 .close-btn:hover {
   color: #3b2020;
 }


 .logo-section {
   text-align: center;
   margin-bottom: 20px;
 }

 .logo-section img {
   width: 100%;
   height: auto;
   margin-bottom: 10px;
   border-radius: 15px;
 }

 #logo_section_head {
   background: none;
 }

 /* Responsive */
 @media (max-width: 991px) {
   .popup-content {
     width: 90%;
   }

   .enquiry_head {
     margin: -10px;
   }
 }

 /* popup css end */