*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --light-orange: #dbb690;
  --margin-below-header: 40px;
  --header-height: 138px;
  --section-padding-top: calc(
    var(--header-height) + var(--margin-below-header)
  );
  --section-padding-bottom: 142px;
  --main-heading-margin: 34px;
  --container-padding: 95px;
  --bottom-content-margin-underneath: 40px;
  --apply-now-padding-bottom: 10px;
}
@media screen and (max-height: 700px) {
  :root {
    --header-height: 114px;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --main-heading-margin: 20px;
    --section-padding-bottom: 110px;
    --header-height: 91px;
    --margin-below-header: 20px;
    --bottom-content-margin-underneath: 0px;
  }
}

@media screen and (max-width: 1500px) {
  :root {
    --container-padding: 64px;
  }
}
@media screen and (max-width: 1000px) {
  :root {
    --container-padding: 25px;
  }
}
@media screen and (max-width: 575px) {
  :root {
    --container-padding: 15px;
  }
}

h1,
h2,
h3,
h4,
p,
ul {
  margin: 0;
}

ul {
  list-style: none;
  padding-inline-start: 0;
}

a {
  text-decoration: none;
}

button {
  cursor: pointer;
  border: none;
  background-color: transparent;
}

input {
  line-height: normal;
}

button,
input {
  outline: none;
}

.list-styles {
  padding-inline-start: 1.3em;
  list-style: disc;
}

@font-face {
  font-family: "Brandon Text";
  src: local("Brandon-Text-Thin"),
    url("../font/Brandon-Text-Thin.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Brandon Text";
  src: local("Brandon-Text-Regular"),
    url("../font/Brandon-Text-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Brandon Text";
  src: local("Brandon-Text-Medium"),
    url("../font/Brandon-Text-Medium.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Brandon Text";
  src: local("Brandon-Text-Bold"),
    url("../font/Brandon-Text-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Brandon Text";
  src: local("Brandon-Text-Black"),
    url("../font/Brandon-Text-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Cairo";
  src: local("Cairo-SemiBold"),
    url("../font/Cairo-SemiBold.ttf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
html,
body {
  min-height: 100%;
  font-family: "Brandon Text", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
}

/* */
/* Define a transition duration during page visits */
html.is-changing .transition-overlay {
  transition-property: opacity, visibility, backdrop-filter;
  transition-duration: 600ms;
  visibility: visible;
}

html.is-leaving .transition-overlay {
  opacity: 1;
  backdrop-filter: blur(4px);
  transition-duration: 600ms;
}

html.is-rendering .transition-overlay {
  transition-duration: 600ms;
  opacity: 0;
  backdrop-filter: blur(0px);
}

.transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(0px);
  transition-property: opacity, visibility, backdrop-filter;
  transition-duration: 300ms;
}

.transition-overlay.show {
  opacity: 1;
  visibility: visible;
  backdrop-filter: blur(4px);
  background-color: var(--light-orange);
}

.transition-overlay-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transition-overlay-img img {
  display: block;
  padding-inline: 15px;
  max-width: 100%;
  max-height: 100%;
}

/* */
.first-view {
  z-index: 1;
  position: relative;
}
.section-wrapper {
  width: 100%;
  height: 100%;
  padding-inline: var(--container-padding);
}

/* header */
.header {
  position: fixed;
  display: flex;
  padding-top: 64px;
  padding-bottom: 32px;
  width: 100%;
  z-index: 4;
  background: linear-gradient(180deg, #000000 -46.02%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-height: 700px) {
  .header {
    padding-top: 40px;
  }
}

.header-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-items {
  display: flex;
  gap: 36px;
}

.nav-item-wrapper .nav-item {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  position: relative;
  transition: all 0.6s;
}

.nav-item-wrapper .nav-item::before {
  content: "";
  position: absolute;
  top: 100%;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0a184;
  transform: scaleX(0);
  transition: inherit;
}

.nav-item-wrapper:not(.active) .nav-item:hover {
  color: #e0a184;
}

.nav-item-wrapper:not(.active) .nav-item:hover::before {
  transform: scaleX(100%);
}

.language {
  display: flex;
  align-items: center;
  gap: 8px;
}

.arabic-font {
  font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.language.arabic-font {
  font-size: 16px;
}

.header-btn-close,
.header-btn-open {
  display: none;
  cursor: pointer;
}

.header-btn-close {
  position: absolute;
  top: 40px;
  right: 11px;
}

.active-decoration {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  transform: translateY(-50%);
  align-items: center;
  width: 100%;
}

.active-decoration .line {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background-color: #e0a184;
}

.active-decoration .circle {
  display: block;
  width: 11px;
  flex: 0 0 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #e0a184;
}

.nav-item-wrapper {
  position: relative;
}

.nav-item-wrapper.active .active-decoration {
  display: flex;
}

.nav-item-wrapper.active .nav-item {
  color: #e0a184;
}

.nav-item-wrapper:has(.dropdown-toggle.show) {
  overflow: visible;
}

.dropdown-toggle.nav-item,
.dropdown-item.dropdown-toggle {
  outline: none !important;
}

/* black-header */
.header.black-header {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.1) -46.02%,
    rgba(0, 0, 0, 0) 100%
  );
}
.black-header .logo,
.black-header .header-btn-open img,
.black-header .header-btn-close img {
  filter: brightness(0);
}

.black-header .nav-item {
  color: #000000;
}

@media screen and (max-width: 767px) {
  .header {
    padding-top: 32px;
  }
  .header-content .logo {
    width: 116px;
  }
  .header-content .logo img {
    max-width: 100%;
  }
}

@media screen and (max-width: 1300px) {
  .header {
    z-index: 5;
  }
  .nav-item-wrapper {
    overflow: hidden;
  }
  .header-btn-close,
  .header-btn-open {
    display: block;
  }
  .nav-item-wrapper:has(.nav-item-divider) {
    display: none;
  }
  .nav-items {
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--light-orange);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
  }
  .nav-item img {
    filter: brightness(0) invert(1);
  }
  .nav-item-wrapper.active .nav-item,
  .nav-item-wrapper:not(.active) .nav-item:hover {
    color: #618777;
  }
  .black-header .nav-item-wrapper.active .nav-item {
    color: #ffffff;
  }
  .black-header .nav-item-wrapper:not(.active) .nav-item:hover {
    color: #ffffff;
  }
}
@media screen and (min-width: 1301px) {
  .nav-items {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .nav-items .nav-item {
    transform: translate(0px, 0px) !important;
  }
}
/* */
.bottom-content {
  position: fixed;
  bottom: var(--bottom-content-margin-underneath);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  padding-inline-end: 94px;
  z-index: 3;
}
.bottom-content:has(.progress-percent) {
  width: 100%;
}

.apply-now {
  padding-block: var(--apply-now-padding-bottom);
  padding-inline-start: var(--container-padding);
  padding-inline-end: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: transparent;
  border-top-right-radius: 8px;
}

.apply-now .plus-btn {
  display: none;
}

.apply-now .plus-btn img {
  width: 45px;
  height: 45px;
}

.apply-now .left-side {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  width: 240px;
  text-align: center;
  border: 2px solid #ffffff;
  border-radius: 40px;
  padding: 15px 23px;
  cursor: pointer;
  position: relative;
  transition: all 0.5s;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.4),
    0 0 8px rgba(0, 0, 0, 0.3);
}
.apply-now .left-side::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transition: inherit;
  z-index: -1;
  transform-origin: left;
}

.apply-now .left-side:hover {
  border-color: #000000;
  color: #fff;
}

.apply-now .left-side:hover::before {
  transform: scaleX(1);
}
.apply-now .left-side p {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.apply-now .left-side img {
  display: none;
}

.progress-percent {
  display: flex;
  font-size: 24px;
  line-height: 1.4;
  height: 1.4em;
  overflow: hidden;
  color: #fff;
  margin-inline-start: auto; /* when the admin hides the apply button will keep percent in the end */
  margin-bottom: 4px;
}

.progress-percent .progress-value {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.progress-percent .progress-value p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
@media screen and (max-width: 1500px) {
  .bottom-content {
    padding-inline-end: var(--container-padding);
  }
}
@media screen and (max-width: 1000px) {
  .bottom-content {
    padding-inline-end: var(--container-padding);
  }
}
@media screen and (max-width: 767px) {
  .bottom-content {
    padding-inline-end: 0px;
    width: 100%;
  }
  .progress-percent {
    display: none;
  }
  .apply-now {
    width: 100%;
    background: var(--light-orange);
    padding: 17px 24px;
    border-radius: 0px;
  }
  .apply-now .left-side {
    font-size: 16px;
    margin-inline: auto;
    padding: 6px;
  }
}
/* */
.section {
  height: 100%;
  width: 100%;
  top: 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  background-color: #fbf8f4;
}

.bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}

.bg-img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2509803922);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bg-img img,
.bg-img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/*
#logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
.side-image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  height: 70%;
  margin-top: auto;
  transform: translateX(100%);
}

.side-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.section-content {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
/*
.home-page {
  display: none;
}
*/

@media screen and (max-width: 767px) {
  .section {
    height: calc(
      100% - 74px
    ); /* 74px : is height of bottom content (apply now button now ) */
  }
}
/* first-view-content */
.first-view-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  gap: 20px;
  padding-bottom: 20px;
}

.first-view-content .headings {
  margin-top: 25px;
  margin-inline-start: 61px;
  max-width: 718px;
}

.first-view-content .headings .heading {
  font-size: 120px;
  line-height: 1.39;
  color: #fff;
  font-weight: 700;
}

.first-view-content .headings .heading:nth-child(even) {
  text-align: end;
}
@media screen and (max-width: 767px) {
  .first-view-content .headings .heading:nth-child(even) {
    text-align: start;
  }
}

.animated-btn {
  min-width: 183px;
  padding: 15px 23px;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border: 2px solid #ffffff;
  cursor: pointer;
  position: relative;
  transition: all 0.5s;
  border-radius: 40px;
  overflow: hidden;
}

.animated-btn p {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  transition: inherit;
}

.animated-btn img {
  transition: inherit;
}

.animated-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transition: inherit;
  z-index: -1;
  transform-origin: left;
}

.animated-btn:hover {
  border-color: #000000;
}

.animated-btn:hover::before {
  transform: scaleX(1);
}

.animated-btn.black-btn {
  border-color: #000;
}

.animated-btn.black-btn p {
  color: #000000;
}

.animated-btn.black-btn::before {
  background: var(--light-orange);
}

.animated-btn.black-btn:hover {
  border-color: var(--light-orange);
}

/*
.animated-btn.black-btn:hover p {
  color: #ffffff;
}
.animated-btn.black-btn:hover img {
  filter: brightness(0) invert(1);
}
*/
.first-view .header-content {
  justify-content: end;
  margin-inline-end: 94px;
}

.first-view-content .animated-btn {
  margin-inline-start: auto;
  margin-inline-end: 94px;
  justify-self: flex-end;
  padding: 15px 23px;
}

@media screen and (max-width: 767px) {
  .animated-btn {
    min-width: unset;
    padding: 8px 12px;
    border-width: 1px;
  }
  .animated-btn p {
    font-size: 16px;
  }
}
/* section-1-content */
.section-1-content {
  max-width: 470px;
  margin-inline-start: auto;
  margin-inline-end: 5%;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  margin-top: 20vh;
}

.section-1-content .top .heading {
  font-weight: 700;
  font-size: 43px;
  line-height: 1.39;
  color: #fff;
  margin-bottom: 22px;
}

.section-1-content .top .info {
  font-size: 23px;
  line-height: 31.97px;
  color: #fff;
}

.section-1-content .bottom {
  margin-top: auto;
}

@media screen and (min-width: 768px) {
  .section-1-content .bottom .animated-btn {
    padding: 15px 19px;
  }
}

@media screen and (max-width: 767px) {
  .section-1-content {
    margin-inline: 0px;
    margin-block: 0px;
    padding-top: 110px;
    padding-bottom: 40px;
    height: 100%;
  }
  .section-1-content .top .heading {
    font-size: 28px;
  }
  .section-1-content .top .info {
    font-size: 20px;
  }
  .section-1-content .bottom a {
    min-width: 182px;
  }
}
/* side-menu-items */
.side-menu {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  transition: all 1s;
  z-index: 1;
}
.side-menu::before {
  transition-timing-function: ease-out;
  margin: 0 auto;
  background: radial-gradient(#000000, transparent);
  box-shadow: 20px 0px 200px 263px #0000004a;
  width: 1px;
  height: 1px;
  display: block;
  clear: both;
  position: absolute;
  right: auto;
  border-radius: 50%;
  z-index: -1;
  content: "";
}

.side-menu.active {
  opacity: 1;
  visibility: visible;
}

.side-menu-items {
  display: flex;
  flex-direction: column;
  gap: 31px;
}

.side-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.8s;
}

.side-menu-item .left-decoration {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: inherit;
}

.side-menu-item .hr-row {
  width: calc(
    var(--container-padding) - 26px
  ); /*26px = 10gap+10gap+6round-point*/
  height: 2px;
  background-color: #fff;
  opacity: 0;
  transition: inherit;
}

.side-menu-item .rounded-point {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  transition: inherit;
}

.side-menu-item a {
  font-size: 16px;
  color: #fff;
  transition: inherit;
}

.side-menu-item:hover .hr-row {
  opacity: 1;
}

.side-menu-item:hover .rounded-point {
  opacity: 1;
}

.side-menu-item.active .hr-row {
  opacity: 1;
}

.side-menu-item.active .rounded-point {
  opacity: 1;
  background-color: var(--light-orange);
}

.side-menu-item.active a {
  color: var(--light-orange);
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .side-menu {
    top: unset;
    bottom: 162px;
    width: 100%;
    left: 0;
    right: 0;
    padding-inline: 15px;
  }
  .side-menu::before {
    box-shadow: 0px 15px 65px 22px #0000004a;
    width: 100%;
    height: 0px;
    display: none;
  }
  .side-menu-items {
    width: 100%;
    flex-direction: row;
    gap: 0px;
    white-space: nowrap;
  }
  .side-menu-item {
    flex-direction: column-reverse;
    flex-shrink: 0;
  }
  .side-menu-item .left-decoration {
    width: 100%;
  }
  .side-menu-item .hr-row {
    width: unset;
    flex: 1 1 100%;
  }
  .side-menu-item.active a {
    font-size: 16px;
    color: #fff;
  }
  .side-menu-item.active .rounded-point {
    opacity: 1;
    background-color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .side-menu {
    overflow: visible;
  }
}
/* section-4 */
.section-4-content {
  max-width: 470px;
  margin-inline-start: auto;
  margin-inline-end: 0px;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  margin-top: 20vh;
}

.buttons-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 18px;
}

.section-4-content .bottom {
  margin-top: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .section-4-content {
    margin-inline: 0px;
    margin-block: 0px;
    padding-top: 120px;
    padding-bottom: 40px;
    height: 100%;
  }
  .buttons-wrapper a,
  .buttons-wrapper button {
    flex-grow: 1;
  }
}
/* last-section */
.membership-section-content {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: var(--section-padding-bottom);
}

.membership-section-content .left {
  overflow: hidden;
  flex-grow: 1;
}

.membership-section-content .right {
  flex-shrink: 0;
}

.membership-section-content .top-word,
.membership-section-content .bottom-word {
  font-size: 120px;
  font-weight: 700;
  color: #ffffff;
  overflow: hidden;
}

.membership-section-content .bottom-word img {
  float: inline-start;
  vertical-align: middle;
  margin-top: 53px;
  margin-inline-end: 15px;
}

@media screen and (max-width: 1800px) {
  .membership-section-content .top-word,
  .membership-section-content .bottom-word {
    font-size: 70px;
  }
  .membership-section-content .bottom-word img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .membership-section-content {
    flex-direction: column;
    padding-top: 120px;
  }
  .membership-section-content .left {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .membership-section-content .top-word,
  .membership-section-content .bottom-word {
    font-size: 50px;
  }
  .membership-section-content .bottom-word img {
    margin-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .membership-section-content {
    padding-bottom: 40px;
  }
  .membership-section-content .right {
    width: 100%;
  }
  .membership-section-content .top-word,
  .membership-section-content .bottom-word {
    font-size: 28px;
    line-height: 1.8;
  }
  .membership-section-content .bottom-word img {
    margin-top: 15px;
    width: 115px;
  }
}
@media screen and (max-width: 410px) {
  .membership-section-content .top-word,
  .membership-section-content .bottom-word {
    font-size: 22px;
    line-height: 1.8;
  }
  .membership-section-content .bottom-word img {
    margin-top: 8px;
  }
}
/* explore-more-content */
.explore-more-content {
  position: fixed;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.explore-more-content .section-wrapper {
  height: auto;
}

.explore-more-content .explore-more-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.explore-more-content .explore-more-wrapper .main-heading {
  color: #fff;
  text-align: center;
}

.explore-more-content .explore-items {
  min-height: 94px;
  width: 100%;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  padding-inline: 20%;
  position: relative;
}

.explore-more-content .explore-items::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--light-orange);
  transform: scaleY(0);
  z-index: -1;
  transition: all 1s;
}

.explore-more-content .explore-items:has(.explore-item:hover)::before {
  transform: scaleY(100%);
}

.explore-items .explore-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  margin-inline: auto;
}

.explore-more-btns {
  position: absolute;
  bottom: max(9%, 95px);
  right: 95px;
}
@media screen and (max-width: 767px) {
  .explore-more-btns {
    right: 15px;
  }
}

.explore-items .explore-item .item-number,
.explore-items .explore-item .item-heading {
  font-size: 24px;
  color: #fff;
  overflow: hidden;
}

.explore-more-content .back-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  line-height: 96px;
  color: rgba(255, 255, 255, 0.2901960784);
  font-weight: 700;
  overflow: hidden;
  z-index: -1;
  width: 100%;
  text-align: center;
  padding-inline: 15px;
}

.explore-more-content .back-text p {
  transform: translate(0, 110%) rotate(10deg);
  transform-origin: left;
}

.explore-more-content .back-text p.active {
  animation: 1.5s 0.3s forwards textMove;
}

.explore-more-content .back-text p.out {
  animation: 1.5s textMoveBack forwards;
}

@media screen and (max-width: 1400px) {
  .explore-more-content .back-text {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .explore-items .explore-item .item-number,
  .explore-items .explore-item .item-heading {
    font-size: 18px;
  }
  .explore-more-content .explore-items {
    gap: 18px;
    padding: 15px;
    flex-direction: column;
    min-height: unset;
  }
  .explore-more-content .back-text {
    font-size: 40px;
    line-height: 1.3;
  }
}
@keyframes textMove {
  0% {
    opacity: 1;
    transform: translate(0, 110%) rotate(10deg);
  }
  65% {
    transform: translate(0, 0%) rotate(-0.5deg);
  }
  100% {
    transform: translate(0, 0%) rotate(0deg);
  }
}
@keyframes textMoveBack {
  0% {
    transform: translate(0, 0%) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 110%) rotate(10deg);
  }
}
/* footer */
.footer {
  background: var(--light-orange);
  color: #fff;
  padding-block: 39px 21px;
  position: fixed;
  bottom: 0px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  gap: 400px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1500px) {
  .footer-top {
    gap: 150px;
  }
}

@media screen and (max-width: 1100px) {
  .footer-top {
    gap: 30px;
  }
}

@media screen and (max-width: 900px) {
  .footer-top {
    flex-wrap: wrap;
  }
  .footer-columns {
    flex-wrap: wrap;
  }
}
.footer-columns {
  display: flex;
  gap: 150px;
  color: #fff;
}

.footer-columns a {
  color: inherit;
}

.footer-column .heading,
.footer-column .info {
  font-weight: 700;
  font-size: 16px;
}

.footer-bottom {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

@media screen and (min-width: 1350px) {
  .footer-bottom > div {
    flex: 1 1 0px;
  }
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.footer-terms {
  text-align: center;
}

.footer-link,
.footer-terms {
  font-size: 18px;
  color: #fff;
}

.footer-social-links {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
}

.footer-social-link {
  width: 33px;
  height: 32px;
}

.footer-social-link img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 1400px) {
  .footer-columns {
    gap: 50px;
  }
}
@media screen and (max-width: 1100px) {
  .footer-columns {
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .footer-top {
    flex-direction: column;
  }
  .footer-columns {
    flex-direction: column;
    gap: 18px;
  }
  .footer-bottom {
    gap: 18px;
  }
  .footer-link,
  .footer-terms {
    font-size: 16px;
  }
  footer .footer-logo {
    width: 116px;
    display: inline-block;
  }
  .footer .footer-logo img {
    max-width: 100%;
  }
}
@media screen and (max-width: 525px) {
  .footer-bottom,
  .footer-bottom-left,
  .footer-bottom-center,
  .footer-bottom-right {
    width: 100%;
  }
  .footer-links {
    justify-content: space-between;
  }
  .footer-terms {
    text-align: center;
  }
}
/* transition-view */
.transition-view {
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  color: #fff;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
}
.transition-view .bg-color {
  position: absolute;
  transform: scaleY(0);
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--light-orange);
}

.transition-view-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transition-view-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 70px;
  overflow: hidden;
}

.transition-view-content .heading {
  font-weight: 700;
  font-size: 80px;
  color: #efdac4;
}

.loading-state {
  display: flex;
  align-items: center;
  gap: 18px;
  font-weight: 700;
  font-size: 24px;
}

.transition-view-content .loading-value span:first-child {
  width: 50px;
  display: inline-block;
  text-align: end;
}

@media screen and (max-width: 767px) {
  .transition-view-content {
    gap: 40px;
  }
  .transition-view-content .heading {
    font-size: 40px;
  }
  .loading-state {
    font-size: 20px;
  }
}
/* responsive */
@media screen and (min-width: 951px) and (max-height: 870px) {
  .first-view-content .headings {
    max-width: 538px;
  }
  .first-view-content .headings .heading {
    font-size: 90px;
  }
}
@media screen and (max-width: 950px) {
  .first-view-content .headings {
    margin-inline: 40px;
  }
  .first-view-content .headings .heading {
    margin-block: 25px;
    max-width: 400px;
    font-size: 60px;
  }
  .footer-social-links {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .first-view-content .headings,
  .first-view .header-content {
    margin-inline: 25px;
  }
  .first-view-content .animated-btn {
    margin-inline-end: 25px;
  }
  .first-view-content .headings .heading {
    font-size: 56px;
  }
  .plus-btn img {
    width: 40px;
    height: 40px;
  }
}
.side-menu-item.swiper-slide {
  width: auto;
  margin-inline-end: 30px;
}

/* facility-content */
.facility-content {
  padding-top: 0px; /*106px*/
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
}

.facility-content .left-img {
  flex: 1 1 0px;
}
.facility-content .left-img img,
.facility-content .left-img video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.facility-white-box {
  flex: 1 1 0px;
  height: 100%;
  /* max-width: 945px; */
  height: 100%;
  padding: 32px 73px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  /* margin-inline-start: auto; */
  /* opacity: 0;
  transform: translateX(100%); */
}

.facility-white-box .top-heading-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}

.facility-white-box .logo-img {
  height: 42px;
}
@media screen and (max-width: 767px) {
  .facility-white-box .logo-img {
    height: 25px;
  }
}

.facility-white-box .logo-img img {
  height: 100%;
  width: auto;
  filter: brightness(5) invert(1);
}

.close-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
  font-weight: 700;
  font-size: 20px;
  cursor: pointer;
}

.offcanvas-plans .close-btn {
  margin-inline-start: auto;
}

.offcanvas-plans .global-form .animated-btn {
  justify-self: flex-end;
}

.facility-white-box .heading {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
  font-weight: 700;
  font-size: 80px;
  min-height: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  margin-bottom: 30px;
}

.facility-white-box .heading p {
  color: inherit;
  font-size: inherit;
}

.small-gallery {
  position: relative;
  width: 100%;
  height: 346px;
  margin-bottom: 56px;
  margin-inline: auto;
}

.small-gallery-image {
  display: block;
  margin-inline: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 292px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
}

.small-gallery-image:first-of-type {
  opacity: 1;
}

.facility-white-box .facility-info {
  font-size: 20px;
  color: #000000;
  margin-bottom: 17px;
  line-height: 1.5em;
  max-height: 7.5em; /*lineheight * 5*/
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .facility-white-box .facility-info {
    margin-top: 10px;
  }
}

.facility-white-box .buttons {
  display: flex;
  gap: 12px;
  margin-inline-start: auto;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .facility-white-box .buttons {
    margin-inline-start: unset;
  }
}

.circular-animated-btn {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.plus-button {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  background-color: var(--light-orange);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s ease-out;
  flex-shrink: 0;
}

.circular-animated-btn .plus-button {
  z-index: 1;
}

.circular-animated-btn .circular-animated-text-wrapper {
  width: 0px;
  overflow: hidden;
  z-index: 0;
  transition: all 0.5s ease-out;
  margin-inline-end: -25px;
}

.circular-animated-btn .circular-animated-text {
  display: flex;
  align-items: center;
  border: 1px solid var(--light-orange);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #000;
  padding-block: 5px;
  padding-inline-start: 12px;
  padding-inline-end: 30px;
  white-space: nowrap;
  transition: all 0.4s;
  overflow: hidden;
  height: 100%;
}

.circular-animated-btn.white-text .circular-animated-text {
  color: #ffffff;
}

.circular-animated-btn:hover .plus-button {
  background-color: #618777;
}

@media screen and (min-width: 768px) {
  .circular-animated-btn:hover .circular-animated-text-wrapper {
    width: 100%;
  }
}

.circular-animated-btn:hover .circular-animated-text {
  border: 1px solid #618777;
}

.small-gallery .circular-animated-btn {
  position: absolute;
  top: 70%;
  /* transform: translateY(-50%); */
  right: 0px;
  z-index: 1;
}

.facility-gallery {
  padding-bottom: calc(
    var(--bottom-content-margin-underneath) + var(--apply-now-padding-bottom)
  );
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 100%;
  width: 100%;
}

.gallery-slider {
  max-width: 1400px;
  width: 100%;
  margin-inline-end: unset;
}

.gallery-slider .gallery-slide {
  height: 125px;
  cursor: pointer;
  border-radius: 25px;
  overflow: hidden;
  max-width: 175px;
}

.gallery-slider .gallery-slide img,
.gallery-slider .gallery-slide video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.facility-details-section {
  z-index: 2;
  height: 100%;
}

.facility-gallery-section {
  /*display: none;*/
  z-index: 1;
}

.facility-gallery-section .circular-animated-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin-inline-end: 28px;
}
@media screen and (max-width: 767px) {
  .facility-gallery-section .circular-animated-btn {
    top: 4%;
    right: unset;
    left: var(--container-padding);
  }
}

@media screen and (max-width: 1500px) {
  /*
    .facility-content {
      padding-bottom: 90px;
    }
  */
  .facility-content {
    padding-top: 0px; /*50px*/
  }
}
@media screen and (max-width: 1100px) {
  .facility-content {
    padding-top: 0px; /*50px*/
  }
  .facility-content .left-img {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-height: 850px) {
  .facility-gallery-section .circular-animated-btn {
    top: calc(50% - 70px);
  }
}

@media screen and (max-width: 767px) {
  .facility-content {
    padding-block: 0px;
  }
}
@media screen and (max-width: 1200px), (max-height: 850px) {
  .facility-white-box .heading {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  .facility-white-box {
    padding: 25px;
    padding-inline: 15px;
  }
  .facility-white-box .heading {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .close-btn {
    font-size: 15px;
  }
  .close-btn img {
    width: 18px;
    height: 18px;
  }
  .small-gallery {
    margin-bottom: 20px;
  }
  .small-gallery-image {
    width: 100%;
  }
  .plus-button {
    width: 40px;
    height: 40px;
  }
  .facility-white-box .facility-info {
    font-size: 16px;
  }
  .facility-white-box .view-gallery-btn {
    z-index: 1;
    top: -50px;
    right: unset;
    left: 25px;
  }
  .facility-gallery {
    padding-bottom: 10px;
  }
  .gallery-slider .gallery-slide {
    max-width: 100%;
  }
  .gallery-slider {
    margin-inline-end: auto;
  }
}
/* */
main {
  background-color: #fbf8f4;
}

main:has(.inner-page.no-slide-animation) {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.inner-page.no-slide-animation {
  flex-grow: 1;
}

ul.dropdown-menu:empty {
  display: none;
}

.main-heading {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: var(--main-heading-margin);
}

@media screen and (max-width: 1200px) {
  .main-heading {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .main-heading {
    font-size: 28px;
  }
}

.intro-section-content .info {
  text-align: center;
  font-size: 24px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .intro-section-content .info {
    font-size: 18px;
  }
}
.intro-section-content {
  width: 100%;
  height: 100%;
  max-width: 1020px;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.who-we-are-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  color: #000000;
  height: 100%;
  padding-top: var(--section-padding-top);
}

.who-we-are-content > .left,
.who-we-are-content > .right {
  flex: 1 1 0px;
}

.who-we-are-content .info {
  font-size: 20px;
}

.who-we-are-content > .left {
  padding-inline: 64px;
  padding-bottom: 120px;
}

.who-we-are-content > .right img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1200px) {
  .who-we-are-content {
    flex-direction: column;
  }
  .who-we-are-content > .left {
    padding-bottom: 0px;
  }
  .who-we-are-content > .left,
  .who-we-are-content > .right {
    flex: 1 1 100%;
  }
  .who-we-are-content > .right {
    height: calc(50% - 20px);
    width: 100%;
  }
  .who-we-are-content .info {
    font-size: 18px;
    line-height: 1.5em;
    /*max-height: 7.5em;*/
    /*overflow: auto;*/
  }
}
@media screen and (max-width: 767px) {
  .who-we-are-content > .left {
    padding-inline: 15px;
  }
}

/* our-vision-content */
.our-vision-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  height: 100%;
  padding-bottom: 150px;
  color: #ffffff;
}

.our-vision-content .main-heading {
  margin-bottom: 0px;
}

.our-vision-content .info {
  max-width: 612px;
  font-weight: 700;
  font-size: 24px;
  line-clamp: 10;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(10 * var(--line-height, 1.5em));
  line-height: var(--line-height, 1.5);
  overflow-y: auto;
  /* word-break: break-word; */
  /* hyphens: auto; */
  scroll-behavior: smooth;
}

@media screen and (max-width: 1200px) {
  .our-vision-content {
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
  }
  .our-vision-content .info {
    font-size: 18px;
    max-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .our-vision-content {
    padding-bottom: 40px;
  }
  .our-vision-content .info {
    font-size: 16px;
  }
}
/* Our team */
.our-team-content,
.our-trainers-content {
  height: 100%;
  padding-top: var(--section-padding-top);
  padding-bottom: 150px;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .our-team-content,
  .our-trainers-content {
    padding-bottom: 37px; /* padding-top - height of apply now button (111px - 74px) */
  }
}

.our-trainers-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.our-trainers-content .main-heading,
.our-trainers-content .desc {
  text-align: center;
  max-width: 1200px;
  margin-inline: auto;
}

.our-trainers-content .desc {
  max-width: 650px;
  color: #212529;
}

.our-trainers-content .view-all-section {
  margin-top: 60px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .our-trainers-content .view-all-section {
    margin-top: 30px;
  }
}

.our-team-content .main-heading {
  margin-bottom: 20px;
}

.team-slider .team-slide {
  cursor: pointer;
}

.team-slide .team-slide-img {
  /* height: auto;
  max-height: 375px; */
  height: 375px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 8px;
}

.team-slide .team-slide-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.team-slide-details {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.team-slide-details .team-slide-name {
  font-size: 16px;
  line-height: 1.5;
  color: #628778;
}

.team-slide-details .team-slide-title {
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}

.view-all-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}

.view-all-section .left {
  font-size: 24px;
  max-width: 650px;
}
@media screen and (max-width: 1200px), (max-height: 850px) {
  .view-all-section .left {
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(3 * var(--line-height, 1.5em));
    line-height: var(--line-height, 1.5);
    overflow-y: auto;
    /* word-break: break-word; */
    /* hyphens: auto; */
    scroll-behavior: smooth;
  }
}

@media screen and (max-width: 1200px) {
  .view-all-section .left {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .view-all-section .left {
    font-size: 18px;
  }
  .view-all-section {
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media screen and (min-width: 768px) and (max-height: 850px) {
  .main-heading {
    font-size: 40px;
  }
}
/* SVN team page */
.inner-page.no-slide-animation .header {
  position: relative;
}

.inner-page.no-slide-animation:not(.sub-service) .bottom-content,
.inner-page.no-slide-animation:not(.sub-service) ~ .bottom-content {
  position: static;
  margin-bottom: var(--bottom-content-margin-underneath);
}

.inner-page.no-slide-animation:not(.sub-service) .footer,
.inner-page.no-slide-animation:not(.sub-service) ~ .footer {
  opacity: 1;
  visibility: visible;
  position: static;
}

.heading-with-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

@media screen and (max-width: 575px) {
  .heading-with-button {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
}

.heading-with-button .right {
  position: relative;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--light-orange);
}

.main-info {
  font-size: 20px;
  margin-bottom: 54px;
}

@media screen and (max-width: 1400px) {
  .main-info {
    font-size: 18px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .main-info {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
.team-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-template-rows: 1fr;
  gap: 44px;
  margin-block: 45px;
}

.team-item .team-item-img {
  height: 422px;
  margin-bottom: 16px;
}

.team-item .team-item-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.team-item .team-item-name {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.5;
  text-align: center;
  color: #000000;
}

.team-item .team-item-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  color: #628778;
}

.heading-with-button .animated-btn {
  min-width: unset;
  padding: 12px 27px;
}

@media screen and (max-width: 767px) {
  .team-list {
    gap: 25px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    margin-block: 25px;
  }
  .team-item .team-item-img {
    margin-bottom: 10px;
  }
}
/* careers */
.careers-content {
  width: 100%;
  height: 100%;
  padding-top: var(--section-padding-top);
}

.careers-content .section-wrapper {
  height: auto;
}

.careers-content .main-heading {
  margin-bottom: 40px;
}

.info-with-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
}

.info-with-buttons .main-info {
  margin-bottom: 0px;
}

.info-with-buttons .info {
  flex: 1 1 0px;
  color: #000000;
}

.info-with-buttons .buttons {
  flex: 1 1 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
}

.slider-arrow {
  outline: none;
  width: 45px;
  height: 45px;
  border: 1px solid #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.careers-slider {
  padding-inline-start: 64px;
}

@media screen and (max-width: 1000px) {
  .careers-slider {
    padding-inline-start: 25px;
  }
}
@media screen and (max-width: 575px) {
  .careers-slider {
    padding-inline: 15px;
  }
}
.careers-slide {
  color: #000000;
  max-width: 494px;
}

.careers-slide .careers-slide-top {
  font-weight: 700;
  font-size: 20px;
  background-color: #d0dbd6;
  padding-inline: 21px;
  padding-block: 17px;
}

.careers-slide .careers-slide-body {
  padding: 21px;
  background-color: #fff;
}

.careers-slide .careers-slide-body .heading {
  font-size: 18px;
  margin-bottom: 8px;
}

.careers-slide .careers-slide-body .info {
  font-size: 18px;
  margin-bottom: 16px;
}

.careers-slide .careers-slide-body .divider {
  height: 1px;
  width: 100%;
  background-color: #e5e5e5;
  margin-bottom: 16px;
}

.careers-slide .careers-slide-body .animated-btn {
  margin-top: 30px;
  justify-self: flex-end;
  z-index: 0;
}

@media screen and (max-width: 767px), (max-height: 850px) {
  .careers-content .main-heading {
    margin-bottom: 20px;
  }
  .careers-slide .careers-slide-top {
    font-size: 16px;
  }
  .careers-slide .careers-slide-body,
  .careers-slide .careers-slide-top {
    padding-block: 7px;
    padding-inline: 12px;
  }
  .careers-slide .careers-slide-body .heading {
    font-size: 15px;
  }
  .careers-slide .careers-slide-body .info,
  .careers-slide .careers-slide-body .divider {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .careers-slide .careers-slide-body .info {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .careers-slide .careers-slide-body .animated-btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .info-with-buttons {
    flex-direction: column;
  }
}
/* career-details */
.career-details-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 20px;
}

.career-details-content {
  width: calc(100% - 561px); /* career img width */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #000000;
}

.career-img {
  width: 561px;
  height: 859px;
  max-height: 100%;
  position: sticky;
  top: 0;
  right: 0;
  margin-inline-end: -64px;
}

.career-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.career-box {
  width: 100%;
  margin-bottom: 40px;
}

.career-box .heading {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}

.career-box .info {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.75);
}

.career-columns {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 20px;
}

.career-column .top {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.75);
}

.career-column .bottom {
  font-size: 22px;
}

.career-box + .animated-btn {
  margin-top: 22px;
}

@media screen and (max-width: 1170px) {
  .career-details-container {
    flex-direction: column;
    gap: 0px;
  }
  .career-details-content {
    width: 100%;
  }
  .career-img {
    width: 100%;
    max-width: 561px;
    height: 60vh;
    position: static;
    margin-bottom: 40px;
    margin-inline-end: 0px;
  }
}
@media screen and (max-width: 767px) {
  .career-box .heading {
    font-size: 20px;
  }
  .career-box .info {
    font-size: 16px;
  }
  .career-column .top {
    font-size: 16px;
  }
  .career-column .bottom {
    font-size: 18px;
  }
  .career-box,
  .career-img {
    margin-bottom: 30px;
  }
}
.logo path:not([fill="none"]) {
  fill: transparent;
  stroke: currentColor;
  animation: draw 15s;
  stroke-dasharray: 667.0244750977;
  stroke-dashoffset: 667.0244750977;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
/* apply to job */
.job-apply-content {
  width: 770px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #000000;
}

.job-img {
  width: 44%;
  height: 859px;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.job-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1540px) {
  .job-img {
    width: 32%;
  }
}
@media screen and (max-width: 1250px) {
  .job-apply-content {
    width: 100%;
  }
  .job-img {
    position: static;
    width: 100%;
    margin-bottom: 34px;
    max-height: 60vh;
  }
}
.global-form {
  width: 100%;
}

.global-form .animated-btn {
  justify-self: flex-start;
  margin-top: 64px;
}

.form-row {
  margin-bottom: 40px;
}

.form-row.two-columns {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.form-row.two-columns > .form-group-wrapper {
  width: calc(50% - 16px);
}

.form-group-wrapper {
  width: 100%;
}

.form-group-wrapper .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 0px;
  padding-inline: 8px;
}

.input-box {
  min-height: 57px;
  position: relative;
  /* display: flex;
  flex-direction: column-reverse;
  align-items: flex-start; */
  flex-grow: 1;
  transition: all 0.4s;
  font-size: 22px;
}
.input-box.label-lines-2 {
  min-height: 87px;
}

.input-box label {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: inherit;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4d4d4d;
  transform-origin: left center;
  z-index: -1;
}

.input-box input:not(.iti__search-input) {
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  transition: inherit;
  padding: 0;
  width: 100%;
  line-height: 1.4;
}

.input-box input:focus,
.input-box input:focus-visible {
  outline: none;
}

.input-box input::-moz-placeholder {
  color: transparent;
}

.input-box input::placeholder {
  color: transparent;
}

.input-box input:not(:-moz-placeholder-shown) {
  bottom: 0;
  transform: translateY(0);
}

.input-box input:focus,
.input-box input:not(:placeholder-shown) {
  bottom: 0;
  transform: translateY(0);
}

.input-box input:not([type="file"]):not(:-moz-placeholder-shown) + label {
  pointer-events: auto;
  transform: translateY(0) scale(0.8);
  top: 0px;
}

.input-box input:focus + label,
.input-box label.label-transform,
.input-box input:not([type="file"]):not(:placeholder-shown) + label {
  pointer-events: auto;
  transform: translateY(0) scale(0.8);
  top: 0px;
}

.input-box input[type="file"] ~ label {
  width: 100%;
  z-index: initial;
}

.input-box input:focus,
.input-box input:focus-visible,
.input-box textarea:focus,
.input-box textarea:focus-visible {
  outline: none;
}

.input-box input::-moz-placeholder,
.input-box textarea::-moz-placeholder {
  color: transparent;
}

.input-box input::placeholder,
.input-box textarea::placeholder {
  color: transparent;
}

.form-group-wrapper .input-divider {
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  margin-top: 5px;
}

.form-group-wrapper .error,
.form-group-wrapper .tick-icon,
.form-group-wrapper .tick-icon img {
  display: none;
}

.form-group-wrapper .error {
  width: 100%;
  padding-top: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.file-input {
  display: none;
}

.form-group-wrapper.show-error .error,
.form-group-wrapper.show-error .tick-icon,
.form-group-wrapper.show-error .tick-icon .error-tick {
  display: block;
}

.form-group-wrapper.show-error .input-box label {
  color: #ba1e1e;
}

.form-group-wrapper.show-error .divider {
  background-color: #ba1e1e;
}

.form-group-wrapper.show-error .icon img {
  stroke: #ba1e1e;
  filter: brightness(0) saturate(100%) invert(16%) sepia(87%) saturate(2626%)
    hue-rotate(346deg) brightness(98%) contrast(99%);
}

.form-group-wrapper.show-correct .tick-icon,
.form-group-wrapper.show-correct .tick-icon .correct-tick {
  display: block;
}

.form-group-wrapper.show-correct .input-box label {
  color: #628778;
}

.form-group-wrapper.show-correct .divider {
  background-color: #628778;
}

.form-group-wrapper.show-correct .icon img {
  stroke: #628778;
  filter: brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(517%)
    hue-rotate(104deg) brightness(95%) contrast(99%);
}

.select2-container--default .select2-selection--single {
  border: none;
}

.new-dropdown-menu {
  padding: 4px;
}

.new-dropdown-menu li:empty {
  display: none;
}

.select2-dropdown.new-dropdown-menu {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  min-width: 160px;
}

.select2-dropdown.new-dropdown-menu .select2-search__field {
  width: 100%;
  padding: 8px;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 4px;
  box-shadow: none;
  margin-bottom: 4px;
}

/* Change placeholder color */
.new-dropdown-menu .select2-search__field::-moz-placeholder {
  color: #4d4d4d; /* Placeholder text color */
}
.new-dropdown-menu .select2-search__field::placeholder {
  color: #4d4d4d; /* Placeholder text color */
}

.new-dropdown-menu .select2-results__option:not(:last-child) {
  margin-bottom: 4px;
}

.new-dropdown-menu .select2-results__option {
  background-color: #fff; /* Default background */
  color: #4d4d4d; /* Default text color */
  padding: 10px 16px; /* Custom padding */
  font-weight: 700;
  transition: all 0.4s;
}

/* Hover state */
.new-dropdown-menu .select2-results__option--highlighted[aria-selected] {
  background-color: var(--light-orange); /* Background on hover */
  /* color: $dark-blue-color;  Text color on hover */
  border-radius: 8px;
}

/* Selected state */
.new-dropdown-menu .select2-results__option.select2-results__option--selected {
  background-color: var(--light-orange); /* Selected background */
  border: 1px solid #cba47b;
  color: #fff;
  border-radius: 8px;
}

.form-dropdown ~ input {
  color: transparent;
}

.form-dropdown ~ input,
.form-dropdown ~ label {
  pointer-events: none;
}

.form-dropdown ~ .select2 {
  transform: translateY(10px);
}

.form-dropdown ~ .select2.dropdown-transform {
  transition: all 0.4s;
  transform: translateY(calc(100% - 7px));
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline-start: 0px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .job-img {
    margin-bottom: var(--main-heading-margin);
  }
  .form-row {
    margin-bottom: 24px;
  }
  .global-form .animated-btn {
    margin-top: 35px;
  }
  .form-row.two-columns {
    flex-wrap: wrap;
  }
  .form-row.two-columns > .form-group-wrapper {
    width: 100%;
  }
  .form-row.two-columns {
    gap: 20px;
  }
  .input-box {
    min-height: 50px;
  }
  .input-box.label-lines-2 {
    min-height: 75px;
  }
  .input-box {
    font-size: 17px;
  }
  /*
  .input-box input:not([type="file"]):not(:-moz-placeholder-shown) + label {
    font-size: 16px;
  }
  .input-box input:focus + label,
  .input-box input:not([type="file"]):not(:placeholder-shown) + label {
    font-size: 16px;
  }
  */
}
.global-modal {
  color: #000;
  text-align: center;
}

.global-modal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}

.global-modal .modal-img {
  margin-bottom: 14px;
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.global-modal .heading {
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 24px;
}

.global-modal .info {
  font-size: 18px;
  margin-bottom: 28px;
}

.global-modal .animated-btn {
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .global-modal .modal-body {
    padding: 48px 45px;
  }
}
@media screen and (max-width: 767px) {
  .global-modal .heading {
    margin-bottom: 14px;
    font-size: 22px;
  }

  .global-modal .info {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .global-modal .modal-img {
    width: 55px;
    height: 55px;
  }
}
/* contact us */
.contact-us-content {
  width: 69%;
  display: flex;
  align-items: center;
  gap: 100px;
}

.contact-us-content > .left {
  width: 100%;
  flex-grow: 1;
}

.contact-us-content > .main-heading {
  display: none;
}

.map-container {
  width: 31%;
  height: calc(100% + 125px + var(--bottom-content-margin-underneath));
  /* height: 859px; */
  /* max-height: 100%; */
  position: absolute;
  top: 0;
  right: 0;
}

.contact-items {
  display: flex;
  flex-direction: column;
  gap: 31px;
  max-width: 310px;
  margin-bottom: 183px;
}

.contact-item {
  display: flex;
  gap: 20px;
  color: #000;
}

.contact-item .heading {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 2px;
}

.contact-item .info {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.7);
}

.contact-item a {
  color: inherit;
}

@media screen and (max-width: 1500px) {
  .contact-us-content {
    width: 67%;
    flex-wrap: wrap;
    gap: 50px;
  }
  .contact-items {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 31px;
    max-width: 100%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-us-content {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-us-content > .main-heading {
    display: block;
    margin-bottom: 0px;
    order: 1;
  }
  .contact-us-content .contact-items {
    order: 2;
  }
  .contact-us-content .map-container {
    order: 3;
  }
  .contact-us-content .left {
    order: 4;
  }
  .contact-us-content .left .main-heading {
    display: none;
  }
  .map-container {
    width: 100%;
    height: 859px;
    max-height: 50vh;
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .contact-item .heading {
    font-size: 18px;
  }
  .contact-item .info {
    font-size: 16px;
  }
}
/* privacy terms */
.privacy-terms-content .main-info {
  margin-bottom: 40px;
}

.privacy-box:not(:last-child) {
  margin-bottom: 40px;
}

.privacy-box .top-heading {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}

.privacy-box .bottom-heading {
  font-weight: 700;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 20px;
}

.privacy-box .info {
  font-size: 20px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 767px) {
  .privacy-terms-content .main-info {
    margin-bottom: 30px;
  }
  .privacy-box:not(:last-child) {
    margin-bottom: 30px;
  }
  .privacy-box .top-heading {
    font-size: 20px;
  }
  .privacy-box .bottom-heading {
    font-size: 18px;
  }
  .privacy-box .info {
    font-size: 18px;
  }
}
/* sitemap */
.sitemap-content .main-info {
  margin-bottom: 40px;
}

.sitemap-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  row-gap: 110px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.sitemap-column {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.sitemap-column .heading {
  font-weight: 700;
  font-size: 28px;
  color: #628778;
}

.sitemap-link {
  font-weight: 700;
  font-size: 24px;
  color: #000000;
}

@media screen and (max-width: 767px) {
  .sitemap-content .main-info {
    margin-bottom: 20px;
  }
  .sitemap-columns {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    row-gap: 40px;
  }
  .sitemap-column {
    gap: 10px;
  }
  .sitemap-column .heading {
    font-size: 22px;
  }
  .sitemap-link {
    font-size: 20px;
  }
}
/* membership-plan-content */
.membership-plan-content {
  padding-top: var(--section-padding-top);
  width: 100%;
}

.membership-plan-content .left-side,
.membership-plan-cards {
  width: 100%;
}

.membership-plan-img {
  display: none;
  flex-shrink: 0;
  transform: translateX(94px);
  width: 561px;
  height: 750px;
  max-height: 100%;
  position: sticky;
  /* top: var(--section-padding-top); */
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1500px) {
  .membership-plan-img {
    transform: translateX(64px);
  }
}

.membership-plan-img::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.membership-plan-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.membership-plan-cards .swiper-slide {
  height: auto;
}

.membership-plan-card {
  padding-block: 40px;
  padding-inline: 25px;
  background-color: #f3efeb;
  color: #000000;
  /*max-width: 412px; 360*/
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 2px solid transparent;
  transition: all 0.5s;
  border-radius: 20px;
}
.membership-plan-card:hover {
  border: 2px solid var(--light-orange);
  background-color: #fff7ed;
}

.membership-plan-card .card-top {
  display: flex;
  gap: 18px;
  margin-bottom: 15px;
}

.membership-plan-card .card-top .left img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: cover;
}

.membership-plan-card .card-top .right p:first-child {
  font-size: 18px;
}

.membership-plan-card .card-top .right p:last-child {
  font-weight: 700;
  font-size: 24px;
}

.membership-plan-card .card-body {
  font-size: 18px;
  margin-bottom: 27px;
}

.membership-plan-card .card-bottom {
  margin-top: auto;
  display: flex;
  gap: 4px;
  z-index: 1;
}

.membership-plan-card .card-bottom .animated-btn {
  justify-content: center;
  min-width: 150px;
}

@media screen and (max-width: 767px), (max-height: 850px) {
  .membership-plan-card {
    padding: 20px;
  }
  .membership-plan-card .card-top .right p:first-child {
    font-size: 16px;
  }
  .membership-plan-card .card-top .right p:last-child {
    font-size: 20px;
  }
  .membership-plan-card .card-body {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .membership-plan-img {
    display: none;
  }
}
@media screen and (max-height: 700px) {
  .membership-plan-card {
    padding-block: 14px;
  }
  .membership-plan-card .card-body {
    margin-bottom: 17px;
  }
  .membership-plan-card .card-bottom .animated-btn {
    padding-block: 10px;
  }
}
/* offcanvas plans */
.offcanvas.offcanvas-start,
.offcanvas.offcanvas-end {
  overflow: auto;
  width: 588px;
}

.offcanvas-plans {
  margin-top: 20px;
  padding: 32px;
  color: #000000;
}

.offcanvas-plans .offcanvas-title {
  font-weight: 700;
  font-size: 54px;
  margin-bottom: 20px;
}

.offcanvas-plans .offcanvas-info {
  font-size: 22px;
  margin-bottom: 60px;
}

.offcanvas-plans .form-row {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px), (max-height: 850px) {
  .offcanvas-plans {
    margin-top: 0px;
  }
  .offcanvas-plans {
    padding: 16px;
  }
  .offcanvas-plans .offcanvas-title {
    font-size: 34px;
    line-height: 1.2;
  }
  .offcanvas-plans .offcanvas-info {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

/* global */
@media screen and (max-height: 850px) and (min-width: 768px) {
  .slide-animation .main-heading {
    font-size: 40px;
  }
  .slide-animation .main-info {
    font-size: 18px;
  }
}

.intro-section-content .main-heading {
  font-size: 120px;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .intro-section-content .main-heading {
    font-size: 80px;
  }
}
@media screen and (max-width: 767px) {
  .intro-section-content .main-heading {
    font-size: 60px;
  }
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
}

.who-we-are-content .info {
  max-height: 39vh;
  overflow: auto;
  color: #212529;
}

@media screen and (max-width: 767px) {
  .who-we-are-content .info {
    min-height: 29vh;
    font-size: 16px;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(6 * var(--line-height, 1.5em));
    line-height: var(--line-height, 1.5);
    overflow-y: auto;
    /* word-break: break-word; */
    /* hyphens: auto; */
    scroll-behavior: smooth;
  }
}

.section.facility-gallery-section .bg-img {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
}

.section.facility-gallery-section .bg-img img,
.section.facility-gallery-section .bg-img video {
  grid-area: 1/1;
}

.section.facility-gallery-section .bg-img img.active,
.section.facility-gallery-section .bg-img video.active {
  z-index: 2;
}

.details-modal .info {
  text-align: start;
}

.details-modal .info li:not(:last-child) {
  margin-bottom: 6px;
}

.details-modal ul {
  text-align: start;
  margin-top: 6px;
  margin-bottom: 14px;
}

.full-size-banner .section {
  position: static;
}

.full-size-banner .section-0 {
  min-height: 100vh;
  margin-top: calc(-1 * var(--header-height));
  justify-content: center;
}

.full-size-banner .section-0 .bg-img {
  z-index: unset;
}

@media screen and (min-width: 768px) {
  .facility-gallery .swiper-wrapper {
    display: flex;
    justify-content: flex-end;
  }
}

.facility-gallery .gallery-slider {
  width: 100%;
  max-width: 100%;
}

/**/

.new-vision-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: var(--section-padding-top);
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .new-vision-content {
    padding-bottom: 30px;
  }
}
.new-vision-content .info {
  font-size: 20px;
  color: #212529;
}

.new-vision-content .left {
  flex: 0 1 60%;
  max-width: 60%;
}
.new-vision-content .right {
  flex: 0 1 40%;
}
@media screen and (max-width: 767px) {
  .new-vision-content .left {
    max-width: 100%;
  }
}

.new-vision-content .right .new-vision-slider {
  width: 100%; /* Make Swiper fill its container */
}

.new-vision-content .left .img-container {
  width: 100%;
  height: 350px;
}
@media screen and (max-width: 767px) {
  .new-vision-content .left .img-container {
    height: 200px;
  }
}

.new-vision-content .left .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.careers-items {
  /* grid-template-columns: repeat(auto-fill, minmax(181px, 1fr)); */
  margin-bottom: 32px;
}

.careers-items .careers-item {
  padding: 16px;
  background-color: #f3efeb;
  border-radius: 8px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .new-vision-content {
    flex-direction: column-reverse;
  }
  .new-vision-content .info {
    font-size: 16px;
  }
}

.no-slide-animation .section-content {
  margin-top: var(--margin-below-header);
  margin-bottom: 40px;
}

.team-group .department-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .team-group .department-title {
    font-size: 20px;
  }
}

.team-group {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .team-group {
    margin-bottom: 20px;
  }
}

.offcanvas-member-details {
  padding: 32px;
}

.offcanvas-member-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.offcanvas-member-details .member-image {
  height: 291px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 30px;
}
.offcanvas-member-details .member-image img {
  display: block;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 16px;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  margin-inline: auto;
}
.offcanvas-member-details .member-desc {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .header-dropdown .dropdown-menu .dropdown-menu {
    position: relative;
    display: block;
  }
  .dropend .dropdown-toggle::after {
    transform: rotate(90deg);
  }
}

.offcanvas-member-details .member-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.offcanvas-member-details .member-name {
  font-size: 18px;
  line-height: 1.5;
  color: #212529;
  font-weight: 700;
}
.offcanvas-member-details .member-position {
  font-size: 16px;
  line-height: 1.5;
  color: #628778;
}
@media screen and (max-width: 767px) {
  .offcanvas-member-details .member-header {
    flex-direction: row;
    gap: 10px;
    align-items: flex-end;
  }
}

.job-apply-content .global-form .animated-btn,
.contact-us-content .global-form .animated-btn {
  justify-self: flex-end;
}

.apply-now .left-side.black-btn {
  box-shadow: unset;
  text-shadow: unset;
  border-color: #000000;
  color: #000000;
}

.apply-now .left-side.black-btn::before {
  background: var(--light-orange);
}
@media screen and (min-width: 768px) {
  .apply-now .left-side.black-btn:hover {
    border-color: var(--light-orange);
  }
}

/**/
.section.facility-gallery-section {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .swiper.careers-items > .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .swiper.careers-items > .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
}

.facility-white-box .top-heading-container .close-btn {
  margin-inline-start: auto;
}
.facility-white-box .responsive-heading {
  display: none;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .facility-white-box .top-heading-container > .logo-img,
  .facility-white-box .top-heading-container > .heading {
    display: none;
  }
  .facility-white-box .responsive-heading {
    display: block;
  }
}

.iti {
  --iti-path-flags-1x: url("../img/flags.webp");
  --iti-path-flags-2x: url("../img/flags@2x.webp");
  --iti-path-globe-1x: url("../img/globe.webp");
  --iti-path-globe-2x: url("../img/globe@2x.webp");
}

.input-box .iti {
  position: absolute;
  bottom: 0;
  transform: translateY(-50%);
  opacity: 0;
  width: 100%;
  transition: inherit;
  z-index: 1;
}
.input-box .iti.show-input {
  bottom: 0;
  transform: translateY(0);
  opacity: 1;
}
.input-box .iti.show-input .input-tel {
  bottom: 0;
  transform: translateY(0);
}

.form-group-wrapper .form-group .icon:has(img[src=""]),
.form-group-wrapper .form-group .icon:not(:has(img)) {
  display: none;
}

.form-group-wrapper .form-group ~ small {
  padding-inline: 8px;
}

.membership-plan-cards-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.membership-plan-cards-container .membership-plan-cards{
  min-width: 0;
}

.membership-plan-cards-container .swiper-button-next,
.membership-plan-cards-container .swiper-button-prev {
  position: static;
  color: #e0a184;
  margin-top: unset;
}

@media screen and (max-width: 767px) {
  .membership-plan-cards-container .swiper-button-next,
  .membership-plan-cards-container .swiper-button-prev {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .bg-img.mobile-bg-img video:not(.mobile-img-video),
  .bg-img.mobile-bg-img img:not(.mobile-img-video){
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .bg-img.mobile-bg-img .mobile-img-video{
    display: none;
  }
}