.gioithieu-slider {
  position: relative;
  padding-top: 23px;
  padding-left: 25px;
}
.gioithieu-slider:after {
  content: "";
  background: #dac0a6;
  width: calc(100% - 46px);
  height: calc(100% - 46px);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
}
.gioithieu-slider .elementor-widget-wpsc_swiper_carousel {
  overflow: hidden;
  border-radius: 20px;
}
.gioithieu-slider .swiper-slide {
  height: 388px;
  overflow: hidden;
}
.gioithieu-slider .swiper-slide img,
.gioithieu-slider .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gioithieu-slider .wpsc-swiper-container {
  position: relative;
}

.gioithieu-slider .wpsc-swiper-pagination {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 10px;
  margin: 0;
}

.gioithieu-slider .swiper-pagination-bullet {
  background: #d9d9d9 !important;
  width: 20px;
  height: 4px;
  border-radius: 4px;
  opacity: 1;
}

.gioithieu-slider .wpsc-swiper-pagination .swiper-pagination-bullet-active {
  background: #848484 !important;
}

/* GIỚI THIỆU */
.button-style1 a {
  min-width: 162px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 300;
}

/* CONTACT */
.contact-btn a {
  width: 100%;
  padding: 18px 75px 18px 36px;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.contact-form {
  background: #e4d2bc;
  border-radius: 20px;
  padding: 33px 66px;
}
.contact-item--label {
  margin-bottom: 10px !important;
  font-family: 16px;
  text-transform: uppercase;
  color: #000;
}
.contact-item--input input {
  padding: 19px 16px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-height: 55px;
}
.contact-item--textarea textarea {
  padding: 19px 16px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  height: 144px;
}
.contact-submit p {
  margin: 0 !important;
}
.contact-submit input {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f5821f;
  border-radius: 0 !important;
  min-height: 55px;
}

.title-page {
  text-align: center;
  text-transform: uppercase;
  color: #f5821f;
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 40px;
}

/* NEWS PAGE */
.news-style-wrapper {
  max-width: 1240px;
  margin: 80px auto;
  width: 100%;
}
.title-page {
  text-align: center;
  text-transform: uppercase;
  color: #224c48;
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 40px;
}

.house-style-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}

.house-style-item {
  width: calc(100% / 3 - 14px);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.house-style-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  padding-top: 155%;
  background: #fafafa;
  display: block;
}
.house-style-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* NEWS */
.news-style-item {
  width: calc(100% / 3 - 14px);
}
.news-style-thumb {
  position: relative;
  overflow: hidden;
  padding-top: 65%;
  display: block;
}
.news-style-thumb img,
.news-style-thumb span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-style-thumb span {
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.news-style-date {
  margin: 12px 0;
  font-size: 14px;
}
.news-style-title {
  margin-bottom: 12px !important;
}
.news-style-title a {
  display: block;
  font-size: 16px;
  line-height: 140%;
  color: #333;
}
.news-style-excerpt {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.news-style-excerpt p:last-child {
  margin-bottom: 0;
}

/* PAGINATION */
.house-style-pagination {
  margin-top: 30px;
}
.house-style-pagination ul.page-numbers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  gap: 6px;
}

.house-style-pagination a.page-numbers,
.house-style-pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background: #fafafa;
  color: #666;
}

.house-style-pagination span.page-numbers.current {
  background: #224c48;
  color: #fff;
}
.single-page-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  font-size: 14px;
  margin-top: 4px;
}

@media screen and (max-width: 1366px) {
  .news-style-wrapper {
    padding: 0 5%;
    max-width: 100%;
  }
  .single-detail-page {
    padding: 60px 5%;
    max-width: 100%;
    margin: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .news-style-item {
    width: calc(100% / 2 - 10px);
  }
  .news-style-wrapper {
    margin: 60px 0;
  }
  .single-page-title {
    font-size: 22px;
  }
  .single-detail-page {
    margin: 0px auto;
  }
}

@media screen and (max-width: 767px) {
  .contact-form {
    border-radius: 14px;
    padding: 30px;
  }
}

@media screen and (max-width: 500px) {
  .news-style-item {
    width: 100%;
  }
  .news-style-wrapper {
    margin: 40px 0;
  }
  .single-detail-page {
    padding: 40px 5%;
  }
  .gioithieu-slider .swiper-slide {
    height: 250px;
  }
  .contact-item--input input {
    min-height: 45px;
  }
}