@media screen and (min-width: 1600px) {
    .container-xxl {
        max-width: 1560px !important;
    }

    .container-xxxxl {
        max-width: 1980px !important;
    }
}

.rs-header-two .header-wrapper {
    background: #60a5b5 !important;
}
.rs-header-top.rs-header-top-two {
    background: #1d5a67 !important;
}

.main-menu li a {
    font-size: 20px;

}

.main-menu ul li.active > a {
    color: #000000 !important;
}

.img-wrapper {
    position: relative;
    z-index: 1; /* Lowest layer */
}

.img-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    z-index: 1;
}

.img-wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    z-index: 2; /* Overlay above image */
}

/* IMPORTANT: Your text must be above BOTH */
.rs-banner-stroke-text,
.banner-text {
    position: relative;
    z-index: 10 !important; /* Forces text above overlay */
}

.banner-text { position: relative; z-index: 10; }



.bg-custom-1 {
    background-color: #282931 !important;
}

.left-arrow-prev, .left-arrow-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    color: white; /* Icon color */
}

.left-arrow-prev { left: 10px; }
.left-arrow-next { right: 10px; }

.left-arrow-prev i, .left-arrow-next i {
    font-size: 40px; /* Adjust size */
}


.custom-swiper-prev,
.custom-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
}

.custom-swiper-prev {
    left: -40px; /* adjust distance from swiper */
}

.custom-swiper-next {
    right: -40px; /* adjust distance from swiper */
}



.start-25 {
    left:25% !important
}

.start-35 {
    left:35% !important
}

.start-40 {
    left:40% !important
}

.rs-banner-five .rs-banner-stroke-text-2 {
    position: absolute;
    top: 250px;
    transform: rotate(-90deg);
    z-index: 2;
    inset-inline-end: -190px;
}
@media only screen and (max-width: 1600px) {
    .rs-banner-five .rs-banner-stroke-text-2 {
        inset-inline-end: -130px;
    }
}
@media only screen and (max-width: 1199px) {
    .rs-banner-five .rs-banner-stroke-text-2 {
        inset-inline-end: -100px;
    }
}
@media only screen and (max-width: 1199px) {
    .rs-banner-five .rs-banner-stroke-text-2 {
        inset-inline-end: -163px;
    }
}
@media only screen and (max-width: 991px) {
    .rs-banner-five .rs-banner-stroke-text-2 {
        display: none;
    }
}
.rs-banner-five .stroke-text-2 {
    font-size: 160px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    line-height: 0.85;
}
@media only screen and (max-width: 1600px) {
    .rs-banner-five .stroke-text-2 {
        font-size: 150px;
    }
}
@media only screen and (max-width: 1199px) {
    .rs-banner-five .stroke-text-2 {
        font-size: 120px;
    }
}

.rs-header-top.rs-header-top-two .header-top-tag ul li a {
    color: #ffffff; /*rgba(255, 255, 255, 0.8);*/
    font-size: 20px;
    font-weight: 700;
}

.rs-video-two .rs-video-bg-thumb::before {
    background: linear-gradient(180deg, rgba(18, 18, 19, 0) 5%, #121213 100%);
}

/* Language Switcher */
.language-switcher {
    gap: 6px;
    margin-right: 12px;
}

.language-switcher .lang-link {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    transition: color 0.2s ease;
    letter-spacing: 0.5px;
}

.language-switcher .lang-link:hover {
    color: #ffffff;
}

.language-switcher .lang-link.active {
    color: #ffffff;
    font-weight: 700;
}

.language-switcher .lang-separator {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    user-select: none;
}

.offcanvas-language .language-switcher .lang-link {
    font-size: 16px;
}

.offcanvas-language .language-switcher .lang-separator {
    font-size: 16px;
}

.popup-circle {
    &:before {
        content: "";
        position: relative;
        display: block;
        top: -14px;
        inset-inline-start: -14px;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        border-radius: 50%;
        background-color: #60a5b5;
        animation: rs-pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    }

    &:after {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color:#60a5b5;
        border-radius: 50%;
        animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    }
}