.wellness-medical-banner-sec .banner-heading {
  text-align: center !important;
  transform: translate(-38%, 16%) !important;
  -webkit-transform: translate(-38%, 16%) !important;
  -moz-transform: translate(-38%, 16%) !important;
  -ms-transform: translate(-38%, 16%) !important;
  -o-transform: translate(-38%, 16%) !important;
}
@media (max-width: 1024px) {
  .wellness-medical-banner-sec .banner-heading {
    transform: translate(-9%, 7%) !important;
    -webkit-transform: translate(-9%, 7%) !important;
    -moz-transform: translate(-9%, 7%) !important;
    -ms-transform: translate(-9%, 7%) !important;
    -o-transform: translate(-9%, 7%) !important;
  }
}
@media (max-width: 468px) {
  .wellness-medical-banner-sec .banner-heading {
    transform: translate(1%, 3%) !important;
    text-align: left !important;
    -webkit-transform: translate(1%, 3%) !important;
    -moz-transform: translate(1%, 3%) !important;
    -ms-transform: translate(1%, 3%) !important;
    -o-transform: translate(1%, 3%) !important;
  }
}
.wellness-medical-banner-sec .banner-heading p {
  font-size: 20px;
}

.europe-banner-right img,
.europe-banner-right-mob img {
  width: 286px;
  margin: 1px auto;
}
@media (max-width: 1280px) {
  .europe-banner-right img,
  .europe-banner-right-mob img {
    width: 156px;
    margin: 1px auto;
  }
}
.europe-banner-right .banner-disc,
.europe-banner-right-mob .banner-disc {
  text-align: center !important;
  font-size: 16px !important;
  margin: 0px;
}

.europe-banner-right-mob {
  padding: 20px 1px 1px 1px;
  display: none;
}

@media (max-width: 768px) {
  .europe-banner-right {
    display: none;
  }
  .europe-banner-right-mob {
    display: block;
  }
}
.treatment-wellness-section .pinyon-script-font {
  line-height: 1;
  font-size: clamp(36px, calc(2.25rem + (60 - 36) * ((100vw - 768px) / (1920 - 768))), 60px);
  padding-right: 25px;
}
.treatment-wellness-section .treatment-wellness-description {
  margin: 0 auto 48px;
  font-size: clamp(16px, calc(1rem + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
  color: #fff;
  font-family: "Noto Sans Display", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 768px) {
  .treatment-wellness-section .treatment-wellness-description {
    margin: 0 auto 15px;
  }
}
@media (max-width: 468px) {
  .treatment-wellness-section .treatment-wellness-description {
    font-size: 14px;
  }
}
.treatment-wellness-section .treatment-wellness-grid {
  margin-top: 36px;
}
@media (max-width: 480px) {
  .treatment-wellness-section .treatment-wellness-grid {
    margin-top: 26px;
  }
}
.treatment-wellness-section .treatment-wellness-grid .pinyon-script-font {
  background: none;
  color: #fff;
  -webkit-text-fill-color: unset;
  font-size: clamp(30px,  calc(1.875rem + (36 - 30) * ((100vw - 768px) / (1920 - 768))), 36px);
  margin-bottom: 15px;
}
@media (max-width: 468px) {
  .treatment-wellness-section .treatment-wellness-grid .pinyon-script-font {
    margin-bottom: 1px;
  }
}
.treatment-wellness-section .treatment-wellness-grid img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.treatment-wellness-section .treatment-wellness-grid .treatment-wellness-grid-inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
.treatment-wellness-section .treatment-wellness-grid .treatment-wellness-grid-inner .treatment-wellness-grid-card {
  position: relative;
  transition: transform 0.8s ease;
  width: calc(24% - 0px);
}
.treatment-wellness-section .treatment-wellness-grid .treatment-wellness-grid-inner .treatment-wellness-grid-card::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.74) -6%, rgba(0, 0, 0, 0.17) 81%);
  bottom: -2px;
}
@media (max-width: 992px) {
  .treatment-wellness-section .treatment-wellness-grid .treatment-wellness-grid-inner .treatment-wellness-grid-card {
    width: 30%;
  }
}
@media (max-width: 480px) {
  .treatment-wellness-section .treatment-wellness-grid .treatment-wellness-grid-inner .treatment-wellness-grid-card {
    width: 48%;
  }
}
.treatment-wellness-section .treatment-wellness-grid .treatment-wellness-grid-inner .treatment-wellness-grid-card .subheading {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  color: #fff;
  font-family: "Noto Sans Display", sans-serif;
  text-transform: capitalize;
  z-index: 1;
}
@media (max-width: 992px) {
  .treatment-wellness-section section.selutogenic-section {
    padding-left: 0;
  }
  .treatment-wellness-section .selutogenic-left {
    padding: 0 3%;
  }
  .treatment-wellness-section .selutogenic-left {
    margin-bottom: 50px;
  }
}

@media (width <= 468px) {
  .collab-medical-wellness-team-sec .collab-team-heading .collab-team-desc {
    font-size: 14px;
  }
  .collab-medical-wellness-team-sec .collab-team-content .team-member:nth-child(1)::after,
  .collab-medical-wellness-team-sec .collab-team-content .team-member:nth-child(2)::after {
    bottom: -48px;
    left: 0;
    right: 0;
  }
}
/* european encompassing section  */
.wellness-section {
  padding: 80px 20px;
  background-color: #D2D3D5;
}
@media (width <= 820px) {
  .wellness-section {
    padding: 48px 20px;
  }
}
@media (width <= 468px) {
  .wellness-section {
    padding: 25px 20px;
  }
}
.wellness-section .wellness-heading {
  font-size: clamp(26px, calc(1.625rem + (40 - 26) * ((100vw - 768px) / (1920 - 768))), 40px);
  color: rgb(0, 0, 0);
  font-family: "Noto Sans Display", sans-serif;
  font-weight: 400;
  line-height: 0;
  text-transform: uppercase;
  text-align: center;
}
@media (width <= 480px) {
  .wellness-section .wellness-heading {
    line-height: 1;
  }
}
.wellness-section .wellness-description {
  font-size: clamp(16px, calc(1rem + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
  color: #000;
  font-family: "Noto Sans Display", sans-serif;
  line-height: 1.3;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 23px;
  padding: 0 3%;
}
.wellness-section .pinyon-script-font {
  line-height: clamp(51.2px, calc(3.2rem + (100 - 51.2) * ((100vw - 768px) / (1920 - 768))), 100px);
  font-size: clamp(36px, calc(2.25rem + (60 - 36) * ((100vw - 768px) / (1920 - 768))), 60px);
  padding-right: 25px;
}
.wellness-section sup {
  color: #000;
}
.wellness-section .phase {
  margin-bottom: 25px;
}
.wellness-section .phase .phase-title {
  font-size: 12px;
  letter-spacing: 2px;
  color: #000;
  margin-bottom: 20px;
  font-family: "Noto Sans Display", sans-serif;
  text-align: center;
}
.wellness-section .phase .location-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1000px;
}
@media (width <= 480px) {
  .wellness-section .phase .location-list {
    gap: 10px;
  }
}
.wellness-section .phase .location-list li {
  background-color: #fff;
  border-radius: 25px;
  padding: 8px 18px;
  font-size: 14px;
  font-family: "Noto Sans Display", sans-serif;
  color: #111;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
@media (width <= 480px) {
  .wellness-section .phase .location-list li {
    font-size: 13px;
    padding: 7px 14px;
  }
}

/* european encompassing section  ends */
/* team colab logo section  */
.collab-team-content-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin: 0 auto;
}
.collab-team-content-logo figure {
  margin-right: 60px;
  text-align: center;
}
.collab-team-content-logo figure:last-child {
  margin-right: 0;
}

/* team colab logo section ends  */
/* Salutogenic section starts  */
.selutogenic-section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0 80px 3%;
  background-color: #000;
}
@media (max-width: 468px) {
  .selutogenic-section {
    padding: 25px 0 24px 3%;
  }
}
.selutogenic-section .pinyon-script-font {
  line-height: clamp(51.2px, calc(3.2rem + (100 - 51.2) * ((100vw - 768px) / (1920 - 768))), 100px);
  font-size: clamp(36px, calc(2.25rem + (60 - 36) * ((100vw - 768px) / (1920 - 768))), 60px);
  padding-right: 25px;
}
.selutogenic-section .selutogenic-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 468px) {
  .selutogenic-section .selutogenic-container {
    flex-direction: column;
  }
}
.selutogenic-section .selutogenic-container .selutogenic-left {
  flex: 1;
  max-width: 50%;
  padding-right: 7%;
}
@media (max-width: 992px) {
  .selutogenic-section .selutogenic-container .selutogenic-left {
    max-width: 100%;
    padding-right: 0;
  }
}
.selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-title {
  margin-bottom: 20px;
}
.selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-description {
  margin: 0 auto 60px;
  padding-right: 10%;
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 768px) / (1920 - 768))), 18px);
  color: #fff;
  font-family: "Noto Sans Display", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 992px) {
  .selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-description {
    margin: 0 auto 24px;
    padding-right: 0;
  }
}
.selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px 40px;
}
@media (max-width: 992px) {
  .selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-features {
    grid-template-columns: 1fr;
  }
}
.selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-features .feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-features .feature h4 {
  font-size: 15px;
  color: #fff;
  margin: 0 0 5px 0;
  font-family: "Noto Sans Display", sans-serif;
}
.selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-features .feature img {
  background-color: rgba(170, 114, 21, 0.2);
  padding: 10px;
  border-radius: 5px;
}
.selutogenic-section .selutogenic-container .selutogenic-left .selutogenic-features .feature p {
  color: #6E6E6E;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  font-family: "Noto Sans Display", sans-serif;
}
.selutogenic-section .selutogenic-container .selutogenic-right {
  flex: 1;
  position: relative;
}
@media (max-width: 992px) {
  .selutogenic-section .selutogenic-container .selutogenic-right {
    max-width: 100%;
  }
}
.selutogenic-section .selutogenic-container .selutogenic-right img {
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}

/* Salutogenic section ends  */
.expandable-european-section-township {
  border-radius: 10px;
  display: flex;
  width: 100%;
  height: auto;
  background-color: black;
  justify-content: center;
  align-items: center;
  scrollbar-width: none;
  overflow-x: auto !important;
  padding-bottom: 70px;
}
@media (max-width: 468px) {
  .expandable-european-section-township {
    padding-bottom: 24px;
  }
}
.expandable-european-section-township .expendable-township-container {
  position: relative;
  width: 80px;
  padding: 4px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: flex 0.6s ease, background 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1803921569);
  height: 650px;
  color: #ffffff;
  border-radius: 20px;
}
@media (max-width: 1200px) {
  .expandable-european-section-township .expendable-township-container {
    height: 436px;
  }
}
.expandable-european-section-township .expendable-township-container .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.631372549);
  transform: translateX(200%);
  opacity: 0;
}
.expandable-european-section-township .expendable-township-container:hover {
  flex: 3;
}
@media (max-width: 1200px) {
  .expandable-european-section-township .expendable-township-container:hover {
    flex: 8;
  }
}
.expandable-european-section-township .expendable-township-container:hover .overlay {
  transform: translateX(0);
  opacity: 1;
}
.expandable-european-section-township .expendable-township-container:hover .col-bg::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 5.2%, #000 60%);
}
.expandable-european-section-township .expendable-township-container:hover .expand-townships-detailblock {
  transform: translateX(0);
  opacity: 1;
}
.expandable-european-section-township .expendable-township-container .col-bg {
  background-blend-mode: multiply;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: relative;
  height: 650px;
  cursor: pointer;
  transform: all 1s ease;
  width: 100%;
  border-radius: 20px;
}
@media (width <= 1440px) {
  .expandable-european-section-township .expendable-township-container .col-bg {
    height: 400px;
  }
}
.expandable-european-section-township .expendable-township-container .expand-townships-detailblock {
  opacity: 0;
  transform: translateX(-200%);
  transition: opacity 0.4s ease-out, transform 0.8s ease-out;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  display: flex;
  padding: 10px 20px;
  text-align: left;
  display: flex;
  justify-content: left;
  flex-direction: column;
}
.expandable-european-section-township .expendable-township-container .expand-townships-detailblock .expand-townshipsName {
  font-size: 20px;
  color: white;
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  padding: 1px 20px;
}
.expandable-european-section-township .expendable-township-container .expand-townships-detailblock .expand-townshipsCity {
  font-size: 16px;
  padding: 1px 20px;
}
@media (max-width: 1200px) {
  .expandable-european-section-township .expendable-township-container .expand-townships-detailblock .expand-townshipsCity {
    font-size: 11px;
  }
}
.expandable-european-section-township .expendable-township-container .showcase {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3098039216);
}
.expandable-european-section-township .expendable-township-container .showcase .showcasetext {
  display: inline-block;
  white-space: nowrap;
  transform: rotate(-90deg);
  transform-origin: bottom center;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 21px;
  font-weight: 900;
  padding: 0;
  margin: 0;
  transition: 0.3s ease-in-out;
  color: white;
}
@media (max-width: 1200px) {
  .expandable-european-section-township .expendable-township-container .showcase .showcasetext {
    font-size: 18px;
    letter-spacing: 0px;
  }
}
.expandable-european-section-township .expendable-township-container .numberforexpand {
  font-size: 68px;
  font-weight: 800;
  position: absolute;
  bottom: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.66);
  z-index: 20;
  -webkit-text-stroke: 0.01px #c79032;
  transform: translate(53px, 16px);
}
.expandable-european-section-township .expendable-township-container .numberforexpand img {
  width: 70px;
}
@media (max-width: 820px) {
  .expandable-european-section-township .expendable-township-container .numberforexpand img {
    width: 40px;
  }
}
@media (max-width: 820px) {
  .expandable-european-section-township .expendable-township-container .numberforexpand {
    transform: translate(9px, 16px);
  }
}
.expandable-european-section-township .expendable-township-container:hover .showcasetext {
  opacity: 0;
}
.expandable-european-section-township .expendable-township-container:hover .showcase {
  background-color: transparent;
}

.col-bg-expand-brand {
  background-image: url(../images/home-grid-layout/della-branded-residences.webp);
}

.col-bg-expand-resturent {
  background-image: url(../images/home-grid-layout/5-start-resorts.webp);
}

.col-bg-expand-medicalwellness {
  background-image: url(../images/home-grid-layout/european-medical-wellness.webp);
}

.col-bg-expand-weddingvenue {
  background-image: url(../images/home-grid-layout/destination-wedding-venues.webp);
}

.col-bg-expand-resturentandbar {
  background-image: url(../images/home-grid-layout/restaurants-and-bars.webp);
}

.col-bg-expand-villa {
  background-image: url(../images/home-grid-layout/luxury-private-villas.webp);
}

.col-bg-expand-adventurepark {
  background-image: url(../images/home-grid-layout/adventure-park.webp);
}

.col-bg-expand-outletmall {
  background-image: url(../images/home-grid-layout/luxury-destination-outlet-malls.webp);
}

.col-bg-expand-corporateandmice {
  background-image: url(../images/home-grid-layout/corporate-and-mice.webp);
}

.col-bg-expand-livinghub {
  background-image: url(../images/home-grid-layout/senior-living-hub.webp);
}/*# sourceMappingURL=della-mayrlife-european-medical-wellness.css.map */