#pk_flex_content .flex_content:has(.flex_layout.hotels){
    background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
  background: linear-gradient(148deg, var(--dark-blue) 20%, rgba(0, 68, 104, 0.8) 50%);
border-radius: 10px;
overflow: hidden;
z-index: 0;
/* margin-inline: 20px; */
}

#pk_flex_content .flex_content:has(.flex_layout.hotels)::after{
  content: url("data:image/svg+xml,%3Csvg width='1490' height='893' viewBox='0 0 1490 893' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M109.21 790.932C-120.117 651.108 31.7414 193 378.335 47.5089C724.927 -97.9818 1135.01 124.242 1364.33 264.065C1593.66 403.889 1498.6 635.18 1152.01 780.671C805.414 926.162 338.538 930.754 109.21 790.932Z' fill='url(%23paint0_linear_1018_1101)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1018_1101' x1='948.839' y1='865.955' x2='748.907' y2='-32.8086' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916822' stop-color='%23A4374C'/%3E%3Cstop offset='0.40625' stop-color='%23A04254'/%3E%3Cstop offset='0.645833' stop-color='%23534B6E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  left: -50%;
  bottom: -40%; 
  pointer-events: none;
  height:80%;
  width: auto;
  display:block;
  filter: blur(90px);
  opacity: 0.8;
  animation: blob-drift 40s ease-in-out infinite alternate;
}


#pk_flex_content .flex_layout.hotels .flex_container{

}

#pk_flex_content .flex_layout.hotels .flex_container_inner{
z-index: 1;
position: relative
}



#pk_flex_content .flex_layout.hotels .content_container {
    display: flex;
justify-content: center;
}

#pk_flex_content .flex_layout.hotels .content_container .block_grid{
  display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
gap: 12px;
  }

#pk_flex_content .flex_layout.hotels .content_container .block:nth-of-type(1){
    /* max-width: 400px; */
    grid-area: 1 / 1 / 2 / 2;
    height: 200px;     
    color: white;
}

#pk_flex_content .flex_layout.hotels .content_container .block:nth-of-type(1) .title >div{
color: white;
}
#pk_flex_content .flex_layout.hotels .content_container .block img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   filter: brightness(80%);
   transition: filter 0.5s ease;
}

#pk_flex_content .flex_layout.hotels .content_container .block_grid .description {
font-size: 20px;
font-weight: 300;
line-height: 140%
}


#pk_flex_content .flex_layout.hotels .content_container .block img:hover {
  filter: brightness(100%);
}

#pk_flex_content .flex_layout.hotels .content_container .block:hover .link {
font-weight: 800;
}

#pk_flex_content .flex_layout.hotels .content_container .block .link {
    z-index: 2;
display: block;
position: absolute;
bottom: 20px;
right: 20px;
color: white;
text-decoration: underline;
font-size: 20px;
font-weight: 600;
}

#pk_flex_content .flex_layout.hotels .content_container .block {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    /* width: 424px; */
}

  #pk_flex_content .flex_layout.hotels .content_container .block .title {
    margin-bottom: 20px;
  }

#pk_flex_content .flex_layout.hotels .content_container .block#hotel-1{
    aspect-ratio: 424/376;
    grid-area: 2 / 1 / 3 / 2;
    margin-top: -80px;
}

#pk_flex_content .flex_layout.hotels .content_container .block#hotel-2,
#pk_flex_content .flex_layout.hotels .content_container .block#hotel-3 {
    aspect-ratio: 424/296; 
}

#pk_flex_content .flex_layout.hotels .content_container .block#hotel-2 {
  grid-area: 1 / 2 / 2 / 3;
}
#pk_flex_content .flex_layout.hotels .content_container .block#hotel-3 {
  grid-area: 2 / 2 / 3 / 3;
}

#pk_flex_content .flex_layout.hotels .content_container .block#hotel-4{
    aspect-ratio: 424/604;
    grid-area: 1 / 3 / 3 / 4; 
}


@media screen and (max-width: 1470px){
 #pk_flex_content .flex_layout.hotels .content_container .block_grid {
 /* grid-template-columns: repeat(3, 0fr); */
}
 
  #pk_flex_content .flex_layout.hotels .content_container .block {
      /* width: 324px; */
  }
  
  #pk_flex_content .flex_layout.hotels .content_container .block .title > div{
  font-size: 35px;
  }
  
  #pk_flex_content .flex_layout.hotels .content_container .block#hotel-1{
      margin-top: -77px;
  }
}


@media screen and (max-width: 1180px){
 #pk_flex_content .flex_layout.hotels{
 padding: 80px 20px;
 }
 
  #pk_flex_content .flex_layout.hotels .content_container .block_grid{
  grid-template-columns: repeat(2, 0fr);
  
}

#pk_flex_content .flex_layout.hotels .content_container .block {
    width: 424px;
}

#pk_flex_content .flex_layout.hotels .content_container .block:nth-of-type(1){
    grid-area: 1 / 1 / 2 / 2; 
    height: 200px;     
}


#pk_flex_content .flex_layout.hotels .content_container .block#hotel-1{
   grid-area: 2 / 1 / 3 / 2; 
    margin-top: -80px;
}


#pk_flex_content .flex_layout.hotels .content_container .block#hotel-2 {
  grid-area: 1 / 2 / 2 / 3;
}
#pk_flex_content .flex_layout.hotels .content_container .block#hotel-3 {
  grid-area: 2 / 2 / 3 / 3;
}

#pk_flex_content .flex_layout.hotels .content_container .block#hotel-4{
    grid-area: 3 / 1 / 4 / 3; 
    /* aspect-ratio: 424/604; */
    aspect-ratio: 868 /296;
    width: 868px;
}



}

@media screen and (max-width: 900px){

 #pk_flex_content .flex_layout.hotels{
 padding: 0px 20px;
 margin-block: 40px !important;
 }

 #pk_flex_content .flex_layout.hotels .content_container .block_grid {
 display: flex;
 flex-direction: column;
}

  #pk_flex_content .flex_layout.hotels .content_container .block .title > div{
font-size: auto;
}

#pk_flex_content .flex_layout.hotels .content_container .block:nth-of-type(1){
    height: unset;
    margin-bottom: 20px;     
}

    #pk_flex_content .flex_layout.hotels .content_container .block:first-of-type {
width: 100%;
}
 
 #pk_flex_content .flex_layout.hotels .content_container .block#hotel-1,
 #pk_flex_content .flex_layout.hotels .content_container .block#hotel-2,
 #pk_flex_content .flex_layout.hotels .content_container .block#hotel-3,
 #pk_flex_content .flex_layout.hotels .content_container .block#hotel-4 {
 width: 100%;
 max-height: 400px;
 aspect-ratio: unset;
 margin: 0;
}

}

@media screen and (max-width: 767px){
#pk_flex_content .flex_layout.hotels .flex_hero_inner{
    padding: 40px 20px 40px 20px;
}

#pk_flex_content .flex_content .flex_layout.hotels,
#pk_flex_content .flex_content:has(.flex_layout.hotels){
  margin-inline: 0px;

}