.js-swiper-slider{position: relative !important;}

.js-swiper-slider .bg-cover-url{position: absolute; right:0; top:0; height: 100%;width:calc(55% + 83px);z-index: -1;background-size: cover; background-position: center; background-repeat: no-repeat;}

.js-swiper-slider .bs-pagination{position: absolute;top: calc(40% - 40px);left: 20px;z-index: 1;height: auto;display: block;min-width: 100px;}

.js-swiper-slider .bs-pagination .slider div{display: block;text-align: left;color: #16433C;font-size: 30px;font-weight: normal;line-height: 1.3;font-family: "applerigg-bold", "serif";transition: all 0.5s ease;cursor: pointer;}

.js-swiper-slider .bs-pagination .slider{display: none;}

.js-swiper-slider .bs-pagination .slider.active{display: block;}

.js-swiper-slider .bg-cover-url:before{content:'';position:absolute;left:-1px;top: 0;width: 450px;height: 101%;background-size: 100% 100% !important;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V150H150L0 0Z' fill='%23F3EFEB'/%3E%3C/svg%3E%0A");}


.js-swiper-slider .swiper-button-next:after,
.js-swiper-slider .swiper-button-prev:after{font-size: 18px !important;}
.js-swiper-slider .swiper-button-prev,
.js-swiper-slider .swiper-rtl .swiper-button-next {
    left: -8px;
    right: auto;
    color: #16433C;
    margin-top:-5px;
    
}
.js-swiper-slider .swiper-button-next,
.js-swiper-slider .swiper-rtl .swiper-button-prev {
    right: -8px;
    left: auto;
    color: #16433C;
    margin-top:-5px;
    
}
.js-swiper-slider .col-lg-6{
    position: initial !important;
}
.js-swiper-slider .container{
    position: initial !important;
}

/* tabs */
@media only screen and (max-width:991px){
    .js-swiper-slider .bg-cover-url{max-height:40% ;width: 100%;}
    .js-swiper-slider .col-lg-6{height: 50vh !important;}
    .js-swiper-slider .bs-pagination .slider div{font-size: 38px;transform:none !important;}
    .js-swiper-slider .bs-pagination{transform:none !important; }
    .js-swiper-slider .bg-cover-url:before{width: 150px;height: 70%;top: auto;bottom: -1px;}
    .js-swiper-slider .bs-pagination ul.list-unstyled{margin-bottom: 0 !important;}
}
@media only screen and (max-width:767px){
    .js-swiper-slider .applerigg h2{font-size: 28px; line-height: 1.2;}
    .js-swiper-slider .applerigg p.applerigg{font-size: 16px;}
}
@media only screen and (min-width:992px){
    .js-swiper-slider .bs-pagination .slider{display: block;}
    .js-swiper-slider .applerigg.smoothed{height:43%;}
    .js-swiper-slider .bs-pagination .slider div{transform: rotate(35deg);}
    .js-swiper-slider .bs-pagination .slider.active div{transform: rotate(35deg) scale(2.0);}
    .js-swiper-slider .bs-pagination{top:0;left: calc(40% + 160px);height: 100%;min-width: auto;transform: rotate(-35deg);}
    .js-swiper-slider .bs-pagination{left: calc(40% + 90px);}
    .js-swiper-slider .bs-pagination ul.list-unstyled{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transform-origin: 0;
    }
    .js-swiper-slider .bs-pagination:before{background: #F3EFEB;transform: translate(-50%, -50%);content:'';position:absolute;left: 50%;top:50%;width: calc(100% + 50px);height: 150%;display: block;}
    
    .heritage-pagination{padding-top:50px;padding-bottom:20px;}
    /*    .heritage-detail{padding-top: 250px;}*/
    .heritage-mob{display: none;}
}

/*  Menu dropdown  */
li.menu-item.d-none.d-lg-block.sub-menu{
    transition: opacity .15s linear;
}
li.menu-item.d-none.d-lg-block.sub-menu .menu-item-hover{
    
}

/* media height */
@media only screen and (min-width: 1024px) and (min-height: 600px) {
    .js-swiper-slider .bs-pagination .slider div{transform: rotate(35deg);}
    .js-swiper-slider .bs-pagination .slider.active div{transform: rotate(35deg) scale(1.6)}
    .js-swiper-slider .bs-pagination{transform: rotate(-35deg);}
}
@media only screen and (min-height:768px){
    .js-swiper-slider .bs-pagination .slider div{transform: rotate(30deg);}
    .js-swiper-slider .bs-pagination .slider.active div{transform: rotate(30deg) scale(1.6)}
    .js-swiper-slider .bs-pagination{transform:rotate(-30deg);}
}
@media only screen and (min-height:850px){
    .js-swiper-slider .bs-pagination .slider div{transform: rotate(27deg);}
    .js-swiper-slider .bs-pagination .slider.active div{transform: rotate(27deg) scale(1.6)}
    .js-swiper-slider .bs-pagination{transform:rotate(-27deg);}
}

@media only screen and (min-height:1050px){
    .js-swiper-slider .bs-pagination .slider div{transform: rotate(24deg);}
    .js-swiper-slider .bs-pagination .slider.active div{transform: rotate(24deg) scale(1.6)}
    .js-swiper-slider .bs-pagination{transform:rotate(-24deg);}
}

@media only screen and (min-height:1080px){
    .js-swiper-slider .bs-pagination .slider div{transform: rotate(20deg);}
    .js-swiper-slider .bs-pagination .slider.active div{transform: rotate(20deg) scale(1.6)}
    .js-swiper-slider .bs-pagination{transform:rotate(-20deg);}
}
@media only screen and (min-height:1500px){
    .js-swiper-slider .bs-pagination .slider div{transform: rotate(16deg);}
    .js-swiper-slider .bs-pagination .slider.active div{transform: rotate(16deg) scale(1.6)}
    .js-swiper-slider .bs-pagination{transform:rotate(-16deg);}
}