/* -------------------------------- variables ------------------------------- */
:root {
  --package-card-gap: .48rem;
  --package-card-media-height: 25rem;
  --package-card-content-title-mt: 1.92rem;
  --package-card-content-price-mt: .48rem;
  --package-card-content-buttons-mt: 1.92rem;
}

/* ---------------------------------- grid ---------------------------------- */
#Wrapper .wso-grid-20 .section_wrapper {
  max-width: var(--content-width-medium-small) !important;
}

#Wrapper .wso-grid-21 .section_wrapper {
  max-width: var(--content-width-medium-small) !important;
}
#Wrapper .wso-grid-21 .section_wrapper .wso-wrap-grid .grid-21 .wpgb-area:not(.wpgb-area-top-2) {
  position: absolute;
  top: calc(var(--package-card-media-height) / 2);
  transform: translateY(-50%);
}
#Wrapper .wso-grid-21 .section_wrapper .wso-wrap-grid .grid-21 .wpgb-area:not(.wpgb-area-top-2).wpgb-area-left {
  left: -2.85rem;
}
#Wrapper .wso-grid-21 .section_wrapper .wso-wrap-grid .grid-21 .wpgb-area:not(.wpgb-area-top-2).wpgb-area-right {
  right: -2.85rem;
}
#Wrapper .wso-grid-21 .section_wrapper .wso-wrap-grid .grid-21 + .wso-button-wrapper {
  margin-top: 4.8rem !important;
  justify-content: center;
}

/* ---------------------------------- card ---------------------------------- */
#Wrapper .wpgb-card-14 .wso-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--package-card-gap);
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-media-wrapper {
  position: relative;
  display: block;
  height: var(--package-card-media-height);
  width: 100% !important;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-media-wrapper .wso-hover-wrapper,
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-media-wrapper .image_wrapper {
  display: block !important;
  height: 100%;
  width: 100%;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-media-wrapper .wso-hover-wrapper img,
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-media-wrapper .image_wrapper img {
  height: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-media-wrapper .wso-hover-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: var(--transition-normal) ease-in-out;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-content-wrapper {
  display: flex;
  flex-direction: column;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-content-wrapper *:not(a, .button_label) {
  color: var(--color-black) !important;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-content-wrapper .wso-flex-wrapper {
  display: flex;
  justify-content: space-between;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-content-wrapper .wso-title {
  font-family: var(--font-3-bold) !important;
  margin-top: var(--package-card-content-title-mt);
  min-height: calc(var(--h5-line-height) * 2);
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-content-wrapper .wso-package-price {
  margin-top: var(--package-card-content-price-mt);
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-content-wrapper .wso-package-price span {
  margin-left: 0.5rem;
  font-size: var(--intro-text-xs-fs) !important;
  line-height: var(--intro-text-xs-lh);
  text-transform: inherit !important;
  font-family: var(--font-3-light) !important;
}
#Wrapper .wpgb-card-14 .wso-card-wrapper .wso-content-wrapper .wso-button-wrapper {
  margin-top: var(--package-card-content-buttons-mt) !important;
}
#Wrapper .wpgb-card-14:hover .wso-hover-wrapper {
  opacity: 1 !important;
}

/* ---------------------------------- site ---------------------------------- */
.wso_package-template-default #Wrapper #Content .wso-section-text-img:first-child {
  --text-image-pt: 2.2rem;
  --text-image-pb: 0rem;
}
.wso_package-template-default #Wrapper #Content .wso-section-text-img:first-child .wso-float-right .column_attr *:not(a, .button_label) {
  color: var(--color-black) !important;
}
.wso_package-template-default #Wrapper #Content .wso-section-text-img:first-child .wso-float-right .wso-night-tax-wrapper {
  margin-bottom: 0.48rem !important;
}
.wso_package-template-default #Wrapper #Content .wso-section-text-img:first-child .wso-float-right .wso-booking-period-wrapper {
  margin-bottom: 1.92rem !important;
}
.wso_package-template-default #Wrapper #Content .wso-section-text-img:first-child .wso-float-right .wso-package-price {
  margin-top: 0.96rem !important;
}
.wso_package-template-default #Wrapper #Content .wso-section-text-img:first-child .wso-float-right .wso-package-price span {
  margin-left: 0.5rem;
  font-size: var(--intro-text-xs-fs) !important;
  line-height: var(--intro-text-xs-lh);
  text-transform: inherit !important;
  font-family: var(--font-3-light) !important;
}
.wso_package-template-default #Wrapper #Content .wso-section-text-img:first-child .wrap:not(.wso-float-right) {
  padding-bottom: 0 !important;
  max-height: 35rem !important;
}

#Wrapper .wso-section-cta .column_attr {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  gap: 7.6rem;
}
#Wrapper .wso-section-cta .column_attr svg {
  min-width: 3rem !important;
  width: 3rem !important;
}
#Wrapper .wso-section-cta .column_attr .wso-cta-button {
  margin-bottom: 0 !important;
}

/* ------------------------------- responsive ------------------------------- */
@media only screen and (max-width: 1499px) {
  #Wrapper .wso-grid-20 .section_wrapper {
    max-width: var(--content-width) !important;
  }
  #Wrapper .wso-grid-21 .section_wrapper {
    max-width: var(--content-width) !important;
  }
}
@media only screen and (max-width: 767px) {
  #Wrapper .wso-section-cta .column_attr {
    gap: 2.05rem;
  }
  #Wrapper .wso-section-cta .column_attr svg {
    min-width: 3.5rem !important;
    width: 3.5rem !important;
  }
  #Wrapper .wso-grid-21 .section_wrapper {
    max-width: var(--content-width-medium-small) !important;
  }
  body:not(.home) #Wrapper .wso-grid-21 .section_wrapper .wso-wrap-grid .grid-21 .wpgb-area {
    display: none !important;
  }
  #Wrapper .wso-grid-21 .section_wrapper .wso-wrap-grid .grid-21 + .wso-button-wrapper {
    margin-top: 4.74rem !important;
  }
  #Wrapper .wso-grid-21 .section_wrapper .wso-wrap-grid .grid-21 .wpgb-viewport {
    width: 82.41%;
    overflow: visible;
  }
  #Wrapper .wso-grid-21 .section_wrapper .wpgb-card .wso-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}