.main{
   display: flex;
}
.img-cover{
   height: 360px;
   overflow: hidden;
   margin-top: -20px;
   margin-bottom: 16px;
}
.img-cover>img{
   width: 100%;
   height: 380px;
}
.resort-pic-container{
   max-width: 1120px; 
   width: 100%;
   margin: auto;
   display: grid;
   grid-template-columns: repeat(3,1fr);
   row-gap: 24px;
   column-gap: 24px;
}
.resort{
   border-radius: 10px;
   border: 1px solid #ccc;
   box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
   overflow: hidden;
   font-family: Poppins, sans-serif;
   background-color: white;
}
.resort:hover{
   transform: scale(1.065);
   transition: 0.3s ease-in-out;
}
.resort>img{
   width: 100%;
   height: 192px;
}
.foot-resort-infor{
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px;
}
.foot-resort-infor>h4{
   font-size: 16px;
   color: rgb(12, 47, 84);
}
.foot-resort-infor>.detail-infor{
   width: 62px;
   height: 29px;
   padding: 4px 12px;
   border-radius: 6px;
   background-color:  #F3F4F6;
   font-weight: 600;

   color: rgb(51, 51, 51);
}
.detail-infor:hover{
   background-color: #DE5D0A;
   color: white;
   font-weight: 600;
}