.gallery {
         float: left;
         width: 100%;
         padding: 40px 0 0 0;
         }
         .box_img a {
         overflow: hidden;
         float: left;
         margin-bottom: 15px;
         box-shadow: 0px 0px 5px 2px #ccc;
         padding: 5px;
         }
         .gallery img {
         width: 100%;
         }
         .gallery img:first-child {
         max-width: 100%;
         width:100%;
         }
         .gallery img{
         transition:0.5s;
         transition:0.5s;
         transition:0.5s;
         transition:0.5s;
         transition:0.5s;
         transition:0.5s;
         }  
         .gallery img:hover{
         transform:scale(1.5);
         -o-transform:scale(1.5);
         -moz-transform:scale(1.5);
         -webkit-transform:scale(1.5);
         -ms-transform:scale(1.5);
         } 
         .blog-item {
         position: relative;
         margin-bottom: 25px;
         padding: 20px 20px 15px 20px;
         border-radius: 50px 50px 50px 0;
         background: #2B3186;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         transition: all .5s ease-in-out;
         }
         .blog-date {
         position: absolute;
         padding: 4px 12px 4px 12px;
         right: -10px;
         top: 40px;
         font-weight: 500;
         background: #fff;
         color: #2B3186;
         border-radius: 50px 50px 50px 0;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 2;
         }
         .blog-item-img {
         position: relative;
         overflow: hidden;
         border-radius: 30px 30px 30px 0; 
         }
         .blog-item-img img {
         border-radius: 30px 30px 30px 0;
         max-width:100%;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         }
         .blog-item:hover .blog-item-img img{
         transform: scale(1.1);
         } 
         .blog-title {
         font-size: 18px;
         margin-top: 20px;
         line-height: 35px;
         text-transform: capitalize;
         font-weight: 600;
         }
         .blog-item-meta ul {
         margin: 0;
         padding: 0;
         margin: 12px 0;
         border-bottom: 1px solid rgba(0, 0, 0, 0.08);
         padding-bottom: 14px;
         }
         .blog-item-info p{
         font-size:16px;
         text-align: justify;
         margin-bottom: 25px;
         color:#fff;
         }
         .blog-item-info {
         margin-bottom: 25px;
         }
         .blog-item-meta ul li {
         display: inline-block;
         margin-right: 15px;
         font-weight: 500;
         position: relative;
         color: #FFDF00;
         }
         .blog-item-info h4 a {
         color: #fff;
         }
         .blog-item-info .theme-btn {
         margin-top: 15px;
         padding: 11px 15px;
         }
         .theme-btn {
         font-size: 14px;
         color: #fff;
         padding: 14px 20px;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #2B3186;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .second-btn {
         font-size: 14px;
         color: #2B3186;
         padding: 14px 20px;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         width:100%;
         display:block;
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .theme-btn::before {
         content: "";
         height: 300px;
         width: 300px;
         background:  #2B3186;
         border-radius: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translateY(-50%) translateX(-50%) scale(0);
         transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         z-index: -1;
         }
         .second-btn::before {
         content: "";
         height: 300px;
         width: 300px;
         background:  #fff;
         border-radius: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translateY(-50%) translateX(-50%) scale(0);
         transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         z-index: -1;
         }
         .theme-btn:hover {
         color: #fff;
         background: #2B3186;
         }
         .second-btn:hover {
         color: #2B3186;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         @media (min-width: 576px){
         .latest-img {
         border-radius: 30px;
         border: 2px solid #f36f21;
         padding: 5px;
         }
         }
         .cta-area {
         position: relative;
         background-image: url(./assets/images/admissions_bg.jpg);
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         }
         .cta-content {
         position: relative;
         padding: 80px 40px;
         margin-top: -40px;
         z-index: 1;
         }
         .cta-content::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #2E2C6B;
         border-radius: 80px 80px 80px 0;
         z-index: -1;
         opacity: 0.8;
         }
         .cta-content h1 {
         color: #fff;
         font-size: 40px;
         text-transform: uppercase;
         }
         .cta-content p {
         color: #fff;
         margin-top: 15px;
         margin-bottom: 30px;
         font-size: 17px;
         line-height: 30px;
         }
         .pre-order-btn img{
         max-width: 100%;
         }
         .toggle-menu {
         background-color: var(--theme-color);
         color: #fff;
         padding: 5px 14px;
         }
         .about-bottom {
         margin-bottom: 10px !important;
         margin-top: 10px !important;
         }
         .modal-header {
         padding: 1px 5px !important;
         }
         @media (min-width: 576px) {
         .modal-dialog {
         max-width: 746px;
         margin-right: auto;
         margin-left: auto;
         }
         }
         .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         .announcement_btn a{
         color:#fff;
         background-color:#2B3186;
         }
         .video-container {
         position: relative;
         z-index: 1;
         }
         .video-container:before {
         content: "";
         width: 100%;
         height: 100%;
         position: absolute;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
         background: rgba(41,35,92,.8);
         }
         @media (min-width: 1200px){
         .video-container iframe {
         height: 680px;
         }
         }
         @media (min-width: 1200px){
         .video-container .vidoe-txt-container {
         width: 60%;
         }
         }
         @media (min-width: 1200px){
         .video-container .theme-btn {
         width: 280px;
         left: 56px;
         bottom: 41px;
         }
         }
         @media (min-width: 1200px){
         .video-container:after {
         height: 100px;
         }}
         .video-container:after {
         z-index: 1000;
         content: "";
         width: 100%;
         height: 20px;
         position: absolute;
         left: 0;
         top: 0;
         background: #181c21;
         background: linear-gradient(0deg, rgba(41, 35, 92, 0) 0%, #29235c 55%);
         }
         .video-container .vidoe-txt-container {
         width: 90%;
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         }
         .site-heading {
         margin-bottom: 50px;
         position: relative;
         z-index: 1;
         }
         .text-white {
         --bs-text-opacity: 1;
         color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
         }
         .video-container iframe {
         width: 100%;
         }
         .all-menu .menu-title {
         position: relative;
         font-size: 20px;
         color: #fff;
         text-transform: uppercase;
         margin-bottom: 16px;
         padding-bottom: 8px;
         font-weight:800;
         }
         .all-menu .menu-title:before {
         content: "";
         position: absolute;
         width: 90px;
         height: 3px;
         background: #fff;
         bottom: 0;
         left: 0;
         }
         .all-menu .menu-title:after {
         content: "";
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: 0;
         left: 28px;
         }
         .video-wrapper {
         position: relative;
         display: flex;
         justify-content: center;
         border-radius: 5px;
         height: 80px;
         z-index: 100;
         }
         .play-btn {
         display: inline-block;
         padding: 0;
         height: 75px;
         width: 75px;
         line-height: 75px;
         font-size: 20px;
         text-align: center;
         background: #f36f21;
         color: #fff !important;
         position: absolute;
         border-radius: 50%;
         z-index: 1;
         }
         .play-btn i::after {
         content: "";
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         z-index: -1;
         background-color: var(--theme-color2);
         border-radius: 50px;
         animation: ripple-wave 1s linear infinite;
         -webkit-transform: scale(1);
         transform: scale(1);
         transition: all 0.5s ease-in-out;
         }
         .toggle_menu {
         cursor: pointer;
         background-color: #2B3186;
         padding: 10px;
         }
         /* Default: hide toggle */
         .material-symbols-outlined {
         font-family: 'Material Symbols Outlined';
         font-weight: normal;
         font-style: normal;
         font-size: 24px;
         line-height: 1;
         letter-spacing: normal;
         text-transform: none;
         display: none; /* hide by default */
         white-space: nowrap;
         word-wrap: normal;
         direction: ltr;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         }
         /* Show toggle only on desktop (min width 992px) */
         @media (min-width: 992px) {
         .material-symbols-outlined {
         display: inline-block;
         }
         }
         /* Hide on mobile/tablet (max width 991px) */
         @media (max-width: 991px) {
         .material-symbols-outlined {
         display: none;
         }
         }
         .topbar {
         background: #f4f4f4;
         padding: 6px 0;
         font-size: 14px;
         border-bottom: 1px solid #ddd;
         }
         .topbar a {
         color: #2B3186;
         text-decoration: none;
         }
         .marquee-box marquee {
         font-weight: 500;
         color: #2B3186;
         }
         .social-icons a i {
         font-size: 14px;
         color: #2B3186;
         }
         .top-btn {
         background: #ffffff;
         border: 1px solid #2B3186;
         color: #2B3186;
         text-transform: capitalize;
         }
         .top-btn:hover {
         background: #2B3186;
         color: #fff;
         }
         /* Responsive */
         @media (max-width: 768px) {
         .topbar-row {
         flex-direction: column;
         text-align: center;
         }
         .social-icons,
         .contact-group,
         .btn-group {
         justify-content: center;
         }
         }
         .topbar {
         position: sticky;
         top: 0;
         z-index: 9999;
         }

         .partner-area {
    margin-top: 80px;
}


.partner-area .partner-wrap {
    position: relative;
    background-color: #222d79;
    border-radius: 10px;
    padding: 40px 50px 45px;
}

.partner-area .partner-wrap .partner-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    animation: partner-ani 10s infinite linear;
}

.partner-area .partner-wrap .partner-content .section-title {
    text-align: left;
    margin-bottom: 0;
}

.partner-area .partner-wrap .partner-btn {
    text-align: right;
}

.partner-area .partner-wrap .partner-btn .cmn-btn {
    background-color: #ffffff;
    color: #282828;
}
.cmn-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fa5f0b;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 12px 20px;
    position: relative;
    z-index: 1;
}



 .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         body {
         font-family: 'Montserrat', sans-serif;
         margin: 0;
         background: white;
         color: #333;
         }
         /* Hero Section */
         .hero {
         background: linear-gradient(135deg, #4caf50, #81c784);
         color: white;
         text-align: center;
         padding: 100px 20px 50px;
         }
         .hero h1 { font-size: 48px; margin: 0; }
         /* Timeline container */
         .timeline {
         max-width: 1200px;
         margin: 50px auto;
         position: relative;
         padding: 0 20px;
         }
         /* Line in timeline */
         .timeline::before {
         content: '';
         position: absolute;
         left: 50%;
         top: 0;
         transform: translateX(-50%);
         width: 4px;
         height: 100%;
         background: #007bff;
         border-radius: 2px;
         }
         /* Individual leader cards */
         .timeline-item {
         position: relative;
         width: 50%;
         padding: 30px 40px;
         box-sizing: border-box;
         }
         .timeline-item.left {
         left: 0;
         text-align: right;
         }
         .timeline-item.right {
         left: 50%;
         text-align: left;
         }
         .timeline-item::after {
         content: '';
         position: absolute;
         top: 40px;
         width: 20px;
         height: 20px;
         background: #fff;
         border: 4px solid #007bff;
         border-radius: 50%;
         z-index: 1;
         }
         .timeline-item.left::after { right: -12px; }
         .timeline-item.right::after { left: -12px; }
         .leader-card {
         background: #fff;
         border-radius: 12px;
         padding: 20px;
         box-shadow: 0 8px 20px rgba(0,0,0,0.1);
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .leader-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 15px 25px rgba(0,0,0,0.2);
         }
         .leader-card img {
         width: 150px;
         height: 150px;
         border-radius: 50%;
         object-fit: cover;
         float: left;
         margin-right: 20px;
         transition: transform 0.3s ease;
         }
         .leader-card:hover img { transform: scale(1.05); }
         .leader-info h3 {
         margin: 0;
         font-size: 22px;
         color: #007bff;
         }
         .leader-info h4 {
         margin: 5px 0 15px;
         font-size: 16px;
         color: #555;
         font-weight: bold;
         }
         .leader-info p {
         margin-bottom: 15px;
         line-height: 1.6;
         font-size: 15px;
         }
         /* Alternate floating of images */
         .timeline-item.right .leader-card img {
         float: right;
         margin-left: 20px;
         margin-right: 0;
         }
         @media screen and (max-width: 768px) {
         .timeline::before { left: 20px; }
         .timeline-item { width: 100%; padding-left: 50px; padding-right: 20px; margin-bottom: 40px; }
         .timeline-item.left, .timeline-item.right { left: 0; text-align: left; }
         .timeline-item.left::after, .timeline-item.right::after { left: 8px; }
         .timeline-item.right .leader-card img { float: left; margin: 0 20px 0 0; }
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         /* font-size: 42px; */
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         /* Your existing code remains the same — keep everything above */
         /* === MOBILE RESPONSIVE FIX FOR LEADERSHIP SECTION === */
         @media screen and (max-width: 768px) {
         /* Timeline line position */
         .timeline::before {
         left: 20px;
         }
         /* Make all items full-width */
         .timeline-item {
         width: 100%;
         padding-left: 50px;
         padding-right: 20px;
         margin-bottom: 40px;
         }
         /* Reset alignment */
         .timeline-item.left, 
         .timeline-item.right {
         left: 0;
         text-align: left;
         }
         /* Position the circle marker properly */
         .timeline-item.left::after, 
         .timeline-item.right::after {
         left: 8px;
         }
         /* Fix image placement and layout stacking */
         .leader-card {
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
         padding: 25px 15px;
         }
         .leader-card img {
         float: none;
         margin: 0 0 15px 0;
         width: 140px;
         height: 140px;
         }
         /* Leader name and title fix */
         .leader-info h3 {
         font-size: 20px;
         color: #007bff;
         text-align: center;
         margin-bottom: 5px;
         }
         .leader-info h4 {
         font-size: 15px;
         color: #444;
         font-weight: 600;
         margin-bottom: 15px;
         text-align: center;
         }
         /* Paragraph styling for better mobile reading */
         .leader-info p {
         font-size: 14px;
         line-height: 1.6;
         text-align: justify;
         }
         }
         /* === EXTRA SMALL SCREEN FIX (below 480px) === */
         @media screen and (max-width: 480px) {
         .leader-card img {
         width: 120px;
         height: 120px;
         }
         .leader-info h3 {
         font-size: 18px;
         }
         .leader-info h4 {
         font-size: 14px;
         }
         .leader-info p {
         font-size: 13.5px;
         }
         }


         .toggle_menu {
         cursor: pointer;
         background-color: #2B3186;
         padding: 10px;
         }
         /* Default: hide toggle */
         .material-symbols-outlined {
         font-family: 'Material Symbols Outlined';
         font-weight: normal;
         font-style: normal;
         font-size: 24px;
         line-height: 1;
         letter-spacing: normal;
         text-transform: none;
         display: none; /* hide by default */
         white-space: nowrap;
         word-wrap: normal;
         direction: ltr;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         }
         /*  Show toggle only on desktop (min width 992px) */
         @media (min-width: 992px) {
         .material-symbols-outlined {
         display: inline-block;
         }
         }
         /*  Hide on mobile/tablet (max width 991px) */
         @media (max-width: 991px) {
         .material-symbols-outlined {
         display: none;
         }
         }
         .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         body {
         font-family:"Montserrat", sans-serif;
         margin: 0;
         background: white;
         color: #333;
         }
         /* Hero Section */
         .hero {
         background: linear-gradient(135deg, #4caf50, #81c784);
         color: white;
         text-align: center;
         padding: 100px 20px 50px;
         }
         .hero h1 { font-size: 48px; margin: 0; }
         /* Timeline container */
         .timeline {
         max-width: 1200px;
         margin: 50px auto;
         position: relative;
         padding: 0 20px;
         }
         /* Line in timeline */
         .timeline::before {
         content: '';
         position: absolute;
         left: 50%;
         top: 0;
         transform: translateX(-50%);
         width: 4px;
         height: 100%;
         background: #007bff;
         border-radius: 2px;
         }
         /* Individual leader cards */
         .timeline-item {
         position: relative;
         width: 50%;
         padding: 30px 40px;
         box-sizing: border-box;
         }
         .timeline-item.left {
         left: 0;
         text-align: right;
         }
         .timeline-item.right {
         left: 50%;
         text-align: left;
         }
         .timeline-item::after {
         content: '';
         position: absolute;
         top: 40px;
         width: 20px;
         height: 20px;
         background: #fff;
         border: 4px solid #007bff;
         border-radius: 50%;
         z-index: 1;
         }
         .timeline-item.left::after { right: -12px; }
         .timeline-item.right::after { left: -12px; }
         .leader-card {
         background: #fff;
         border-radius: 12px;
         padding: 20px;
         box-shadow: 0 8px 20px rgba(0,0,0,0.1);
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .leader-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 15px 25px rgba(0,0,0,0.2);
         }
         .leader-card img {
         width: 150px;
         height: 150px;
         border-radius: 50%;
         object-fit: cover;
         float: left;
         margin-right: 20px;
         transition: transform 0.3s ease;
         }
         .leader-card:hover img { transform: scale(1.05); }
         .leader-info h3 {
         margin: 0;
         font-size: 22px;
         color: #007bff;
         }
         .leader-info h4 {
         margin: 5px 0 15px;
         font-size: 16px;
         color: #555;
         font-weight: bold;
         }
         .leader-info p {
         margin-bottom: 15px;
         line-height: 1.6;
         font-size: 15px;
         }
         /* Alternate floating of images */
         .timeline-item.right .leader-card img {
         float: right;
         margin-left: 20px;
         margin-right: 0;
         }
         @media screen and (max-width: 768px) {
         .timeline::before { left: 20px; }
         .timeline-item { width: 100%; padding-left: 50px; padding-right: 20px; margin-bottom: 40px; }
         .timeline-item.left, .timeline-item.right { left: 0; text-align: left; }
         .timeline-item.left::after, .timeline-item.right::after { left: 8px; }
         .timeline-item.right .leader-card img { float: left; margin: 0 20px 0 0; }
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         /* font-size: 42px; */
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         /* Your existing code remains the same — keep everything above */
         /* === MOBILE RESPONSIVE FIX FOR LEADERSHIP SECTION === */
         @media screen and (max-width: 768px) {
         /* Timeline line position */
         .timeline::before {
         left: 20px;
         }
         /* Make all items full-width */
         .timeline-item {
         width: 100%;
         padding-left: 50px;
         padding-right: 20px;
         margin-bottom: 40px;
         }
         /* Reset alignment */
         .timeline-item.left, 
         .timeline-item.right {
         left: 0;
         text-align: left;
         }
         /* Position the circle marker properly */
         .timeline-item.left::after, 
         .timeline-item.right::after {
         left: 8px;
         }
         /* Fix image placement and layout stacking */
         .leader-card {
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
         padding: 25px 15px;
         }
         .leader-card img {
         float: none;
         margin: 0 0 15px 0;
         width: 140px;
         height: 140px;
         }
         /* Leader name and title fix */
         .leader-info h3 {
         font-size: 20px;
         color: #007bff;
         text-align: center;
         margin-bottom: 5px;
         }
         .leader-info h4 {
         font-size: 15px;
         color: #444;
         font-weight: 600;
         margin-bottom: 15px;
         text-align: center;
         }
         /* Paragraph styling for better mobile reading */
         .leader-info p {
         font-size: 14px;
         line-height: 1.6;
         text-align: justify;
         }
         }
         /* === EXTRA SMALL SCREEN FIX (below 480px) === */
         @media screen and (max-width: 480px) {
         .leader-card img {
         width: 120px;
         height: 120px;
         }
         .leader-info h3 {
         font-size: 18px;
         }
         .leader-info h4 {
         font-size: 14px;
         }
         .leader-info p {
         font-size: 13.5px;
         }
         }
         /* Modern Leadership Section */
         .timeline-modern {
         width: 100%;
         padding: 60px 20px;
         background: #f9fafb;
         display: flex;
         justify-content: center;
         }
         .leader-item {
         display: flex;
         flex-wrap: wrap;
         max-width: 1100px;
         background: #ffffff;
         border-radius: 20px;
         padding: 40px;
         gap: 40px;
         box-shadow: 0px 8px 25px rgba(0,0,0,0.08);
         animation: fadeIn 0.8s ease;
         }
         .leader-image img {
         width: 380px;
         border-radius: 16px;
         object-fit: cover;
         box-shadow: 0px 5px 20px rgba(0,0,0,0.12);
         }
         .leader-content {
         flex: 1;
         }
         .leader-name {
         font-size: 28px;
         font-weight: 700;
         color: #1e3a8a;
         }
         .leader-title {
         font-size: 18px;
         margin-bottom: 20px;
         color: #444;
         }
         .leader-quote {
         font-size: 18px;
         font-style: italic;
         background: #eef2ff;
         padding: 20px;
         border-left: 4px solid #1e3a8a;
         border-radius: 10px;
         color: #1e3a8a;
         }
         .leader-content p {
         margin: 12px 0;
         line-height: 1.6;
         color: #333;
         }
         /* Animation */
         @keyframes fadeIn {
         from { opacity: 0; transform: translateY(20px); }
         to { opacity: 1; transform: translateY(0); }
         }
         /* Responsive */
         @media (max-width: 768px) {
         .leader-item {
         padding: 20px;
         }
         .leader-image img {
         width: 100%;
         }
         }
         .leader-section {
         max-width: 1100px;
         margin: auto;
         padding: 40px 20px;
         }
         .leader-row {
         display: flex;
         gap: 40px;
         align-items: flex-start;
         }
         .leader-image img {
         width: 350px;
         border-radius: 18px;
         }
         .leader-top-content {
         flex: 1;
         }
         .leader-bottom-content {
         margin-top: 16px;
         background: #fff;
         padding: 20px 5px;
         }
         .leader-bottom-content p {
         margin-bottom: 15px;
         line-height: 1.7;
         }
         /* Responsive */
         @media (max-width: 768px) {
         .leader-row {
         flex-direction: column;
         }
         .leader-image img {
         width: 100%;
         }
         }
        

           .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         body {
         font-family: 'Montserrat', sans-serif;
         background-color: white;
         color: #222;
         line-height: 1.7;
         }
         /* Heading Section */
         .v-page-heading {
         background: linear-gradient(to right, #0d1b4c, #12326d);
         color: white;
         text-align: center;
         padding: 70px 0;
         }
         .v-page-heading h2 {
         font-size: 2.8rem;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 1px;
         }
         /* Testimonials */
         .testimonial-card {
         background: white;
         border: 1px solid #ddd;
         border-left: 6px solid #12326d;
         padding: 25px;
         border-radius: 12px;
         margin-bottom: 30px;
         box-shadow: 0 4px 10px rgba(0,0,0,0.05);
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .testimonial-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 6px 15px rgba(0,0,0,0.1);
         }
         .testimonial-name {
         font-weight: 700;
         color: #0d1b4c;
         font-size: 1.1rem;
         }
         .testimonial-who {
         color: #555;
         font-style: italic;
         font-size: 0.9rem;
         }
         .testi {
         margin-top: 10px;
         color: #333;
         font-size: 1rem;
         }
         .dotBord1 {
         border-bottom: 2px dotted #ccc;
         margin: 25px 0;
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         /* font-size: 42px; */
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }

          .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         body{
         margin:0;
         background: white;
         font-family: 'Montserrat', sans-serif;
         color:#111;
         -webkit-font-smoothing:antialiased;
         -moz-osx-font-smoothing:grayscale;
         }
         /* Container that centers content with airy padding */
         .page-wrap {
         padding: 120px 0 110px;
         }
         /* Hero / page heading */
         .v-page-heading{
         background:
         linear-gradient(180deg, rgba(7,22,56,0.9) 0%, rgba(7,22,56,0.82) 60%),
         url('img/mains/about-us-main.jpg') center/cover no-repeat;
         min-height:220px;
         display:flex;
         align-items:center;
         justify-content:center;
         color:var(--ivory);
         text-align:center;
         position:relative;
         overflow:hidden;
         }
         .v-page-heading::after{
         content:"";
         position:absolute;
         inset:0;
         background: radial-gradient(circle at 10% 20%, rgba(202,168,58,0.06), transparent 15%);
         pointer-events:none;
         }
         .v-page-heading .title{
         z-index:2;
         font-family:'Playfair Display', serif;
         font-weight:700;
         font-size:clamp(1.6rem, 3vw, 2.4rem);
         letter-spacing:0.6px;
         text-transform:none;
         margin:0;
         }
         .v-page-heading .underline{
         height:6px;
         width:100px;
         background:linear-gradient(90deg,var(--gold), #e9d385);
         border-radius:6px;
         margin:18px auto 0;
         box-shadow:0 6px 18px rgba(202,168,58,0.12);
         }
         /* Layout: glass card + image left */
         .glass-hero{
         max-width:1150px;
         margin: -70px auto 0; /* pull up over hero for overlap */
         padding:28px;
         border-radius:22px;
         background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.40));
         box-shadow: 0 10px 40px rgba(7,22,56,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
         border: 1px solid rgba(255,255,255,0.35);
         backdrop-filter: blur(8px) saturate(120%);
         }
         .glass-col{
         padding:28px;
         border-radius:16px;
         background: linear-gradient(180deg, rgba(255,255,255,0.35), rgba(255,255,255,0.15));
         border:1px solid rgba(255,255,255,0.35);
         box-shadow: 0 6px 18px rgba(7,22,56,0.06);
         }
         /* Left image styling */
         .left-image{
         border-radius:14px;
         overflow:hidden;
         position:relative;
         min-height:260px;
         box-shadow: 0 12px 30px rgba(7,22,56,0.12);
         }
         .left-image img{
         width:100%;
         height:100%;
         object-fit:cover;
         display:block;
         transition: transform .8s cubic-bezier(.2,.9,.2,1);
         transform-origin:center;
         will-change:transform;
         }
         .left-image:hover img{ transform:scale(1.03); }
         /* gold sidebar accent */
         .accent-gold{
         position:absolute;
         left:-28px;
         top:18%;
         width:8px;
         height:60%;
         background: linear-gradient(180deg,var(--gold), #e9d385);
         border-radius:6px;
         box-shadow:0 8px 22px rgba(202,168,58,0.14);
         display:none;
         }
         @media(min-width:992px){ .accent-gold{ display:block; } }
         /* Content column styles */
         .content h3{
         font-family:'Playfair Display', serif;
         color:var(--navy);
         font-size:1.5rem;
         margin-bottom:6px;
         font-weight:700;
         }
         .content p{ color:#1b1b1b; font-size:1.02rem; margin-bottom:1rem; }
         .content strong{ color:var(--navy); font-weight:700; }
         .content ul{
         padding-left:1.05rem;
         margin-bottom:0.9rem;
         color:var(--muted);
         }
         .content ul li{
         margin-bottom:.55rem;
         font-size:1rem;
         }
         /* small gold divider under section headers */
         .section-divider{
         height:4px;
         width:76px;
         background:linear-gradient(90deg,var(--gold), #e9d385);
         border-radius:6px;
         margin:12px 0 22px;
         box-shadow: 0 6px 16px rgba(202,168,58,0.08);
         }
         /* subtle card blocks for subsections */
         .sub-card{
         background:linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.45));
         border-radius:12px;
         padding:16px;
         margin-bottom:14px;
         border: 1px solid rgba(255,255,255,0.5);
         box-shadow: 0 8px 18px rgba(7,22,56,0.04);
         }


         
         
         /* 🌟 HEADER SECTION */
         .v-page-heading {
         background: linear-gradient(120deg, #1a1a40, #3b5998);
         color: white;
         text-align: center;
         padding: 80px 20px;
         position: relative;
         overflow: hidden;
         }
         .v-page-heading::after {
         content: "";
         position: absolute;
         top: 0; left: 0;
         width: 100%; height: 100%;
         background: rgba(255,255,255,0.05);
         backdrop-filter: blur(6px);
         }
         .v-page-heading h2 {
         font-size: 3rem;
         letter-spacing: 2px;
         position: relative;
         z-index: 1;
         }
         /*  IMAGE SECTION */
         picture img {
         width: 100%;
         border-radius: 20px;
         box-shadow: 0 10px 25px rgba(0,0,0,0.1);
         transition: transform 0.4s ease;
         }
         picture img:hover {
         transform: scale(1.03);
         }
         /*  LINK LIST STYLING */
         ul.main {
         list-style: none;
         padding: 0;
         }
         ul.main li {
         margin: 12px 0;
         padding: 10px 15px;
         border-radius: 12px;
         background: rgba(255,255,255,0.5);
         backdrop-filter: blur(8px);
         box-shadow: 0 2px 8px rgba(0,0,0,0.05);
         transition: all 0.3s ease;
         }
         ul.main li:hover {
         transform: translateX(5px);
         background: rgba(197,157,95,0.15);
         box-shadow: 0 4px 12px rgba(197,157,95,0.25);
         }
         ul.main a {
         color: #1a1a40;
         font-weight: 500;
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         /* font-size: 42px; */
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }

         .ab {
    border-bottom: 1px dashed #2B3186;
    margin-bottom: 35px;
    padding-bottom: 35px;
    width: 100%;
}

.ab p{
    text-align:justify;
	line-height:28px;	
}

.breadcrumb-style2-area {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
    background-color: #2B3186 !important;
}
.breadcrumb-style2-area .title h2 {
    color: #ffffff;
    /* font-size: 42px; */
    line-height: 1.1em;
    font-weight: 600;
    text-transform: capitalize;
    padding: 40px;
    text-align: center;
}
.nps-section {
    padding: 65px 0;
}
.third-btn {
    font-size: 14px;
    color: #2B3186;
    transition: all .5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    border-radius: 50px 50px 50px 0;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: none;
    background: #fff;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    z-index: 1;
}

.third-btn:hover {
  color: #fff!important;
  background: #f36f21;
}

.footer-widget-title::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    bottom: -4px;
    left: 0;
    z-index: 1;
}

.footer-widget-title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: #f36f21;
    bottom: -4px;
    left: 26px;
    z-index: 0;
}
        .topbar {
    background: #f4f4f4;
    padding: 6px 0;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.topbar a {
    color: #2B3186;
    text-decoration: none;
}

.marquee-box marquee {
    font-weight: 500;
    color: #2B3186;
}


.nps-section {
         padding: 65px 0;
         }
         .admission-section {
         background-color: #ffffff;
         color: #1d3557;
         font-family: "Montserrat", sans-serif;
         padding: 60px 0;
         }
         body {
         background: #fff;
         font-family: "Montserrat", sans-serif;
         font-size: 1rem;
         font-weight: 400;
         margin:0;
         color:#0d47a1;
         }
         .main-title {
         text-align: center;
         color: #0d47a1;
         font-size: 2.2rem;
         font-weight: 700;
         margin-bottom: 10px;
         }
         .underline {
         width: 80px;
         height: 4px;
         background-color: #0d47a1;
         margin: 0 auto 40px;
         border-radius: 10px;
         }
         .top-flex {
         display: flex;
         flex-wrap: wrap;
         gap: 20px;
         align-items: flex-start;
         margin-bottom: 40px;
         }
         .image-box img {
         width: 100%;
         max-width: 450px;
         border-radius: 15px;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
         }
         .notice-box {
         flex: 1;
         background-color: #e3f2fd;
         padding: 25px;
         border-left: 6px solid #0d47a1;
         border-radius: 12px;
         }
         .notice-box h3 {
         color: #0d47a1;
         font-weight: 600;
         margin-bottom: 10px;
         }
         .section-box {
         background-color: #f7f9fc;
         border-left: 5px solid #1565c0;
         padding: 25px;
         border-radius: 12px;
         margin-bottom: 30px;
         }
         .section-box h3 {
         color: #0d47a1;
         font-size: 1.3rem;
         margin-bottom: 10px;
         }
         .section-box ul,
         .section-box ol {
         margin-left: 20px;
         }
         .section-box li {
         margin-bottom: 6px;
         }
         .address-box {
         background-color: #0d47a1;
         color: #ffffff;
         padding: 25px;
         border-radius: 12px;
         margin-top: 30px;
         }
         .address-box a {
         color: #bbdefb;
         text-decoration: underline;
         }
         .apply-btn {
         text-align: center;
         margin-top: 40px;
         }
         .apply-btn a {
         background-color: #1565c0;
         color: #ffffff;
         padding: 14px 35px;
         border-radius: 50px;
         text-decoration: none;
         font-weight: 600;
         transition: background 0.3s ease;
         }
         .apply-btn a:hover {
         background-color: #0d47a1;
         }
         /* Responsive */
         @media(max-width: 768px) {
         .top-flex {
         flex-direction: column;
         }
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .theme-btn::before {
         content: "";
         height: 300px;
         width: 300px;
         background:  #2B3186;
         border-radius: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translateY(-50%) translateX(-50%) scale(0);
         transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         z-index: -1;
         }
         .second-btn::before {
         content: "";
         height: 300px;
         width: 300px;
         background:  #fff;
         border-radius: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translateY(-50%) translateX(-50%) scale(0);
         transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         z-index: -1;
         }
         .theme-btn:hover {
         color: #fff;
         background: #2B3186;
         }
         .second-btn:hover {
         color: #2B3186;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         @media (min-width: 576px){
         .latest-img {
         border-radius: 30px;
         border: 2px solid #f36f21;
         padding: 5px;
         }
         }
         .footer-events-link {
         /* background: #2B3186 !important; */
         color: #fff !important;
         padding: 8px 16px;
         border-radius: 6px;
         display: inline-block;
         transition: background 0.3s;
         }
         .footer-events-link:hover, .footer-events-link:focus {
         /* background: #f36f21 !important; */
         color: #fff !important;
         }

          .message {
         background: #2B3186;
         padding: 24px;
         border-radius: 0px 0 0px 0;
         border-bottom: 12px solid #FFDF00;
         border-top: 12px solid #FFDF00;
         color: #fff;
         display: flex;
         }
         .btn-primary {
         background-color: #454db9;
         color: #fff;
         border-color: #fff;
         }
         .help-block {
         color: #ce3e3e;
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         /* font-size: 42px; */
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         /* === Blue Card Theme with White Text === */
         .nps-section .card.bg-primary {
         background: #0056d2;
         background: linear-gradient(145deg, #0066ff, #004bb5);
         }
         .nps-section .custom-input {
         background-color: rgba(61, 59, 221, 0.15);
         border: 1.5px solid rgba(255, 255, 255, 0.4);
         color: #ffffff;
         border-radius: 30px;
         padding: 10px 16px;
         transition: all 0.3s ease;
         font-size: 16px;
         }
         .nps-section .custom-input::placeholder {
         color: white;
         }
         .nps-section .custom-input:focus {
         background-color: rgba(255, 255, 255, 0.2);
         border-color: #ffffff;
         box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
         color: #ffffff;
         }
         .nps-section .btn-light {
         background-color: #ffffff;
         border: none;
         transition: all 0.3s ease;
         }
         .nps-section .btn-light:hover {
         background-color: #e9f1ff;
         transform: scale(1.03);
         box-shadow: 0 4px 10px rgba(255, 255, 255, 0.3);
         }
         .card img {
         transition: transform 0.4s ease;
         }
         .card:hover img {
         transform: scale(1.05);
         }
         iframe {
         filter: brightness(98%);
         }
         @media (min-width: 768px) {
         .p-md-5 {
         padding: 4rem !important;
         }
         }
         .rounded-4 {
         border-radius: var(--bs-border-radius-xl) !important;
         }
         .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }

         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         font-size: 42px;
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         .info-section {
         padding: 50px;
         background-color: #f7fbff;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 50px;
         font-family:  "Montserrat", sans-serif;
         }
         /* Box */
         .info-box {
         width: 90%;
         max-width: 900px;
         background: #ffffff;
         border: 2px solid #1f3a93;
         border-radius: 10px;
         box-shadow: 0 5px 20px rgba(0,0,0,0.1);
         overflow: hidden;
         }
         .info-box h2 {
         background-color: #1f3a93;
         color: #ffffff;
         font-size: 20px;
         font-weight: 600;
         padding: 15px 20px;
         text-transform: uppercase;
         letter-spacing: 1px;
         }
         /* Table styling */
         .info-box table {
         width: 100%;
         border-collapse: collapse;
         }
         .info-box th, .info-box td {
         padding: 12px 15px;
         text-align: left;
         font-size: 15px;
         }
         .info-box th {
         background-color: #e6f0ff;
         color: #1f3a93;
         text-transform: uppercase;
         font-weight: 700;
         border-bottom: 2px solid #1f3a93;
         }
         .info-box tr:nth-child(even) {
         background-color: #f2f7ff;
         }
         .info-box tr:hover {
         background-color: #dbe9ff;
         transition: background-color 0.3s ease;
         }
         /* Links */
         .info-box a {
         color: #1f3a93;
         font-weight: 600;
         text-decoration: none;
         }
         .info-box a:hover {
         color: #0d235f;
         text-decoration: underline;
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         font-size: 42px;
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }