/* ===================================
   PREMIUM TOUR GRID
   IMAGE BACKGROUND CARDS
=================================== */



.dtg-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

}




/* CARD */


.dtg-card{

position:relative;

height:430px;

display:block;

overflow:hidden;

border-radius:35px;

text-decoration:none;

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

}



/* IMAGE */


.dtg-image{

position:absolute;

inset:0;

}


.dtg-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}



.dtg-card:hover img{

transform:scale(1.08);

}



/* OVERLAY */


.dtg-overlay{

position:absolute;

inset:0;

background:
linear-gradient(
to bottom,
rgba(0,0,0,.25),
rgba(0,0,0,.85)
);

}



/* TOP */


.dtg-top{

position:absolute;

top:20px;

left:20px;

right:20px;

display:flex;

justify-content:space-between;

z-index:5;

}




/* BADGE */


.dtg-badge{

background:#f58220;

color:#fff;

padding:10px 15px;

border-radius:40px;

font-size:13px;

font-weight:700;

}



/* RATING */


.dtg-rating{

background:white;

padding:8px 12px;

border-radius:40px;

color:#ffb400;

font-weight:700;

}



.dtg-rating span{

color:#222;

margin-left:5px;

}



/* CONTENT */


.dtg-content{

position:absolute;

bottom:0;

left:0;

right:0;

padding:30px;

color:white;

z-index:5;

}



.dtg-content h3{

color:white;

font-size:28px;

margin-bottom:15px;

}





/* INFO */


.dtg-info{

display:flex;

gap:15px;

flex-wrap:wrap;

}



.dtg-info span{

color:white;

font-size:14px;

}


.dtg-info i{

color:#f58220;

}




/* BOTTOM */


.dtg-bottom{

margin-top:20px;

padding-top:20px;

border-top:
1px solid rgba(255,255,255,.3);

display:flex;

justify-content:space-between;

align-items:center;

}




.dtg-price small{

display:block;

color:#ddd;

}



.dtg-price strong{

font-size:30px;

color:white;

}




/* BUTTON */


.dtg-button{

background:#f58220;

padding:12px 22px;

border-radius:50px;

color:white;

font-weight:700;

}




/* RESPONSIVE */


@media(max-width:768px){


.dtg-grid{

grid-template-columns:1fr;

}


.dtg-card{

height:420px;

}


.dtg-content{

padding:22px;

}


.dtg-content h3{

font-size:22px;

}


.dtg-bottom{

flex-direction:column;

align-items:flex-start;

gap:15px;

}


.dtg-button{

width:100%;

text-align:center;

}


}