#section1, #home {
    padding: 0;
    display: block;
    min-height: min(100vw, 100vh);
    height: min(100vw, 100vh);
}
@media (min-width: 768px) {
    #section1, #home {
        min-height: min(56.25vw, 100vh);
        height: min(56.25vw, 100vh);
    }
}
.bg-video,#bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#bg-video{
    object-fit: cover;
}
.bg-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 10;
}

#ask-section {
    background-color: #020b17;
}

#ask-section .offcanvas-header {
    color: white;
}

#ask-section .offcanvas-body .form {
    background-color: white;
    padding: 20px;
}

#ask-section .form-section {
    min-width: var(--bs-offcanvas-width);
    position: relative;
}

#ask-section .form-section .btn-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
}

#section2 {
    position: relative;
}

#section2 .owl-carousel {
    max-height: 100vh;
    max-width: 100vw;
}

#section2 .owl-dots {
    bottom: 1.5rem;
    left: var(--left-container);
    text-align: left;
}

.index3-carousel-item {
    height: 100vh;
    width: 100vw;
}

.index3-carousel-photo {
    height: 100%;
    width: 100%;
}

.index3-carousel-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.article-items {
    --flex-gap-x: 1rem;
    --flex-gap-y: 1rem;
    margin-left: calc(0px - var(--flex-gap-x));
    margin-right: calc(0px - var(--flex-gap-x));
    row-gap: var(--flex-gap-y);
}

.article-items .article-item {
    flex-basis: 100%;
    padding-left: var(--flex-gap-x);
    padding-right: var(--flex-gap-x);
    margin-bottom: 0;
}

.article-items .article-item > :last-child {
    margin-top: auto;
}

@media (min-width: 768px) {
    .article-items {
        --flex-gap-x: 2rem;
        --flex-gap-y: 4rem;
    }

    .article-items .article-item {
        flex-basis: 50%;
    }
}

@media (min-width: 992px) {
    .article-items .article-item {
        flex-basis: 33.333%;
    }
}

#section4 {
    background-color: #fbf9f7;
    display: flex;
    flex-direction: column;
}


@media (min-width: 768px) {
    #section4 {
        flex-direction: row;
    }

    #section4 .text-section {
        order: 1;
    }

    #section4 .form-section {
        order: 2;
        min-width: 89vh;
        text-align: right;
    }

    #section4 .form-section img {
        max-height: calc(100vh - var(--navbar-height-end));
        height: 100%;
        width: auto;
        object-fit: cover;
        display: block;
        margin-left: auto;
    }
}

/* THE CLUB PAGE */
#club1 .section2 {
    background-color: #fbf9f7;
}

/* Custom Owl Carousel Navigation for #club5 */
#club5 .carousel-container {
    position: relative; /* Ensure positioning context for arrows */
}

#club5 .owl-nav {
    display: none; /* Hide default Owl Carousel navigation */
}
#club7 .carousel-container {
    position: relative;
}

#club7 .club-full-carousel .title {
    display: none;
}

#club7 .owl-dots {
    position: static;
}

#club7 .custom-caption {
    position: absolute;
    bottom: 2rem;
    left: 3rem;
    z-index: 10;
    display: flex;
    align-items: center;
    font-size: var(--font-h2);
    transition: all 0.3s ease-in-out;
}

#testimonials,#community{
    overflow: hidden;
}
.testimonials .club-1-content,
.testimonials .owl-stage-outer,
.testimonials .owl-stage,
.testimonials .owl-item
{
    height: 100%;
}
.testimonials .club-1-content:not(.owl-loaded) .club-text-item:not(:first-child){
    display: none;
}
.testimonials .owl-item img{
    max-width: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.testimonials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fbf9f7;
}
.testimonials .club-text-carousel{
    background-color: #fbf9f7;
}
@media (min-width: 768px) {
    .testimonials {
        flex-wrap: nowrap;
    }

    .testimonials > div {
        flex-basis: 50%;
        min-width: 50%;
        max-width: 50%;
    }
    #community .testimonials > div {
        flex-basis: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
    }
    #community .testimonials > div.club-text-carousel {
        flex-basis: 66.67%;
        min-width: 66.67%;
        max-width: 66.67%;
    }
}

.testimonials .club-text-item > div {
    max-width: 600px;
    margin: 0 auto;
}

.testimonials .club-slide-item {
    width: 100%;
    height: 100%;
}
#club11 .club-slide-item {
    cursor: pointer;
}
#event-modal .modal-body{
    height: calc(100vh - var(--navbar-height-end));
}
#event-modal iframe{
    width:100%;
    height:100%;
}