.home-style-15 header.style-15 .countdown-content {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: -47px !important;
}

.countdown-item {
    margin-right: 1px !important;
}

.counter-title {
    margin-left: -90px;
}


.countdown .countdown-item {
    text-align: center;
    margin-bottom: 30px;
}

.navbar.nav-scroll {
    top: -127px !important;
}

.expo-sec {
    padding: 100px 0 100px !important;
}

.our-story {
    max-width: 30% !important;
}

.timeline-sec {
    background-color: #1a1a1b;
    color: #fff;
}


.timeline-card .icon {
    margin-bottom: 15px;
    color: #111111;
    /* your theme color */
}

.timeline-card .icon i {
    font-size: 40px;
}

.timeline.style-15 {
    padding: 56px 0 130px;
}

.timeline.style-15 .timeline-cards .timeline-card {
    margin: 1px auto 55px !important;
}


.team-img {
    width: 100%;
    max-width: 300px;
    height: auto;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
}

.team-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}



.rotate-icon {
    transform: rotate(90deg);
    display: inline-block;
}

.about-sec {

    margin-top: -15px !important;
}

.accordion-button {

    color: #fff !important;
}


.faq.style-3.style-4 .accordion-item .accordion-button:not(.collapsed) {
    background-color: #f4f2fb !important;
    color: black !important;
    padding-bottom: 10px;
}


.faq.style-3 .accordion-item .accordion-collapse .accordion-body {

    color: #444 !important;

}

.story-img {
    margin-left: 151px !important;
    margin-top: -179px !important;
}

.image-section {
    padding: 5px 0 !important;
}


.image-section img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}


.faq-page.style-5 .faq-tabs .nav .nav-item .nav-card {

    padding: 24px 18px !important;
}

.faq-page.style-5 .faq-tabs .nav .nav-item .nav-card h5 {
    font-size: 14px !important;
}

.kalux-moments {
    margin-top: -100px !important;
}

/* .story-section{
    margin-top: -170px !important;
} */

.mission-vision {
    margin-top: -186px !important;
}

.festoria-title {
    font-size: 16px !important;
}

.festoria-header {
    margin-top: -89px !important;
}

.register-sec {
    margin-top: -46px !important;
}

.contact-phone {
    letter-spacing: 10px !important;
}

.navbar.style-15 .navbar-brand {
    width: 100px !important;
}

.story-description {
    margin-top: -63px !important;
}

.festoria-section {
    margin-top: -108px !important;
    margin-bottom: -36px !important;
}

.team-section {

    margin-top: 60px !important;
}

.festoria-logo {
    max-width: 58% !important;
}

.festoria-logo2 {
    max-width: 31% !important;
}

.parner-section .swiper {
    overflow: hidden;
}

.parner-section .swiper-slide img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.parner-section{
    padding: 60px 0 !important;
}

.faq-section{

    padding-bottom: 127px !important;
}
.partner-pagination{
    margin-bottom: -44px !important;
}


@media (max-width: 767.98px) {
    .counter-title {
        margin-left: -48px;
        font-size: 12px;
    }

    .countdown {
        margin-right: -35px !important;
        margin-left: -3px !important;
    }

    .copy-right {

        margin-bottom: 28px !important;
    }

    .coutdown-sec {

        margin-top: 29px !important;
    }

    .faq-page.style-5 .faq-tabs .nav .nav-item {
        width: 25%;
        padding: 0 15px !important;
    }

    .kalux-moments {
        margin-top: -111px !important;
    }

    .story-img {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    .our-story {
        max-width: 40% !important;
    }

    .contact-phone {
        letter-spacing: 6px !important;
    }

    .story-description {
        margin-top: -23px !important;
    }

    .team-section {

        margin-top: 36px !important;
    }

    .team-row {
        margin-top: -92px !important;
    }

    .curiosity-sec {
        font-size: 21px !important;
    }

    .festoria-logo {
        max-width: 90% !important;
    }

    .festoria-section {
        margin-top: -67px !important;
        margin-bottom: -36px !important;
    }

    .festoria-logo2 {
        max-width: 83% !important;
    }

    .faq-section{

        padding-bottom: 100px !important;
    }

    /* .story-section{
        margin-top: -140px !important;
    } */
}



.course-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    max-width: 90%;
    width: 400px; /* small size */
    background-color: transparent; /* outer background */
    border: none;
}

.popup-content {
    background-color: #76bf44; /* ✅ green background */
    border-radius: 12px;
    overflow: hidden;
    color: #000; /* ✅ black text */
}

.popup-image img {
   
    height: auto;
}

body.popup-active {
    overflow: hidden;
}

@keyframes blinkColor {
    0%, 100% {
        opacity: 1;
        color: #000 !important; /* black text */
    }
    50% {
        opacity: 0.2;
        color: #333 !important;
    }
}

.blinking {
    animation: blinkColor 1s infinite;
}

/* Responsive tweaks */
@media (max-width: 576px) {
    .popup-content {
        padding: 20px;
    }

    .popup-image img {
        max-width: 70%;
    }
}