.hoiet_hotel {
  /* padding: 90px 0; */
}
.su-matpic{
        width: 41.4%;
        border-radius: 6px;
        position: relative;
        overflow: hidden;
}
.su-matpic img{
width: 100%;	
height: 100%;
object-fit: cover;
        -webkit-transition: .3s all; 
        -moz-transition: .3s all; 
        -ms-transition: .3s all; 
        transition: .3s all;
}
.pic:hover img,.su-matpic:hover img{
-webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
}
 .su-mattxt{
        width: 50.6%;
}
.hoiet_hotel_inner .container {
  /*padding-bottom: 100px;*/
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between !important;
  
}
.hoiet_hotel_inner {
  padding: clamp(30px, 4.166667vw, 80px) 0;
  background: #f8f8f8;
}
.hoiet_hotel_inner.flex-row-reverse{
  background: #fff;
}
.hoiet_hotel_left{
  border-radius: 6px;
}
.hoiet_hotel_left img {
  width: 100%;
}

.hoiet_hotel_right .hoiet_hotel_title {
  margin-bottom: 20px;
}
.hoiet_hotel_right .hoiet_hotel_title p{
  color: #666;
  line-height: 1.8;
  font-size:clamp(14px, 0.89vw, 17px);
  margin-top: 15px;
}
.hoiet_hotel_title h2 {
  font-size: 16px;
  display: inline-block;
  margin: auto;
  font-weight: 400;
  padding: 0px 0px 10px 0px;
  color: var(--color-primary);
}

.hoiet_hotel_title h3 {
  font-size: clamp(24px, 2.04vw, 39px);
  line-height: 52px;
  color: #212121;
}

.hoiet_hotel_desc strong {
  display: block;
  font-size: 46px;
  color: var(--color-primary);
  padding: 5px 0px 0px 0px;
  margin-top: 20px;
}
.hoiet_hotel_btns .btn {font-size:clamp(14px, 0.94vw, 18px);color:#006432;border-bottom:1px solid #006432;border-radius: 0px;font-family: var(--title-font-family);}
.hoiet_hotel_btns .btn :hover{color:#408b65;border-bottom:1px solid #9fc5b2}
 

@media (min-width: 992px) and (max-width: 1199px) {

  .hoiet_hotel_desc strong {
    font-size: 38px;
  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .hoiet_hotel_title.text-left p {
    margin: 0;
  }
  .hoiet_hotel_desc strong {
    font-size: 30px;
  }
 

}

@media(max-width:991px){
  .hoiet_hotel_title h3{line-height: 40px;}
  .hoiet_hotel_right .hoiet_hotel_title p{line-height: 26px;}
  .hoiet_hotel_inner .container {flex-direction: column !important;}
  .su-matpic{width: 100%;}
  .su-mattxt{ width: 100%;}
}


@media (max-width: 767px) {
  .hoiet_hotel_title h2 {
    font-size: 15px;
  }
 

  .hoiet_hotel p {
    font-size: 14px;
  }

  .hoiet_hotel_desc strong {
    font-size: 23px;
  }

  .hoiet_hotel_btns .btn {
    margin-top: 20px;
  }


}

@media only screen and (min-width: 480px) and (max-width: 767px) {

  .hoiet_hotel_desc strong {
    font-size: 25px;
  }
}