/* Top Header */
        .header {display: flex;justify-content: space-between;align-items: center;background-color: white;padding: 10px 20px;border-bottom: 1px solid #ccc;}
        .logo-container-left {width: 290px !important;}
        .logo {max-width: 100%;height: auto;opacity: 0;animation: fadeIn 2s forwards;}
        @keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-50px);}
            100% {opacity: 1;transform: translateX(0);}}
        @keyframes fadeInRight {0% {opacity: 0;transform: translateX(50px);}100% {opacity: 1;transform: translateX(0);}}

        .logo-left {animation: fadeInLeft 2s forwards;}
        @media (max-width: 768px) {
            .header {padding: 10px;}    
            .logo-container-left,
            .logo-container-right {width: 120px;}}   
        @media (max-width: 480px) {
            .logo-container-left{width: 200px !important;}
            .header {padding: 5px;}
        }

        /*Header*/

        .video-section {position: relative;width: 100%;height: 100vh;overflow: hidden;}
        .background-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
        .form-container {position: absolute;top: 70%;right: 2%;transform: translateY(-50%);/*background-color: rgba(255, 255, 255, 0.9); */padding: 20px;
            border-radius: 10px;width: 420px;/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);*/z-index: 2;}
        .inquiry-form h2 {text-align: center;margin-bottom: 15px;color: #333;}
        .inquiry-form label {display: block;margin-bottom: 5px;color: #333;}
        .inquiry-form input, .inquiry-form select {width: 100%;padding: 10px;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;}
        .inquiry-form input[type="submit"] {background-color: #4CAF50;color: white;border: none;cursor: pointer;transition: background-color 0.3s ease;
        }
        .inquiry-form input[type="submit"]:hover {background-color: #45a049;}
        @media screen and (max-width: 768px) {
            .video-section {height: auto;}
            .background-video {position: static;width: 100%;height: auto;}
            .form-container {position: static;margin: 20px auto;width: 90%;transform: none;background-color: #dc3545b3;}}

        /*About Section*/
        .container {max-width: 1280px !important;margin: 0 auto;padding: 2rem !important;border-radius: 12px;/*   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/}
        .heading {color: #ce3b2a;font-size: 45px;font-weight: 500;text-align: center;margin-bottom: 2rem;line-height: 1.2;animation: fadeInDown 1s ease-in-out;}
        .content-wrapper {display: flex;flex-direction: column;gap: 2.5rem;position: relative;padding: 2rem 0;align-items: center;}
        .description-container {max-width: 45rem;text-align: center;animation: fadeInLeft 1.5s ease-in-out;}
        .description {color: #2f2f2f;font-size: 24px !important;line-height: 1.7;text-align: justify;}
        .image-gallery {position: relative;width: 100%;max-width: 900px;height: auto;}
        .image-container {position: absolute;border-radius: 1rem;overflow: hidden;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);transition: transform 0.3s ease;animation: slideIn 2s ease-in-out;}
        .image-container:hover {transform: translateY(-5px);}
        .image-container img {width: 100%;height: 100%;object-fit: cover;}
        .image-container:first-child {width: 60%;height: 300px;right: 0;top: -30px;z-index: 2;}
        .image-container:last-child {width: 50%;height: 300px;/*right: 35%;*/top: 100px;z-index: 1;}
        @keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn{from{opacity:0;transform:scale(0.8)translateX(30px)}to{opacity:1;transform:scale(1)translateX(0)}}
        @media (min-width: 768px) {
            .content-wrapper {flex-direction: row;gap: 4rem;align-items: flex-start;text-align: left;}
            .description-container {flex: 1;max-width: 50%;}
            .image-gallery {flex: 1;}}
        @media (max-width: 767px) {
            .content-wrapper {flex-direction: column;gap: 2rem;align-items: center;}
            .image-container:first-child {width: 85%;height: 200px;right: 0;top: 0;}
            .image-container:last-child {width: 70%;height: 175px;/* right: 15%;*/top: 187px;}
            .heading {font-size: 30px;}
            .description {font-size: 18px !important;}
            .description-container {max-width: 100%;text-align: center;font-size: 19px;}}

        /*Video Section*/
        .content-container {text-align: center;padding: 2rem 1rem;position: relative;/*margin-top: 50px;*/background-image: url(https://eduvibe.devsvibe.com/main/wp-content/uploads/2022/10/about-us-one-team-2.jpg);}
        .heading-container {margin-bottom: 2rem;animation: fadeInUp 1s ease-in-out;}
        .main-heading {font-size: 45px;font-weight: 500;color: #ce3b2a;}
        .video-wrapper {width: 85%;aspect-ratio: 16 / 9;margin: 0 auto;border-radius: 16px;overflow: hidden;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);animation: fadeInUp 1.5s ease-in-out;}
        .video-wrapper iframe {width: 100%;height: 100%;border: none;}
        @keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
        @media (max-width: 768px) {
            .main-heading {font-size: 30px;}
            .video-wrapper {border-radius: 8px;}
            .content-container {padding: 1rem 0.5rem;margin-top: 320px;}}

        /*counter*/
    .krmws-container {text-align: center;}
    .krmws-header {background: #f5f5f5;padding: 50px 20px;font-size: 45px;font-weight: 500;color: #353535;}
    .krmws-stats {display: flex;justify-content: center;align-items: center;background: #d90000;color: white;padding: 20px 0;}
    .krmws-stat-item {flex: 1;text-align: center;max-width: 200px;}
    .krmws-stat-item img {width: 50px;height: 50px;}
    .krmws-stat-number {font-size: 1.8em;font-weight: bold;margin: 10px 0;}
    .krmws-stat-label {font-size: 1.1em;}
    .krmws-divider {width: 1px;height: 50px;background: white;margin: 0 20px;}
    @media (max-width: 768px) {
      .krmws-header {font-size: 1.8em;padding: 30px 15px;}
      .krmws-stats {flex-wrap: wrap;}
      .krmws-stat-item {margin: 10px 0;max-width: 100%;}
      .krmws-stat-number {font-size: 1.5em;}
      .krmws-stat-label {font-size: 0.9em;}
      .krmws-divider {display: none;}}
    @media (max-width: 480px) {
      .krmws-header {font-size: 30px;padding: 20px 10px;}
      .krmws-stat-number {font-size: 1.2em;}
      .krmws-stat-label {font-size: 0.8em;}}


  /*Facility*/


        .facilities-section {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
            padding: 10px;
        }

        .section-heading {
            color: #ce3b2a;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 1rem;
        }

        .section-description {
            font-size: 22px;
            color: #333;
            margin-bottom: 2rem;
            line-height: 1.5;
        }

        .facilities-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 1.5rem;
        }

        .facility-card {
            background-color: #e0e0e0;
            width: 100%;
            max-width: 350px;
            aspect-ratio: 4 / 3;
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            position: relative;
        }

        .facility-card:hover {
            transform: translateY(-5px);
        }

        .facility-card iframe, .facility-card img {
            width: 100%;
            height: 80%; 
            border: none;
        }

        .facility-card p {
            width: 100%;
            background-color: #fff;
            padding: 0.75rem;
            font-size: 21px;
            font-weight: 500;
            color: #333;
            text-align: center;
            border-top: 1px solid #ddd;
            margin: 0;
        }

        .hidden-paragraph {
            position: absolute;
            bottom: -100%;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.95);
            color: #333;
            padding: 1rem;
            font-size: 22px;
            font-weight: 400;
            line-height: 1.4;
            text-align: left;
            transition: bottom 0.3s ease;
        }

        .facility-card:hover .hidden-paragraph {
            bottom: 0;
        }

        @media (max-width: 768px) {
            .facilities-container {
                flex-direction: column;
                gap: 1rem;
            }

            .facility-card {
                max-width: 100%;
            }

            .section-heading {
                font-size: 30px;
            }

            .section-description {
                font-size: 17px;
            }
        }

        /*video Testimonial*/

.unique-testimonial {margin-top:0px 0px; padding:0px 0px; background-color:#F5F7FF;}
.unique-testimonial h2 {margin-left:auto; margin-right:auto; text-align:center; margin-bottom:0px; font-size: 45px; color: #ce3b2a; margin-bottom: 27px;}
.unique-testimonial p { margin-left:auto; margin-right:auto; text-align:center; font-size: 22px;}
.unique-testimonial .video__slider__wrapp {margin:40px 0px 0px; padding:0px; display:block; clear:both;}
.unique-testimonial .video__slider__wrapp .slide__item__inner {max-height:465px; height:465px; border-radius:12px; overflow:hidden; position:relative;}
.unique-testimonial .video__slider__wrapp .slide__item__inner .image__box {height:100%; max-height:100%; overflow:hidden;}
.unique-testimonial .video__slider__wrapp .slide__item__inner .image__box img {width:100%; height:100%; object-fit:cover;}
.unique-testimonial .video__slider__wrapp .slide__item__inner .pop__up__control__wrapp {border-top:1px solid rgba(255, 255, 255, 0.56); background:rgba(0, 0, 0, 0.62); backdrop-filter:blur(5.900000095367432px); position:absolute; left:0px; bottom:0px; width:100%; max-height:97px;}
.unique-testimonial .video__slider__wrapp .slide__item__inner .pop__up__control__wrapp a {display:flex; align-items:center; justify-content:space-between; padding:24px; color:#fff; font-family:'MADE Avenue PERSONAL USE'; font-size: 28px; font-weight:400; margin:0px; height:97px; text-decoration: none}
.unique-testimonial .video__slider__wrapp .slide__item__inner .pop__up__control__wrapp a i.ico__box {border-radius:60px; border:1px solid #FFF; height:60px; width:60px; flex:0 0 60px; display:flex; align-items:center; justify-content:center;}
.unique-testimonial .video__slider__wrapp .slide__item__inner .pop__up__control__wrapp a i.ico__box img {width:24px; height:24px;}
.unique-testimonial .video__slider__wrapp .slide__item__inner .pop__up__control__wrapp a:hover {background:rgba(39, 50, 114, 0.56);}

.modal__main {background:rgba(0, 0, 0, 0.5); height:100%; overflow:hidden; padding:0px 30px;}
.modal__main .modal__dialog {height:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; 
-ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:center; max-width:880px;}
.modal__main .modal__dialog .modal__content {-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:0px; width:100%;}
.modal__main .modal__dialog .modal__content .modal__header {padding:0px; border:0px; position:relative;}
.modal__main .modal__dialog .modal__content .modal__body {padding:5px 10px;} 
.modal__main .modal__dialog .modal__content .modal__body iframe {margin-top:5px;}
.modal__main .modal__dialog .modal__content .modal__header .close__btn {position:absolute; right:-20px; top:-20px; border:0px; height:35px; width:35px; text-align:center; line-height:0px; margin:0px; padding:0px; background-color:#fff; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; opacity:1; z-index:2;}
.modal__main .modal__dialog .modal__content .modal__header .close__btn img {width:12px; height:12px; max-height:unset; 
object-position:center center;}
.modal-backdrop {z-index:0;}

   @media (max-width: 768px) {
      .unique-testimonial h2 {
        font-size: 30px; 
      }
    }





/*Awards*/
    

        .awards-section {
            text-align: center;
            padding: 40px 20px;
            background-color: #ffffff;
        }

        .awards-section h1 {
            font-size: 45px;
            color: #ce3b2a;
            margin-bottom: 30px;
        }

        .awards-section h1 span {
            color: red;
        }

        .slick-container {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            padding: 0 15px; 
        }

        .award {
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 10px;
        }

        .award img.photo {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

        .award p {
            font-size: 14px;
            color: #333;
            margin-bottom: 10px;
            text-align: center;
        }

        .award .rank {
            font-weight: bold;
            color: #000;
        }

        @media (max-width: 768px) {
            .awards-section h1 {
                font-size: 30px;
            }

            .slick-container {
                padding: 0 10px; 
            }
        }







 
               /* Footer styling */
        footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            background-color: #f8f8f8;
            margin-top: 50px !important;
            border-top: 2px solid #ccc;
            box-shadow: 0 -4px 6px rgba(0,0,0,0.1);

        }

        .footer-item {
            flex: 1;
            text-align: center;
            padding: 10px;
            border-right: 1px solid #ddd;
        }

        .footer-item:last-child {
            border-right: none;
        }

        .footer-item a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
        }

        .footer-logo .footer-img {
            width: 120px;
            margin-left: 10px;
            vertical-align: middle;
        }


        .social-icons a {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            margin: 0 10px;
            text-align: center;
            border-radius: 50%;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .social-icons a .footer-img {
            vertical-align: middle;
            width: 20px;
            height: 20px;
        }


        .facebook {
            background-color: #3b5998;
        }

        .twitter {
            background-color: #55acee;
        }

        .instagram {
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
        }

        .linkedin {
            background-color: #0077B5;
        }

        .youtube {
            background-color: #FF0000;
        }

        .social-icons a:hover {
            transform: scale(1.1);
            box-shadow: 0 0 6px rgba(0,0,0,0.2);
        }

        @media (max-width: 768px) {
            footer {
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 20px;
                box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
            }

            .footer-item {
                border-right: none;
                padding: 10px 0;
            }

            .social-icons a {
                width: 35px;
                height: 35px;
                line-height: 35px;
                margin: 0 5px;
            }

            .social-icons a .footer-img {
                width: 18px;
                height: 18px;
            }

            .footer-logo .footer-img {
                width: 100px;
            }
        }

        @media (max-width: 480px) {
            .social-icons a {
                width: 30px;
                height: 30px;
                line-height: 30px;
                margin: 0 5px;
            }

            .social-icons a .footer-img {
                width: 16px;
                height: 16px;
            }
        }

       /*faqs*/

 
.faq-container {
    max-width: 1200px;
    margin: 50px auto;
    padding: 40px;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgb(0 0 0 / 47%);
    border-radius: 10px;
}

        .faq-container h1 {
            font-size: 45px;
            text-align: center;
            color: #333;
            margin-bottom: 20px;
            position: relative;
        }

        .faq-container h1::after {
            content: "";
            display: block;
            width: 100px;
            height: 4px;
            background-color: #e74c3c;
            margin: 10px auto 0;
            border-radius: 2px;
        }

        .faq-container p {
            text-align: center;
            color: #666;
            font-size: 16px;
            margin-bottom: 40px;
        }

        .faq-sections {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .faq-column {
            flex: 1;
            min-width: 48%;
        }

        .faq-question {
            background-color: #f7f9fc;
            border: 1px solid #e2e6ea;
            border-radius: 8px;
            margin-bottom: 20px;
            overflow: hidden;
            transition: all 0.3s;
        }

        .faq-question h2 {
            font-size: 16px;
            color: #e74c3c;
            cursor: pointer;
            padding: 20px;
            margin: 0;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: background-color 0.3s;
        }

        .faq-question h2::after {
            content: '+';
            font-size: 20px;
            transition: transform 0.3s;
        }

        .faq-answer {
            display: none;
            padding: 20px;
            background-color: #ffffff;
        }

        .faq-answer p {
            margin: 0;
            color: #555;
            font-size: 14px;
            line-height: 1.6;
        }

        .faq-question.active h2 {
            background-color: #e74c3c;
            color: #ffffff;
        }

        .faq-question.active h2::after {
            content: '-';
            transform: rotate(180deg);
        }

        .faq-question.active .faq-answer {
            display: block;
        }

   @media (max-width: 768px) {
       .faq-container h1 {
        font-size: 30px; 
      }
    }