/* CSS mặc định của bạn */
@font-face {
    font-family: 'BTSuaveBold';
    src: url('../fonts/BTSuave-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Định nghĩa class để áp dụng font */
.font-heading {
    font-family: 'BTSuaveBold', sans-serif;
    font-weight: bold;
}


.popup__footer{
  display: none !important;
}
.lx-slider-wrapper .gallery-item-sg img {
  border-radius: 8px;
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.header__fragment, .footer__title{
	color: #fff;
    text-align: center;
}
.lx-slider-wrapper .swiper {
  height: calc(100vh - 120px);
}
.lx-slider-wrapper .image-gallery {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.lx-slider-wrapper .image-gallery img {
  border-radius: 8px;
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.lx-slider-wrapper .gallery-opacity {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease-in-out;
}
.lx-slider-wrapper .gallery-item-sg {
  position: relative;
  cursor: pointer;
  overflow: hidden; /* Ensures images don’t overflow their container */
}
@media (min-width: 991.9px) {
  .lx-slider-wrapper .gallery-item-sg:hover .gallery-opacity {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.lx-slider-wrapper .gallery-item-sg:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
  aspect-ratio: 4 / 3; 
}
.lx-slider-wrapper .gallery-item-sg:nth-child(1).square {
  aspect-ratio: 1 / 1; /* 1:1 aspect ratio */
}

/* Tỷ lệ ảnh cho các ảnh thứ 2 đến thứ 5 */
.lx-slider-wrapper .gallery-item-sg:nth-child(n+2):nth-child(-n+5) {
  aspect-ratio: 4 / 3; /* Tỷ lệ 4:3 */
}


.lx-slider-wrapper .swiper-wrapper {
  text-align: center;
}
.lx-slider-wrapper .popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.lx-slider-wrapper .swiper-button-next::after,
.lx-slider-wrapper .swiper-button-prev::after {
  content: "";
}
.lx-slider-wrapper .popup__header,
.lx-slider-wrapper .popup__footer {
  position: relative;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  color: #fff;
}
.lx-slider-wrapper .swiper-slide img {
  width: auto;
  height: 100% !important;
	margin: 0 auto;
 
}
.lx-slider-wrapper .popup .swiper-container {
  width: 80%;
  height: 80%;
}
.lx-slider-wrapper .close-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  color: white;
  font-size: 24px;
  cursor: pointer;
  z-index: 12;
}
@media (max-width: 767.9px) {
  .lx-slider-wrapper .popup__header{
    top:20% !important;
  }
  .lx-slider-wrapper .mySwiper {
    top:30% !important;
  }
  .lx-slider-wrapper .image-gallery {
    display: initial;
    grid-template-columns: repeat(1, 1fr);
  }
  .lx-slider-wrapper .gallery-item-sg:nth-child(1) {
    grid-column: initial;
    grid-row: initial;
  }
  .lx-slider-wrapper .swiper {
    height: initial;
  }
  .lx-slider-wrapper .gallery-item-sg {
    display: none;
  }
  .lx-slider-wrapper .swiper-wrapper {
    align-items: center;
  }
  .lx-slider-wrapper .gallery-item-sg.mobile {
    display: block;
  }
}/*# sourceMappingURL=style.css.map */


/**/
.sago-project-page .columns{
	padding:0px;
}
.content-detail {
    padding: 8px;
    background: #ededed;
    font-size: 98%;
}
.sago-date {
    font-size: 95%;
    margin-bottom: 10px;
}


.font-1{
font-family:SF-Pro-Light !important;
}
.font-2{
font-family:SF-Pro-Heavy !important;
}
.font-3{
	font-family:SF-Pro-Semibold !important;
}
.sago-no-padding-bottom{
	padding-bottom: 0px !important;
}
.sago-15-padding-bottom{
	padding-bottom: 15px !important;
}