.bdt-pacific-slider {
    overflow: hidden;
    height: clamp(28.125rem, 55vw, 40.625rem);
    position: relative;

    .swiper-pacific {
        height: 100%;
        width: 100%;
    }

    .bdt-item {
        overflow: hidden;
    }

    .bdt-item .bdt-image-wrap {
        height: 100%;
        width: 100%;
        position: relative;
        // transform: scale(2.3) !important;
    }

    .bdt-item .bdt-image-wrap:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(43, 45, 66, .5);
        z-index: 1;
        transition: background .3s ease;
    }

    .bdt-item .bdt-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        // transition: transform .3s cubic-bezier(0.39, 0.99, 0.58, 1) !important;
    }

    .bdt-content-wrap {
        z-index: 11;
        width: 100%;
        padding: 30px;
    }

    .bdt-slider-style-2 .bdt-content-wrap {
        opacity: 0;
    }

    /* swiper active item css */
    .bdt-slider-style-2 .bdt-item.swiper-slide-active .bdt-content-wrap {
        opacity: 1;
    }

    .bdt-item .bdt-category {
        display: inline-flex;
        margin-bottom: clamp(0.938rem, 3vw, 1.875rem);
    }

    .bdt-item .bdt-category a {
        background: #ef233c;
        padding: clamp(0.25rem, 1vw, 0.375rem) clamp(0.625rem, 1.5vw, 0.75rem);
        text-decoration: none;
        color: #EDF2F4;
        text-transform: uppercase;
        font-size: clamp(0.625rem, 1.5vw, 0.75rem);
        border-radius: 2px;
        transition: all .3s ease;
    }

    .bdt-item .bdt-category a+a {
        margin-left: 5px;
    }

    .bdt-item .bdt-category a:hover {
        background: #D90429;
    }

    .bdt-item .bdt-title {
        margin: 0;
        font-size: clamp(1.5rem, 3vw, 2rem);
        font-weight: 700;
        margin-bottom: clamp(0.938rem, 3vw, 1.875rem);
        line-height: 1.3;
    }

    .bdt-item .bdt-title a {
        color: #EDF2F4;
        text-decoration: none;
        transition: all .3s ease;

        &:hover {
            color: #D90429;
        }
    }

    .bdt-meta-box .block-revealer__content {
        display: inline-flex;
    }
    .bdt-meta-box {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        color: #d2d8da;
        font-size: clamp(0.75rem, 1.5vw, 0.875rem);
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 20px;

        i {
            padding-right: 5px;
        }

        .bdt-author-wrap {
            a {
                color: #d2d8da;
                transition: all .3s ease;

                &:hover {
                    color: #D90429;
                }
            }
        }

        .bdt-meta-separator {
            margin: 0 15px;
        }

        .bdt-post-time {
            margin-left: 15px;
        }
    }

    .bdt-item .bdt-button {
        font-size: clamp(0.75rem, 1.5vw, 0.875rem);
        color: #d2d8da;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 500;
    }

    .bdt-item .bdt-btn-text {
        position: relative;
        padding-right: 5px;
    }

    .bdt-item .bdt-btn-text::before {
        position: absolute;
        content: '';
        bottom: -15px;
        border: 0;
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d2d8da;
        opacity: 0;
        transition: all .3s ease;
    }

    .bdt-item .bdt-readmore-icon {
        display: inline-block;
        width: 18px;
        line-height: 1;
        transform: rotate(0);
        transition: all .3s ease;
    }

    .bdt-item .bdt-button:hover .bdt-readmore-icon {
        transform: rotate(45deg);
    }

    .bdt-item .bdt-button:hover .bdt-btn-text::before {
        bottom: -8px;
        opacity: 1;
    }

    /* SWIPER PAGINATION CSS */

    .bdt-pagi-wrap {
        z-index: 1;
        margin: 30px;
    }

    .swiper-pagination {
        position: unset !important;
    }

    .swiper-pagination-bullet {
        margin: 25px 0 !important;
        display: block;
        background: transparent;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        opacity: 0.5;
        position: relative;
        transform: scale(1);
        transition: transform .4s;
    }

    .swiper-pagination-bullet:hover {
        transform: scale(1.2);
        opacity: 1;
    }

    .swiper-pagination-bullet:before {
        position: absolute;
        content: '';
        border: 0;
        width: 100%;
        width: 20px;
        left: -4px;
        top: 40px;
        border-top-width: 2px;
        border-top-style: solid;
        border-top-color: #b6b0b2;
        opacity: 0;
        transition: all .3s ease
    }

    .swiper-pagination-bullet:hover:before {
        top: 30px;
    }

    .swiper-pagination-bullet:hover:before {
        color: #fff;
        opacity: 1;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        transform: scale(1.2);
        position: relative;
    }

    .swiper-pagination-bullet-active.swiper-pagination-bullet:before {
        opacity: 1;
        top: 30px;
    }

    /* SWIPER NABIGATION CSS */
    .bdt-navigation-wrap {
        z-index: 1;
        display: flex;
        align-items: center;
        font-size: clamp(0.75rem, 1.5vw, 0.875rem);
        text-transform: uppercase;
        color: #edf2f4;
        margin: 30px;
    }

    .bdt-navigation-next {
        margin-left: 20px;
        cursor: pointer;
    }

    .bdt-navigation-prev {
        cursor: pointer;
    }

    .bdt-n-p-text {
        position: relative;
    }

    .bdt-n-p-text::before {
        position: absolute;
        content: '';
        bottom: -15px;
        border: 0;
        width: 100%;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #EDF2F4;
        opacity: 0;
        transition: all .3s ease;
    }

    .bdt-navigation-next:hover .bdt-n-p-text::before {
        bottom: -8px;
        opacity: 1;
    }

    .bdt-navigation-prev:hover .bdt-n-p-text::before {
        bottom: -8px;
        opacity: 1;
    }

    .bdt-n-p-icon {
        transition: all .3s ease;
        opacity: 0;
    }

    .bdt-next-icon {
        margin-left: -10px;
    }

    .bdt-navigation-next:hover .bdt-next-icon {
        margin-left: 2px;
        opacity: 1;
    }

    .bdt-prev-icon {
        margin-right: -10px;
    }

    .bdt-navigation-prev:hover .bdt-prev-icon {
        margin-right: 2px;
        opacity: 1;
    }

}

.bdt-pacific-slider-modal {
    .bdt-title {
        transform: unset;
        font-size: clamp(1.25rem, 5vw, 2.813rem);
        a {
            color: #242020;
        }
    }
    .bdt-close {
        margin: 30px;
        svg {
            cursor: pointer;
            transform: rotate(0);
            transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1);
            &:hover {
                transform: rotate(450deg);
            }
        }
    }
}

@media (min-width: 768px) {
    .bdt-pacific-slider .bdt-nav svg {
        width: clamp(0.625rem, 1vw, 0.75rem);
    }
}
@media (min-width: 1024px) {
    .bdt-pacific-slider .bdt-nav {
            width: 40px;
            height: 40px;
            line-height: 40px;
    }
    .bdt-pacific-slider .bdt-next-btn {
        margin-left: clamp(5rem, 8rem, 6.25rem);
    }
}