/* ==========================================================
   DIVETULUM RELATED TOURS
========================================================== */

.drt-slider{
    width:100%;
    overflow:hidden;
    position:relative;
}

.swiper{
    overflow:hidden;
}

.swiper-wrapper{
    align-items:stretch;
}

.swiper-slide{
    height:auto;
    box-sizing:border-box;
}

/* ==========================
   CARD
========================== */

.drt-card{

    display:block;

    text-decoration:none;

    color:inherit;

    background:#fff;

    border-radius:14px;

    overflow:hidden;

    margin:8px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:all .30s ease;

}

.drt-card:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(0,0,0,.14);

    text-decoration:none;

    color:inherit;

}

/* ==========================
   IMAGE
========================== */

.drt-image{

    overflow:hidden;

}

.drt-image img{

    display:block;

    width:100%;

    aspect-ratio:4/3;

    object-fit:cover;

    transition:transform .45s ease;

}

.drt-card:hover .drt-image img{

    transform:scale(1.06);

}

/* ==========================
   CONTENT
========================== */

.drt-content{

    padding:18px;

}

.drt-title{

    margin:0;

    font-size:19px;

    line-height:1.35;

    font-weight:700;

    color:#202020;

}

/* ==========================
   PRICE + CATEGORY
========================== */

.drt-info{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:8px;

    margin:14px 0 18px;

    font-size:15px;

}

.drt-price{

    color:#009FE3;

    font-weight:700;

}

.drt-separator{

    color:#bdbdbd;

}

.drt-category{

    color:#666;

    font-weight:500;

}

/* ==========================
   LINK
========================== */

.drt-link{

    display:flex;

    justify-content:center;

    align-items:center;

    color:#009FE3;

    font-weight:700;

    font-size:15px;

    transition:.25s;

}

.drt-card:hover .drt-link{

    letter-spacing:.4px;

}

/* ==========================
   PAGINATION
========================== */

.drt-pagination{

    position:relative;

    margin-top:12px;

    text-align:center;

}

.drt-pagination .swiper-pagination-bullet{

    width:10px;

    height:10px;

    margin:0 4px;

    background:#009FE3;

    opacity:.25;

    transition:.25s;

}

.drt-pagination .swiper-pagination-bullet-active{

    opacity:1;

    transform:scale(1.25);

}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

    .drt-content{

        padding:16px;

    }

    .drt-title{

        font-size:18px;

    }

    .drt-info{

        font-size:14px;

    }

}