/* benefit-area start -----------------------*/
.benefit-area {
    position: relative;
    z-index: 2;

    @include lg {
        padding-bottom: 300px;
    }

    @media(max-width: 850px) {
        padding-bottom: 450px;
    }

    @include sm {
        padding-bottom: 350px;
        background-color: $title-color;
        background-image: none !important;
    }

    @media (max-width: 480px) {
        padding-bottom: 450px;
    }

    @include vxs {
        padding-bottom: 100px;
    }

    .th-benefit-bg {
        position: absolute;
        inset: 0;
    }
}

.benefit-titlebox{
    & .sec-title{
        font-size: 30px;
    }
}
.benefitSlide {
    .benefit-img {
        position: relative;
        overflow: hidden;
        max-width: 1508px;
        @media(min-width: 1930px) { 
            max-width: 70%;
        }

        @include lg {
            max-width: 100%;
            height: 100%;
        }

        img {
            position: relative;
            overflow: hidden;

            
        }
        &::before {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            content: "";
            background: rgba(11, 20, 34, 0.6);
            transform: rotate(-180deg);
            z-index: 2;
        }
    }

    .icon-box {
        position: absolute;
        left: 50%;
        bottom: 74px;
    }

    .slider-arrow {
        box-shadow: none;
        border: 1px solid #FFFFFF;
        --icon-size: 66px;
        background-color: transparent;

        img {
            filter: brightness(0) invert(1);
        }

        &:hover {
            background-color: $white-color;

            img {
                filter: none;
            }
        }

    }

    .swiper-slide {
        position: relative;
        overflow: hidden;
        transition: transform 0.6s ease, opacity 0.6s ease;

        &.swiper-slide-active .destination-img img {
            transform: scale(1.1);
            /* Zoom effect */
            transition: transform 0.6s ease-in-out;
        }
    }

    /* Apply zoom-in effect only for active slide */


    /* Reset the image for non-active slides */
    .swiper-slide .destination-img img {
        transform: scale(1);
        transition: transform 0.6s ease-in-out;
    }
}

.benefit-area {
    margin-top: 120px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;

    @include lg {
        margin-top: 40px;
    }

    @include vxs {
        position: relative;
    }
}

.benefit-slider-thumb-wrap {
    margin-right: -35% !important;

    @include sm {
        margin: 0 !important;
    }

    .box-img {
        height: 433px;
        border-radius: 20px;

        @include sm {
            height: 200px;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
            border: 1px solid var(--th-border-color);
        }

    }
}

.activities-checklist {
    padding: 24px;
    border: 1px solid #E1E4E6;
    border-radius: 8px;
    display: flex;

    @media(max-width: 1399px) {
        display: block;
    }

    @media(max-width: 480px) {
        border: none;
        padding: 0;
    }

    .checklist {
        &.style2 {
            min-width: 387px;

            @include xl {
                min-width: 250px;
            }

            @media(max-width: 480px) {
                min-width: 100%;
                margin-bottom: 20px;
            }

            li {
                color: $black-color2;
            }

            &:last-child {
                border-left: 1px solid #E1E4E5;
                padding-left: 24px;

                @media(max-width: 1399px) {
                    border: none;
                    padding-left: 0;
                }

                @media(max-width: 480px) {
                    border: none;

                }
            }
        }
    }

}