/* Bootstrap CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css");

/* Font (Open Sans and Raleway) */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* Slider */
@import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');

/* Root */
@import url('root.css');

/* Header */
@import url('header.css');

/* Font */
@import url('font.css');

/* Button */
@import url('button.css');

/* Card */
@import url('card.css');

/* Home Hero */
@import url('home-hero.css');

/* Inner Hero */
@import url('inner-hero.css');

/* Inner Page Content */
@import url('inner-hero-content.css');

/* Podcast Card */
@import url('podcast-card.css');

/* Inner Page Header */
@import url('inner-page-header.css');

/* Download App Mobile */
@import url('download-app-mobile.css');

/* Slider with mockup */
@import url('slider-with-mockup.css');

/* Our Mission */
@import url('about-mission.css');

/* About Slider */
@import url('about-slider.css'); 

/* Testimonials */
@import url('testimonials.css');

/* Team */
@import url('team.css');

/* Content Page */
@import url('content-page.css');

/* Login */
@import url('login-box.css');

/* CTA */
@import url('cta.css');

/* Footer */
@import url('footer.css');

/* Global CSS */
.lita-bg{
    background: var(--lita-bg);
}
.text-primary{
    color: var(--bs-body-color) !important;
}
.slick-dots{
    padding-left: 0;
}

.video-popup {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background: rgba(30, 35, 55, 0.75);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.video-popup.active {
    display: flex;
}

.video-popup-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    box-shadow: 0px 4px 155px 0px rgba(0, 0, 0, 0.35);
}

.video-popup-content iframe {
    width: 100%;
    height: 100%;    
    border-radius: 16px !important; /* optional */
     box-shadow: 0 0 0 10px #fff;
    display: block !important; /* removes inline spacing */
    box-sizing: border-box !important;
}

.video-popup .close-btn {
    position: absolute;
    top: -30px;
    right: -10px;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    line-height:30px;
    background: #9AA2CA;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

@media (max-width: 991.98px) {
    .video-popup-content {
        width: 90%;
        max-width: 100%;
    }
}