@charset "UTF-8";
:root {
  --white: #fff;
  --black: #000;
  --color1: #4d148e;
  --color2: #a1aab3;
  --color3: #5e6e7d;
  --color4: #f5f2f2;
  --color5: #f1f5f9;
  --color6: #e6e7e9;
  --color7: #ccc9d14f;
  --color8: #eeeeee;
  --color9: #d8d8d8;
  --color10: #e8e8e8;
}

.wrapImgResize {
  overflow: hidden;
  position: relative;
  display: block;
}
.wrapImgResize video,
.wrapImgResize iframe,
.wrapImgResize img {
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  width: 101%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  min-height: 101%;
  max-height: 101%;
}
.wrapImgResize.img16And9 {
  padding-top: 56.25%;
}
.wrapImgResize.imgSquare {
  padding-top: 100%;
}
.wrapImgResize.img9And16 {
  padding-top: 177%;
}
.wrapImgResize.img3And4 {
  padding-top: 133.33333333%;
}
.wrapImgResize.img3And2 {
  padding-top: 66.67%;
}
.wrapImgResize.imgSpecial1 {
  padding-top: 27.25%;
}
@media only screen and (max-width: 992px) {
  .wrapImgResize.imgSpecial1 {
    padding-top: 40%;
  }
}
@media only screen and (max-width: 576px) {
  .wrapImgResize.imgSpecial1 {
    padding-top: 65%;
  }
}
.wrapImgResize.imgSpecial2 {
  padding-top: 73%;
}
.wrapImgResize.imgSpecial3 {
  padding-top: 30.25%;
}
.wrapImgResize.imgSpecial4 {
  padding-top: 116.22%;
}
.wrapImgResize.imgSpecial5 {
  padding-top: 50%;
}
@media only screen and (max-width: 992px) {
  .wrapImgResize.imgSpecial5 {
    padding-top: 65%;
  }
}

header {
  position: fixed;
  z-index: 5;
  width: 100%;
  transition: all 0.5s;
}
header.scrolled {
  background-color: #ffffff;
  top: 0;
}
@media only screen and (min-width: 993px) {
  header.scrolled .logo {
    height: 80px !important;
  }
}
header.scrolled .navItem.homeLink {
  transform: translateY(-5px);
}
header.scrolled .navItem a {
  color: #182430 !important;
}
header.scrolled .languageWrap {
  border-color: #182430 !important;
  color: #182430 !important;
  transform: none !important;
  margin-top: 0 !important;
  align-self: center !important;
}
header.scrolled .languageWrap .icon {
  color: #182430 !important;
}
header.scrolled .mobileMenuWrap {
  margin-top: 0 !important;
  transform: translateY(0) !important;
}
header.scrolled .mobileMenuWrap svg {
  color: #182430 !important;
}
header.scrolled .wrapNavBox {
  align-items: center !important;
}
header .navBox .wrapNavBox {
  display: flex;
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 992px) {
  header .navBox .wrapNavBox {
    align-items: center !important;
  }
}
header .navBox .wrapNavBox .mobileMenuWrap {
  transition: all 0.5s;
  display: none;
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .mobileMenuWrap {
    height: 20px;
    width: 40px;
    display: flex;
    align-items: flex-start;
    margin-top: 24px;
  }
  header .navBox .wrapNavBox .mobileMenuWrap svg {
    color: #ffffff;
    height: 25px;
  }
}
@media only screen and (max-width: 992px) {
  header .navBox .wrapNavBox .mobileMenuWrap {
    transform: translateY(-20px);
  }
}
header .navBox .wrapNavBox .menuWrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .menuWrap {
    padding: 30px 30px 45px;
    overflow: auto;
    padding-top: 90px;
  }
  header .navBox .wrapNavBox .menuWrap .navLinksLeft,
  header .navBox .wrapNavBox .menuWrap .navLinksRight {
    gap: 0;
    margin: 0;
  }
  header .navBox .wrapNavBox .menuWrap .navLinksLeft .navItem,
  header .navBox .wrapNavBox .menuWrap .navLinksRight .navItem {
    width: 100%;
  }
  header .navBox .wrapNavBox .menuWrap .navLinksLeft .navItem .text,
  header .navBox .wrapNavBox .menuWrap .navLinksRight .navItem .text {
    color: #182430;
    font-size: 20px;
    line-height: 1.5;
    border-bottom: 1px solid #a7acb0;
    padding: 16px 0;
    width: 100%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .menuWrap .logo {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .menuWrap {
    flex-direction: column;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    justify-content: flex-start;
    background-color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: transform 0.7s ease, opacity 0.7s ease;
    pointer-events: none;
    z-index: -1;
  }
  header .navBox .wrapNavBox .menuWrap.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    z-index: 9999;
  }
  header .navBox .wrapNavBox .menuWrap .mobileMenuClose {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #182430;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .navBox .wrapNavBox .menuWrap .mobileMenuClose svg {
    height: 25px;
  }
}
@media only screen and (max-width: 1450px) {
  header .navBox .wrapNavBox {
    justify-content: center;
    gap: 16px;
  }
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox {
    gap: 0;
    justify-content: space-between;
  }
}
header .navBox .wrapNavBox .navLinksLeft,
header .navBox .wrapNavBox .navLinksRight {
  display: flex;
  gap: 40px;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  margin-top: 30px;
}
@media only screen and (max-width: 1450px) {
  header .navBox .wrapNavBox .navLinksLeft,
  header .navBox .wrapNavBox .navLinksRight {
    gap: 16px;
  }
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .navLinksLeft,
  header .navBox .wrapNavBox .navLinksRight {
    flex-direction: column;
    align-items: flex-start;
  }
}
header .navBox .wrapNavBox .navLinksLeft .navItem a,
header .navBox .wrapNavBox .navLinksRight .navItem a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: "HelveticaNeue", sans-serif;
  font-size: 16px;
  color: #ffffff;
  transition: all 0.5s;
}
header .navBox .wrapNavBox .navLinksLeft .navItem .icon svg,
header .navBox .wrapNavBox .navLinksRight .navItem .icon svg {
  height: 20px;
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .navLinksLeft .navItem .icon svg,
  header .navBox .wrapNavBox .navLinksRight .navItem .icon svg {
    color: #182430;
  }
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .navLinksRight {
    margin-top: 16px;
  }
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .navLinksLeft {
    margin-top: 0;
  }
}
header .navBox .wrapNavBox .navLinksLeft .homeLink .text {
  display: none;
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .navLinksLeft .homeLink .text {
    display: block;
  }
  header .navBox .wrapNavBox .navLinksLeft .homeLink .icon {
    display: none;
  }
}
header .navBox .wrapNavBox .mobileMenuClose {
  display: none;
}
header .navBox .wrapNavBox .languageWrap {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "HelveticaNeue", sans-serif;
  font-weight: 500;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
  color: #fff;
  align-self: center;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  header .navBox .wrapNavBox .languageWrap {
    transform: none;
    align-self: flex-start;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 992px) {
  header .navBox .wrapNavBox .languageWrap {
    margin-top: 15px;
  }
}
header .navBox .wrapNavBox .languageWrap .icon {
  position: absolute;
  left: 50%;
  top: calc(100% + 2px);
  font-size: 5px;
  color: #ffffff;
  transform: translateX(-50%);
  transition: all 0.5s;
}
header .navBox .wrapNavBox .languageWrap .icon svg {
  height: 15px;
}
header .navBox .wrapNavBox .languageWrap .languageListWrap {
  position: absolute;
  background-color: #ffffff;
  padding: 10px 5px;
  border-radius: 6px;
  top: calc(100% + 20px);
  display: none;
}
header .navBox .wrapNavBox .languageWrap .languageListWrap .languageWrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header .navBox .wrapNavBox .languageWrap .languageListWrap img {
  height: 20px;
}
header .logo {
  height: 120px;
  transition: all 0.5s;
}
@media screen and (max-width: 1300px) {
  header .logo {
    height: 80px;
  }
}
header .logo img {
  width: auto;
  height: 100%;
}
header .mobileLogo {
  display: none;
}
@media screen and (max-width: 1300px) {
  header .mobileLogo {
    display: block;
  }
}
header .mobileLogo .logo h1 {
  margin: 0px;
}

footer {
  position: relative;
  background-color: #f0edd3;
  overflow: hidden;
}
footer .wrapBgFixed {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100px;
  z-index: 0;
  opacity: 0.1;
  max-width: 500px;
  width: 100%;
}
footer .wrapBgFixed img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scaleX(-1);
}
footer .containerCustom2 {
  position: relative;
  z-index: 2;
}
footer .wrapBottom {
  margin-top: 15px;
}
footer .wrapBottom .title {
  font-size: 22px;
  font-weight: 400;
  max-width: 400px;
  margin-bottom: 15px;
}
footer .wrapBottom .btn-contact {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
footer .wrapListlink {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
footer .wrapListlink .link {
  font-size: 18px;
  color: #182430;
  transition: 0.4s;
}
footer .wrapListlink .link:hover {
  color: #dc3927;
}
footer .wrapContentLeft .wrapLogoContainer {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
footer .wrapContentLeft .wrapLogoContainer .wrapLogo {
  max-width: 80px;
}
footer .wrapContentLeft .wrapLogoContainer .wrapLogo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .wrapContentLeft .wrapLogoContainer .wrapTitle {
  font-size: 23px;
  font-weight: 400;
}
footer .wrapContentLeft .wrapContent .title {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
footer .wrapContentLeft .wrapContent .title.phone {
  display: flex;
  gap: 10px;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
footer .wrapContentLeft .wrapContent .title.phone .wrapText {
  margin-bottom: 0px;
}
footer .wrapContentLeft .wrapContent .title.phone .wrapText .icon {
  margin-top: 0px;
}
footer .wrapContentLeft .wrapContent .title.mail {
  display: flex;
  gap: 10px;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
footer .wrapContentLeft .wrapContent .title.mail .wrapText {
  margin-bottom: 0px;
}
footer .wrapContentLeft .wrapContent .title.mail .wrapText .icon {
  margin-top: 0px;
}
footer .wrapContentLeft .wrapContent .title.mail .wrapText .icon svg {
  width: 25px;
  height: 25px;
}
footer .wrapContentLeft .wrapContent .title .wrapText {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}
footer .wrapContentLeft .wrapContent .title .wrapText .text {
  font-size: 18px;
}
footer .wrapContentLeft .wrapContent .title .wrapText svg {
  margin-right: 10px;
}
footer .wrapContentLeft .wrapAwards {
  display: flex;
  align-items: center;
  gap: 15px;
}
footer .wrapContentLeft .wrapAwards .wrapAwardsItem {
  min-width: 80px;
}
@media only screen and (max-width: 576px) {
  footer .wrapContentLeft .wrapAwards .wrapAwardsItem {
    min-width: 50px;
  }
}
footer .wrapContentLeft .wrapAwards .wrapAwardsItem img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .backgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.8;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scaleX(-1);
}
footer .wrapBgColor {
  background-color: #004391;
  opacity: 0.7;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
footer .footerMenuWrap {
  padding: 60px 0;
}
@media only screen and (max-width: 992px) {
  footer .footerMenuWrap {
    padding: 30px 0;
    padding-bottom: 0;
  }
}
footer .footerMenuWrap .row {
  margin: 0 -8px;
}
@media only screen and (max-width: 992px) {
  footer .footerMenuWrap .row > div {
    padding: 0;
  }
}
footer .footerMenuWrap .footerMenuCol {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 10px;
  border-top: 1px solid #a7acb0;
  padding-top: 30px;
}
@media only screen and (max-width: 1300px) {
  footer .footerMenuWrap .footerMenuCol {
    padding-bottom: 30px;
    padding-top: 30px;
    gap: 8px;
  }
}
footer .footerMenuWrap .footerMenuCol .title {
  display: flex;
  justify-content: space-between;
}
footer .footerMenuWrap .footerMenuCol .title .icon {
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
}
footer .footerMenuWrap .footerMenuCol .title .icon svg {
  height: 20px;
}
footer .footerMenuWrap .footerMenuCol .title .text p {
  font-size: 22px;
}
footer .footerMenuWrap .footerMenuCol .content > * {
  color: #182430;
  font-size: 18px;
  line-height: 1.4;
  width: 100%;
  display: inline-block;
  transition: all 0.3s;
}
@media only screen and (max-width: 992px) {
  footer .footerMenuWrap .footerMenuCol .content > * {
    font-size: 16px;
  }
}
footer .footerMenuWrap .footerMenuCol .content > *:hover {
  color: #004391 !important;
}
footer .footerMenuWrap .footerMenuCol .content.socialWrap {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: start;
}
footer .footerMenuWrap .footerMenuCol .content.socialWrap .socialItem {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border: 2px solid #182430;
  border-radius: 50%;
}
footer .footerMenuWrap .footerMenuCol .content.socialWrap .socialItem:hover {
  background-color: #004391 !important;
  border-color: #004391 !important;
}
footer .footerMenuWrap .footerMenuCol .content.socialWrap .socialItem:hover .icon svg {
  color: #ffffff !important;
}
footer .footerMenuWrap .footerMenuCol .content.socialWrap .socialItem .icon {
  display: flex;
  align-items: center;
}
footer .footerMenuWrap .footerMenuCol .content.socialWrap .socialItem svg {
  height: 20px;
  width: auto;
  transition: all 0.3s;
}
footer .footerCopyRight {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  border-top: 1px solid #a7acb0;
}
@media only screen and (max-width: 992px) {
  footer .footerCopyRight {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 400;
  }
  footer .footerCopyRight p {
    text-align: center;
    font-size: 14px;
  }
}
footer .footerCopyRight a {
  color: #182430;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
}
html.loadingPage {
  overflow: hidden;
}

.containerCustom3,
.containerCustomRight,
.containerCustom1,
.containerCustom2,
.container-xxl {
  padding: 0 8px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.containerCustom1 {
  padding: 0 8px;
}

.containerCustom2 {
  padding: 0 8px;
  margin: 0;
}

.containerCustomRight {
  padding: 0;
}

@media only screen and (max-width: 992px) {
  .backgroundSplice {
    background-image: none;
  }
}

@media only screen and (min-width: 1220px) {
  .row-cols-lg-8 > * {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .container-xxl {
    padding: 0 60px;
  }
  .containerCustom1 {
    padding: 0 120px;
  }
  .containerCustom2 {
    padding: 0 60px;
  }
  .containerCustomRight {
    padding-right: 120px;
    padding-left: 0;
  }
  .containerCustom3 {
    padding: 0;
    max-width: 1024px;
  }
}
@media only screen and (min-width: 1800px) {
  .container-xxl {
    max-width: 1550px;
    padding: 0 15px;
  }
  .containerCustom1 {
    padding: 0 240px;
  }
  .containerCustom2 {
    padding: 0 120px;
  }
  .containerCustomRight {
    padding-right: 240px;
  }
  .containerCustom3 {
    max-width: 1440px;
  }
}
@media (min-width: 992px) {
  .col-45 {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .col-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col-45 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-25,
  .col-30 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .col-45,
  .col-25,
  .col-30 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body {
  margin: 0;
}

.flatpickr-day.selected {
  background-color: #004391;
  border-color: #004391;
}
.flatpickr-day.selected:hover {
  background-color: #004391;
  border-color: #004391;
}

.contactFixedBtnList {
  position: fixed;
  right: 3%;
  bottom: 10%;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: all 0.3s;
}
.contactFixedBtnList .contactBtnItem {
  background-color: #dc3927;
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  right: 0;
}
.contactFixedBtnList .contactBtnItem.facebookBtn {
  background-color: #1877f2;
}
.contactFixedBtnList .contactBtnItem.instagramBtn {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.contactFixedBtnList .contactBtnItem.tripadvisorBtn {
  background-color: #00af87;
}
@media only screen and (max-width: 992px) {
  .contactFixedBtnList .contactBtnItem {
    width: 45px;
    height: 45px;
  }
}
.contactFixedBtnList .contactBtnItem.scrollTopBtn {
  animation: none;
  display: flex;
  opacity: 0;
}
.contactFixedBtnList .contactBtnItem.scrollTopBtn.show {
  opacity: 1;
}
.contactFixedBtnList .contactBtnItem::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  background-color: #dc3927;
}
.contactFixedBtnList .contactBtnItem svg {
  height: 24px;
  color: #ffffff;
  width: 24px;
}
@media only screen and (max-width: 992px) {
  .contactFixedBtnList .contactBtnItem svg {
    height: 20px;
  }
}
.contactFixedBtnList .contactBtnItem.noAnimation {
  animation: none;
}
.contactFixedBtnList .contactBtnItem.noAnimation::after {
  animation: none;
}
.contactFixedBtnList .contactBtnItem.plusminus {
  position: relative;
  cursor: pointer;
}
.contactFixedBtnList .contactBtnItem.plusminus.active:before {
  transform: translateY(-50%) translateX(-50%);
  opacity: 0;
}
.contactFixedBtnList .contactBtnItem.plusminus.active:after {
  transform: translateY(-50%) rotate(0) translateX(-50%);
}
.contactFixedBtnList .contactBtnItem.plusminus:before, .contactFixedBtnList .contactBtnItem.plusminus:after {
  content: "";
  display: block;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.35s;
  width: 50%;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 0;
}
.contactFixedBtnList .contactBtnItem.plusminus:before {
  transform: translateY(-50%) translateX(-50%);
}
.contactFixedBtnList .contactBtnItem.plusminus:after {
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  z-index: 1;
}
.contactFixedBtnList .contactBtnItem.hideAbleBtn {
  transition: all 0.5s;
}
.contactFixedBtnList .contactBtnItem.hide {
  right: -150px;
}
.contactFixedBtnList .contactBtnItem.scrollTopBtn {
  transition: all 0.3s;
}
.contactFixedBtnList .contactBtnItem.absolute-hidden {
  position: absolute !important;
  visibility: hidden;
}

.lineBottomLeft,
.lineTopRight {
  overflow: hidden;
  transition: max-width 3s ease-out;
}

.lineBottomLeft {
  position: absolute;
  top: 0;
  left: -100px;
  z-index: 0;
}

.lineTopRight {
  margin-left: auto;
  position: absolute;
  top: 2%;
  right: -15%;
}
.lineTopRight img {
  float: right;
}

body.loadingPage::before {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  top: 0;
  left: 0;
  content: "";
  display: block;
}

.st-cmp-settings {
  display: none !important;
}

.st-cmp-app.st-cmp-undefined {
  display: none !important;
}

#st-2 {
  z-index: 1 !important;
}

.st-close span {
  display: none;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  25% {
    transform: scale(1.3);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ripple2 {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  25% {
    transform: scale(1.5);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.7);
    opacity: 0.3;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes iconShake {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes glowTranslate {
  0%, 42.85% {
    left: -100%;
  }
  57.14% {
    left: 100%;
  }
  71.42% {
    left: 100%;
  }
  71.43%, 100% {
    left: -100%;
  }
}
.wrapBreadcrumb .contentMain {
  position: relative;
}
.wrapBreadcrumb .wrapTitle {
  margin-bottom: 5px;
}
.wrapBreadcrumb .titleMain {
  font-weight: 700;
  font-size: 40px;
  color: white;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 1800px) {
  .wrapBreadcrumb .titleMain {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1300px) {
  .wrapBreadcrumb .titleMain {
    font-size: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .wrapBreadcrumb .titleMain {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .wrapBreadcrumb .titleMain {
    font-size: 20px;
  }
}
.wrapBreadcrumb .wrapImgItem {
  position: relative;
}
.wrapBreadcrumb .wrapImgItem .breadCrumbOverLay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.wrapBreadcrumb .wrapImgItem .wrapImgResize {
  height: 750px;
}
.wrapBreadcrumb .contentText {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.wrapBreadcrumb .wrapMenu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  gap: 10px;
  justify-content: center;
}
.wrapBreadcrumb .wrapMenu .linkItem {
  display: inline;
  font-size: 16px;
  color: white;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  font-weight: 350;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.wrapBreadcrumb .wrapMenu .linkItem .wrapDot {
  width: 6px;
  height: 6px;
  background-color: white;
  border-radius: 50%;
}
.wrapBreadcrumb .wrapMenu .linkItem:last-child .wrapDot {
  display: none;
}
.wrapBreadcrumb .wrapMenu .linkItem:hover {
  color: #dc3927;
  text-decoration: none;
}
.wrapBreadcrumb .wrapMenu .linkItem svg {
  margin: 0 10px;
  height: 12px;
  width: auto;
  transform: translate(0, -1px);
  -webkit-transform: translate(0, -1px);
  -moz-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  -o-transform: translate(0, -1px);
  fill: currentColor;
}
.wrapBreadcrumb .wrapMenu .linkItem:last-child svg {
  display: none;
}
.wrapBreadcrumb.smallTitle .titleMain {
  font-size: 20px;
}

.autoHeightBreadcrumb .wrapBreadcrumb .wrapImgItem .wrapImgResize {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.autoHeightBreadcrumb .titleMain {
  font-size: 40px;
}
@media only screen and (max-width: 1800px) {
  .autoHeightBreadcrumb .titleMain {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .autoHeightBreadcrumb .titleMain {
    font-size: 20px;
  }
}
.autoHeightBreadcrumb .contentText {
  position: static;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  padding: 60px 0;
}
@media screen and (max-width: 1800px) {
  .autoHeightBreadcrumb .contentText {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1220px) {
  .autoHeightBreadcrumb .contentText {
    padding: 20px 0 15px 0;
  }
}

@media (max-width: 1799px) {
  .wrapBreadcrumb .wrapImgItem .wrapImgResize {
    height: 450px;
  }
  .wrapBreadcrumb .wrapMenu .linkItem {
    font-size: 12px;
  }
  .wrapBreadcrumb .wrapMenu .linkItem svg {
    margin: 0 5px;
    height: 10px;
  }
}
@media (max-width: 1220px) {
  .wrapBreadcrumb .wrapTitle {
    margin-bottom: 0;
  }
  .wrapBreadcrumb .wrapImgItem .wrapImgResize {
    height: 450px;
  }
  .wrapBreadcrumb.smallTitle .titleMain {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .wrapBreadcrumb .wrapImgItem .wrapImgResize {
    height: 350px;
  }
  .wrapBreadcrumb .wrapMenu .linkItem {
    font-size: 12px;
  }
  .wrapBreadcrumb .wrapMenu .linkItem svg {
    height: 10px;
  }
}
:root {
  --white: #fff;
  --black: #000;
  --color1: #4d148e;
  --color2: #a1aab3;
  --color3: #5e6e7d;
  --color4: #f5f2f2;
  --color5: #f1f5f9;
  --color6: #e6e7e9;
  --color7: #ccc9d14f;
  --color8: #eeeeee;
  --color9: #d8d8d8;
  --color10: #e8e8e8;
}

.showTextDetail > * {
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
}
@media only screen and (max-width: 992px) {
  .showTextDetail > * {
    font-size: 16px;
  }
}

.showTextDetail.text-center > * {
  text-align: center !important;
  margin-bottom: 5px;
}

.showTextDetail h1,
.showTextDetail h2,
.showTextDetail h3,
.showTextDetail h4,
.showTextDetail h5,
.showTextDetail h6 {
  font-size: 24px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .showTextDetail h1,
  .showTextDetail h2,
  .showTextDetail h3,
  .showTextDetail h4,
  .showTextDetail h5,
  .showTextDetail h6 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .showTextDetail h1,
  .showTextDetail h2,
  .showTextDetail h3,
  .showTextDetail h4,
  .showTextDetail h5,
  .showTextDetail h6 {
    font-size: 16px;
  }
}

.showTextDetail table {
  width: 100%;
  border-collapse: collapse;
}

.showTextDetail table td {
  padding: 10px 15px;
  border: 1px solid #eeeeee;
}

.showTextDetail > * {
  margin: 0 0 15px 0;
}

.showTextDetail img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}

.showTextDetail a {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  word-break: break-all;
}

.showTextDetail a:hover {
  color: black;
}

.showTextDetail > *:last-child {
  margin-bottom: 0;
}

.showTextDetail > ul {
  all: revert;
  font-size: 18px;
  color: #182430;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 200;
}
@media only screen and (max-width: 992px) {
  .showTextDetail > ul {
    font-size: 16px;
  }
}
.showTextDetail > ul li {
  position: relative;
}

.wrapLayoutService {
  padding: 60px 0px;
  position: relative;
}
.wrapLayoutService .wrapHeading {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #dc3927;
}
.wrapLayoutService .wrapHeading .heading {
  font-weight: 400;
}
.wrapLayoutService .wrapHeading .wrapLine {
  background-color: #dc3927;
}
.wrapLayoutService .bgLeft {
  position: absolute;
  top: 30px;
  right: 0;
  opacity: 0.4;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .wrapLayoutService .bgLeft {
    opacity: 0.3;
  }
}
.wrapLayoutService .bgLeft img {
  max-width: 600px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1300px) {
  .wrapLayoutService {
    padding-bottom: 30px;
  }
}
.wrapLayoutService .wrapContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media only screen and (max-width: 1300px) {
  .wrapLayoutService .wrapContainer {
    display: flex;
    flex-direction: column-reverse;
  }
}
.wrapLayoutService .bannerServiceDetail {
  position: sticky;
  top: 150px;
  left: 0;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 1300px) {
  .wrapLayoutService .bannerServiceDetail {
    position: relative;
    top: 0;
    z-index: 1;
  }
}
.wrapLayoutService .listImageGalelryService {
  margin-top: 15px;
  margin-bottom: 15px;
}
.wrapLayoutService .listImageGalelryService .wrapperBtn .playBtn {
  width: 40px;
  height: 40px;
}
.wrapLayoutService .listImageGalelryService .wrapperBtn .playBtn svg {
  width: 10px;
  height: 10px;
}
.wrapLayoutService .wrapRight .wrapBtnShare {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.wrapLayoutService .wrapRight .wrapBtnShare .wrapText {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.wrapLayoutService .wrapRight .wrapBtnShare .wrapText .wrapLine {
  height: 20px;
  width: 2px;
  background-color: black;
}
.wrapLayoutService .wrapRight .wrapBtnShare .wrapText .text {
  writing-mode: vertical-lr;
  font-size: 18px;
}
.wrapLayoutService .wrapRight .wrapBtnShare .share-inline-share-buttons {
  display: flex !important;
  flex-direction: column;
  gap: 5px;
}
.wrapLayoutService .wrapRight .wrapBtnShare .share-inline-share-buttons .st-btn {
  width: -moz-fit-content;
  width: fit-content;
  display: block !important;
}
.wrapLayoutService .ContenServiceDetail .wrapHeading {
  margin-bottom: 15px;
}
.wrapLayoutService .ContenServiceDetail .title {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #182430 !important;
}
.wrapLayoutService .ContenServiceDetail .subTitle {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  color: #ffffff;
  background: linear-gradient(135deg, #ff6b6b, #e2380e);
  padding: 8px 20px;
  border-radius: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
  animation: bounce 2s ease-in-out infinite;
}

.wrapCardEvent {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 30px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 992px) {
  .wrapCardEvent {
    flex-direction: column;
  }
}
.wrapCardEvent:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 992px) {
  .wrapCardEvent:nth-child(even) {
    flex-direction: column;
  }
}
.wrapCardEvent .wrapImage {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .wrapCardEvent .wrapImage {
    width: 100%;
  }
}
.wrapCardEvent .wrapImage .wrapImgResize::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid white;
  width: 95%;
  height: 90%;
}
.wrapCardEvent .wrapInfo {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: start;
  gap: 15px;
  gap: 6px;
}
@media only screen and (max-width: 992px) {
  .wrapCardEvent .wrapInfo {
    width: 100%;
  }
}
.wrapCardEvent .wrapInfo .title {
  font-size: 32px;
  font-weight: 400;
}
@media only screen and (max-width: 1300px) {
  .wrapCardEvent .wrapInfo .title {
    font-size: 24px;
  }
}
.wrapCardEvent .wrapInfo .desc {
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  text-align: justify;
}
.wrapCardEvent .subTitle {
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  background: linear-gradient(135deg, #ff6b6b, #e2380e);
  padding: 8px 20px;
  border-radius: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
  animation: bounce 2s ease-in-out infinite;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .wrapCardEvent .subTitle {
    font-size: 8px;
  }
}
.wrapCardEvent .detailBtn {
  margin-top: 15px;
  padding: 0px;
}
.wrapCardEvent .detailBtn a {
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .wrapCardEvent .detailBtn a {
    font-size: 16px;
  }
}
.wrapCardEvent .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapCardEvent .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.wrapLayoutListEvent {
  margin-bottom: 40px;
  position: relative;
}
.wrapLayoutListEvent .bgLeft {
  position: absolute;
  top: 30px;
  left: 10%;
  opacity: 0.3;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .wrapLayoutListEvent .bgLeft {
    opacity: 0.2;
  }
}
.wrapLayoutListEvent .bgLeft img {
  max-width: 400px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.RelatedService {
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .RelatedService {
    margin-top: 0px;
  }
}
.RelatedService .slick-track {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .RelatedService .slick-track {
    gap: 0px;
  }
}
.RelatedService .wrapContentRelatedEvent {
  position: relative;
}
.RelatedService .wrapContentRelatedEvent .wrapHeading {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.RelatedService .wrapContentRelatedEvent .wrapHeading .heading {
  font-weight: 400;
}
.RelatedService .wrapContentRelatedEvent .wrapHeading .wrapLine {
  background-color: #dc3927;
}
.RelatedService .wrapContentRelatedEvent .wrapCardEvent {
  display: block;
}
.RelatedService .wrapContentRelatedEvent .wrapCardEvent .wrapInfo {
  margin-top: 15px;
  width: 100%;
}
.RelatedService .wrapContentRelatedEvent .wrapCardEvent .wrapInfo .title {
  font-size: 24px;
  color: #182430;
}
.RelatedService .wrapContentRelatedEvent .slideControl {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(24, 36, 48, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  position: absolute;
  background-color: #f7f7f7 !important;
}
@media only screen and (max-width: 768px) {
  .RelatedService .wrapContentRelatedEvent .slideControl {
    width: 30px;
    height: 30px;
  }
}
.RelatedService .wrapContentRelatedEvent .slideControl:hover {
  background-color: #004391 !important;
  color: white;
}
.RelatedService .wrapContentRelatedEvent .slideControl svg {
  height: 20px;
}
.RelatedService .wrapContentRelatedEvent .slideControl.slidePrev {
  top: 40%;
  transform: translateY(-50%);
  left: 0;
}
.RelatedService .wrapContentRelatedEvent .slideControl.slideNext {
  top: 40%;
  transform: translateY(-50%);
  right: 0;
}
.RelatedService .wrapContentRelatedEvent .wrapLine {
  width: 50px;
  height: 2px;
  background-color: black;
}
.RelatedService .wrapContentRelatedEvent .heading {
  font-size: 24px;
}

.RelatedServiceActivities {
  margin-top: 60px;
}

.relatedEvent {
  margin-top: 60px;
}
.relatedEvent .wrapCardEvent {
  margin-bottom: 0px;
}

.wrapShare {
  display: flex;
  align-items: center;
  z-index: 10;
}
.wrapShare .titleShare {
  margin-right: 15px;
  font-weight: 700;
  margin-bottom: 0;
  white-space: nowrap;
}
.wrapShare .st-btn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapShare .st-btn.copied {
  pointer-events: none;
  background-color: #16a34a !important;
}
.wrapShare .st-btn > svg {
  display: inline-block;
  color: white;
}
.wrapShare .st-btn[data-network=zalo] {
  padding: 0 3px !important;
  min-width: 36px;
}
.wrapShare .zalo-share-button {
  height: 100%;
  position: relative;
}
.wrapShare .zalo-share-button::before {
  animation: button-loading-spinner 1s linear infinite;
  border: 3px solid;
  border-color: #fff #fff transparent;
  border-radius: 50%;
  content: "";
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  background: none;
  pointer-events: none;
}
.wrapShare .share-inline-share-buttons {
  white-space: nowrap;
}
@media (max-width: 991px) {
  .wrapShare {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .wrapShare {
    margin-top: 20px;
  }
  .wrapShare .titleShare {
    font-size: 14px;
  }
}

@keyframes button-loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
.st-close span {
  display: none;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .st-close {
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px !important;
  }
  .st-close span {
    display: block;
  }
  .st-close svg {
    display: none;
  }
}

.wrapPaggingList {
  margin: auto;
  text-align: center;
  display: table;
  margin-top: 30px;
}

.linkPagging {
  font-size: 16px;
  color: white;
  display: flex;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  float: left;
  margin: 0 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #dc3927;
  box-shadow: #dc3927;
  -webkit-box-shadow: #dc3927;
  -moz-box-shadow: #dc3927;
  -ms-box-shadow: #dc3927;
  -o-box-shadow: #dc3927;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #dc3927;
  font-weight: 700;
  text-decoration: none;
}
.linkPagging svg {
  width: auto;
  height: 17px;
  fill: currentColor;
  display: block;
}
.linkPagging:first-child {
  margin-left: 0;
}
.linkPagging:last-child {
  margin-right: 0;
}
.linkPagging.active, .linkPagging:hover {
  color: #dc3927;
  background-color: white;
  text-decoration: none;
}

@media only screen and (max-width: 1199px) {
  .wrapPaggingList {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .linkPagging {
    font-size: 14px;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .linkPagging svg {
    width: 9px;
    height: 38px;
  }
}
@media (max-width: 359px) {
  .linkPagging {
    width: 30px;
    height: 30px;
    line-height: 28px;
  }
  .linkPagging svg {
    width: 7px;
    height: 28px;
  }
}
.wrapHeadingTitle {
  padding: 80px 0px;
  max-width: 1000px;
  width: 100%;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 1300px) {
  .wrapHeadingTitle {
    padding: 60px 0px;
  }
}
@media only screen and (max-width: 576px) {
  .wrapHeadingTitle {
    padding: 40px 0px;
  }
}
.wrapHeadingTitle .wrapHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.wrapHeadingTitle .wrapHeading .wrapIcon {
  width: 80px;
  height: auto;
}
.wrapHeadingTitle .wrapHeading .wrapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapHeadingTitle .wrapHeading .title {
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #182430;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  .wrapHeadingTitle .wrapHeading .title {
    font-size: 24px;
  }
}
.wrapHeadingTitle .wrapHeading .desc {
  font-size: 18px;
  line-height: 1.7;
}

.form-container {
  width: 100%;
  margin-top: 30px;
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}
.form-container .wrapBgFixed {
  position: absolute;
  z-index: 0;
  top: 10px;
  left: 50px;
  opacity: 0.1;
}
.form-container .wrapBgFixed img {
  max-width: 150px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%, -50%);
}

.form-content {
  position: relative;
  z-index: 1;
}

.form-container h2 {
  font-size: 28px;
  margin-bottom: 24px;
  color: #182430;
  text-align: center;
  font-weight: 400;
  position: relative;
  z-index: 1;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  font-weight: 400;
  margin-bottom: 6px;
  color: #444;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  background-color: #fdfdfd;
  transition: border 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #dc3927;
  box-shadow: 0 0 0 2px rgba(191, 161, 107, 0.2);
}

.form-group textarea {
  min-height: 100px;
  resize: vertical;
}

.submit-btn {
  background-color: #dc3927;
  color: #fff;
  border: none;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  transition: background 0.3s ease;
}

.submit-btn:hover {
  background-color: #b91c1c;
}

@media (max-width: 480px) {
  .form-container {
    padding: 24px;
  }
  .form-container h2 {
    font-size: 22px;
  }
}
.promoModal .modal-content {
  border-radius: 5px;
  overflow: hidden;
  border: none;
  color: #182430;
}
.promoModal .modal-content .btn-1 {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
  margin-top: 15px;
}
.promoModal .modal-header {
  border-bottom: none;
}
.promoModal .promo-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promoModal .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  background: red;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  z-index: 10;
}
.promoModal .btn-close svg {
  fill: white;
  color: white;
}

.wrapNoPageHome .mobileReservationWrap {
  display: none;
  position: fixed;
  bottom: 0;
  background-color: rgba(24, 36, 48, 0.7);
  width: 100%;
  left: 0;
  z-index: 4;
}
.wrapNoPageHome .mobileReservationWrap.backward {
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .wrapNoPageHome .mobileReservationWrap {
    display: flex;
    justify-content: center;
  }
  .wrapNoPageHome .mobileReservationWrap a {
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #dc3927;
    padding: 16px 24px;
    text-align: center;
    font-weight: 700;
  }
}
.wrapNoPageHome .guestQuantityWrap {
  position: relative;
  cursor: pointer;
}
.wrapNoPageHome .guestQuantityWrap .editBox {
  position: absolute;
  bottom: 150%;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding: 20px;
}
@media only screen and (max-width: 992px) {
  .wrapNoPageHome .guestQuantityWrap .editBox {
    bottom: unset;
    top: 110%;
    z-index: 1;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
  }
}
.wrapNoPageHome .guestQuantityWrap .editBox .editboxWrap .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapNoPageHome .guestQuantityWrap .editBox {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  min-width: 300px;
  max-width: 330px;
  padding: 20px;
  left: 0;
  display: none;
  border-radius: 6px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.49);
  cursor: default;
}
.wrapNoPageHome .guestQuantityWrap .editBox .title {
  margin-bottom: 20px;
}
.wrapNoPageHome .guestQuantityWrap .editBox .title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .label {
  white-space: nowrap;
  text-transform: none;
  font-weight: 400;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput {
  display: flex;
  align-items: stretch;
  width: 120px;
  border-radius: 6px;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput input {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  border-top: 1px solid #dc3927;
  border-bottom: 1px solid #dc3927;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-outer-spin-button, .wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput button {
  background-color: #dc3927;
  border: none;
  min-height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 35px;
  justify-content: center;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput button svg {
  height: 20px;
  color: #ffffff;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .editRow .editInput button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editWrap .close {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editboxWrap {
  position: relative;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editboxWrap .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.wrapNoPageHome .guestQuantityWrap .editBox .editboxWrap .close svg {
  color: #dc3927;
}
.wrapNoPageHome .guestQuantityWrap .quantityWrap .label {
  display: flex;
}
.wrapNoPageHome .reservationWrapper {
  position: absolute;
  top: calc(100vh - 540px);
  left: calc(50% - 480px);
  display: flex;
  width: 960px;
  z-index: 0;
  opacity: 0 !important;
}
@media only screen and (max-width: 1300px) {
  .wrapNoPageHome .reservationWrapper {
    top: calc(100vh - 140px);
  }
}
@media only screen and (min-width: 993px) {
  .wrapNoPageHome .reservationWrapper.fixed {
    position: fixed;
    top: 80px;
    background-color: rgba(232, 233, 234, 0.8);
    width: 100%;
    z-index: 3 !important;
    left: 0;
    justify-content: center;
    padding: 12px 0;
    opacity: 1 !important;
  }
  .wrapNoPageHome .reservationWrapper.fixed .reservationWrap {
    background-color: transparent;
  }
  .wrapNoPageHome .reservationWrapper.fixed .reservationWrap .reservationInputWrap {
    background-color: #fff;
  }
  .wrapNoPageHome .reservationWrapper.fixed .reservationWrap .reservationInputWrap .content p {
    margin-bottom: 0px;
  }
  .wrapNoPageHome .reservationWrapper.fixed .reservationButton {
    flex: none;
    margin: 10px 12px;
    margin-left: 0;
    width: 200px;
    font-size: 16px;
    border-radius: 6px;
  }
}
.wrapNoPageHome .reservationWrapper.fixed .hotlineBtn {
  display: flex;
  justify-content: center;
  position: static;
}
.wrapNoPageHome .reservationWrapper.fixed .editBox {
  top: 150%;
  bottom: unset;
}
@media only screen and (max-width: 992px) {
  .wrapNoPageHome .reservationWrapper.fixed .editBox {
    top: 130%;
  }
}
@media only screen and (max-width: 992px) {
  .wrapNoPageHome .reservationWrapper {
    position: fixed;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 10%;
    justify-content: center;
    opacity: 0;
    transform: translateY(50px);
    transition: transform 0.7s ease, opacity 0.7s ease;
    z-index: -1;
  }
  .wrapNoPageHome .reservationWrapper.open {
    opacity: 1 !important;
    transform: translateY(0);
    z-index: 9999;
  }
  .wrapNoPageHome .reservationWrapper .reservationWrap {
    flex-direction: column;
    padding: 0;
    margin-top: -30%;
  }
  .wrapNoPageHome .reservationWrapper .reservationButton {
    width: 100%;
    flex: none;
    border-radius: 6px;
    font-size: 16px;
    padding: 16px 24px;
    margin-top: 8px;
  }
}
.wrapNoPageHome .reservationWrapper .mobileReservationClose {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #182430;
  align-items: center;
  justify-content: center;
}
.wrapNoPageHome .reservationWrapper .mobileReservationClose svg {
  color: #182430;
  height: 25px;
}
@media only screen and (max-width: 992px) {
  .wrapNoPageHome .reservationWrapper .mobileReservationClose {
    display: flex;
  }
}
.wrapNoPageHome .reservationWrapper .hotlineBtn {
  display: none;
}
.wrapNoPageHome .reservationWrap {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  background-color: #fff;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wrapNoPageHome .reservationWrap .reservationInputWrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 15px;
  border: 1px solid #a7acb0;
  padding-right: 8px;
  position: relative;
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .content p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 992px) {
  .wrapNoPageHome .reservationWrap .reservationInputWrap {
    justify-content: space-between;
  }
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .textField {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1300px) {
  .wrapNoPageHome .reservationWrap .reservationInputWrap .textField {
    gap: 8px;
  }
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .textField .title {
  font-weight: 500;
  font-size: 16px;
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .textField .content {
  color: #838383;
  display: flex;
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .textField .content input {
  border: none;
  outline: none;
  width: 100%;
  max-width: 100px;
}
@media only screen and (max-width: 992px) {
  .wrapNoPageHome .reservationWrap .reservationInputWrap .textField .content input {
    max-width: unset;
  }
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .textField .content input::-webkit-outer-spin-button, .wrapNoPageHome .reservationWrap .reservationInputWrap .textField .content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .textField .content input[type=number] {
  -moz-appearance: textfield;
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .textField .content button {
  height: 100%;
}
.wrapNoPageHome .reservationWrap .reservationInputWrap .iconField svg {
  height: 18px;
}
.wrapNoPageHome .reservationButton {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #dc3927;
  width: calc(16.6666666667% + 48px);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 18px;
  position: relative;
}
.wrapNoPageHome .reservationButton:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapNoPageHome .reservationButton::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.sectionBanner {
  height: 100vh;
  position: relative;
}
.sectionBanner .bannerWrapper {
  position: relative;
  height: 100%;
}
.sectionBanner .bannerWrapper .bannerOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
.sectionBanner .bannerWrap {
  height: 100%;
}
.sectionBanner .bannerWrap .slick-list {
  height: 100%;
}
.sectionBanner .bannerWrap .slick-list .slick-track {
  height: 100%;
}
.sectionBanner .imgWrap {
  height: 100%;
}
.sectionBanner .imgWrap .wrapImgResize {
  height: 100%;
}
.sectionBanner .bannerText {
  position: absolute;
  text-align: center;
  padding: 0 25px;
  bottom: 155px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .bannerText {
    bottom: 120px;
  }
}
@media only screen and (max-width: 768px) {
  .sectionBanner .bannerText {
    bottom: 165px;
  }
}
@media only screen and (max-width: 768px) {
  .sectionBanner .bannerText.android {
    bottom: 120px;
  }
}
@media only screen and (max-width: 992px) {
  .sectionBanner .bannerText {
    width: 100%;
  }
}
.sectionBanner .bannerText h2 {
  letter-spacing: 0.01em;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(24, 36, 48, 0.3);
  font-size: 38px;
  font-weight: 500;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .bannerText h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .sectionBanner .bannerText h2 {
    font-size: 27px;
  }
}
.sectionBanner .reservationWrapper {
  position: absolute;
  top: calc(100vh - 140px);
  left: calc(50% - 480px);
  display: flex;
  width: 960px;
  z-index: 1;
}
@media only screen and (min-width: 993px) {
  .sectionBanner .reservationWrapper.fixed {
    position: fixed;
    top: 80px;
    background-color: rgba(232, 233, 234, 0.8);
    width: 100%;
    z-index: 3;
    left: 0;
    justify-content: center;
    padding: 12px 0;
  }
  .sectionBanner .reservationWrapper.fixed .reservationWrap {
    background-color: transparent;
  }
  .sectionBanner .reservationWrapper.fixed .reservationWrap .reservationInputWrap {
    background-color: #fff;
  }
  .sectionBanner .reservationWrapper.fixed .reservationWrap .reservationInputWrap .content p {
    margin-bottom: 0px;
  }
  .sectionBanner .reservationWrapper.fixed .reservationButton {
    flex: none;
    margin: 10px 12px;
    margin-left: 0;
    width: 200px;
    font-size: 16px;
    border-radius: 6px;
  }
}
.sectionBanner .reservationWrapper.fixed .hotlineBtn {
  display: flex;
  justify-content: center;
  position: static;
}
.sectionBanner .reservationWrapper.fixed .editBox {
  top: 150%;
  bottom: unset;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .reservationWrapper.fixed .editBox {
    top: 130%;
  }
}
@media only screen and (max-width: 992px) {
  .sectionBanner .reservationWrapper {
    position: fixed;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 10%;
    justify-content: center;
    opacity: 0;
    transform: translateY(50px);
    transition: transform 0.7s ease, opacity 0.7s ease;
    z-index: -1;
  }
  .sectionBanner .reservationWrapper.open {
    opacity: 1;
    transform: translateY(0);
    z-index: 9999;
  }
  .sectionBanner .reservationWrapper .reservationWrap {
    flex-direction: column;
    padding: 0;
    margin-top: -30%;
  }
  .sectionBanner .reservationWrapper .reservationButton {
    width: 100%;
    flex: none;
    border-radius: 6px;
    font-size: 16px;
    padding: 16px 24px;
    margin-top: 8px;
  }
}
.sectionBanner .reservationWrapper .mobileReservationClose {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #182430;
  align-items: center;
  justify-content: center;
}
.sectionBanner .reservationWrapper .mobileReservationClose svg {
  color: #182430;
  height: 25px;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .reservationWrapper .mobileReservationClose {
    display: flex;
  }
}
.sectionBanner .reservationWrapper .hotlineBtn {
  display: none;
}
.sectionBanner .reservationWrap {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  background-color: #fff;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sectionBanner .reservationWrap .reservationInputWrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 15px;
  border: 1px solid #a7acb0;
  padding-right: 8px;
  position: relative;
}
.sectionBanner .reservationWrap .reservationInputWrap .content p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .reservationWrap .reservationInputWrap {
    justify-content: space-between;
  }
}
.sectionBanner .reservationWrap .reservationInputWrap .textField {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1300px) {
  .sectionBanner .reservationWrap .reservationInputWrap .textField {
    gap: 8px;
  }
}
.sectionBanner .reservationWrap .reservationInputWrap .textField .title {
  font-weight: 500;
  font-size: 16px;
}
.sectionBanner .reservationWrap .reservationInputWrap .textField .content {
  color: #838383;
  display: flex;
}
.sectionBanner .reservationWrap .reservationInputWrap .textField .content input {
  border: none;
  outline: none;
  width: 100%;
  max-width: 100px;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .reservationWrap .reservationInputWrap .textField .content input {
    max-width: unset;
  }
}
.sectionBanner .reservationWrap .reservationInputWrap .textField .content input::-webkit-outer-spin-button, .sectionBanner .reservationWrap .reservationInputWrap .textField .content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sectionBanner .reservationWrap .reservationInputWrap .textField .content input[type=number] {
  -moz-appearance: textfield;
}
.sectionBanner .reservationWrap .reservationInputWrap .textField .content button {
  height: 100%;
}
.sectionBanner .reservationWrap .reservationInputWrap .iconField svg {
  height: 18px;
}
.sectionBanner .reservationButton {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #dc3927;
  width: calc(16.6666666667% + 48px);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 18px;
  position: relative;
}
.sectionBanner .reservationButton:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.sectionBanner .reservationButton::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.sectionBanner .hotlineBtn {
  position: absolute;
  top: 130px;
  right: 8%;
  background-color: #dc3927;
  box-shadow: 2px 2px 2px rgba(24, 36, 48, 0.3);
  width: 250px;
  padding: 9px 0;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
}
@media only screen and (min-width: 1301px) {
  .sectionBanner .hotlineBtn {
    z-index: 4;
    top: 150px;
  }
}
@media only screen and (max-width: 992px) {
  .sectionBanner .hotlineBtn {
    display: none;
  }
}
.sectionBanner .hotlineBtn a {
  color: #fff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}
.sectionBanner .hotlineBtn a .icon {
  display: flex;
  transform: scaleX(-1);
  animation: iconShakeRotate 1s infinite ease-in-out;
}
.sectionBanner .hotlineBtn a .icon svg {
  height: 15px;
  color: #fff;
}
.sectionBanner .hotlineBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.sectionBanner .hotlineBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.sectionBanner .hotlineBtn::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  z-index: -1;
  animation: rippleContact 1.5s infinite linear;
  background-color: #dc3927;
}
.sectionBanner .mobileReservationWrap {
  display: none;
  position: fixed;
  bottom: 0;
  background-color: rgba(24, 36, 48, 0.7);
  width: 100%;
  left: 0;
  z-index: 4;
}
.sectionBanner .mobileReservationWrap.backward {
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .mobileReservationWrap {
    display: flex;
    justify-content: center;
  }
  .sectionBanner .mobileReservationWrap a {
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #dc3927;
    padding: 16px 24px;
    text-align: center;
    font-weight: 700;
  }
}
.sectionBanner .guestQuantityWrap {
  position: relative;
  cursor: pointer;
}
.sectionBanner .guestQuantityWrap .editBox {
  position: absolute;
  bottom: 150%;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding: 20px;
}
@media only screen and (max-width: 992px) {
  .sectionBanner .guestQuantityWrap .editBox {
    bottom: unset;
    top: 110%;
    z-index: 1;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
  }
}
.sectionBanner .guestQuantityWrap .editBox .editboxWrap .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sectionBanner .guestQuantityWrap .editBox {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  min-width: 300px;
  max-width: 330px;
  padding: 20px;
  left: 0;
  display: none;
  border-radius: 6px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.49);
  cursor: default;
}
.sectionBanner .guestQuantityWrap .editBox .title {
  margin-bottom: 20px;
}
.sectionBanner .guestQuantityWrap .editBox .title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .label {
  white-space: nowrap;
  text-transform: none;
  font-weight: 400;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput {
  display: flex;
  align-items: stretch;
  width: 120px;
  border-radius: 6px;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput input {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  border-top: 1px solid #dc3927;
  border-bottom: 1px solid #dc3927;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-outer-spin-button, .sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput button {
  background-color: #dc3927;
  border: none;
  min-height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 35px;
  justify-content: center;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput button svg {
  height: 20px;
  color: #ffffff;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .editRow .editInput button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.sectionBanner .guestQuantityWrap .editBox .editWrap .close {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.sectionBanner .guestQuantityWrap .editBox .editboxWrap {
  position: relative;
}
.sectionBanner .guestQuantityWrap .editBox .editboxWrap .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.sectionBanner .guestQuantityWrap .editBox .editboxWrap .close svg {
  color: #dc3927;
}
.sectionBanner .guestQuantityWrap .quantityWrap .label {
  display: flex;
}

@keyframes rippleContact {
  0% {
    transform: scale(1, 1.2);
    opacity: 0.6;
  }
  25% {
    transform: scale(1.05, 1.5);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.1, 1.7);
    opacity: 0.3;
  }
  100% {
    transform: scale(1.2, 2.2);
    opacity: 0;
  }
}
@keyframes iconShakeRotate {
  0% {
    transform: rotate(0) scale(1) skew(1deg) scaleX(-1);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg) scaleX(-1);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg) scaleX(-1);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg) scaleX(-1);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg) scaleX(-1);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg) scaleX(-1);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg) scaleX(-1);
  }
}
.facilitiesSection {
  background-color: #f7f7f7;
  padding-top: 75px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 992px) {
  .facilitiesSection {
    padding-top: 45px;
    padding-bottom: 30px;
    background-color: #ffffff;
  }
}
.facilitiesSection .slideWrapper {
  position: relative;
}
.facilitiesSection .slideWrapper .facilitiesSlideWrap {
  padding: 50px 55px;
  position: relative;
  border: 1px solid #a7acb0;
  gap: 24px;
  background-color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .facilitiesSection .slideWrapper .facilitiesSlideWrap {
    padding: 20px;
  }
}
.facilitiesSection .slideWrapper .facilitiesSlideWrap .slick-track {
  display: flex;
}
.facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0 24px;
  border-right: 1px solid #a7acb0;
  height: auto;
  float: none;
}
@media only screen and (max-width: 992px) {
  .facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem {
    border: none;
  }
  .facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem.slick-current {
    border-right: 1px solid #a7acb0;
  }
}
@media only screen and (max-width: 768px) {
  .facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem {
    flex-direction: column-reverse;
    justify-content: center;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .infoWrap {
    text-align: center;
  }
}
.facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .infoWrap .title p {
  font-weight: 500;
  font-size: 22px;
  margin: 0;
}
@media only screen and (max-width: 992px) {
  .facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .infoWrap .title p {
    font-size: 20px;
  }
}
.facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .infoWrap .content {
  padding-top: 15px;
  color: #004391;
}
@media only screen and (max-width: 992px) {
  .facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .infoWrap .content {
    min-height: 36px;
  }
}
@media only screen and (max-width: 768px) {
  .facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .infoWrap .content {
    padding-top: 0;
    margin-top: 8px;
  }
}
.facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .icon {
  height: 40px;
}
.facilitiesSection .slideWrapper .facilitiesSlideWrap .slideItem .icon img {
  width: auto;
  height: 100%;
}
.facilitiesSection .slideWrapper .slideControl {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(24, 36, 48, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  position: absolute;
}
@media only screen and (max-width: 992px) {
  .facilitiesSection .slideWrapper .slideControl {
    display: none;
  }
}
.facilitiesSection .slideWrapper .slideControl.slidePrev {
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .facilitiesSection .slideWrapper .slideControl.slidePrev {
    left: unset;
    top: auto;
    transform: translateX(0);
    bottom: 15px;
    right: calc(50% + 10px);
  }
}
.facilitiesSection .slideWrapper .slideControl.slideNext {
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .facilitiesSection .slideWrapper .slideControl.slideNext {
    right: unset;
    top: auto;
    transform: translateX(0);
    bottom: 15px;
    left: calc(50% + 10px);
  }
}
.facilitiesSection .slideWrapper .slideControl:hover {
  background-color: #004391;
}
.facilitiesSection .slideWrapper .slideControl:hover svg {
  color: #ffffff;
}
.facilitiesSection .slideWrapper .slideControl svg {
  height: 20px;
}

.infoLayout {
  background-color: #f7f7f7;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
.infoLayout .bgLeft {
  position: absolute;
  bottom: 0px;
  left: 100px;
  opacity: 0.2;
  width: 300px;
}
@media only screen and (max-width: 1300px) {
  .infoLayout .bgLeft {
    width: 200px;
  }
}
.infoLayout .bgLeft img {
  width: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .infoLayout {
    padding: 30px 0;
    background-color: #fff;
  }
}
.infoLayout .infoLayoutWrap {
  position: relative;
  z-index: 1;
}
.infoLayout .infoLayoutWrap .row {
  row-gap: 15px;
  margin: 0;
}
.infoLayout .infoLayoutWrap .infoWrap {
  padding-right: 15px;
}
@media only screen and (max-width: 768px) {
  .infoLayout .infoLayoutWrap .infoWrap {
    padding-right: 0px;
  }
}
.infoLayout .infoLayoutWrap .infoWrap .title {
  margin-bottom: 30px;
}
.infoLayout .infoLayoutWrap .infoWrap .title .subTitle {
  color: #182430;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoWrap .title .subTitle {
    font-size: 18px;
  }
}
.infoLayout .infoLayoutWrap .infoWrap .title h2 {
  color: #182430;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.4;
}
@media only screen and (max-width: 1300px) {
  .infoLayout .infoLayoutWrap .infoWrap .title h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoWrap .title h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoWrap .title {
    margin-bottom: 15px;
  }
}
.infoLayout .infoLayoutWrap .infoWrap .desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: justify;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoWrap .desc {
    padding-left: 0;
  }
}
.infoLayout .infoLayoutWrap .infoWrap .desc p {
  position: relative;
  font-size: 18px;
  line-height: 170%;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoWrap .desc p {
    font-size: 16px;
  }
}
.infoLayout .infoLayoutWrap .infoWrap .detailBtn {
  margin-top: 30px;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoWrap .detailBtn {
    padding-left: 0;
    margin-top: 15px;
  }
}
.infoLayout .infoLayoutWrap .infoWrap .detailBtn a {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoWrap .detailBtn a {
    font-size: 16px;
  }
}
.infoLayout .infoLayoutWrap .infoWrap .detailBtn a .icon {
  display: flex;
  align-items: center;
}
.infoLayout .infoLayoutWrap .infoWrap .detailBtn a .icon svg {
  height: 20px;
}
.infoLayout .infoLayoutWrap .infoWrap .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.infoLayout .infoLayoutWrap .infoWrap .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.infoLayout .infoLayoutWrap .imageSlideWrap {
  height: 100%;
  min-height: 650px;
  position: relative;
}
.infoLayout .infoLayoutWrap .imageSlideWrap .slick-list {
  height: 100%;
}
.infoLayout .infoLayoutWrap .imageSlideWrap .slick-list .slick-track {
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .imageSlideWrap {
    min-height: 300px;
    order: 1;
  }
}
@media screen and (max-width: 991px) and (max-height: 500px) {
  .infoLayout .infoLayoutWrap .imageSlideWrap {
    min-height: 550px;
  }
}
.infoLayout .infoLayoutWrap .imageSlideWrap .imageSlide {
  height: 100%;
  position: relative;
}
.infoLayout .infoLayoutWrap .imageSlideWrap .imageSlide .imageItem {
  height: 100%;
}
.infoLayout .infoLayoutWrap .imageSlideWrap .imageSlide .imageItem .wrapImgResize {
  height: 100%;
}
.infoLayout .infoLayoutWrap .imageSlideWrap .slideDecoration {
  padding: 25px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .imageSlideWrap .slideDecoration {
    padding: 18px;
  }
}
.infoLayout .infoLayoutWrap .imageSlideWrap .slideDecoration svg {
  width: 100%;
  height: 100%;
}
.infoLayout .infoLayoutWrap .imageCol {
  padding: 0;
  order: 1;
  position: relative;
}
.infoLayout .infoLayoutWrap .imageCol .slideControl {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(24, 36, 48, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  position: absolute;
}
@media only screen and (max-width: 1450px) {
  .infoLayout .infoLayoutWrap .imageCol .slideControl {
    border-color: #ffffff;
    width: 35px;
    height: 35px;
  }
  .infoLayout .infoLayoutWrap .imageCol .slideControl svg {
    color: #ffffff;
  }
}
.infoLayout .infoLayoutWrap .imageCol .slideControl svg {
  height: 20px;
}
.infoLayout .infoLayoutWrap .imageCol .slideControl.slidePrev {
  bottom: calc(50% + 10px);
}
@media only screen and (max-width: 1450px) {
  .infoLayout .infoLayoutWrap .imageCol .slideControl.slidePrev {
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
  }
}
.infoLayout .infoLayoutWrap .imageCol .slideControl.slideNext {
  top: calc(50% + 10px);
}
@media only screen and (max-width: 1450px) {
  .infoLayout .infoLayoutWrap .imageCol .slideControl.slideNext {
    left: unset;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.infoLayout .infoLayoutWrap .imageCol .slideControl:hover {
  background-color: #004391;
}
.infoLayout .infoLayoutWrap .imageCol .slideControl:hover svg {
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .infoLayout .infoLayoutWrap .infoCol {
    padding-right: 0;
    padding-left: 0;
    order: 2;
  }
}
.infoLayout .leafDecoration {
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .infoLayout .leafDecoration {
    display: none;
  }
}
.infoLayout .leafDecoration.leaf1 {
  filter: grayscale(1);
  opacity: 0.2;
  transform: rotate(45deg);
  top: 0;
  left: -100px;
  width: 500px;
  height: 590px;
}
.infoLayout .leafDecoration.leaf1 img {
  width: 100%;
  height: 100%;
}
.infoLayout .leafDecoration.leaf2 {
  filter: grayscale(1);
  opacity: 0.2;
  right: 45%;
  width: 200px;
  transform: rotate(280deg);
  width: 200px;
  height: 235px;
  top: calc(50% - 117px);
}
.infoLayout .leafDecoration.leaf2 img {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .introduceSection .infoCol {
    order: 1 !important;
    padding-right: 28px !important;
  }
}
@media only screen and (max-width: 576px) {
  .introduceSection .infoCol {
    order: 2 !important;
    padding-right: 0 !important;
  }
}
.introduceSection .imageCol .slideControl {
  left: calc(100% + 10px);
}

.roomListSection {
  padding: 60px 0;
  background-color: #f0edd3;
  position: relative;
  overflow: hidden;
}
.roomListSection .bgLeft {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.3;
}
.roomListSection .bgLeft img {
  max-width: 800px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .roomListSection .bgLeft img {
    max-width: 200px;
  }
}
@media only screen and (max-width: 992px) {
  .roomListSection {
    padding: 30px 0;
    background-color: #f0edd3;
  }
}
.roomListSection .containerCustom2 .roundWrapper {
  overflow: hidden;
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  .roomListSection .containerCustom2 .roundWrapper {
    padding-top: 0;
  }
}
.roomListSection .roomListBoxWrap {
  position: relative;
  padding: 35px 40px;
  border: 1px solid #a7acb0;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap {
    padding: 35px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .roomListSection .roomListBoxWrap {
    padding: 0;
    border: none;
  }
}
@media only screen and (max-width: 768px) {
  .roomListSection .roomListBoxWrap .boxLineTop {
    display: none;
  }
}
.roomListSection .roomListBoxWrap .boxLineTop::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #a7acb0;
  background-color: #f0edd3;
  left: 0;
  top: 0;
  transform: translateY(-50%) translateX(-50%);
}
.roomListSection .roomListBoxWrap .boxLineTop::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #a7acb0;
  background-color: #f0edd3;
  right: 0;
  top: 0;
  transform: translateY(-50%) translateX(50%);
}
.roomListSection .roomListBoxWrap .boxLineBottom {
  position: absolute;
  z-index: 1;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}
@media only screen and (max-width: 768px) {
  .roomListSection .roomListBoxWrap .boxLineBottom {
    display: none;
  }
}
.roomListSection .roomListBoxWrap .boxLineBottom::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #a7acb0;
  background-color: #f0edd3;
  left: 0;
  bottom: 0;
  transform: translateY(50%) translateX(-50%);
}
.roomListSection .roomListBoxWrap .boxLineBottom::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #a7acb0;
  background-color: #f0edd3;
  right: 0;
  bottom: 0;
  transform: translateY(50%) translateX(50%);
}
.roomListSection .roomListBoxWrap .boxListHeader {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .roomListSection .roomListBoxWrap .boxListHeader {
    position: relative;
    top: unset;
    left: unset;
    z-index: 1;
  }
}
.roomListSection .roomListBoxWrap .boxListHeader::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 70px;
  height: 39px;
  background-color: #f0edd3;
}
@media only screen and (max-width: 768px) {
  .roomListSection .roomListBoxWrap .boxListHeader::before {
    display: none;
  }
}
.roomListSection .roomListBoxWrap .boxListHeader::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 70px;
  height: 39px;
  background-color: #f0edd3;
}
@media only screen and (max-width: 768px) {
  .roomListSection .roomListBoxWrap .boxListHeader::after {
    display: none;
  }
}
.roomListSection .roomListBoxWrap .boxListHeader .mainTitle {
  background-color: #f0edd3;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .roomListSection .roomListBoxWrap .boxListHeader .mainTitle {
    background-color: transparent;
  }
}
.roomListSection .roomListBoxWrap .boxListHeader .mainTitle h2 {
  color: #182430;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.4;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap .boxListHeader .mainTitle h2 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}
.roomListSection .roomListBoxWrap .boxListHeader .subTitle p {
  font-size: 18px;
  color: #182430;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap .boxListHeader .subTitle p {
    font-size: 16px;
  }
}
.roomListSection .roomListBoxWrap .boxListBody {
  padding-top: 45px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap .boxListBody {
    padding-top: 30px;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .row {
  row-gap: 20px;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem {
  display: flex;
  border: 1px solid #a7acb0;
  height: 100%;
  background-color: #f7f7f7;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomImage {
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .roomImage {
    width: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .roomImage:hover .detailOverlay {
    opacity: 1 !important;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem:hover .detailOverlay {
  opacity: 1;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .detailOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(220, 57, 39, 0.3);
  align-items: center;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.5s;
}
@media only screen and (max-width: 1650px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .detailOverlay {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
}
@media only screen and (max-width: 1300px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .detailOverlay {
    background: linear-gradient(to top, rgba(220, 57, 39, 0.4), rgba(0, 0, 0, 0));
    opacity: 1;
    height: 80%;
    bottom: 0;
    top: unset;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: absolute;
  z-index: 1;
  height: 100%;
  justify-content: flex-end;
  transition: transform 0.5s;
}
@media only screen and (max-width: 1300px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap {
    transform: none;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap .roomTopInfo .roomTitle a {
  font-size: 32px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap .roomTopInfo .roomTitle a {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 8px;
  margin: 8px 0;
  max-width: 500px;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList {
    display: none;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem {
  display: flex;
  gap: 4px;
  color: #ffffff;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem .icon svg {
  height: 16px;
  color: #ffffff;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem .text {
  font-size: 16px;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .roomCardDesc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin-bottom: 18px;
  font-size: 18px;
  color: #ffffff;
  flex-grow: 1;
  line-height: 1.6;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap .boxListBody .roomItem .roomCardDesc {
    font-size: 16px;
    line-height: 1.4;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .mobileActionBtnWrap {
  display: flex;
  width: 100%;
  gap: 12px;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .mobileActionBtnWrap .detailBtn,
.roomListSection .roomListBoxWrap .boxListBody .roomItem .mobileActionBtnWrap .bookBtn {
  width: 50%;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .mobileActionBtnWrap .detailBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.roomListSection .roomListBoxWrap .boxListBody .roomItem .mobileActionBtnWrap .bookBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.roomListSection .roomListBoxWrap .boxListBody .seeAllBtn {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.roomListSection .roomListBoxWrap .boxListBody .seeAllBtn a {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .roomListSection .roomListBoxWrap .boxListBody .seeAllBtn a {
    font-size: 16px;
  }
}
.roomListSection .roomListBoxWrap .boxListBody .seeAllBtn a .icon {
  display: flex;
  align-items: center;
}
.roomListSection .roomListBoxWrap .boxListBody .seeAllBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.roomListSection .roomListBoxWrap .boxListBody .seeAllBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.roomListSection .slick-slider {
  margin: 0;
  margin: 0 -10px;
}
.roomListSection .slick-slider .slick-track {
  display: flex;
}
.roomListSection .slick-slider .slick-slide {
  height: auto;
  float: none;
  padding: 0 10px;
}
.roomListSection .slideControl {
  position: absolute;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .roomListSection .slideControl {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40%;
    transform: translateY(-50%);
    transition: all 0.3s;
  }
}
.roomListSection .slideControl.slidePrev {
  left: 10px;
}
.roomListSection .slideControl.slideNext {
  right: 10px;
}
.roomListSection .slideControl svg {
  height: 20px;
  color: #ffffff;
}
.roomListSection .slideControl:hover {
  background-color: #004391;
  border: 1px solid #004391;
}
.roomListSection .bgImageLeft {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .roomListSection .bgImageLeft {
    left: 0;
  }
}
.roomListSection .bgImageLeft img {
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .roomListSection .bgImageLeft img {
    max-width: 100px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.roomListSection .bgImageRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .roomListSection .bgImageRight {
    right: 0;
  }
}
.roomListSection .bgImageRight img {
  opacity: 0.5;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .roomListSection .bgImageRight img {
    max-width: 100px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.offerSection {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f7f7f7;
  position: relative;
  overflow: hidden;
}
.offerSection .bgLeft {
  position: absolute;
  top: 40px;
  right: 0;
  opacity: 0.3;
}
.offerSection .bgLeft img {
  width: 300px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .offerSection .bgLeft img {
    width: 200px;
  }
}
.offerSection .containerCustom2 {
  position: relative;
  z-index: 2;
}
.offerSection .backgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  z-index: 1;
  background-position: center;
  background-attachment: fixed;
}
.offerSection .backgroundImage img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .offerSection {
    background-color: #fff;
  }
}
.offerSection .offerWrapper .sectionTitle {
  display: flex;
  align-items: flex-end;
}
.offerSection .offerWrapper .sectionTitle h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #182430;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionTitle h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
.offerSection .offerWrapper .sectionBody {
  margin: 0 -8px;
}
.offerSection .offerWrapper .sectionBody .slick-track {
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody .slick-track {
    gap: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody {
    margin: 0 -8px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem {
  background-color: white;
  border-radius: 10px;
  float: none;
  height: auto;
  scale: 0.9;
  transition: 0.4s;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody .offerItem {
    margin: 0px 15px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem.slick-center {
  scale: 1;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap {
  padding: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .offerSection .offerWrapper .sectionBody .offerItem .paddingWrap {
    padding: 8px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .imgWrap {
  overflow: hidden;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .imgWrap:hover .zoomImageWrap {
  transform: scale(1.1);
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .imgWrap .zoomImageWrap {
  transition: all 0.3s;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo {
  padding: 15px 0px;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo h3 a {
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: 500;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo h3 a {
    font-size: 20px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo p {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn {
  margin-top: auto;
  padding: 0px;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn a {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.offerSection .offerWrapper .offerPagination {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin-top: 60px;
  position: relative;
}
.offerSection .offerWrapper .offerPagination .offerPaginationActive {
  background-color: #004391;
  width: 20%;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.offerSection .seaShell {
  position: absolute;
  right: 10%;
  bottom: 20%;
  width: 200px;
  z-index: 0;
}
.offerSection .seaShell img {
  width: 100%;
  height: auto;
}
.offerSection .leafDecoration {
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .offerSection .leafDecoration {
    display: none;
  }
}
.offerSection .leafDecoration.leaf1 {
  filter: grayscale(1);
  opacity: 0.2;
  transform: rotate(45deg);
  top: 0;
  left: -100px;
  width: 500px;
  height: 590px;
}
.offerSection .leafDecoration.leaf1 img {
  width: 100%;
  height: 100%;
}
.offerSection .leafDecoration.leaf2 {
  filter: grayscale(1);
  opacity: 0.2;
  right: 45%;
  width: 200px;
  transform: rotate(280deg);
  width: 200px;
  height: 235px;
  top: calc(50% - 117px);
}
.offerSection .leafDecoration.leaf2 img {
  width: 100%;
  height: 100%;
}
.offerSection .leafDecoration.leaf3 {
  filter: grayscale(1);
  opacity: 0.2;
  right: -100px;
  bottom: 0;
  transform: scaleX(-1);
}

.infoLayout .containerCustom2 {
  max-width: 100% !important;
}

.meetingSection {
  background-color: #f0edd3;
  position: relative;
}
.meetingSection .bgRight {
  position: absolute;
  top: 30px;
  right: 0;
  opacity: 0.2;
}
.meetingSection .bgRight img {
  width: 250px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scaleX(-1);
}
.meetingSection .infoCol {
  display: flex;
  align-items: center;
}
.meetingSection .meetingWrap .row .infoCol {
  padding-left: 70px;
}
@media only screen and (min-width: 993px) {
  .meetingSection .meetingWrap .row .infoCol {
    order: 2;
  }
}
@media only screen and (max-width: 992px) {
  .meetingSection .meetingWrap .row .infoCol {
    padding-right: 0;
    padding-left: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .meetingSection .meetingWrap .row .infoCol {
    padding-left: 0;
  }
}
@media screen and (width: 768px) {
  .meetingSection .meetingWrap .row .infoCol {
    padding-left: 8px !important;
  }
}
@media only screen and (min-width: 993px) {
  .meetingSection .meetingWrap .row .imageCol {
    order: 1;
  }
}
@media only screen and (min-width: 1451px) {
  .meetingSection .meetingWrap .row .imageCol .slideControl {
    right: calc(100% + 10px);
  }
}
.meetingSection .leafDecoration.leaf1 {
  right: -100px;
  left: unset;
  transform: rotate(-45deg) scaleX(-1);
}
.meetingSection .leafDecoration.leaf2 {
  left: 45%;
  width: 200px;
  transform: rotate(0);
  width: 200px;
  height: 235px;
  top: calc(50% - 117px);
  right: unset;
}
.meetingSection .leafDecoration.leaf2 img {
  width: 100%;
  height: 100%;
}

.cuisineSection {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .cuisineSection {
    background-color: #fff;
  }
}
.cuisineSection .bgLeft {
  position: absolute;
  top: 50px;
  left: 20px;
  opacity: 0.3;
  height: -moz-fit-content;
  height: fit-content;
}
.cuisineSection .bgLeft img {
  max-width: 200px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.cuisineSection .cuisineWrap .row .infoCol {
  padding-right: 70px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .cuisineSection .cuisineWrap .row .infoCol {
    padding-right: 28px;
    padding-left: 0;
    order: 1;
  }
}
@media screen and (width: 768px) {
  .cuisineSection .cuisineWrap .row .infoCol {
    order: 1 !important;
  }
}
@media only screen and (max-width: 768px) {
  .cuisineSection .cuisineWrap .row .infoCol {
    order: 2;
    padding: 0;
  }
}
@media screen and (width: 768px) {
  .cuisineSection .cuisineWrap .row .infoCol {
    padding-right: 8px !important;
  }
}
@media only screen and (max-width: 992px) {
  .cuisineSection .cuisineWrap .row .imageCol {
    order: 2;
  }
}
@media screen and (width: 768px) {
  .cuisineSection .cuisineWrap .row .imageCol {
    order: 2 !important;
  }
}
@media only screen and (max-width: 768px) {
  .cuisineSection .cuisineWrap .row .imageCol {
    order: 1;
  }
}
@media only screen and (min-width: 1451px) {
  .cuisineSection .cuisineWrap .row .imageCol .slideControl {
    left: calc(100% + 10px);
  }
}

.subscribeSection {
  padding: 60px 0;
  background-color: #f7f7f7;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .subscribeSection {
    padding: 30px 0;
    background-color: #fff;
  }
}
.subscribeSection .containerCustom2 {
  position: relative;
  z-index: 2;
}
.subscribeSection .backgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  z-index: 1;
  background-position: center;
  background-attachment: fixed;
  box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.6);
}
.subscribeSection .backgroundImage img {
  width: 100%;
  height: 100%;
}
.subscribeSection .subscribeWrap .subscribeBox {
  overflow: hidden;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox {
  position: relative;
  padding: 10px;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer {
  font-size: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer {
    gap: 15px;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxInfo {
  display: inline-block;
  vertical-align: middle;
  width: calc(62% - 40px);
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxInfo {
    text-align: center;
    width: 100%;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxInfo .title p {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.4;
  color: #ffffff;
  position: relative;
  margin-bottom: 12px;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxInfo .title p {
    font-size: 28px;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxInfo .subTitle p {
  font-size: 18px;
  font-weight: 400;
  padding-top: 5px;
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxInfo .subTitle p {
    font-size: 16px;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm {
  display: flex;
  justify-content: center;
  width: 100%;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm {
  width: 60%;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm {
    width: 100%;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm {
  display: flex;
  gap: 16px;
  align-items: flex-end;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm {
    flex-direction: column;
    align-items: flex-start;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formInput {
  flex: 1;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formInput {
    width: 100%;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formInput .inputElement {
  width: 100%;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formInput .inputElement .wrapInputElement p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 8px;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formInput .inputElement input {
  width: 100%;
  outline: none;
  line-height: 45px;
  height: 45px;
  padding: 0 15px;
  font-size: 18px;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formInput:hover .wrapInputElement {
  border-color: #004391;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formInput:hover .wrapInputElement span {
  color: #004391;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 15px);
  font-size: 18px;
  font-weight: 400;
  color: #182430;
  letter-spacing: 0.04em;
  line-height: 166.6666666667%;
  padding-left: 8px;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText {
    font-size: 16px;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText a {
  position: relative;
  display: inline-block;
  color: #182430;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  font-size: 18px;
}
@media only screen and (max-width: 992px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText a {
    color: #004391;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText a::before {
  content: "";
  position: absolute;
  transform: translateY(4px);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #182430;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
}
@media only screen and (max-width: 768px) {
  .subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText a::before {
    display: none;
  }
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxText a:hover {
  color: #004391;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxIcon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  border: 2px solid #a7acb0;
  cursor: pointer;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxIcon::before {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0);
  opacity: 0;
  font-size: 6px;
  color: #004391;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxIcon.checked::before {
  transform: translateY(-50%) translateX(-50%) scale(1.9);
  opacity: 1;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm .formCheck .checkBox .checkboxInput {
  display: none;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm button {
  height: 45px;
  background-color: #dc3927;
  color: #ffffff;
  outline: none;
  padding: 8px 15px;
  border: none;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  text-transform: uppercase;
  position: relative;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm button:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.subscribeSection .subscribeWrap .subscribeBox .wrapSubscribeBox .wrapBoxContainer .boxForm .wrapBoxForm .subScribeForm button::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.testimonialSection {
  padding: 60px 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 992px) {
  .testimonialSection {
    padding: 30px 0;
    background-color: #fff;
  }
}
@media only screen and (min-width: 1801px) {
  .testimonialSection .testimonialWrap {
    padding: 0 100px;
  }
}
.testimonialSection .testimonialWrap .title h3 {
  color: #004391;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 38px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .testimonialSection .testimonialWrap .title h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1451px) {
  .testimonialSection .testimonialWrap .testimonialSlide {
    margin: 0 -45px;
  }
}
@media only screen and (max-width: 1450px) {
  .testimonialSection .testimonialWrap .testimonialSlide {
    margin: 0 -8px;
  }
}
@media only screen and (max-width: 768px) {
  .testimonialSection .testimonialWrap .testimonialSlide {
    margin: 0 -8px;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .paddingWrap {
  height: auto;
  float: none;
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem {
  overflow: hidden;
  height: 100%;
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .wrapTestimonial {
  position: relative;
  border: 1px solid #A7ACB0;
  background-color: #fff;
  padding: 10px;
  height: 100%;
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .wrapTestimonial .cornerTop {
  display: block;
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .wrapTestimonial .cornerTop::before {
  content: "";
  position: absolute;
  width: 65px;
  height: 65px;
  border: 1px solid #A7ACB0;
  border-radius: 50%;
  background-color: #F7F7F7;
  top: 0;
  left: 0;
  transform: translateY(-50%) translateX(-50%);
}
@media only screen and (max-width: 992px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .wrapTestimonial .cornerTop::before {
    background-color: #fff;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .wrapTestimonial .cornerTop::after {
  content: "";
  position: absolute;
  width: 65px;
  height: 65px;
  border: 1px solid #A7ACB0;
  border-radius: 50%;
  background-color: #F7F7F7;
  top: 0;
  right: 0;
  transform: translateY(-50%) translateX(50%);
}
@media only screen and (max-width: 992px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .wrapTestimonial .cornerTop::after {
    background-color: #fff;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .cornerBottom {
  display: block;
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .cornerBottom::before {
  content: "";
  position: absolute;
  width: 65px;
  height: 65px;
  border: 1px solid #A7ACB0;
  border-radius: 50%;
  background-color: #F7F7F7;
  bottom: 0;
  left: 0;
  transform: translateY(50%) translateX(-50%);
}
@media only screen and (max-width: 992px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .cornerBottom::before {
    background-color: #fff;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .cornerBottom::after {
  content: "";
  position: absolute;
  width: 65px;
  height: 65px;
  border: 1px solid #A7ACB0;
  border-radius: 50%;
  background-color: #F7F7F7;
  bottom: 0;
  right: 0;
  transform: translateY(50%) translateX(50%);
}
@media only screen and (max-width: 992px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .cornerBottom::after {
    background-color: #fff;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer {
  position: relative;
  border: 1px solid #A7ACB0;
  padding: 30px 60px;
  display: flex;
  gap: 35px;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 1450px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer {
    padding: 15px 30px;
    gap: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer {
    flex-direction: column;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestAvatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
@media only screen and (max-width: 992px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestAvatar {
    width: 70px;
    height: 70px;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestAvatar img {
  width: 100%;
  height: auto;
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestInfo {
  flex: 1;
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestInfo .name h4 {
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: 500;
  color: #004391;
}
@media only screen and (max-width: 1450px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestInfo .name h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestInfo .name h4 {
    text-align: center;
  }
}
.testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestInfo .comment p {
  line-height: 1.4;
  font-size: 18px;
}
@media only screen and (max-width: 1450px) {
  .testimonialSection .testimonialWrap .testimonialSlide .testimonialItem .testimonialContainer .guestInfo .comment p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1451px) {
  .testimonialSection .paddingWrap {
    padding: 0 45px;
  }
}
@media only screen and (max-width: 1450px) {
  .testimonialSection .paddingWrap {
    padding: 0 8px;
  }
}
.testimonialSection .content {
  position: relative;
}
.testimonialSection .content .slideControl {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(24, 36, 48, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  position: absolute;
  background-color: #f7f7f7 !important;
}
@media only screen and (max-width: 992px) {
  .testimonialSection .content .slideControl {
    border-color: rgba(24, 36, 48, 0.6);
    width: 35px;
    height: 35px;
  }
}
.testimonialSection .content .slideControl:hover {
  background-color: #004391 !important;
}
.testimonialSection .content .slideControl svg {
  height: 20px;
}
.testimonialSection .content .slideControl.slidePrev {
  top: calc(50% - 21px);
  transform: translateY(-50%);
  left: 0;
}
.testimonialSection .content .slideControl.slideNext {
  top: calc(50% - 21px);
  transform: translateY(-50%);
  right: 0;
}
.testimonialSection .content .slideControl:hover {
  background-color: #004391;
}
.testimonialSection .content .slideControl:hover svg {
  color: #ffffff;
}
.testimonialSection .slick-dots {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.testimonialSection .slick-dots button {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 0;
  cursor: pointer;
}
.testimonialSection .slick-dots li {
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
}
.testimonialSection .slick-dots li button {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(24, 36, 48, 0.6);
  border-radius: 50%;
  font-size: 0;
  margin: 0;
  padding: 0;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
}
.testimonialSection .slick-dots li.slick-active button {
  background-color: #004391;
  border-color: #004391;
}
.testimonialSection .slick-track {
  display: flex;
}

.wrapInstagramSection {
  padding: 80px 0px;
  position: relative;
  /* Responsive cho tablet */
  /* Responsive cho mobile */
}
.wrapInstagramSection .wrapBgRight {
  position: absolute;
  right: 10%;
  top: 10px;
  z-index: -1;
  opacity: 0.1;
}
.wrapInstagramSection .wrapBgRight img {
  width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .wrapInstagramSection .wrapBgRight img {
    max-width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .wrapInstagramSection {
    padding: 40px 0px;
  }
}
.wrapInstagramSection .wrapInstagramList {
  position: relative;
}
.wrapInstagramSection .wrapInstagramList .wrapHeading {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
  .wrapInstagramSection .wrapInstagramList .wrapHeading {
    flex-direction: column;
    text-align: center;
    padding: 0px 15px;
    gap: 10px;
  }
}
.wrapInstagramSection .wrapInstagramList .wrapHeading .wrapLetf {
  min-width: 60px;
}
@media only screen and (max-width: 576px) {
  .wrapInstagramSection .wrapInstagramList .wrapHeading .wrapLetf {
    min-width: unset;
    width: 45px;
  }
}
.wrapInstagramSection .wrapInstagramList .wrapHeading .wrapLetf img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapInstagramSection .wrapInstagramList .wrapHeading .wrapRight .heading {
  font-size: 30px;
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  .wrapInstagramSection .wrapInstagramList .wrapHeading .wrapRight .heading {
    font-size: 24px;
  }
}
.wrapInstagramSection .wrapInstagramList .wrapHeading .wrapRight .desc {
  font-size: 18px;
}
.wrapInstagramSection .gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 250px);
  gap: 20px;
  /* Overlay effect */
}
@media only screen and (max-width: 768px) {
  .wrapInstagramSection .gallery {
    gap: 10px;
  }
}
.wrapInstagramSection .gallery .gallery-item {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.wrapInstagramSection .gallery .gallery-item:hover {
  transform: translateY(-4px);
}
.wrapInstagramSection .gallery .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.wrapInstagramSection .gallery .gallery-item:hover img {
  transform: scale(1.05);
}
@media only screen and (min-width: 993px) {
  .wrapInstagramSection .gallery .gallery-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .wrapInstagramSection .gallery .gallery-item:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/3;
  }
  .wrapInstagramSection .gallery .gallery-item:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/4;
  }
  .wrapInstagramSection .gallery .gallery-item:nth-child(4) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .wrapInstagramSection .gallery .gallery-item:nth-child(5) {
    grid-column: 2/4;
    grid-row: 3/4;
  }
  .wrapInstagramSection .gallery .gallery-item:nth-child(6) {
    grid-column: 4/5;
    grid-row: 3/4;
  }
}
.wrapInstagramSection .gallery .gallery-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.wrapInstagramSection .gallery .gallery-item:hover::after {
  opacity: 1;
}
@media (max-width: 1024px) {
  .wrapInstagramSection .gallery {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: unset;
  }
}
@media only screen and (max-width: 576px) {
  .wrapInstagramSection .gallery {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: unset;
  }
}
.wrapInstagramSection .galleryv2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.wrapInstagramSection .gallery-item {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  aspect-ratio: 1;
  position: relative;
}
.wrapInstagramSection .gallery-item:hover img {
  transform: scale(1.1);
}
.wrapInstagramSection .gallery-item:hover .wrapperOvellay {
  opacity: 1;
}
.wrapInstagramSection .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
}
@media (max-width: 968px) {
  .wrapInstagramSection .galleryv2 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .wrapInstagramSection .galleryv2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .wrapInstagramSection body {
    padding: 20px 15px;
  }
}
@media (max-width: 480px) {
  .wrapInstagramSection .galleryv2 {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
}
.wrapInstagramSection .wrapperOvellay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
}
.wrapInstagramSection .playBtn {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #dc3927;
  border-radius: 100%;
  border: #fff solid 1px;
  position: relative;
  animation: shadowPulse 1s infinite linear;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapInstagramSection .playBtn svg {
  width: 20px;
  height: 20px;
  fill: white;
}
@media only screen and (max-width: 576px) {
  .wrapInstagramSection .playBtn svg {
    width: 15px;
    height: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .wrapInstagramSection .playBtn {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .wrapInstagramSection .playBtn {
    width: 30px;
    height: 30px;
  }
}

@keyframes ringPulse {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  10% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes shadowPulse {
  0% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  }
  10% {
    box-shadow: 0 0 8px 6px white, 0 0 12px 10px transparent, 0 0 12px 5px white;
  }
  80%, 100% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 40px transparent, 0 0 0 40px transparent;
  }
}
.contactMapSection {
  padding: 60px 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 992px) {
  .contactMapSection {
    padding: 30px 0;
    background-color: #f1f6fa;
  }
}
.contactMapSection .title h3 {
  color: #004391;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 38px;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1300px) {
  .contactMapSection .title h3 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .contactMapSection .title h3 {
    font-size: 28px;
  }
}
.contactMapSection .content .row {
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .contactMapSection .content .row {
    margin: 0 -8px;
  }
}
@media only screen and (max-width: 768px) {
  .contactMapSection .content iframe {
    height: 350px;
  }
}
@media only screen and (max-width: 992px) {
  .contactMapSection .content .imageCol {
    margin-bottom: 15px;
  }
}
.contactMapSection .content .resortImage {
  height: 100%;
  position: relative;
}
.contactMapSection .content .resortImage .imageBg {
  width: 100%;
  height: 100%;
  filter: brightness(0.8);
}
.contactMapSection .content .resortImage img {
  width: 100%;
  height: 100%;
  filter: brightness(0.8);
}
.contactMapSection .content .resortImage .wrapImgResize {
  height: 100%;
  filter: brightness(0.8);
}
.contactMapSection .content .resortImage .lightDotWrap .lightDot {
  border-radius: 50%;
  filter: brightness(1.2);
  position: absolute;
  top: 26%;
  left: 29.9%;
}
.contactMapSection .content .resortImage .lightDotWrap .lightDot svg {
  height: 30px;
  color: #dc3927;
  transform: translateY(-25px);
}
.contactMapSection .content .resortImage .lightDotWrap .lightDot::after {
  content: " ";
  position: absolute;
  top: -25px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: -1;
  animation: ripple2 1.5s infinite linear;
  background-color: #dc3927;
}
.contactMapSection .content .resortImage .lightDotWrap .dotName {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 16px;
  position: absolute;
  top: 33%;
  left: 20%;
}

.subscribeSectionv2 {
  padding: 80px 0;
  background-color: #f7f7f7;
  position: relative;
  background-image: url("https://demo.sweetsoft.vn/the-grand-arena/new/images/banner/banner-register.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  z-index: 1;
  background-position: center;
  background-attachment: fixed;
  box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.2);
  /* Responsive Design */
  /* Animation cho form khi load */
}
@media only screen and (max-width: 992px) {
  .subscribeSectionv2 {
    padding: 60px 0;
    background-color: #fff;
  }
}
.subscribeSectionv2 .btnStyle {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
.subscribeSectionv2 .form-container {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  padding: 40px;
  max-width: 1000px;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
}
.subscribeSectionv2 .form-title {
  color: #004391;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .subscribeSectionv2 .form-title {
    font-size: 24px !important;
  }
}
.subscribeSectionv2 .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 30px;
}
.subscribeSectionv2 .form-column {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.subscribeSectionv2 .form-column.gap-30 {
  gap: 32px;
}
.subscribeSectionv2 .form-column:first-child {
  height: 280px;
  justify-content: space-between;
}
.subscribeSectionv2 .form-column:nth-child(2) {
  height: 280px;
  justify-content: space-between;
}
.subscribeSectionv2 .form-column:nth-child(2) .form-group {
  display: flex;
  flex-direction: column;
}
.subscribeSectionv2 .form-column:nth-child(2) textarea {
  flex-grow: 1;
  min-height: 151px;
  resize: vertical;
  padding-top: 15px;
}
.subscribeSectionv2 .form-group {
  position: relative;
  flex-shrink: 0;
}
.subscribeSectionv2 .form-group label {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  color: black;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}
.subscribeSectionv2 .form-group input,
.subscribeSectionv2 .form-group textarea {
  width: 100%;
  padding: 15px 0;
  font-size: 1rem;
  color: black;
  background: transparent;
  border: none;
  border-bottom: 1px solid black;
  outline: none;
  font-family: inherit;
}
.subscribeSectionv2 .form-group input:focus,
.subscribeSectionv2 .form-group textarea:focus {
  border-bottom-color: #dc3927;
  transform: translateY(-2px);
}
.subscribeSectionv2 .form-group input:focus + .form-line,
.subscribeSectionv2 .form-group textarea:focus + .form-line {
  width: 100%;
}
.subscribeSectionv2 .form-group.focused label,
.subscribeSectionv2 .form-group input:focus ~ label,
.subscribeSectionv2 .form-group textarea:focus ~ label {
  color: #dc3927;
}
.subscribeSectionv2 .form-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(90deg, #dc3927 0%, #dc3927 100%);
  transition: width 0.3s ease;
}
@media (max-width: 768px) {
  .subscribeSectionv2 .form-column:nth-child(2) .form-group {
    flex-grow: unset;
  }
  .subscribeSectionv2 .form-column:nth-child(2) {
    justify-content: unset;
  }
  .subscribeSectionv2 .form-column:nth-child(2) {
    height: auto;
  }
  .subscribeSectionv2 .form-column {
    gap: 10px;
  }
  .subscribeSectionv2 .form-container {
    padding: 30px 20px;
  }
  .subscribeSectionv2 .form-column:nth-child(2) textarea {
    min-height: 100px;
  }
  .subscribeSectionv2 .form-title {
    font-size: 2rem;
    text-align: center;
  }
  .subscribeSectionv2 .form-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 0px;
  }
  .subscribeSectionv2 .form-column:nth-child(2) {
    min-height: auto;
  }
  .subscribeSectionv2 .submit-btn {
    align-self: center;
  }
}
.subscribeSectionv2 .form-container {
  animation: slideUp 0.6s ease-out;
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.subscribeSectionv2 .form-group {
  animation: fadeIn 0.6s ease-out forwards;
  opacity: 0;
}
.subscribeSectionv2 .form-group:nth-child(1) {
  animation-delay: 0.1s;
}
.subscribeSectionv2 .form-group:nth-child(2) {
  animation-delay: 0.2s;
}
.subscribeSectionv2 .form-group:nth-child(3) {
  animation-delay: 0.3s;
}
.subscribeSectionv2 .form-group:nth-child(4) {
  animation-delay: 0.4s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.entertainmentSection {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  background-color: #f0edd3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
  /* Current slide */
}
.entertainmentSection .wrapAction {
  gap: 15px;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .wrapAction {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .wrapAction .slideControl {
    position: unset !important;
    transform: unset !important;
  }
}
.entertainmentSection .bgLeft {
  position: absolute;
  top: 70px;
  left: 20%;
  opacity: 0.2;
}
.entertainmentSection .bgLeft img {
  max-width: 500px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.entertainmentSection .bgRight {
  position: absolute;
  top: 70px;
  right: 20%;
  opacity: 0.2;
}
.entertainmentSection .bgRight img {
  max-width: 500px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection {
    padding: 30px 0;
    background-color: #f1f6fa;
  }
}
.entertainmentSection .containerCustom2 {
  position: relative;
  z-index: 1;
}
.entertainmentSection .sectionTitle {
  margin-bottom: 30px;
}
.entertainmentSection .sectionTitle h2 {
  color: #182430;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.4;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 1300px) {
  .entertainmentSection .sectionTitle h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionTitle h2 {
    font-size: 28px;
  }
}
.entertainmentSection .sectionTitle .desc p {
  position: relative;
  font-size: 18px;
  line-height: 170%;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionTitle .desc p {
    font-size: 16px;
  }
}
.entertainmentSection .slick-track {
  display: flex;
}
.entertainmentSection .sectionBody .entertainmentWrap {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .slick-list {
    padding: 0 160px;
  }
}
@media only screen and (max-width: 768px) {
  .entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .slick-list {
    padding: 0;
    padding-right: 60px;
  }
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .paddingWrap {
  float: none;
  height: auto;
  outline: none;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem {
  position: relative;
  height: 100%;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s;
  overflow: hidden;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .imgWrap {
  margin-left: auto;
  border-radius: 10px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .imgWrap {
    width: 100%;
  }
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .imgWrap .slideDecoration {
  padding: 25px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .imgWrap .slideDecoration {
    padding: 18px;
  }
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .imgWrap .slideDecoration svg {
  width: 100%;
  height: 100%;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo {
  background-color: #fff;
  z-index: 2;
  top: 50%;
  padding: 15px 30px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo {
    position: static;
    transform: none;
    width: 100%;
    padding: 20px;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
  }
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo .title {
  margin-bottom: 15px;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo .title h3 {
  font-size: 22px;
  font-weight: 500;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  text-transform: capitalize;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo .title h3 {
    font-size: 20px;
  }
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo .desc {
  margin-bottom: 15px;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo .desc p {
  font-size: 18px;
  line-height: 1.7;
  color: #182430;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .entertainmentInfo .slideControl {
  border: 2px solid rgba(24, 36, 48, 0.6);
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .detailBtn {
  margin-top: auto;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 15px;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .detailBtn a {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .detailBtn a {
    font-size: 16px;
  }
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .detailBtn a .icon {
  display: flex;
  align-items: center;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .detailBtn a .icon svg {
  height: 20px;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.entertainmentSection .sectionBody .entertainmentWrap .entertainmentList .entertainmentItem .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.entertainmentSection .sectionBody .entertainmentWrap .slideControl {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(24, 36, 48, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1450px) {
  .entertainmentSection .sectionBody .entertainmentWrap .slideControl {
    width: 35px;
    height: 35px;
  }
  .entertainmentSection .sectionBody .entertainmentWrap .slideControl svg {
    color: #182430;
  }
}
.entertainmentSection .sectionBody .entertainmentWrap .slideControl svg {
  height: 20px;
}
.entertainmentSection .sectionBody .entertainmentWrap .slideControl.slidePrev {
  left: 0;
}
.entertainmentSection .sectionBody .entertainmentWrap .slideControl.slideNext {
  right: 0;
}
.entertainmentSection .sectionBody .entertainmentWrap .slideControl:hover {
  background-color: #004391;
}
.entertainmentSection .sectionBody .entertainmentWrap .slideControl:hover svg {
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .entertainmentSection .slick-list {
    padding-bottom: 60px;
  }
}
.entertainmentSection .bgImageLeft {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .entertainmentSection .bgImageLeft {
    left: 0;
  }
}
.entertainmentSection .bgImageLeft img {
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .entertainmentSection .bgImageLeft img {
    max-width: 100px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.entertainmentSection .bgImageRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .entertainmentSection .bgImageRight {
    right: 0;
  }
}
.entertainmentSection .bgImageRight img {
  opacity: 0.5;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .entertainmentSection .bgImageRight img {
    max-width: 100px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.entertainmentSection .entertainmentItem {
  transform: scale(0.8) !important;
  transition: 0.5s all;
}
.entertainmentSection .slick-current .entertainmentItem,
.entertainmentSection .slick-target .entertainmentItem {
  transform: scale(1) !important;
}
.entertainmentSection .bgImageLeft,
.entertainmentSection .bgImageRight {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.roomListWrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
@media only screen and (max-width: 992px) {
  .roomListWrap {
    padding-bottom: 30px;
  }
}
.roomListWrap .row {
  row-gap: 30px;
}
.roomListWrap .roomItem {
  display: flex;
  height: 100%;
  background-color: #f7f7f7;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.roomListWrap .roomItem .roomImage {
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .roomListWrap .roomItem .roomImage {
    width: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .roomListWrap .roomItem .roomImage:hover .detailOverlay {
    opacity: 1 !important;
  }
}
.roomListWrap .roomItem:hover .detailOverlay {
  opacity: 1;
}
.roomListWrap .roomItem:hover .roomInfoWrap {
  transform: translateY(0);
}
.roomListWrap .roomItem .detailOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(220, 57, 39, 0.3);
  align-items: center;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.5s;
}
@media only screen and (max-width: 1650px) {
  .roomListWrap .roomItem .detailOverlay {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
}
@media only screen and (max-width: 1300px) {
  .roomListWrap .roomItem .detailOverlay {
    background: linear-gradient(to top, rgba(220, 57, 39, 0.4), rgba(0, 0, 0, 0));
    opacity: 1;
    height: 80%;
    bottom: 0;
    top: unset;
  }
}
.roomListWrap .roomItem .roomInfoWrap {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: absolute;
  z-index: 1;
  height: 100%;
  justify-content: flex-end;
  transform: translateY(120%);
  transition: transform 0.5s;
}
@media only screen and (max-width: 1300px) {
  .roomListWrap .roomItem .roomInfoWrap {
    transform: none;
  }
}
@media only screen and (max-width: 992px) {
  .roomListWrap .roomItem .roomInfoWrap {
    padding: 10px;
  }
}
.roomListWrap .roomItem .roomInfoWrap .roomTopInfo .roomTitle a {
  font-size: 32px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
}
@media only screen and (max-width: 1300px) {
  .roomListWrap .roomItem .roomInfoWrap .roomTopInfo .roomTitle a {
    font-size: 24px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 992px) {
  .roomListWrap .roomItem .roomInfoWrap .roomTopInfo .roomTitle a {
    font-size: 20px;
    margin-bottom: 4px;
  }
}
.roomListWrap .roomItem .roomInfoWrap .roomTopInfo .facilitiesList {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 8px;
  margin: 8px 0;
  max-width: 500px;
}
@media only screen and (max-width: 1024px) {
  .roomListWrap .roomItem .roomInfoWrap .roomTopInfo .facilitiesList {
    margin-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .roomListWrap .roomItem .roomInfoWrap .roomTopInfo .facilitiesList {
    display: none;
  }
}
.roomListWrap .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem {
  display: flex;
  gap: 4px;
  color: #ffffff;
}
.roomListWrap .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem .icon svg {
  height: 16px;
  color: #ffffff;
}
.roomListWrap .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem .text {
  font-size: 16px;
}
.roomListWrap .roomItem .roomCardDesc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin-bottom: 18px;
  font-size: 18px;
  color: #ffffff;
  flex-grow: 1;
  line-height: 1.6;
}
@media only screen and (max-width: 992px) {
  .roomListWrap .roomItem .roomCardDesc {
    font-size: 16px;
    line-height: 1.4;
  }
}
.roomListWrap .roomItem .mobileActionBtnWrap {
  display: flex;
  width: 100%;
  gap: 12px;
}
.roomListWrap .roomItem .mobileActionBtnWrap .detailBtn,
.roomListWrap .roomItem .mobileActionBtnWrap .bookBtn {
  width: 50%;
}
.roomListWrap .roomItem .mobileActionBtnWrap .detailBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 992px) {
  .roomListWrap .roomItem .mobileActionBtnWrap .detailBtn {
    padding: 8px;
    font-size: 12px;
  }
}
.roomListWrap .roomItem .mobileActionBtnWrap .bookBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 992px) {
  .roomListWrap .roomItem .mobileActionBtnWrap .bookBtn {
    padding: 8px;
    font-size: 12px;
  }
}

.roomListTitle {
  padding: 60px 0;
  padding-bottom: 30px;
  max-width: 1000px;
  margin: auto;
}
@media only screen and (max-width: 992px) {
  .roomListTitle {
    padding: 30px 0;
  }
}
.roomListTitle .title h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #004391;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .roomListTitle .title h2 {
    font-size: 28px;
  }
}
.roomListTitle .desc {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .roomListTitle .desc {
    width: 100%;
  }
}
.roomListTitle .desc p {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  .roomListTitle .desc p {
    font-size: 16px;
  }
}

.roomList {
  position: relative;
  overflow: hidden;
}

.leafDecoration {
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .leafDecoration {
    display: none;
  }
}
.leafDecoration.leaf1 {
  opacity: 0.2;
  transform: rotate(45deg);
  top: 0;
  left: -100px;
  width: 500px;
  height: 590px;
}
.leafDecoration.leaf1 img {
  width: 100%;
  height: 100%;
}
.leafDecoration.leaf2 {
  opacity: 0.2;
  right: 45%;
  width: 200px;
  transform: rotate(280deg);
  width: 200px;
  height: 235px;
  top: calc(50% - 117px);
}
.leafDecoration.leaf2 img {
  width: 100%;
  height: 100%;
}
.leafDecoration.leaf3 {
  opacity: 0.2;
  right: -100px;
  bottom: 0;
  transform: scaleX(-1);
}

.wrapHeadingTitle {
  padding: 80px 0px;
  max-width: 1000px;
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .wrapHeadingTitle {
    padding: 60px 0px;
  }
}
@media only screen and (max-width: 576px) {
  .wrapHeadingTitle {
    padding: 40px 0px;
  }
}
.wrapHeadingTitle .wrapHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.wrapHeadingTitle .wrapHeading .title {
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #182430;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .wrapHeadingTitle .wrapHeading .title {
    font-size: 24px;
  }
}
.wrapHeadingTitle .wrapHeading .desc {
  font-size: 18px;
}

.wrapLayoutRoomListV2 {
  position: relative;
  overflow: hidden;
}
.wrapLayoutRoomListV2 .bgLeft {
  position: absolute;
  top: 30px;
  left: 10%;
  opacity: 0.4;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .wrapLayoutRoomListV2 .bgLeft {
    opacity: 0.2;
  }
}
.wrapLayoutRoomListV2 .bgLeft img {
  max-width: 300px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapLayoutRoomListV2 .bgRight {
  position: absolute;
  bottom: 30px;
  right: 0;
  opacity: 0.4;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .wrapLayoutRoomListV2 .bgRight {
    opacity: 0.2;
  }
}
.wrapLayoutRoomListV2 .bgRight img {
  max-width: 300px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scaleX(-1);
}
.wrapLayoutRoomListV2 .containerCustom2 {
  max-width: 1500px;
  width: 100%;
  margin: auto;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem {
  margin-bottom: 60px;
}
@media only screen and (max-width: 992px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem {
    margin-bottom: 30px;
  }
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard {
  display: flex;
  gap: 15px;
  flex-direction: row;
  width: 100%;
  position: relative;
  justify-content: end;
}
@media only screen and (max-width: 992px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard {
    flex-direction: column !important;
  }
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapLeft {
  width: 80%;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapLeft {
    width: 100%;
  }
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout {
  width: 350px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background-color: white;
  padding: 20px;
  height: 95%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout {
    width: 90%;
    position: unset;
    margin: auto;
    transform: translateY(-50px);
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout {
    transform: unset;
    width: 100%;
  }
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout .title {
  font-size: 28px;
  color: #182430;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1300px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout .title {
    font-size: 20px;
  }
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout .desc {
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout .wrapBtn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
@media only screen and (max-width: 992px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout .wrapBtn {
    justify-content: center;
  }
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout .wrapBtn .btn-style {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem .wrapContentCard .wrapInfoLayout .wrapBtn .btn-style_ounline {
  min-width: 140px;
  display: inline-block;
  border: 1px solid #dc3927;
  background-color: white;
  color: #dc3927;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem:nth-child(even) .wrapContentCard {
  flex-direction: row-reverse;
  justify-content: start;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem:nth-child(even) .wrapContentCard .wrapInfoLayout {
  left: auto;
  right: 0;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem.wrapCardItemFirtIndex.wrapCardItem {
  margin-bottom: 20px;
}
@media only screen and (max-width: 576px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem.wrapCardItemFirtIndex.wrapCardItem {
    margin-bottom: 30px;
  }
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem.wrapCardItemFirtIndex .wrapContentCard {
  flex-direction: column;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem.wrapCardItemFirtIndex .wrapContentCard .wrapLeft {
  width: 100%;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem.wrapCardItemFirtIndex .wrapContentCard .wrapInfoLayout {
  position: relative;
  transform: translateY(-50px);
  width: 90%;
  margin: auto;
  text-align: center;
}
.wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem.wrapCardItemFirtIndex .wrapContentCard .wrapInfoLayout .wrapBtn {
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .wrapLayoutRoomListV2 .wrapListRoomV2 .wrapCardItem.wrapCardItemFirtIndex .wrapContentCard .wrapInfoLayout {
    transform: unset;
    width: 100%;
  }
}
.wrapLayoutRoomListV2 .customDots {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  margin-top: 10px;
}
@media only screen and (max-width: 576px) {
  .wrapLayoutRoomListV2 .customDots {
    bottom: 10px;
  }
}
.wrapLayoutRoomListV2 .customDots ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.wrapLayoutRoomListV2 .customDots li {
  display: inline-block;
  margin: 0 5px;
}
.wrapLayoutRoomListV2 .customDots li button {
  border: none;
  width: 10px;
  height: 10px;
  background: gray;
  border-radius: 10px;
  font-size: 0;
  padding: 0;
}
.wrapLayoutRoomListV2 .customDots li.slick-active button {
  background: black;
  width: 20px;
  height: 10px;
}
.wrapLayoutRoomListV2 .sliderControl {
  top: 50%;
}
@media only screen and (max-width: 576px) {
  .wrapLayoutRoomListV2 .sliderControl {
    display: none;
  }
}

.wrapRoomHeader {
  padding-bottom: 30px;
}
.wrapRoomHeader .containerCustom2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.wrapRoomHeader .heading {
  font-size: 40px;
  color: #004391;
}
@media only screen and (max-width: 992px) {
  .wrapRoomHeader .heading {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .wrapRoomHeader .heading {
    font-size: 24px;
  }
}
.wrapRoomHeader .bookBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.wrapRoomHeader .facilitiesList {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 8px;
  margin: 8px 0;
  max-width: 800px;
}
.wrapRoomHeader .facilitiesList .facilitiesItem {
  display: flex;
  gap: 4px;
  color: black;
}
.wrapRoomHeader .facilitiesList .facilitiesItem .icon svg {
  height: 18px;
  color: black;
}
@media only screen and (max-width: 768px) {
  .wrapRoomHeader .facilitiesList .facilitiesItem .icon svg {
    height: 16px;
  }
}
.wrapRoomHeader .facilitiesList .facilitiesItem .text {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .wrapRoomHeader .facilitiesList .facilitiesItem .text {
    font-size: 16px;
  }
}

.wrapContentRoom {
  padding-top: 60px;
}
@media only screen and (max-width: 768px) {
  .wrapContentRoom {
    padding-top: 40px;
  }
}
.wrapContentRoom .wrapContent {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: 15px;
}
@media only screen and (max-width: 992px) {
  .wrapContentRoom .wrapContent {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.wrapContentRoom .wrapContent .wrapContentRight .title {
  font-size: 32px;
  margin-bottom: 10px;
}
.wrapContentRoom .wrapContent .wrapListFacilities {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
  margin-top: 15px;
}
@media only screen and (max-width: 992px) {
  .wrapContentRoom .wrapContent .wrapListFacilities {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 576px) {
  .wrapContentRoom .wrapContent .wrapListFacilities {
    grid-template-columns: 1fr 1fr;
  }
}
.wrapContentRoom .wrapContent .wrapListFacilities .wrapItemfacilities {
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 8px;
  padding: 5px;
}
.wrapContentRoom .wrapContent .wrapListFacilities .wrapItemfacilities .wapIcon {
  width: 40px;
  height: auto;
}
@media only screen and (max-width: 576px) {
  .wrapContentRoom .wrapContent .wrapListFacilities .wrapItemfacilities .wapIcon {
    width: 30px;
  }
}
.wrapContentRoom .wrapContent .wrapListFacilities .wrapItemfacilities .wapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapContentRoom .reservationWrapper {
  position: absolute;
  top: calc(100vh - 140px);
  left: calc(50% - 480px);
  display: flex;
  width: 960px;
  z-index: 1;
}
.wrapContentRoom .reservationWrapper .mobileReservationClose {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #182430;
  align-items: center;
  justify-content: center;
}
.wrapContentRoom .reservationWrapper .mobileReservationClose svg {
  color: #182430;
  height: 25px;
}
@media only screen and (max-width: 992px) {
  .wrapContentRoom .reservationWrapper .mobileReservationClose {
    display: flex;
  }
}
.wrapContentRoom .reservationWrapper .hotlineBtn {
  display: none;
}
.wrapContentRoom .reservationWrap {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  background-color: #fff;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wrapContentRoom .reservationWrap .reservationInputWrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 15px;
  border: 1px solid #a7acb0;
  padding-right: 8px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .wrapContentRoom .reservationWrap .reservationInputWrap {
    justify-content: space-between;
  }
}
.wrapContentRoom .reservationWrap .reservationInputWrap .textField {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1300px) {
  .wrapContentRoom .reservationWrap .reservationInputWrap .textField {
    gap: 8px;
  }
}
.wrapContentRoom .reservationWrap .reservationInputWrap .textField .title {
  font-weight: 500;
  font-size: 16px;
}
.wrapContentRoom .reservationWrap .reservationInputWrap .textField .content {
  color: #838383;
  display: flex;
}
.wrapContentRoom .reservationWrap .reservationInputWrap .textField .content input {
  border: none;
  outline: none;
  width: 100%;
  max-width: 100px;
}
@media only screen and (max-width: 992px) {
  .wrapContentRoom .reservationWrap .reservationInputWrap .textField .content input {
    max-width: unset;
  }
}
.wrapContentRoom .reservationWrap .reservationInputWrap .textField .content input::-webkit-outer-spin-button, .wrapContentRoom .reservationWrap .reservationInputWrap .textField .content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrapContentRoom .reservationWrap .reservationInputWrap .textField .content input[type=number] {
  -moz-appearance: textfield;
}
.wrapContentRoom .reservationWrap .reservationInputWrap .textField .content button {
  height: 100%;
}
.wrapContentRoom .reservationWrap .reservationInputWrap .iconField svg {
  height: 18px;
}
.wrapContentRoom .reservationButton {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #dc3927;
  width: calc(16.6666666667% + 48px);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 18px;
  position: relative;
}
.wrapContentRoom .reservationButton:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapContentRoom .reservationButton::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.wrapContentRoom .guestQuantityWrap {
  position: relative;
  cursor: pointer;
}
.wrapContentRoom .guestQuantityWrap .editBox {
  position: absolute;
  bottom: 150%;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding: 20px;
}
@media only screen and (max-width: 992px) {
  .wrapContentRoom .guestQuantityWrap .editBox {
    bottom: unset;
    top: 110%;
    z-index: 1;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
  }
}
.wrapContentRoom .guestQuantityWrap .editBox .editboxWrap .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapContentRoom .guestQuantityWrap .editBox {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  min-width: 300px;
  max-width: 330px;
  padding: 20px;
  left: 0;
  display: none;
  border-radius: 6px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.49);
  cursor: default;
}
.wrapContentRoom .guestQuantityWrap .editBox .title {
  margin-bottom: 20px;
}
.wrapContentRoom .guestQuantityWrap .editBox .title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .label {
  white-space: nowrap;
  text-transform: none;
  font-weight: 400;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput {
  display: flex;
  align-items: stretch;
  width: 120px;
  border-radius: 6px;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput input {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  border-top: 1px solid #dc3927;
  border-bottom: 1px solid #dc3927;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-outer-spin-button, .wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button {
  background-color: #dc3927;
  border: none;
  min-height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 35px;
  justify-content: center;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button svg {
  height: 20px;
  color: #ffffff;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.wrapContentRoom .guestQuantityWrap .editBox .editWrap .close {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.wrapContentRoom .guestQuantityWrap .editBox .editboxWrap {
  position: relative;
}
.wrapContentRoom .guestQuantityWrap .editBox .editboxWrap .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.wrapContentRoom .guestQuantityWrap .editBox .editboxWrap .close svg {
  color: #dc3927;
}
.wrapContentRoom .guestQuantityWrap .quantityWrap .label {
  display: flex;
}
.wrapContentRoom .wrapFormBooking .reservationWrapper {
  position: relative;
  top: unset;
  left: unset;
  flex-direction: column;
  width: 100%;
}
.wrapContentRoom .wrapFormBooking .reservationWrap {
  flex-direction: column;
}
.wrapContentRoom .wrapFormBooking .reservationWrap .reservationInputWrap {
  justify-content: space-between;
}
.wrapContentRoom .wrapFormBooking .reservationWrap .reservationInputWrap .content p {
  margin-bottom: 0px;
}
.wrapContentRoom .wrapFormBooking .reservationButton {
  padding: 10px;
  border-radius: 8px;
  width: 100%;
}

.wrapBannerDetailRooms .wrapContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .wrapBannerDetailRooms .wrapContainer {
    grid-template-columns: 1fr;
  }
}
.wrapBannerDetailRooms .wrapContainer .wrapLeft {
  border-radius: 10px;
  overflow: hidden;
}
.wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 40px;
}
@media only screen and (max-width: 992px) {
  .wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText {
    padding-right: 0px;
  }
}
.wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText .wrapHeading {
  margin-bottom: 15px;
}
.wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText .wrapHeading .title {
  font-size: 40px;
  color: #004391;
}
@media only screen and (max-width: 768px) {
  .wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText .wrapHeading .title {
    font-size: 24px;
  }
}
.wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText .wrapHeading .description {
  font-size: 20px;
}
.wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText .showTextDetail > * {
  font-size: 20px;
}
@media only screen and (max-width: 1300px) {
  .wrapBannerDetailRooms .wrapContainer .wrapRight .wrapContentText .showTextDetail > * {
    font-size: 18px;
  }
}

.gallerySlide .slick-list {
  padding: 0px !important;
}
.gallerySlide .roomImageSlide .roomImageItem {
  padding: 0 7.5px;
  position: relative;
}
.gallerySlide .roomImageSlide .roomImageItem .wrapBtn {
  position: absolute;
  bottom: 10px;
  right: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  padding: 15px;
}
@media only screen and (max-width: 576px) {
  .gallerySlide .roomImageSlide .roomImageItem .wrapBtn {
    bottom: 5px;
    right: 10px;
    padding: 6px;
  }
}
.gallerySlide .roomImageSlide .roomImageItem .imgWrap {
  border-radius: 16px;
  overflow: hidden;
}
.gallerySlide .containerCustom1 {
  margin-top: 60px;
}
@media only screen and (max-width: 992px) {
  .gallerySlide .containerCustom1 {
    margin-top: 30px;
  }
}

.roomImageSlideWrap {
  position: relative;
}

.sliderPrev,
.sliderNext {
  width: 50px;
  height: 50px;
  line-height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 21px));
  cursor: pointer;
  transition: all 0.35s;
  background-color: rgba(255, 255, 255, 0.5490196078);
}
.sliderPrev:hover,
.sliderNext:hover {
  background-color: #004391;
}
.sliderPrev:hover svg,
.sliderNext:hover svg {
  color: #fff;
}
.sliderPrev svg,
.sliderNext svg {
  height: 20px;
  color: #004391;
  transition: all 0.35s;
}
@media only screen and (max-width: 992px) {
  .sliderPrev,
  .sliderNext {
    height: 35px;
    width: 35px;
  }
  .sliderPrev svg,
  .sliderNext svg {
    height: 15px;
  }
}

.sliderPrev {
  left: 20px;
}

.sliderNext {
  right: 20px;
}

.slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 5px;
  bottom: 0;
  z-index: 20;
  left: 50%;
  margin-top: 24px;
}
.slick-dots > li button {
  cursor: pointer;
  border: none;
  font-size: 0;
  background-color: #d1d1d1;
  transition: all 0.35s ease-in-out;
  opacity: 0.8;
  width: 3vw;
  height: 8px;
  border-radius: 5px;
  outline: none;
}
.slick-dots > li.slick-active button {
  width: 6vw;
  background-color: #004391;
  opacity: 1;
}

.wrapInfoDetailRoom {
  padding-top: 60px;
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: 15px;
}
@media only screen and (max-width: 992px) {
  .wrapInfoDetailRoom {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 40px;
  }
}
.wrapInfoDetailRoom .wrapHeading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 15px 0px;
}
.wrapInfoDetailRoom .wrapHeading .wrapLine {
  height: 1px;
  width: 70px;
  background-color: black;
}
.wrapInfoDetailRoom .wrapHeading .title {
  font-size: 20px;
}
.wrapInfoDetailRoom .wrapListFacilities {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
  margin-top: 15px;
}
@media only screen and (max-width: 992px) {
  .wrapInfoDetailRoom .wrapListFacilities {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 576px) {
  .wrapInfoDetailRoom .wrapListFacilities {
    grid-template-columns: 1fr 1fr;
  }
}
.wrapInfoDetailRoom .wrapListFacilities .wrapItemfacilities {
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 8px;
  padding: 5px;
}
.wrapInfoDetailRoom .wrapListFacilities .wrapItemfacilities .wapIcon {
  width: 40px;
  height: auto;
}
@media only screen and (max-width: 576px) {
  .wrapInfoDetailRoom .wrapListFacilities .wrapItemfacilities .wapIcon {
    width: 30px;
  }
}
.wrapInfoDetailRoom .wrapListFacilities .wrapItemfacilities .wapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapInfoDetailRoom .reservationWrapper {
  position: absolute;
  top: calc(100vh - 140px);
  left: calc(50% - 480px);
  display: flex;
  width: 960px;
  z-index: 1;
}
.wrapInfoDetailRoom .reservationWrapper .mobileReservationClose {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #182430;
  align-items: center;
  justify-content: center;
}
.wrapInfoDetailRoom .reservationWrapper .mobileReservationClose svg {
  color: #182430;
  height: 25px;
}
@media only screen and (max-width: 992px) {
  .wrapInfoDetailRoom .reservationWrapper .mobileReservationClose {
    display: flex;
  }
}
.wrapInfoDetailRoom .reservationWrapper .hotlineBtn {
  display: none;
}
.wrapInfoDetailRoom .reservationWrap {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  background-color: #fff;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 15px;
  border: 1px solid #a7acb0;
  padding-right: 8px;
  position: relative;
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .content p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 992px) {
  .wrapInfoDetailRoom .reservationWrap .reservationInputWrap {
    justify-content: space-between;
  }
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1300px) {
  .wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField {
    gap: 8px;
  }
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .title {
  font-weight: 500;
  font-size: 16px;
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .content {
  color: #838383;
  display: flex;
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .content input {
  border: none;
  outline: none;
  width: 100%;
  max-width: 100px;
}
@media only screen and (max-width: 992px) {
  .wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .content input {
    max-width: unset;
  }
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .content input::-webkit-outer-spin-button, .wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .content input[type=number] {
  -moz-appearance: textfield;
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .textField .content button {
  height: 100%;
}
.wrapInfoDetailRoom .reservationWrap .reservationInputWrap .iconField svg {
  height: 18px;
}
.wrapInfoDetailRoom .reservationButton {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #dc3927;
  width: calc(16.6666666667% + 48px);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 18px;
  position: relative;
}
.wrapInfoDetailRoom .reservationButton:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapInfoDetailRoom .reservationButton::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.wrapInfoDetailRoom .guestQuantityWrap {
  position: relative;
  cursor: pointer;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox {
  position: absolute;
  bottom: 150%;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding: 20px;
}
@media only screen and (max-width: 992px) {
  .wrapInfoDetailRoom .guestQuantityWrap .editBox {
    bottom: unset;
    top: 110%;
    z-index: 1;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
  }
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editboxWrap .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  min-width: 300px;
  max-width: 330px;
  padding: 20px;
  left: 0;
  display: none;
  border-radius: 6px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.49);
  cursor: default;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .title {
  margin-bottom: 20px;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .label {
  white-space: nowrap;
  text-transform: none;
  font-weight: 400;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput {
  display: flex;
  align-items: stretch;
  width: 120px;
  border-radius: 6px;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput input {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  border-top: 1px solid #dc3927;
  border-bottom: 1px solid #dc3927;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-outer-spin-button, .wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button {
  background-color: #dc3927;
  border: none;
  min-height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 35px;
  justify-content: center;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button svg {
  height: 20px;
  color: #ffffff;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .editRow .editInput button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editWrap .close {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editboxWrap {
  position: relative;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editboxWrap .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.wrapInfoDetailRoom .guestQuantityWrap .editBox .editboxWrap .close svg {
  color: #dc3927;
}
.wrapInfoDetailRoom .guestQuantityWrap .quantityWrap .label {
  display: flex;
}
.wrapInfoDetailRoom .wrapFormBooking {
  position: sticky;
  top: 100px;
  left: 0;
  height: auto;
}
.wrapInfoDetailRoom .wrapFormBooking .reservationWrapper {
  position: relative;
  top: unset;
  left: unset;
  flex-direction: column;
  width: 100%;
}
.wrapInfoDetailRoom .wrapFormBooking .reservationWrap {
  flex-direction: column;
}
.wrapInfoDetailRoom .wrapFormBooking .reservationWrap .reservationInputWrap {
  justify-content: space-between;
}
.wrapInfoDetailRoom .wrapFormBooking .reservationWrap .reservationInputWrap .content p {
  margin-bottom: 0px;
}
.wrapInfoDetailRoom .wrapFormBooking .reservationButton {
  padding: 10px;
  border-radius: 8px;
  width: 100%;
}

.wrapOtherRoomList {
  padding-top: 45px;
  padding-bottom: 45px;
}
.wrapOtherRoomList .customDots {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 10px;
}
@media only screen and (max-width: 576px) {
  .wrapOtherRoomList .customDots {
    bottom: 10px;
  }
}
.wrapOtherRoomList .customDots ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.wrapOtherRoomList .customDots li {
  display: inline-block;
  margin: 0 5px;
}
.wrapOtherRoomList .customDots li button {
  border: none;
  width: 10px;
  height: 10px;
  background: gray;
  border-radius: 10px;
  font-size: 0;
  padding: 0;
}
.wrapOtherRoomList .customDots li.slick-active button {
  background: black;
  width: 20px;
  height: 10px;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .wrapHeading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .wrapHeading .wrapLine {
  height: 1px;
  width: 80px;
  background-color: black;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .wrapHeading .title {
  font-size: 24px;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody {
    padding-top: 30px;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .row {
  row-gap: 20px;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem {
  display: flex;
  border: 1px solid #a7acb0;
  height: 100%;
  background-color: #f7f7f7;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomImage {
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomImage {
    width: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomImage:hover .detailOverlay {
    opacity: 1 !important;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem:hover .detailOverlay {
  opacity: 1;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .detailOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(220, 57, 39, 0.3);
  align-items: center;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.5s;
}
@media only screen and (max-width: 1650px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .detailOverlay {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
}
@media only screen and (max-width: 1300px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .detailOverlay {
    background: linear-gradient(to top, rgba(220, 57, 39, 0.4), rgba(0, 0, 0, 0));
    opacity: 1;
    height: 80%;
    bottom: 0;
    top: unset;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: absolute;
  z-index: 1;
  height: 100%;
  justify-content: flex-end;
  transition: transform 0.5s;
}
@media only screen and (max-width: 1300px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap {
    transform: none;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap .roomTopInfo .roomTitle a {
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap .roomTopInfo .roomTitle a {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 8px;
  margin: 8px 0;
  max-width: 500px;
}
@media only screen and (max-width: 992px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList {
    display: none;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem {
  display: flex;
  gap: 4px;
  color: #ffffff;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem .icon svg {
  height: 16px;
  color: #ffffff;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomInfoWrap .roomTopInfo .facilitiesList .facilitiesItem .text {
  font-size: 16px;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomCardDesc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin-bottom: 18px;
  font-size: 18px;
  color: #ffffff;
  flex-grow: 1;
  line-height: 1.6;
}
@media only screen and (max-width: 992px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .roomCardDesc {
    font-size: 16px;
    line-height: 1.4;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .mobileActionBtnWrap {
  display: flex;
  width: 100%;
  gap: 12px;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .mobileActionBtnWrap .detailBtn,
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .mobileActionBtnWrap .bookBtn {
  width: 50%;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .mobileActionBtnWrap .detailBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .roomItem .mobileActionBtnWrap .bookBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .seeAllBtn {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .seeAllBtn a {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .seeAllBtn a {
    font-size: 16px;
  }
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .seeAllBtn a .icon {
  display: flex;
  align-items: center;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .seeAllBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapOtherRoomList .wrapOtherRoomListContainer .boxListBody .seeAllBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.wrapOtherRoomList .slick-slider {
  margin: 0;
  margin: 0 -10px;
}
.wrapOtherRoomList .slick-slider .slick-track {
  display: flex;
}
.wrapOtherRoomList .slick-slider .slick-slide {
  height: auto;
  float: none;
  padding: 0 10px;
}
.wrapOtherRoomList .slideControl {
  position: absolute;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #004391;
  align-items: center;
  justify-content: center;
  top: 40%;
  transform: translateY(-50%);
  transition: all 0.3s;
  cursor: pointer;
  background-color: white;
}
@media only screen and (max-width: 992px) {
  .wrapOtherRoomList .slideControl {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #004391;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40%;
    transform: translateY(-50%);
    transition: all 0.3s;
  }
}
.wrapOtherRoomList .slideControl.slidePrev {
  left: 10px;
}
@media (max-width: 1500px) {
  .wrapOtherRoomList .slideControl.slidePrev {
    left: 10px;
  }
}
.wrapOtherRoomList .slideControl.slideNext {
  right: 10px;
}
@media (max-width: 1500px) {
  .wrapOtherRoomList .slideControl.slideNext {
    right: 10px;
  }
}
.wrapOtherRoomList .slideControl svg {
  height: 20px;
  color: #004391;
}
.wrapOtherRoomList .slideControl:hover {
  background-color: #004391;
  border: 1px solid #004391;
}
.wrapOtherRoomList .slideControl:hover svg {
  color: white;
}

.wrapBannerHero {
  overflow: hidden;
}
.wrapBannerHero .wrapBanner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  position: relative;
}
.wrapBannerHero .wrapBanner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.wrapBannerHero .wrapBanner .wrapHeading {
  font-size: 36px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

.wrapOutstandingOffers .wrapContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .wrapOutstandingOffers .wrapContainer {
    grid-template-columns: 1fr;
  }
}
.wrapOutstandingOffers .wrapContainer .wrapRight .wrapImgResize {
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .wrapOutstandingOffers .wrapContainer .wrapRight .wrapImgResize {
    padding-top: 100%;
  }
}
.wrapOutstandingOffers .wrapContainer .wrapTextContent {
  padding: 80px 30px;
  min-height: 600px;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  background-color: #004391;
  color: white;
  position: relative;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .wrapOutstandingOffers .wrapContainer .wrapTextContent {
    padding: 40px 15px;
  }
}
.wrapOutstandingOffers .wrapContainer .wrapTextContent .showTextDetail {
  position: relative;
  z-index: 1;
}
.wrapOutstandingOffers .wrapContainer .wrapTextContent .showTextDetail * {
  color: white;
}
.wrapOutstandingOffers .wrapContainer .wrapTextContent .wrapBgFixed {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.wrapOutstandingOffers .wrapContainer .wrapTextContent .wrapBgFixed img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.1;
}
.wrapOutstandingOffers .reservationButton {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #dc3927;
  border-radius: 6px;
  font-size: 18px;
  position: relative;
  height: 50px;
  min-width: 140px;
}
.wrapOutstandingOffers .reservationButton:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapOutstandingOffers .reservationButton::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.wrapLayoutRoomDetail {
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .wrapLayoutRoomDetail {
    padding-top: 40px;
  }
}

.roomDetailSection {
  padding-top: 60px;
  overflow: hidden;
}
.roomDetailSection .offerSection {
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .roomDetailSection .offerSection {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .roomDetailSection {
    padding-top: 40px;
  }
}
.roomDetailSection .gallerySlide .roomImageSlide .roomImageItem {
  padding: 0 7.5px;
  position: relative;
}
.roomDetailSection .gallerySlide .roomImageSlide .roomImageItem .wrapBtn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  padding: 15px;
}
@media only screen and (max-width: 576px) {
  .roomDetailSection .gallerySlide .roomImageSlide .roomImageItem .wrapBtn {
    bottom: 5px;
    right: 10px;
    padding: 6px;
  }
}
.roomDetailSection .gallerySlide .roomImageSlide .roomImageItem .imgWrap {
  border-radius: 16px;
  overflow: hidden;
}
.roomDetailSection .gallerySlide .containerCustom1 {
  margin-top: 60px;
}
@media only screen and (max-width: 992px) {
  .roomDetailSection .gallerySlide .containerCustom1 {
    margin-top: 30px;
  }
}
.roomDetailSection .roomImageSlideWrap {
  position: relative;
}
.roomDetailSection .sliderPrev,
.roomDetailSection .sliderNext {
  width: 50px;
  height: 50px;
  line-height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 21px));
  cursor: pointer;
  transition: all 0.35s;
  background-color: rgba(255, 255, 255, 0.5490196078);
}
.roomDetailSection .sliderPrev:hover,
.roomDetailSection .sliderNext:hover {
  background-color: #004391;
}
.roomDetailSection .sliderPrev:hover svg,
.roomDetailSection .sliderNext:hover svg {
  color: #fff;
}
.roomDetailSection .sliderPrev svg,
.roomDetailSection .sliderNext svg {
  height: 20px;
  color: #004391;
  transition: all 0.35s;
}
@media only screen and (max-width: 992px) {
  .roomDetailSection .sliderPrev,
  .roomDetailSection .sliderNext {
    height: 35px;
    width: 35px;
  }
  .roomDetailSection .sliderPrev svg,
  .roomDetailSection .sliderNext svg {
    height: 15px;
  }
}
.roomDetailSection .sliderPrev {
  left: 20px;
}
.roomDetailSection .sliderNext {
  right: 20px;
}
.roomDetailSection .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 5px;
  bottom: 0;
  z-index: 20;
  left: 50%;
  margin-top: 24px;
}
.roomDetailSection .slick-dots > li button {
  cursor: pointer;
  border: none;
  font-size: 0;
  background-color: #d1d1d1;
  transition: all 0.35s ease-in-out;
  opacity: 0.8;
  width: 3vw;
  height: 8px;
  border-radius: 5px;
  outline: none;
}
.roomDetailSection .slick-dots > li.slick-active button {
  width: 6vw;
  background-color: #004391;
  opacity: 1;
}

.offerSection {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f7f7f7;
  position: relative;
  overflow: hidden;
}
.offerSection .bgLeft {
  position: absolute;
  top: 40px;
  right: 0;
  opacity: 0.3;
}
.offerSection .bgLeft img {
  width: 300px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .offerSection .bgLeft img {
    width: 200px;
  }
}
.offerSection .containerCustom2 {
  position: relative;
  z-index: 2;
}
.offerSection .backgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  z-index: 1;
  background-position: center;
  background-attachment: fixed;
}
.offerSection .backgroundImage img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .offerSection {
    background-color: #fff;
  }
}
.offerSection .offerWrapper .sectionTitle {
  display: flex;
  align-items: flex-end;
}
.offerSection .offerWrapper .sectionTitle h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #182430;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionTitle h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
.offerSection .offerWrapper .sectionBody {
  margin: 0 -8px;
}
.offerSection .offerWrapper .sectionBody .slick-track {
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody .slick-track {
    gap: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody {
    margin: 0 -8px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem {
  background-color: white;
  border-radius: 10px;
  float: none;
  height: auto;
  scale: 0.9;
  transition: 0.4s;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody .offerItem {
    margin: 0px 15px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem.slick-center {
  scale: 1;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap {
  padding: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .offerSection .offerWrapper .sectionBody .offerItem .paddingWrap {
    padding: 8px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .imgWrap {
  overflow: hidden;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .imgWrap:hover .zoomImageWrap {
  transform: scale(1.1);
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .imgWrap .zoomImageWrap {
  transition: all 0.3s;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo {
  padding: 15px 0px;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo h3 a {
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: 500;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  .offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo h3 a {
    font-size: 20px;
  }
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .offerMainInfo .offerInfo p {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn {
  margin-top: auto;
  padding: 0px;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn a {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.offerSection .offerWrapper .sectionBody .offerItem .paddingWrap .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.offerSection .offerWrapper .offerPagination {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin-top: 60px;
  position: relative;
}
.offerSection .offerWrapper .offerPagination .offerPaginationActive {
  background-color: #004391;
  width: 20%;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.offerSection .seaShell {
  position: absolute;
  right: 10%;
  bottom: 20%;
  width: 200px;
  z-index: 0;
}
.offerSection .seaShell img {
  width: 100%;
  height: auto;
}
.offerSection .leafDecoration {
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .offerSection .leafDecoration {
    display: none;
  }
}
.offerSection .leafDecoration.leaf1 {
  filter: grayscale(1);
  opacity: 0.2;
  transform: rotate(45deg);
  top: 0;
  left: -100px;
  width: 500px;
  height: 590px;
}
.offerSection .leafDecoration.leaf1 img {
  width: 100%;
  height: 100%;
}
.offerSection .leafDecoration.leaf2 {
  filter: grayscale(1);
  opacity: 0.2;
  right: 45%;
  width: 200px;
  transform: rotate(280deg);
  width: 200px;
  height: 235px;
  top: calc(50% - 117px);
}
.offerSection .leafDecoration.leaf2 img {
  width: 100%;
  height: 100%;
}
.offerSection .leafDecoration.leaf3 {
  filter: grayscale(1);
  opacity: 0.2;
  right: -100px;
  bottom: 0;
  transform: scaleX(-1);
}

.offerListTitle {
  padding-bottom: 30px;
}
.offerListTitle .title h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #182430;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .offerListTitle .title h2 {
    font-size: 28px;
  }
}
.offerListTitle .desc {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .offerListTitle .desc {
    width: 100%;
  }
}
.offerListTitle .desc p {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  .offerListTitle .desc p {
    font-size: 16px;
  }
}

.offerListContent {
  max-width: 1300px;
  width: 100%;
  margin: auto;
}
.offerListContent .offerListWrap .offerMainInfo {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #dc3927;
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap {
  overflow: hidden;
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap:hover .zoomImageWrap {
  transform: scale(1.1);
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap .zoomImageWrap {
  transition: all 0.3s;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo {
  padding: 15px 0px;
  position: relative;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .wrapBgFixed {
  position: absolute;
  z-index: -1;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .wrapBgFixed img {
  max-width: 800px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%, -50%);
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .offerName a {
  font-size: 32px;
  margin-bottom: 8px;
  font-weight: 400;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  .offerListContent .offerListWrap .offerMainInfo .offerInfo .offerName a {
    font-size: 20px;
  }
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .description {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.offerListContent .offerListWrap .detailBtn {
  margin-top: auto;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.offerListContent .offerListWrap .detailBtn a {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .offerListContent .offerListWrap .detailBtn a {
    font-size: 16px;
    padding: 10px 15px;
    min-width: unset;
  }
}
.offerListContent .offerListWrap .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.offerListContent .offerListWrap .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.offerListContent .offerListWrap .offerMainInfo {
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 576px) {
  .offerListContent .offerListWrap .offerMainInfo {
    flex-direction: column;
  }
}
@media only screen and (min-width: 577px) {
  .offerListContent .offerListWrap .offerMainInfo:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  .offerListContent .offerListWrap .offerMainInfo .imgWrap {
    width: 100%;
  }
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .offerListContent .offerListWrap .offerMainInfo .offerInfo {
    width: 100%;
  }
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .description {
  color: #182430 !important;
  -webkit-line-clamp: 4;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .detailBtn {
  margin-top: 30px;
}

.sectionTitle {
  padding-bottom: 30px;
}
.sectionTitle .title {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #182430;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .sectionTitle .title {
    font-size: 28px;
  }
}
.sectionTitle .desc {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .sectionTitle .desc {
    width: 100%;
  }
}
.sectionTitle .desc p {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  .sectionTitle .desc p {
    font-size: 16px;
  }
}

.meetingSection {
  background-color: white;
  position: relative;
  overflow: hidden;
}
.meetingSection .containerCustom2 {
  max-width: 1500px;
  margin: auto;
}
.meetingSection .bgLeft {
  position: absolute;
  top: 30px;
  left: 10%;
  opacity: 0.3;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .meetingSection .bgLeft {
    opacity: 0.2;
  }
}
.meetingSection .bgLeft img {
  max-width: 300px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.meetingSection .wrapListMettingAndWeeding .featuresItem {
  display: flex;
  gap: 32px;
  margin-bottom: 100px;
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem {
    flex-direction: column;
    gap: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem {
    margin-bottom: 30px;
  }
}
.meetingSection .wrapListMettingAndWeeding .featuresItem:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 992px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem:nth-child(even) {
    flex-direction: column;
  }
}
.meetingSection .wrapListMettingAndWeeding .featuresItem:nth-child(even) .wrapInfoContent::after {
  right: -100px;
  left: auto;
}
.meetingSection .wrapListMettingAndWeeding .featuresItem:nth-child(even) .wrapInfoContent {
  right: auto;
  left: 0;
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .imgWrap {
  width: 80%;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem .imgWrap {
    width: 100%;
  }
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent {
  display: flex;
  flex-direction: column;
  width: 350px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background-color: white;
  padding: 20px;
  height: 90%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .featuresTitle {
  position: relative;
  z-index: 1;
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .featuresContent {
  position: relative;
  z-index: 1;
  font-size: 18px;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
@media only screen and (max-width: 992px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent {
    width: 90%;
    position: relative;
    transform: translateY(-50px);
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent {
    width: 100%;
    transform: unset;
    box-shadow: none;
    padding: 10px;
  }
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .wapIcon {
  width: 70px;
}
@media only screen and (max-width: 1300px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .wapIcon {
    width: 50px;
  }
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .wapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .featuresTitle {
  margin-bottom: 15px;
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .featuresTitle > * {
  font-size: 30px;
  color: #182430 !important;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .featuresTitle > * {
    font-size: 28px;
  }
}
.meetingSection .wrapListMettingAndWeeding .featuresItem .wrapInfoContent .featuresTitle > * .featuresContent {
  font-size: 18px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
.meetingSection .wrapListMettingAndWeeding .detailBtn {
  margin-top: 15px;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.meetingSection .wrapListMettingAndWeeding .detailBtn a {
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .meetingSection .wrapListMettingAndWeeding .detailBtn a {
    font-size: 16px;
  }
}
.meetingSection .wrapListMettingAndWeeding .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.meetingSection .wrapListMettingAndWeeding .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.wrapListActivitiesv1 .entertainmentItem {
  position: relative;
  height: 100%;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.wrapListActivitiesv1 .entertainmentItem .wrapImgResize {
  transition: 0.4s;
}
.wrapListActivitiesv1 .entertainmentItem:hover .imgWrap .wrapImgResize {
  scale: 1.2;
}
.wrapListActivitiesv1 .entertainmentItem .imgWrap {
  margin-left: auto;
  border-radius: 10px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv1 .entertainmentItem .imgWrap {
    width: 100%;
  }
}
.wrapListActivitiesv1 .entertainmentItem .imgWrap .slideDecoration {
  padding: 25px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv1 .entertainmentItem .imgWrap .slideDecoration {
    padding: 18px;
  }
}
.wrapListActivitiesv1 .entertainmentItem .imgWrap .slideDecoration svg {
  width: 100%;
  height: 100%;
}
.wrapListActivitiesv1 .entertainmentItem .entertainmentInfo {
  background-color: #fff;
  z-index: 2;
  top: 50%;
  padding: 15px 30px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv1 .entertainmentItem .entertainmentInfo {
    position: static;
    transform: none;
    width: 100%;
    padding: 20px;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
  }
}
.wrapListActivitiesv1 .entertainmentItem .entertainmentInfo .title {
  margin-bottom: 15px;
}
.wrapListActivitiesv1 .entertainmentItem .entertainmentInfo .title h3 {
  font-size: 22px;
  font-weight: 500;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  text-transform: capitalize;
}
.wrapListActivitiesv1 .entertainmentItem .entertainmentInfo .title h3 a {
  color: black;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv1 .entertainmentItem .entertainmentInfo .title h3 {
    font-size: 20px;
  }
}
.wrapListActivitiesv1 .entertainmentItem .entertainmentInfo .desc {
  margin-bottom: 15px;
}
.wrapListActivitiesv1 .entertainmentItem .entertainmentInfo .desc p {
  font-size: 18px;
  line-height: 1.7;
  color: #182430;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.wrapListActivitiesv1 .entertainmentItem .entertainmentInfo .slideControl {
  border: 2px solid rgba(24, 36, 48, 0.6);
}
.wrapListActivitiesv1 .entertainmentItem .detailBtn {
  margin-top: auto;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 15px;
}
.wrapListActivitiesv1 .entertainmentItem .detailBtn a {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv1 .entertainmentItem .detailBtn a {
    font-size: 16px;
  }
}
.wrapListActivitiesv1 .entertainmentItem .detailBtn a .icon {
  display: flex;
  align-items: center;
}
.wrapListActivitiesv1 .entertainmentItem .detailBtn a .icon svg {
  height: 20px;
}
.wrapListActivitiesv1 .entertainmentItem .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapListActivitiesv1 .entertainmentItem .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.wrapListActivitiesv1 {
  padding-top: 30px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv1 {
    padding: 0px;
  }
}
.wrapListActivitiesv1 .bgLeft {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 400px;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv1 .bgLeft {
    max-width: 200px;
  }
}
.wrapListActivitiesv1 .bgLeft img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapListActivitiesv1 .bgRight {
  position: absolute;
  top: 0;
  right: 0;
  transform: scaleX(-1);
  max-width: 400px;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv1 .bgRight {
    max-width: 200px;
  }
}
.wrapListActivitiesv1 .bgRight img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapListActivitiesv1 .wrapHeadingTop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  max-width: 1000px;
  margin: auto;
  padding-bottom: 60px;
}
.wrapListActivitiesv1 .wrapHeadingTop .title {
  font-size: 32px;
  color: #004391;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv1 .wrapHeadingTop .title {
    font-size: 24px;
  }
}
.wrapListActivitiesv1 .wrapHeadingTop .desc {
  font-size: 18px;
  color: #262626;
}
.wrapListActivitiesv1 .wrapHeadingTop .wrapIcon {
  max-width: 100px;
  padding-top: 10px;
  border-top: 3px solid #004391;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv1 .wrapHeadingTop .wrapIcon {
    max-width: 70px;
  }
}
.wrapListActivitiesv1 .wrapHeadingTop .wrapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapListActivitiesv1 .wrapPaginaion {
  margin-top: 60px;
}
.wrapListActivitiesv1 .wrapList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv1 .wrapList {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 576px) {
  .wrapListActivitiesv1 .wrapList {
    grid-template-columns: 1fr;
  }
}

.layoutActivities {
  padding: 60px 0px !important;
}
@media only screen and (max-width: 768px) {
  .layoutActivities {
    padding: 40px 0px !important;
  }
}
.layoutActivities .slideItem.slick-slide {
  height: auto;
}
.layoutActivities .slick-list {
  padding-bottom: 20px;
}

.wrapListActivitiesv2 {
  padding-bottom: 80px;
}

.wrapListActivitiesv2 .entertainmentItem {
  margin-bottom: 60px;
  background-color: #ffffff;
  display: flex;
  transition: transform 0.3s;
  overflow: hidden;
}
.wrapListActivitiesv2 .entertainmentItem:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  .wrapListActivitiesv2 .entertainmentItem:nth-child(even) {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .wrapListActivitiesv2 .entertainmentItem {
    height: calc(100vh - 200px);
  }
}
@media only screen and (max-width: 1300px) {
  .wrapListActivitiesv2 .entertainmentItem {
    height: calc(100vh - 400px);
  }
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .entertainmentItem {
    height: auto;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 1024px) {
  .wrapListActivitiesv2 .entertainmentItem {
    flex-direction: column;
    position: relative;
    height: 100%;
    top: 0;
  }
}
.wrapListActivitiesv2 .entertainmentItem .wrapImgResize {
  transition: 0.4s;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .entertainmentItem .wrapImgResize {
    padding-top: 56% !important;
  }
}
.wrapListActivitiesv2 .entertainmentItem:hover .imgWrap .wrapImgResize {
  scale: 1.2;
}
.wrapListActivitiesv2 .entertainmentItem .imgWrap {
  margin-left: auto;
  position: relative;
  width: 65%;
  overflow: hidden;
}
.wrapListActivitiesv2 .entertainmentItem .imgWrap .wrapImgResize {
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .wrapListActivitiesv2 .entertainmentItem .imgWrap .wrapImgResize {
    padding-top: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .wrapListActivitiesv2 .entertainmentItem .imgWrap {
    width: 100%;
  }
}
.wrapListActivitiesv2 .entertainmentItem .imgWrap .slideDecoration {
  padding: 25px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .entertainmentItem .imgWrap .slideDecoration {
    padding: 18px;
  }
}
.wrapListActivitiesv2 .entertainmentItem .imgWrap .slideDecoration svg {
  width: 100%;
  height: 100%;
}
.wrapListActivitiesv2 .entertainmentItem .entertainmentInfo {
  background-color: #fff;
  z-index: 2;
  top: 50%;
  padding: 15px 30px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .wrapListActivitiesv2 .entertainmentItem .entertainmentInfo {
    position: static;
    transform: none;
    width: 100%;
    padding: 20px;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
    justify-content: flex-start;
  }
}
.wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .title {
  margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
  .wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .title {
    margin-bottom: 4px;
  }
}
.wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .title h3 {
  font-size: 38px;
  font-weight: 400;
  color: #182430;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}
.wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .title h3 a {
  color: black;
}
@media only screen and (max-width: 1024px) {
  .wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .title h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .title h3 {
    font-size: 20px;
  }
}
.wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .desc {
  margin-bottom: 15px;
}
.wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .desc p {
  font-size: 20px;
  line-height: 1.7;
  color: #182430;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .desc p {
    font-size: 16px;
  }
}
.wrapListActivitiesv2 .entertainmentItem .entertainmentInfo .slideControl {
  border: 2px solid rgba(24, 36, 48, 0.6);
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .entertainmentItem .detailBtn {
    margin-top: auto;
  }
}
.wrapListActivitiesv2 .entertainmentItem .detailBtn a {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .entertainmentItem .detailBtn a {
    font-size: 16px;
  }
}
.wrapListActivitiesv2 .entertainmentItem .detailBtn a .icon {
  display: flex;
  align-items: center;
}
.wrapListActivitiesv2 .entertainmentItem .detailBtn a .icon svg {
  height: 20px;
}
.wrapListActivitiesv2 .entertainmentItem .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.wrapListActivitiesv2 .entertainmentItem .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.wrapListActivitiesv2 {
  position: relative;
}
.wrapListActivitiesv2 .bgLeft {
  position: absolute;
  top: 30px;
  left: 10%;
  opacity: 0.3;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv2 .bgLeft {
    opacity: 0.2;
  }
}
.wrapListActivitiesv2 .bgLeft img {
  max-width: 400px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapListActivitiesv2 .wrapHeadingTop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  max-width: 1000px;
  margin: auto;
  padding-bottom: 60px;
}
.wrapListActivitiesv2 .wrapHeadingTop .title {
  font-size: 32px;
  color: #182430;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv2 .wrapHeadingTop .title {
    font-size: 24px;
  }
}
.wrapListActivitiesv2 .wrapHeadingTop .desc {
  font-size: 18px;
  color: #262626;
}
.wrapListActivitiesv2 .wrapHeadingTop .wrapIcon {
  max-width: 100px;
  padding-top: 10px;
  border-top: 3px solid #004391;
}
@media only screen and (max-width: 768px) {
  .wrapListActivitiesv2 .wrapHeadingTop .wrapIcon {
    max-width: 70px;
  }
}
.wrapListActivitiesv2 .wrapHeadingTop .wrapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapListActivitiesv2 .wrapPaginaion {
  margin-top: 60px;
}
@media only screen and (max-width: 992px) {
  .wrapListActivitiesv2 .wrapPaginaion {
    margin-top: 30px;
  }
}

.layoutActivities .wrapHeading {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #dc3927;
}
.layoutActivities .wrapHeading .heading {
  font-weight: 400;
}
.layoutActivities .wrapHeading .wrapLine {
  background-color: #dc3927;
}
.layoutActivities .slideItem.slick-slide {
  height: auto;
}
.layoutActivities .slick-list {
  padding-bottom: 20px;
}

.offerListContent {
  max-width: 1300px;
  width: 100%;
  margin: auto;
}
.offerListContent .offerListWrap .offerMainInfo {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #dc3927;
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap {
  overflow: hidden;
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap:hover .zoomImageWrap {
  transform: scale(1.1);
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap .zoomImageWrap {
  transition: all 0.3s;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo {
  padding: 15px 0px;
  position: relative;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .wrapBgFixed {
  position: absolute;
  z-index: -1;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .wrapBgFixed img {
  max-width: 800px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%, -50%);
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .offerName a {
  font-size: 32px;
  margin-bottom: 8px;
  font-weight: 400;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  .offerListContent .offerListWrap .offerMainInfo .offerInfo .offerName a {
    font-size: 20px;
  }
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .description {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.offerListContent .offerListWrap .detailBtn {
  margin-top: auto;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.offerListContent .offerListWrap .detailBtn a {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .offerListContent .offerListWrap .detailBtn a {
    font-size: 16px;
    padding: 10px 15px;
    min-width: unset;
  }
}
.offerListContent .offerListWrap .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.offerListContent .offerListWrap .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.offerListContent .offerListWrap .offerMainInfo {
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 576px) {
  .offerListContent .offerListWrap .offerMainInfo {
    flex-direction: column;
  }
}
@media only screen and (min-width: 577px) {
  .offerListContent .offerListWrap .offerMainInfo:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.offerListContent .offerListWrap .offerMainInfo .imgWrap {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  .offerListContent .offerListWrap .offerMainInfo .imgWrap {
    width: 100%;
  }
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .offerListContent .offerListWrap .offerMainInfo .offerInfo {
    width: 100%;
  }
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .description {
  color: #182430 !important;
  -webkit-line-clamp: 4;
}
.offerListContent .offerListWrap .offerMainInfo .offerInfo .detailBtn {
  margin-top: 30px;
}

.offerListTitle {
  padding-bottom: 30px;
}
.offerListTitle .title h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #182430;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .offerListTitle .title h2 {
    font-size: 28px;
  }
}
.offerListTitle .desc {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .offerListTitle .desc {
    width: 100%;
  }
}
.offerListTitle .desc p {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  .offerListTitle .desc p {
    font-size: 16px;
  }
}

.offerList {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
.offerList .bgLeft {
  position: absolute;
  top: 30px;
  left: 10%;
  opacity: 0.4;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .offerList .bgLeft {
    opacity: 0.3;
  }
}
.offerList .bgLeft img {
  max-width: 300px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.offerList .wrapHeadingTitle {
  padding-top: 0px;
}
@media only screen and (max-width: 992px) {
  .offerList {
    padding: 30px 0;
  }
}
.offerList .containerCustom2 {
  position: relative;
  z-index: 1;
}
.offerList .leafDecoration {
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .offerList .leafDecoration {
    display: none;
  }
}
.offerList .leafDecoration.leaf1 {
  opacity: 0.2;
  transform: rotate(45deg);
  top: 0;
  left: -100px;
  width: 500px;
  height: 590px;
}
.offerList .leafDecoration.leaf1 img {
  width: 100%;
  height: 100%;
}
.offerList .leafDecoration.leaf2 {
  opacity: 0.2;
  right: 45%;
  width: 200px;
  transform: rotate(280deg);
  width: 200px;
  height: 235px;
  top: calc(50% - 117px);
}
.offerList .leafDecoration.leaf2 img {
  width: 100%;
  height: 100%;
}
.offerList .leafDecoration.leaf3 {
  opacity: 0.2;
  right: -100px;
  bottom: 0;
  transform: scaleX(-1);
}

.wrapLayoutService.wrapLayoutServiceOffer {
  padding: 0;
}
.wrapLayoutService.wrapLayoutServiceOffer .bgLeft img {
  transform: unset;
}
.wrapLayoutService.wrapLayoutServiceOffer .wrapHeading {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #dc3927;
}
.wrapLayoutService.wrapLayoutServiceOffer .wrapHeading .heading {
  font-weight: 400;
}
.wrapLayoutService.wrapLayoutServiceOffer .wrapHeading .wrapLine {
  background-color: #dc3927;
}
.wrapLayoutService.wrapLayoutServiceOffer .mainContentWrap {
  padding: 60px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .wrapLayoutService.wrapLayoutServiceOffer .mainContentWrap {
    padding: 30px 0;
  }
}
.wrapLayoutService.wrapLayoutServiceOffer .relatedWrap {
  background-color: #f7f7f7;
  padding: 60px 0;
}
@media only screen and (max-width: 992px) {
  .wrapLayoutService.wrapLayoutServiceOffer .relatedWrap {
    padding: 30px 0;
  }
}
.wrapLayoutService.wrapLayoutServiceOffer .relatedWrap .RelatedService {
  padding: 0;
}

.offerItem {
  background-color: white;
  border-radius: 10px;
  float: none;
  height: auto;
}
.offerItem .paddingWrap {
  padding: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .offerItem .paddingWrap {
    padding: 8px;
  }
}
.offerItem .paddingWrap .offerMainInfo .imgWrap {
  overflow: hidden;
}
.offerItem .paddingWrap .offerMainInfo .imgWrap:hover .zoomImageWrap {
  transform: scale(1.1);
}
.offerItem .paddingWrap .offerMainInfo .imgWrap .zoomImageWrap {
  transition: all 0.3s;
}
.offerItem .paddingWrap .offerMainInfo .offerInfo {
  padding: 15px 0px;
}
.offerItem .paddingWrap .offerMainInfo .offerInfo h3 a {
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: 500;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  .offerItem .paddingWrap .offerMainInfo .offerInfo h3 a {
    font-size: 20px;
  }
}
.offerItem .paddingWrap .offerMainInfo .offerInfo p {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.offerItem .paddingWrap .detailBtn {
  margin-top: auto;
  padding: 0px;
}
.offerItem .paddingWrap .detailBtn a {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .offerItem .paddingWrap .detailBtn a {
    font-size: 16px;
    padding: 10px 15px;
    min-width: unset;
  }
}
.offerItem .paddingWrap .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.offerItem .paddingWrap .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.listImageDetail {
  margin: 80px auto;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .listImageDetail {
    margin: 40px auto;
  }
}
.listImageDetail .colItemCard {
  margin-bottom: 25px;
}
.listImageDetail .wrapCardGalleryDetail {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.listImageDetail .wrapCardGalleryDetail:hover .wrapperOvellay {
  opacity: 1;
}
.listImageDetail .wrapCardGalleryDetail .wrapperOvellay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
}

.playBtn {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #dc3927;
  border-radius: 100%;
  border: #fff solid 1px;
  position: relative;
  animation: shadowPulse 1s infinite linear;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playBtn svg {
  width: 20px;
  height: 20px;
  fill: white;
}
@media only screen and (max-width: 576px) {
  .playBtn svg {
    width: 15px;
    height: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .playBtn {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .playBtn {
    width: 40px;
    height: 40px;
  }
}

@keyframes ringPulse {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  10% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes shadowPulse {
  0% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  }
  10% {
    box-shadow: 0 0 8px 6px white, 0 0 12px 10px transparent, 0 0 12px 5px white;
  }
  80%, 100% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 40px transparent, 0 0 0 40px transparent;
  }
}
.wrapContainerCategory {
  padding: 60px 0;
}
@media only screen and (max-width: 768px) {
  .wrapContainerCategory {
    padding: 30px 0;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory {
  position: relative;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory {
    margin-top: 15px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapImgResize img {
  filter: brightness(0.8);
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapImgResize {
  overflow: hidden;
  transition: 0.4s all;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory:hover .wrapImgResize {
  scale: 1.3;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .subText {
  font-size: 18px;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .title {
  font-size: 36px;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .title {
    font-size: 20px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .wrapLine {
  height: 50px;
  width: 2px;
  background-color: white;
}
@media only screen and (max-width: 576px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .wrapLine {
    height: 30px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .numberText {
  font-size: 50px;
}
@media only screen and (max-width: 576px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .numberText {
    font-size: 30px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .cardDecoration {
  padding: 25px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory .cardDecoration {
    padding: 18px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .cardDecoration svg {
  width: 100%;
  height: 100%;
}

.blogList {
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .blogList {
    padding-bottom: 30px;
  }
}
.blogList .blogListWrap {
  position: relative;
  z-index: 1;
}
.blogList .blogListWrap .row {
  row-gap: 24px;
}
.blogList .blogListWrap .blogItem {
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.blogList .blogListWrap .blogItem .imgWrap {
  overflow: hidden;
}
.blogList .blogListWrap .blogItem .imgWrap:hover .zoomImageWrap {
  transform: scale(1.1);
}
.blogList .blogListWrap .blogItem .imgWrap .zoomImageWrap {
  transition: all 0.3s;
}
.blogList .blogListWrap .blogItem .infoWrap {
  margin-top: 8px;
  margin-bottom: 16px;
}
.blogList .blogListWrap .blogItem .infoWrap .title h3 a {
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: 500;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  transition: all 0.3s;
}
@media only screen and (max-width: 992px) {
  .blogList .blogListWrap .blogItem .infoWrap .title h3 a {
    font-size: 20px;
  }
}
.blogList .blogListWrap .blogItem .infoWrap .title h3:hover a {
  color: #004391;
}
.blogList .blogListWrap .blogItem .infoWrap .date {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.blogList .blogListWrap .blogItem .infoWrap .date .icon {
  display: flex;
  align-items: center;
}
.blogList .blogListWrap .blogItem .infoWrap .date .icon svg {
  height: 20px;
}
.blogList .blogListWrap .blogItem .infoWrap .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.blogList .blogListWrap .blogItem .infoWrap .desc p {
  font-size: 18px;
  line-height: 1.5;
  color: #182430;
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  .blogList .blogListWrap .blogItem .infoWrap .desc p {
    font-size: 16px;
  }
}
.blogList .blogListWrap .blogItem .detailBtn {
  margin-top: auto;
  padding: 0px;
}
.blogList .blogListWrap .blogItem .detailBtn a {
  min-width: 140px;
  display: inline-block;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
}
.blogList .blogListWrap .blogItem .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.blogList .blogListWrap .blogItem .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.leafDecoration {
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .leafDecoration {
    display: none;
  }
}
.leafDecoration.leaf1 {
  opacity: 0.2;
  transform: unset;
  top: 0;
  left: 0;
  width: 300px;
  height: 390px;
}
.leafDecoration.leaf1 img {
  width: 100%;
  height: 100%;
}
.leafDecoration.leaf2 {
  opacity: 0.2;
  right: 45%;
  width: 200px;
  width: 200px;
  height: 235px;
  top: calc(50% - 117px);
}
.leafDecoration.leaf2 img {
  width: 100%;
  height: 100%;
}
.leafDecoration.leaf3 {
  opacity: 0.2;
  right: 0px;
  bottom: 0;
  transform: scaleX(-1);
}

.blogListTitle {
  padding: 60px 0;
  padding-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .blogListTitle {
    padding: 30px 0;
  }
}
.blogListTitle .title h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #004391;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .blogListTitle .title h2 {
    font-size: 28px;
  }
}
.blogListTitle .desc {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .blogListTitle .desc {
    width: 100%;
  }
}
.blogListTitle .desc p {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  .blogListTitle .desc p {
    font-size: 16px;
  }
}

.blogDetail {
  padding: 60px 0;
}
@media only screen and (max-width: 992px) {
  .blogDetail {
    padding: 30px 0;
  }
}
.blogDetail .blogDetailWrap .row {
  row-gap: 24px;
}
.blogDetail .blogDetailWrap .mainContentWrap .imgWrap {
  border-radius: 10px;
  overflow: hidden;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap {
  padding-bottom: 16px;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .title h2 {
  font-size: 38px;
  margin: 8px 0;
  font-weight: 400;
  color: #004391;
}
@media only screen and (max-width: 992px) {
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .title h2 {
    font-size: 28px;
  }
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .author,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .date {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .author .icon,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .date .icon {
  display: flex;
  align-items: center;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .author .icon svg,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .date .icon svg {
  height: 20px;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .author .text,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .titleWrap .blogInfo .date .text {
  font-size: 16px;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h1,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h2,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h3,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h4,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h5,
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h6 {
  font-size: 24px;
  font-family: 500;
  color: #004391;
}
@media only screen and (max-width: 992px) {
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h1,
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h2,
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h3,
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h4,
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h5,
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap h6 {
    font-size: 22px;
  }
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap p {
  font-size: 18px;
  line-height: 1.4;
  margin: 16px 0;
  color: #182430;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap p:first-child {
  margin-top: 0;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap p {
    font-size: 16px;
  }
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap ul {
  all: revert;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap ul li::marker {
  color: #004391;
  font-size: 18px;
}
@media only screen and (max-width: 992px) {
  .blogDetail .blogDetailWrap .mainContentWrap .contentWrap .contentWrap ul li::marker {
    font-size: 16px;
  }
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarTitle {
  margin-bottom: 16px;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarTitle h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem {
  display: flex;
  gap: 10px;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .imgWrap {
  width: 35%;
  border-radius: 10px;
  overflow: hidden;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .imgWrap .wrapImgResize {
  height: 100%;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .blogInfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .blogInfo .blogName {
  min-height: 40px;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .blogInfo .blogName h4 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-weight: 500;
  color: #182430;
  transition: all 0.3s;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .blogInfo .blogName h4:hover a {
  color: #004391;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .blogInfo .date {
  display: flex;
  gap: 4px;
}
.blogDetail .blogDetailWrap .sideBarWrap .sideBarContent .relatedBlogItem .blogInfo .date .icon svg {
  height: 18px;
}
.blogDetail .wrapShare {
  display: flex;
  align-items: center;
  z-index: 10;
  margin-top: 16px;
  gap: 16px;
}
.blogDetail .wrapShare .text {
  font-weight: 500;
  font-size: 18px;
}
.blogDetail .wrapShare .titleShare {
  margin-right: 15px;
  font-weight: 700;
  margin-bottom: 0;
  white-space: nowrap;
}
.blogDetail .wrapShare .st-btn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blogDetail .wrapShare .st-btn.copied {
  pointer-events: none;
  background-color: #16a34a !important;
}
.blogDetail .wrapShare .st-btn > svg {
  display: inline-block;
  color: white;
}
.blogDetail .wrapShare .st-btn[data-network=zalo] {
  padding: 0 3px !important;
  min-width: 36px;
}
.blogDetail .wrapShare .zalo-share-button {
  height: 100%;
  position: relative;
}
.blogDetail .wrapShare .zalo-share-button::before {
  animation: button-loading-spinner 1s linear infinite;
  border: 3px solid;
  border-color: #fff #fff transparent;
  border-radius: 50%;
  content: "";
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  background: none;
  pointer-events: none;
}
.blogDetail .wrapShare .share-inline-share-buttons {
  white-space: nowrap;
}
@media (max-width: 991px) {
  .blogDetail .wrapShare {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .blogDetail .wrapShare {
    margin-top: 20px;
  }
  .blogDetail .wrapShare .titleShare {
    font-size: 14px;
  }
}
@keyframes button-loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
.blogDetail .st-close span {
  display: none;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .blogDetail .st-close {
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px !important;
  }
  .blogDetail .st-close span {
    display: block;
  }
  .blogDetail .st-close svg {
    display: none;
  }
}

.wrapGalleryBlock {
  max-width: 800px;
  margin: auto;
  width: 100%;
  padding: 60px 0;
}
.wrapGalleryBlock .wrapHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
  text-align: center;
}
.wrapGalleryBlock .wrapHeading .title {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .wrapGalleryBlock .wrapHeading .title {
    font-size: 24px;
  }
}
.wrapGalleryBlock .wrapHeading .desc {
  font-size: 18px;
}
.wrapGalleryBlock .wrapHeading .wrapIcon {
  max-width: 70px;
}
@media only screen and (max-width: 768px) {
  .wrapGalleryBlock .wrapHeading .wrapIcon {
    max-width: 50px;
  }
}
.wrapGalleryBlock .wrapHeading .wrapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .wrapGalleryBlock {
    padding: 40px 0;
  }
}

.wrapContainerCategory {
  padding: 60px 0;
}
@media only screen and (max-width: 768px) {
  .wrapContainerCategory {
    padding: 30px 0;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory {
  position: relative;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory {
    margin-top: 15px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapImgResize img {
  filter: brightness(0.8);
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapImgResize {
  overflow: hidden;
  transition: 0.4s all;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory:hover .wrapImgResize {
  scale: 1.3;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .subText {
  font-size: 18px;
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .title {
  font-size: 36px;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .title {
    font-size: 20px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .wrapLine {
  height: 50px;
  width: 2px;
  background-color: white;
}
@media only screen and (max-width: 576px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .wrapLine {
    height: 30px;
  }
}
.wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .numberText {
  font-size: 50px;
}
@media only screen and (max-width: 576px) {
  .wrapContainerCategory .wrapCategoryContent .wrapCardCategory .wrapInfo .numberText {
    font-size: 30px;
  }
}

.wrapTabGallery {
  max-width: 400px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: auto;
  padding-top: 80px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .wrapTabGallery {
    padding-top: 40px;
  }
}
.wrapTabGallery .btnStyleTab {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border: none;
  color: #dc3927;
  font-size: 16px;
  font-weight: 400;
  border: 2px solid #dc3927;
  text-align: center;
  outline: unset;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  /* Standard syntax */
  height: 47px;
  padding: 0 20px;
  white-space: nowrap;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  position: relative;
  text-decoration: none;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .wrapTabGallery .btnStyleTab {
    height: 40px;
  }
}
.wrapTabGallery .btnStyleTab.active {
  background-color: #dc3927;
  color: white;
}

.listGallery.listGalleryVideo {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .listGallery.listGalleryVideo {
    margin-bottom: 40px;
  }
}
.listGallery .wrapCardGalleryDetail {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.listGallery .wrapCardGalleryDetail:hover .wrapperOvellay {
  opacity: 1;
}
.listGallery .wrapCardGalleryDetail .wrapperOvellay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
  cursor: pointer;
}
.listGallery .wrapCardGallery {
  position: relative;
  padding: 15px;
  background-color: #fff;
  box-shadow: 4px 4px 20px 0px rgba(5, 30, 53, 0.15);
  margin-bottom: 60px;
  display: block;
}
.listGallery .wrapCardGallery .wrapImgResize img {
  filter: brightness(0.8);
  transition: 0.4s all;
}
.listGallery .wrapCardGallery .wrapImgResize {
  overflow: hidden;
}
.listGallery .wrapCardGallery .wrapImgResize:hover img {
  scale: 1.1;
}
.listGallery .wrapCardGallery .wrapFooter {
  position: absolute;
  padding: 16px 8px;
  background-color: #fff;
  width: 80%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  border: 1px solid #fff;
  min-height: 70px;
  box-shadow: 4px 4px 20px 0px rgba(5, 30, 53, 0.15);
  display: flex;
  align-items: center;
}
.listGallery .wrapCardGallery .wrapFooter .title {
  font-size: 18px;
  color: #004391;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.listImageDetail {
  margin: 80px auto;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .listImageDetail {
    margin: 40px auto;
  }
}
.listImageDetail .colItemCard {
  margin-bottom: 25px;
}
.listImageDetail .wrapCardGalleryDetail {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.listImageDetail .wrapCardGalleryDetail:hover .wrapperOvellay {
  opacity: 1;
}
.listImageDetail .wrapCardGalleryDetail .wrapperOvellay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
}

.playBtn {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #dc3927;
  border-radius: 100%;
  border: #fff solid 1px;
  position: relative;
  animation: shadowPulse 1s infinite linear;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playBtn svg {
  width: 20px;
  height: 20px;
  fill: white;
}
@media only screen and (max-width: 576px) {
  .playBtn svg {
    width: 15px;
    height: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .playBtn {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .playBtn {
    width: 40px;
    height: 40px;
  }
}

@keyframes ringPulse {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  10% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes shadowPulse {
  0% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  }
  10% {
    box-shadow: 0 0 8px 6px white, 0 0 12px 10px transparent, 0 0 12px 5px white;
  }
  80%, 100% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 40px transparent, 0 0 0 40px transparent;
  }
}
.listVideoDetail {
  margin: 80px auto;
}
@media only screen and (max-width: 768px) {
  .listVideoDetail {
    margin: 40px auto;
  }
}
.listVideoDetail .colItemCard {
  margin-bottom: 25px;
}
.listVideoDetail .wrapCardGalleryDetail {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.listVideoDetail .wrapCardGalleryDetail:hover .wrapperOvellay {
  opacity: 1;
}
.listVideoDetail .wrapCardGalleryDetail .wrapBottomInfo {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  width: 90%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 15px;
}
.listVideoDetail .wrapCardGalleryDetail .wrapBottomInfo h3 {
  font-size: 18px;
  margin-bottom: 0px;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.listVideoDetail .wrapCardGalleryDetail .wrapperOvellay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
}

.playBtn {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #dc3927;
  border-radius: 100%;
  border: #fff solid 1px;
  position: relative;
  animation: shadowPulse 1s infinite linear;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playBtn svg {
  width: 20px;
  height: 20px;
  fill: white;
}
@media only screen and (max-width: 576px) {
  .playBtn svg {
    width: 15px;
    height: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .playBtn {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .playBtn {
    width: 40px;
    height: 40px;
  }
}

@keyframes ringPulse {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  10% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes shadowPulse {
  0% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  }
  10% {
    box-shadow: 0 0 8px 6px white, 0 0 12px 10px transparent, 0 0 12px 5px white;
  }
  80%, 100% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 40px transparent, 0 0 0 40px transparent;
  }
}
.wrapContentViewVideoDetail {
  padding: 60px 0;
}
.wrapContentViewVideoDetail iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1300px) {
  .wrapContentViewVideoDetail iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.wrapContentViewVideoDetail video {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1300px) {
  .wrapContentViewVideoDetail video {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .wrapContentViewVideoDetail {
    padding-bottom: 40px;
  }
}
.wrapContentViewVideoDetail .mainContentVideo {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 20px;
}
@media only screen and (max-width: 1300px) {
  .wrapContentViewVideoDetail .mainContentVideo {
    grid-template-columns: 1fr;
  }
}
.wrapContentViewVideoDetail .mainContentVideo .video-player {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  height: 100%;
}
.wrapContentViewVideoDetail .mainContentVideo .video-player .wrapBottomInfo {
  margin-top: 15px;
  padding: 5px 10px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  border-radius: 4px;
}
.wrapContentViewVideoDetail .mainContentVideo .video-player .wrapBottomInfo h3 {
  font-size: 18px;
  margin-bottom: 0px;
}
.wrapContentViewVideoDetail .mainContentVideo .video-container {
  position: relative;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1300px) {
  .wrapContentViewVideoDetail .mainContentVideo .video-container {
    padding-bottom: 56.25%;
    cursor: pointer;
  }
}
.wrapContentViewVideoDetail .mainContentVideo .video-placeholder {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1300px) {
  .wrapContentViewVideoDetail .mainContentVideo .video-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.wrapContentViewVideoDetail .mainContentVideo .video-placeholder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapContentViewVideoDetail .mainContentVideo .play-button {
  width: 80px;
  height: 80px;
  position: relative;
  cursor: pointer;
  background-color: #dc3927;
  animation: shadowPulse 1s infinite linear;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 992px) {
  .wrapContentViewVideoDetail .mainContentVideo .play-button {
    width: 60px;
    height: 60px;
  }
}
.wrapContentViewVideoDetail .mainContentVideo .play-button::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 25px solid white;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  margin-left: 5px;
}
@media only screen and (max-width: 992px) {
  .wrapContentViewVideoDetail .mainContentVideo .play-button::after {
    border-left: 20px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
}
.wrapContentViewVideoDetail .playlist-header {
  padding: 0px 15px;
}
.wrapContentViewVideoDetail .playlist-header .playlist-title {
  font-size: 24px;
  margin-bottom: 10px;
}
.wrapContentViewVideoDetail .playlist-items {
  max-height: 680px;
  overflow-y: auto;
  padding: 0px 10px;
}
@media only screen and (max-width: 1300px) {
  .wrapContentViewVideoDetail .playlist-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    max-height: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .wrapContentViewVideoDetail .playlist-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 576px) {
  .wrapContentViewVideoDetail .playlist-items {
    gap: 8px;
    padding: 0px;
  }
}
.wrapContentViewVideoDetail .playlist-items::-webkit-scrollbar {
  width: 6px;
}
.wrapContentViewVideoDetail .playlist-items::-webkit-scrollbar-track {
  background: rgb(230, 224, 224);
}
.wrapContentViewVideoDetail .playlist-items::-webkit-scrollbar-thumb {
  background: #dc3927;
  border-radius: 3px;
}
.wrapContentViewVideoDetail .playlist-items .wrapCardVideo {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 10px;
}
.wrapContentViewVideoDetail .playlist-items .wrapCardVideo .wrapBottomInfo {
  padding: 10px 5px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.wrapContentViewVideoDetail .playlist-items .wrapCardVideo .wrapBottomInfo h3 {
  font-size: 18px;
  margin-bottom: 0px;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1300px) {
  .wrapContentViewVideoDetail .playlist-items .wrapCardVideo {
    margin-bottom: 0px;
  }
}
.wrapContentViewVideoDetail .playlist-items .wrapCardVideo.isActive {
  border: 2px solid #dc3927;
}
.wrapContentViewVideoDetail .playlist-items .wrapCardVideo:hover .wrapperOvellay {
  opacity: 1;
}
.wrapContentViewVideoDetail .playlist-items .wrapCardVideo .wrapperOvellay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
}
@keyframes ringPulse {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  10% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes shadowPulse {
  0% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  }
  10% {
    box-shadow: 0 0 8px 6px white, 0 0 12px 10px transparent, 0 0 12px 5px white;
  }
  80%, 100% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 40px transparent, 0 0 0 40px transparent;
  }
}

.destinationSection {
  position: relative;
  padding-bottom: 80px;
}
.destinationSection .bgLeft {
  position: absolute;
  top: 30px;
  left: 10%;
  opacity: 0.3;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .destinationSection .bgLeft {
    opacity: 0.2;
  }
}
.destinationSection .bgLeft img {
  max-width: 400px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.destinationSection .wraplistDestination .destinationItem {
  display: flex;
  gap: 32px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1300px) {
  .destinationSection .wraplistDestination .destinationItem {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .destinationSection .wraplistDestination .destinationItem {
    flex-direction: column;
  }
}
.destinationSection .wraplistDestination .destinationItem:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 992px) {
  .destinationSection .wraplistDestination .destinationItem:nth-child(even) {
    flex-direction: column;
  }
}
.destinationSection .wraplistDestination .destinationItem:nth-child(even) .wrapInfoContent::after {
  right: -100px;
  left: auto;
}
.destinationSection .wraplistDestination .destinationItem .imgWrap {
  width: 50%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .destinationSection .wraplistDestination .destinationItem .imgWrap {
    width: 100%;
  }
}
.destinationSection .wraplistDestination .destinationItem .wrapInfoContent {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .destinationSection .wraplistDestination .destinationItem .wrapInfoContent {
    width: 100%;
  }
}
.destinationSection .wraplistDestination .destinationItem .wrapInfoContent .wapIcon {
  width: 100px;
}
@media only screen and (max-width: 1300px) {
  .destinationSection .wraplistDestination .destinationItem .wrapInfoContent .wapIcon {
    width: 70px;
  }
}
.destinationSection .wraplistDestination .destinationItem .wrapInfoContent .wapIcon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.destinationSection .wraplistDestination .destinationItem .wrapInfoContent .featuresTitle {
  margin-bottom: 15px;
}
.destinationSection .wraplistDestination .destinationItem .wrapInfoContent .featuresTitle > * {
  font-size: 38px;
  color: #182430 !important;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .destinationSection .wraplistDestination .destinationItem .wrapInfoContent .featuresTitle > * {
    font-size: 28px;
  }
}
.destinationSection .wraplistDestination .destinationItem .wrapInfoContent .subTitle {
  font-size: 18px;
  margin-bottom: 15px;
  color: #dc3927;
}
.destinationSection .wraplistDestination .destinationItem .wrapInfoContent .featuresContent {
  font-size: 18px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
.destinationSection .wraplistDestination .detailBtn {
  margin-top: 15px;
  padding: 0px;
}
.destinationSection .wraplistDestination .detailBtn a {
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3927;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .destinationSection .wraplistDestination .detailBtn a {
    font-size: 16px;
  }
}
.destinationSection .wraplistDestination .detailBtn a:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.destinationSection .wraplistDestination .detailBtn a::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}

.wrapDetailDestinaiton {
  position: relative;
  padding-top: 60px;
}
@media only screen and (max-width: 768px) {
  .wrapDetailDestinaiton {
    padding-top: 40px;
  }
}
.wrapDetailDestinaiton .wrapTop {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dc3927;
}
.wrapDetailDestinaiton .wrapTop .heading {
  font-size: 32px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .wrapDetailDestinaiton .wrapTop .heading {
    font-size: 24px;
  }
}
.wrapDetailDestinaiton .wrapTop .subTitle {
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  background: linear-gradient(135deg, #ff6b6b, #e2380e);
  padding: 8px 20px;
  border-radius: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
  animation: bounce 2s ease-in-out infinite;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .wrapDetailDestinaiton .wrapTop .subTitle {
    font-size: 8px;
  }
}
.wrapDetailDestinaiton .bgLeft {
  position: absolute;
  top: 30px;
  left: 0;
  opacity: 0.4;
  z-index: 0;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .wrapDetailDestinaiton .bgLeft {
    opacity: 0.2;
  }
}
.wrapDetailDestinaiton .bgLeft img {
  max-width: 600px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .wrapDetailDestinaiton .bgLeft img {
    max-width: 200px;
  }
}
.wrapDetailDestinaiton .bgRight {
  position: absolute;
  top: 30px;
  right: 0;
  opacity: 0.4;
  z-index: 0;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .wrapDetailDestinaiton .bgRight {
    opacity: 0.2;
  }
}
.wrapDetailDestinaiton .bgRight img {
  max-width: 600px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .wrapDetailDestinaiton .bgRight img {
    max-width: 200px;
  }
}
.wrapDetailDestinaiton .wrapContent {
  max-width: 1100px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.wrapDestinationRelated {
  margin-top: 60px;
  margin-bottom: 50px;
}
.wrapDestinationRelated .slick-track {
  padding: 15px 0px;
}
.wrapDestinationRelated .slick-track {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .wrapDestinationRelated .slick-track {
    gap: 0px;
  }
}
.wrapDestinationRelated .wrapContentRelatedDestination {
  position: relative;
}
.wrapDestinationRelated .wrapContentRelatedDestination .subTitle {
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  background: linear-gradient(135deg, #ff6b6b, #e2380e);
  padding: 8px 20px;
  border-radius: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
  animation: bounce 2s ease-in-out infinite;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .wrapDestinationRelated .wrapContentRelatedDestination .subTitle {
    font-size: 8px;
  }
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapHeading {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #dc3927;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapHeading .heading {
  font-weight: 400;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapHeading .wrapLine {
  background-color: #dc3927;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapCardDestination {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  padding: 15px;
  border-radius: 10px;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapCardDestination .wrapImgResize {
  overflow: hidden;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapCardDestination .wrapImgResize img {
  transition: 0.4s;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapCardDestination:hover .wrapImgResize img {
  scale: 1.2;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapCardDestination .wrapInfo {
  margin-top: 15px;
  width: 100%;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapCardDestination .wrapInfo .title {
  font-size: 24px;
  color: #182430;
}
.wrapDestinationRelated .wrapContentRelatedDestination .slideControl {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(24, 36, 48, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  position: absolute;
  background-color: #f7f7f7 !important;
}
@media only screen and (max-width: 768px) {
  .wrapDestinationRelated .wrapContentRelatedDestination .slideControl {
    width: 30px;
    height: 30px;
  }
}
.wrapDestinationRelated .wrapContentRelatedDestination .slideControl:hover {
  background-color: #004391 !important;
  color: white;
}
.wrapDestinationRelated .wrapContentRelatedDestination .slideControl svg {
  height: 20px;
}
.wrapDestinationRelated .wrapContentRelatedDestination .slideControl.slidePrev {
  top: 40%;
  transform: translateY(-50%);
  left: 0;
}
.wrapDestinationRelated .wrapContentRelatedDestination .slideControl.slideNext {
  top: 40%;
  transform: translateY(-50%);
  right: 0;
}
.wrapDestinationRelated .wrapContentRelatedDestination .wrapLine {
  width: 50px;
  height: 2px;
  background-color: black;
}
.wrapDestinationRelated .wrapContentRelatedDestination .heading {
  font-size: 24px;
}

.contactTitle {
  padding: 60px 0;
  padding-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .contactTitle {
    padding: 30px 0;
  }
}
.contactTitle .title h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #004391;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .contactTitle .title h2 {
    font-size: 28px;
  }
}
.contactTitle .desc {
  width: 70%;
}
@media only screen and (max-width: 992px) {
  .contactTitle .desc {
    width: 100%;
  }
}
.contactTitle .desc p {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  .contactTitle .desc p {
    font-size: 16px;
  }
}

.contactInfo .titleWrap {
  margin-bottom: 15px;
}
.contactInfo .titleWrap .title h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 116.6666666667%;
  color: #004391;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .contactInfo .titleWrap .title h2 {
    font-size: 28px;
  }
}
.contactInfo .desc {
  width: 70%;
}
@media only screen and (max-width: 992px) {
  .contactInfo .desc {
    width: 100%;
  }
}
.contactInfo .desc p {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  .contactInfo .desc p {
    font-size: 16px;
  }
}
.contactInfo .infoItemList .row {
  row-gap: 24px;
}
@media only screen and (max-width: 992px) {
  .contactInfo .infoItemList .row {
    row-gap: 16px;
  }
}
.contactInfo .infoItemList .infoItem {
  display: flex;
  gap: 12px;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 2px 9px 2px hsla(0, 0%, 60%, 0.2);
  padding: 25px 30px;
  border-radius: 10px;
}
.contactInfo .infoItemList .infoItem .icon {
  display: flex;
  align-items: center;
}
.contactInfo .infoItemList .infoItem .icon svg {
  height: 24px;
}
.contactInfo .infoItemList .infoItem .text .title h3 {
  font-size: 18px;
  font-weight: 500;
  color: #004391;
}
@media only screen and (max-width: 992px) {
  .contactInfo .infoItemList .infoItem .text .title h3 {
    font-size: 16px;
  }
}
.contactInfo .infoItemList .infoItem .text .content {
  margin-top: 4px;
}
.contactInfo .infoItemList .infoItem .text .content a {
  font-size: 18px;
  color: #182430;
}
@media only screen and (max-width: 992px) {
  .contactInfo .infoItemList .infoItem .text .content a {
    font-size: 16px;
  }
}

.contactForm {
  padding: 50px 60px;
  box-shadow: 0 2px 9px 2px hsla(0, 0%, 60%, 0.2);
  position: relative;
  z-index: 3;
  background-color: #ffffff;
  border-radius: 10px;
  height: 100%;
  /* Responsive Design */
  /* Animation cho form khi load */
}
@media only screen and (max-width: 992px) {
  .contactForm {
    padding: 25px 30px;
  }
}
.contactForm .formRow {
  display: flex;
  gap: 30px;
}
.contactForm .formRow > div {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .contactForm .formRow {
    flex-direction: column;
  }
  .contactForm .formRow > div {
    width: 100%;
  }
}
.contactForm .btnStyle {
  background-color: #dc3927;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 27px;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  margin-top: auto;
}
@media only screen and (max-width: 992px) {
  .contactForm .btnStyle {
    font-size: 16px;
    padding: 12px;
  }
}
.contactForm .btnStyle:hover::before {
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 0;
}
.contactForm .btnStyle::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.contactForm .form-container {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  padding: 40px;
  max-width: 1000px;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
}
.contactForm .form-title {
  color: #004391;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .contactForm .form-title {
    font-size: 24px !important;
  }
}
.contactForm .form-grid {
  display: grid;
  gap: 40px;
  height: 100%;
}
.contactForm .form-column {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.contactForm .form-column.gap-30 {
  gap: 32px;
}
.contactForm .form-column:nth-child(2) .form-group {
  display: flex;
  flex-direction: column;
}
.contactForm .form-column:nth-child(2) textarea {
  flex-grow: 1;
  min-height: 151px;
  resize: vertical;
  padding-top: 15px;
}
.contactForm .form-group {
  position: relative;
  flex-shrink: 0;
}
.contactForm .form-group label {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: black;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}
@media only screen and (max-width: 992px) {
  .contactForm .form-group label {
    font-size: 16px;
  }
}
.contactForm .form-group input,
.contactForm .form-group textarea {
  width: 100%;
  padding: 15px 0;
  font-size: 18px;
  color: black;
  background: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  transition: all 0.3s ease;
  font-family: inherit;
}
@media only screen and (max-width: 992px) {
  .contactForm .form-group input,
  .contactForm .form-group textarea {
    font-size: 16px;
  }
}
.contactForm .form-group input:focus,
.contactForm .form-group textarea:focus {
  border-bottom-color: #dc3927;
}
.contactForm .form-group input:focus + .form-line,
.contactForm .form-group textarea:focus + .form-line {
  width: 100%;
}
.contactForm .form-group.focused label,
.contactForm .form-group input:focus ~ label,
.contactForm .form-group textarea:focus ~ label {
  color: #dc3927;
}
.contactForm .form-group textarea:focus {
  border: none !important;
}
.contactForm .form-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(90deg, #dc3927 0%, #dc3927 100%);
  transition: width 0.3s ease;
}
@media (max-width: 768px) {
  .contactForm .form-column:nth-child(2) .form-group {
    flex-grow: unset;
  }
  .contactForm .form-column:nth-child(2) {
    justify-content: unset;
  }
  .contactForm .form-column:nth-child(2) {
    height: auto;
  }
  .contactForm .form-column {
    gap: 10px;
  }
  .contactForm .form-container {
    padding: 30px 20px;
  }
  .contactForm .form-column:nth-child(2) textarea {
    min-height: 100px;
  }
  .contactForm .form-title {
    font-size: 2rem;
    text-align: center;
  }
  .contactForm .form-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 0px;
  }
  .contactForm .form-column:nth-child(2) {
    min-height: auto;
  }
  .contactForm .submit-btn {
    align-self: center;
  }
}
.contactForm .form-container {
  animation: slideUp 0.6s ease-out;
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.contactForm .form-group {
  animation: fadeIn 0.6s ease-out forwards;
  opacity: 0;
}
.contactForm .form-group:nth-child(1) {
  animation-delay: 0.1s;
}
.contactForm .form-group:nth-child(2) {
  animation-delay: 0.2s;
}
.contactForm .form-group:nth-child(3) {
  animation-delay: 0.3s;
}
.contactForm .form-group:nth-child(4) {
  animation-delay: 0.4s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contactMap {
  height: 600px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .contactMap {
    margin: 0;
    height: 350px;
  }
}

.contactMainContent {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .contactMainContent {
    padding: 30px 0;
  }
  .contactMainContent .row {
    row-gap: 16px;
  }
}

.bgImageLeft {
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -1;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .bgImageLeft {
    left: 0;
    height: 60%;
    top: unset;
    bottom: 0;
  }
}
.bgImageLeft img {
  opacity: 0.3;
}
@media only screen and (max-width: 768px) {
  .bgImageLeft img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.bgImageRight {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: -1;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .bgImageRight {
    right: 0;
    height: 60%;
  }
}
.bgImageRight img {
  opacity: 0.3;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .bgImageRight img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media only screen and (max-width: 992px) {
  .footerCopyRight {
    padding-bottom: 80px !important;
  }
}

a {
  text-decoration: none;
}