@charset "UTF-8";
/*
 *  Define variables
*/
:root {
  --color-1: #ffffff;
  --color-2: #002855;
  --color-3: #FBDF7B;
  --color-4: #303334;
  --color-5: #00fff0;
  --space-none: 0;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --space-3xl: 56px;
  --space-4xl: 85px;
  --text-2xs: 12px;
  --text-xs: 14px;
  --text-s: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 0.1736))), 16px);
  --text-s: clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.1736)), 16px);
  --text-sb: min(max(16px, calc(1rem + ((1vw - 7.68px) * 0.1736))), 18px);
  --text-sb: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.1736)), 18px);
  --text-m: min(max(18px, calc(1.125rem + ((1vw - 7.68px) * 0.1736))), 20px);
  --text-m: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.1736)), 20px);
  --text-l: min(max(20px, calc(1.25rem + ((1vw - 7.68px) * 0.744))), 25px);
  --text-l: clamp(20px, calc(1.25rem + ((1vw - 7.68px) * 0.744)), 25px);
  --text-xl: min(max(24px, calc(1.5rem + ((1vw - 7.68px) * 2.0833))), 35px);
  --text-xl: clamp(24px, calc(1.5rem + ((1vw - 7.68px) * 2.0833)), 35px);
  --text-2xl: min(max(32px, calc(2rem + ((1vw - 7.68px) * 2.6786))), 45px);
  --text-2xl: clamp(32px, calc(2rem + ((1vw - 7.68px) * 2.6786)), 45px);
  --text-3xl: min(max(36px, calc(2.25rem + ((1vw - 7.68px) * 3.2738))), 58px);
  --text-3xl: clamp(36px, calc(2.25rem + ((1vw - 7.68px) * 3.2738)), 58px);
  --font-primary: Manuale, serif;
  --font-secondary: "Martel Sans", sans-serif;
  --border-size-s: 1px solid;
  --border-size-m: 2px solid;
  --border-size-l: 3px solid;
  --radius-xs: 0.25rem;
  --radius-s: 0.5rem;
  --radius-m: 1rem;
  --radius-l: 2rem;
  --radius-full: 999rem;
  --shadow-s: 0 1px 2px var(--dark);
  --shadow-m: 0 2px 10px var(--dark);
  --shadow-l: 0 5px 30px var(--dark);
  --text-shadow-l: 0 94px 75px #000000cf, 0 40px 32px #00000080,
    0 21px 17px #00000070, 0 12px 10px #0000005c, 0 6px 5px #0000004d,
    0 3px 2px #0003;
  --lineheigh-s: 1.1;
  --lineheigh-m: 1.2;
  --lineheigh-l: 1.4;
  --lineheigh-xl: 1.8;
}

@media (max-width: 768px) {
  :root {
    --space-none: 0;
    --space-2xs: 2px;
    --space-xs: 4px;
    --space-s: 8px;
    --space-m: 12px;
    --space-l: 16px;
    --space-xl: 24px;
    --space-2xl: 32px;
    --space-3xl: 48px;
    --space-4xl: 65px;
  }
}
/*************************************/
/*              Color                */
/*************************************/
.background-dark {
  background-color: var(--color-13);
}
.background-light {
  background-color: var(--color-1);
}

/*************************************/
/*            Typography             */
/*************************************/
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:where(.wp-site-blocks) > * {
  margin-block-start: 0;
}

body {
  font-size: var(--text-s);
  font-family: var(--font-secondary);
  font-weight: 600;
  line-height: var(--lineheigh-l);
}

h1,
h1 * {
  font-size: var(--text-3xl);
  font-family: var(--font-primary);
  line-height: var(--lineheigh-s);
  font-weight: 700;
  text-decoration: none;
  margin-block-start: 0;
  margin-block-end: 0;
}

h2, h2 * {
  font-size: var(--text-2xl);
  font-family: var(--font-primary);
  line-height: var(--lineheigh-s);
  font-weight: 700;
  text-decoration: none;
  margin-block-start: 0;
  margin-block-end: 0;
}

h3, h3 * {
  font-size: var(--text-xl);
  font-family: var(--font-primary);
  line-height: var(--lineheigh-s);
  font-weight: 700;
}

h4, h4 * {
  font-size: var(--text-l);
}

h5,
h5 * {
  font-family: var(--font-secondary);
  font-size: var(--text-l);
  font-weight: 800;
  margin-block-start: 0;
  margin-block-end: 0;
}

h6,
h6 * {
  font-size: var(--text-s);
  line-height: var(--lineheigh-l);
  font-family: var(--font-tertiary);
  margin-block-start: 0;
  margin-block-end: 0;
}

p, p * {
  font-size: var(--text-s);
  line-height: var(--lineheigh-l);
  font-weight: 600;
  margin-block-start: 0;
  margin-block-end: 0;
}

.font-primary, .font-primary * {
  font-family: var(--font-primary);
  font-weight: 100;
}
.font-secondary, .font-secondary * {
  font-family: var(--font-secondary);
}
.font-tertiary {
  font-family: var(--font-tertiary);
}
.font-extra-1 {
  font-family: var(--font-extra-1);
}
.font-weight-s {
  font-weight: 100;
}
.font-weight-m {
  font-weight: 400;
}
.font-weight-l {
  font-weight: 800;
}

.text-2xs, .text-2xs * {
  font-size: var(--text-2xs);
}
.text-xs, .text-xs * {
  font-size: var(--text-xs);
}
.text-s, .text-s * {
  font-size: var(--text-s);
}
.text-m, .text-m * {
  font-size: var(--text-m);
}
.text-l, .text-l * {
  font-size: var(--text-l);
}
.text-xl, .text-xl * {
  font-size: var(--text-xl);
}
.text-2xl, .text-2xl * {
  font-size: var(--text-2xl);
}
.text-3xl, .text-3xl * {
  font-size: var(--text-3xl);
}
.text-uppercase {
  text-transform: uppercase;
}
.text-extra-bold {
  font-weight: 900;
}
.text-bold {
  font-weight: 800;
}
.text-normal {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .text-normal {
    font-weight: 600;
  }
}
.text-light {
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .text-light {
    font-weight: 400;
  }
}
.text-center {
  text-align: center;
}
.text-italic {
  font-style: italic;
}
.text-quote {
  font-size: var(--text-m);
  font-family: var(--font-secondary);
  text-transform: uppercase;
}
.text-letter-spacing-s {
  letter-spacing: 1px;
}
.text-letter-spacing-m {
  letter-spacing: 2px;
}
.text-letter-spacing-l {
  letter-spacing: 3px;
}

.text-shadow {
  text-shadow: var(--text-shadow-l);
}

.text-color-white {
  color: #fff;
}
.text-color-white * {
  color: #fff;
}
.text-color-gold {
  color: #FBDF7B !important;
}
.text-color-gold * {
  color: #FBDF7B !important;
}
.text-color-blue {
  color: var(--color-2);
}
.text-color-blue-med {
  color: #023E7D;
}
.text-color-orange {
  color: var(--color-1);
}
.text-color-purple {
  color: var(--color-9);
}
.text-color-pink {
  color: #9C489B;
}
.text-color-gold {
  color: #F2AA4C;
}
.text-color-green {
  color: #00FF8B;
}
.text-gradient-1 {
  background-image: linear-gradient(135deg, rgb(245, 31, 134) 0%, rgb(135, 80, 120) 34%, rgb(67, 133, 192) 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-2 {
  background-image: linear-gradient(135deg, #9F46A0 0%, #875078 80%, #4385C0 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-3 {
  background-image: linear-gradient(135deg, rgb(245, 31, 134) 0%, rgb(135, 80, 120) 34%, rgb(67, 133, 192) 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.line-height-s {
  line-height: var(--lineheigh-s);
}
.line-height-m {
  line-height: var(--lineheigh-m);
}
.line-height-l {
  line-height: var(--lineheigh-l);
}
.line-height-xl {
  line-height: var(--lineheigh-xl);
}

/*************************************/
/*              Design               */
/*************************************/
.border-s {
  border: var(--border-size-s);
}
.border-m {
  border: var(--border-size-m);
}
.border-m {
  border: var(--border-size-l);
}
.border-left-s {
  border-left: var(--border-size-s);
}
.border-left-m {
  border-left: var(--border-size-m);
}
.border-left-l {
  border-left: var(--border-size-l);
}
.border-right-s {
  border-right: var(--border-size-s);
}
.border-right-m {
  border-right: var(--border-size-m);
}
.border-right-l {
  border-right: var(--border-size-l);
}
.border-bottom-s {
  border-bottom: var(--border-size-s);
}
.border-bottom-m {
  border-bottom: var(--border-size-m);
}
.border-bottom-l {
  border-bottom: var(--border-size-l);
}
.border-top-s {
  border-top: var(--border-size-s);
}
.border-top-m {
  border-top: var(--border-size-m);
}
.border-top-l {
  border-top: var(--border-size-l);
}
.border-radius {
  border-radius: var(--radius-s);
}
.border-radius-s {
  border-radius: var(--radius-s);
}
.border-radius-m {
  border-radius: var(--radius-s);
}
.border-radius-l {
  border-radius: var(--radius-s);
}

img {
  display: block;
}

.image-fit-contain {
  object-fit: contain;
}
.image-fit-cover {
  object-fit: cover;
}

.background-overlay-black {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0C0012 100%);
}
.background-overlay-dark {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #012140 100%);
}
.background-overlay-light {
  background: linear-gradient(180deg, rgba(235, 240, 250, 0) 0%, #EBF0FA 100%);
}
.background-gradient-1 {
  position: relative;
}
.background-gradient-1::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #FFFFEB 0%, rgba(24, 2, 35, 0) 30%, rgba(24, 2, 35, 0) 100%);
}
.background-gradient-2 {
  position: relative;
}
.background-gradient-2::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #111823 0%, rgba(24, 2, 35, 0) 30%, rgba(24, 2, 35, 0) 100%);
}
.background-gradient-3 {
  position: relative;
}
.background-gradient-3::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fef5e3 0%, rgba(24, 2, 35, 0) 100%);
}
.background-zoom-effect {
  background-position: center center;
  background-size: cover;
  transition: background-size 0.5s ease, background-position 0.5s ease; /* Smooth transition */
}
.background-zoom-effect:hover {
  background-size: 130%;
}
.background-zoom-effect-small {
  background-position: center center;
  background-size: cover;
  transition: background-size 0.2s ease, background-position 0.2s ease; /* Smooth transition */
}
.background-zoom-effect-small:hover {
  background-size: 125% !important;
}
.background-zoom-effect-in {
  transition: transform 0.5s ease-in-out;
}
.background-zoom-effect-out {
  transition: transform 0.5s ease-out;
}

@media screen and (max-width: 768px) {
  .hidden-mobile {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .hidden-desktop {
    display: none;
  }
}

/*************************************/
/*              Spacing              */
/*************************************/
body .section-s {
  padding-top: 50px;
  padding-bottom: 50px;
}
body .section-m {
  padding-top: 70px;
  padding-bottom: 70px;
}
body .section-l {
  padding-top: 100px;
  padding-bottom: 100px;
}
body .container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}
body .container-article {
  max-width: 890px;
  padding-left: var(--space-l);
  padding-right: var(--space-l);
  margin: 0 auto;
}
body .container-hero {
  max-width: 1154px;
}
body .container-small {
  max-width: 800px;
}
body .padding-xs {
  padding: var(--space-xs);
}
body .padding-s {
  padding: var(--space-s);
}
body .padding-m {
  padding: var(--space-m);
}
body .padding-l {
  padding: var(--space-l);
}
body .padding-xl {
  padding: var(--space-xl);
}
body .padding-side {
  padding-left: 15px;
  padding-right: 15px;
}
body .padding-left-xs {
  padding-left: var(--space-s);
}
body .padding-left-s {
  padding-left: var(--space-s);
}
body .padding-left-m {
  padding-left: var(--space-m);
}
body .padding-left-l {
  padding-left: var(--space-l);
}
body .padding-left-xl {
  padding-left: var(--space-xl);
}
body .padding-left-2xl {
  padding-left: var(--space-2xl);
}
body .padding-right-xs {
  padding-right: var(--space-s);
}
body .padding-right-s {
  padding-right: var(--space-s);
}
body .padding-right-m {
  padding-right: var(--space-m);
}
body .padding-right-l {
  padding-right: var(--space-l);
}
body .padding-right-xl {
  padding-right: var(--space-xl);
}
body .padding-right-2xl {
  padding-right: var(--space-2xl);
}
body .padding-top-xs {
  padding-top: var(--space-s);
}
body .padding-top-s {
  padding-top: var(--space-s);
}
body .padding-top-m {
  padding-top: var(--space-m);
}
body .padding-top-l {
  padding-top: var(--space-l);
}
body .padding-top-xl {
  padding-top: var(--space-xl);
}
body .padding-top-2xl {
  padding-top: var(--space-2xl);
}
body .padding-top-3xl {
  padding-top: var(--space-3xl);
}
body .padding-top-4xl {
  padding-top: var(--space-4xl);
}
body .padding-bottom-xs {
  padding-bottom: var(--space-s);
}
body .padding-bottom-s {
  padding-bottom: var(--space-s);
}
body .padding-bottom-m {
  padding-bottom: var(--space-m);
}
body .padding-bottom-l {
  padding-bottom: var(--space-l);
}
body .padding-bottom-xl {
  padding-bottom: var(--space-xl);
}
body .padding-bottom-2xl {
  padding-bottom: var(--space-2xl);
}
body .padding-bottom-3xl {
  padding-bottom: var(--space-3xl);
}
body .padding-bottom-4xl {
  padding-bottom: var(--space-4xl);
}
body .margin-left-s {
  margin-left: var(--space-s);
}
body .margin-left-m {
  margin-left: var(--space-m);
}
body .margin-left-l {
  margin-left: var(--space-l);
}
body .margin-left-xl {
  margin-left: var(--space-xl);
}
body .margin-right-s {
  margin-right: var(--space-s);
}
body .margin-right-m {
  margin-right: var(--space-m);
}
body .margin-right-l {
  margin-right: var(--space-l);
}
body .margin-right-xl {
  margin-right: var(--space-xl);
}
body .margin-bottom-s {
  margin-bottom: var(--space-s);
}
body .margin-bottom-m {
  margin-bottom: var(--space-m);
}
body .margin-bottom-l {
  margin-bottom: var(--space-l);
}
body .margin-bottom-xl {
  margin-bottom: var(--space-xl);
}
body .margin-bottom-2xl {
  margin-bottom: var(--space-2xl);
}
body .margin-top-s {
  margin-top: var(--space-s);
}
body .margin-top-m {
  margin-top: var(--space-m);
}
body .margin-top-l {
  margin-top: var(--space-l);
}
body .margin-top-xl {
  margin-top: var(--space-xl);
}
body .margin-auto {
  margin-left: auto;
  margin-right: auto;
}
body .entry-content picture {
  display: block;
}
body .space-owl-xs > * + * {
  margin-top: var(--space-xs);
}
body .space-owl-xs .entry-content > * + * {
  margin-top: var(--space-xs);
}
body .space-owl-s > * + * {
  margin-top: 12px;
}
body .space-owl-s .entry-content > * + * {
  margin-top: 12px;
}
body .space-owl-m .entry-content > * + * {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  body .space-owl-m .entry-content > * + * {
    margin-top: 12px;
  }
}
body .space-owl-m > * + * {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  body .space-owl-m > * + * {
    margin-top: 12px;
  }
}
body .space-owl-l > * + * {
  margin-top: 24px;
}
body .space-owl-l .entry-content > * + * {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  body .space-owl-l .entry-content > * + * {
    margin-top: 16px;
  }
}
body .space-owl-xl > * + * {
  margin-top: var(--space-xl);
}
@media screen and (max-width: 768px) {
  body .space-owl-xl > * + * {
    margin-top: 24px;
  }
}
body .space-owl-xl .entry-content > * + * {
  margin-top: var(--space-xl);
}
body .space-owl-2xl > * + * {
  margin-top: 40px;
}
body .gap-2xs {
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  body .gap-2xs {
    margin-bottom: 2px;
  }
}
body .gap-xs {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  body .gap-xs {
    margin-bottom: 4px;
  }
}
body .gap-s {
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  body .gap-s {
    margin-bottom: 8px;
  }
}
body .gap-m {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  body .gap-m {
    margin-bottom: 12px;
  }
}
body .gap-l {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  body .gap-l {
    margin-bottom: 16px;
  }
}
body .gap-xl {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  body .gap-xl {
    margin-bottom: 24px;
  }
}
body .gap-2xl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  body .gap-2xl {
    margin-bottom: 32px;
  }
}
body .gap-3xl {
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  body .gap-3xl {
    margin-bottom: 48px;
  }
}
body.slidemenu-open {
  overflow: hidden;
}

/*************************************/
/*            Components             */
/*************************************/
.btn-main {
  padding: 18px 25px;
  border-radius: 181px;
  background: var(--color-3);
  color: var(--color-2);
  font-family: "Martel Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border: 0;
  cursor: pointer;
}
.btn-main a {
  text-decoration: none;
  color: var(--color-2);
}
.btn-main:hover {
  background-color: var(--color-2);
  color: var(--color-3);
}
.btn-main:hover a {
  text-decoration: none;
  color: var(--color-3);
}
.btn-secondary {
  padding: 18px 25px;
  border-radius: 181px;
  background: var(--color-2);
  color: var(--color-1);
  font-family: "Martel Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border: 0;
  cursor: pointer;
}
.btn-secondary a {
  text-decoration: none;
  color: var(--color-1);
}
.btn-secondary:hover {
  background-color: var(--color-3);
  color: var(--color-2);
}
.btn-secondary:hover a {
  text-decoration: none;
  color: var(--color-2);
}
.btn-size-small a {
  padding: var(--space-xs) var(--space-m);
  font-size: var(--text-s);
}
.btn-size-medium a {
  padding: var(--space-s) var(--space-l);
  font-size: var(--text-m);
}
.btn-size-larger a {
  padding: var(--space-s) var(--space-l);
  font-size: var(--text-m);
}
.btn-share {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}
.btn-share .gspb_social_share_value {
  justify-content: center;
  gap: var(--space-m);
}

.box_link_container {
  border-top: 1px solid;
  border-bottom: 1px solid;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--space-m);
}
.box_link_container .gspb_image {
  height: 200px !important;
  width: 200px !important;
}
@media screen and (max-width: 768px) {
  .box_link_container .gspb_image {
    width: 140px !important;
    height: 150px !important;
  }
}
.box_link_container .gspb_image img {
  max-width: 200px !important;
  max-height: 250px !important;
  height: 100% !important;
}
@media screen and (max-width: 768px) {
  .box_link_container .gspb_image img {
    max-width: 140px !important;
    max-height: 150px !important;
  }
}
.box-check-list {
  border: 2px solid;
  display: grid;
  padding: var(--space-m);
}
.box-check-list ul {
  display: grid;
  grid-row-gap: var(--space-l);
  list-style-type: none !important;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.box-check-list ul li {
  display: flex;
  align-items: flex-start !important;
}
.box-check-list ul li > svg {
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0;
  margin: 0 !important;
  margin-right: 10px !important;
}
.box-check-list-no-border {
  border: 0;
  padding: var(--space-none);
}
.box-check-list-no-border ul {
  display: grid;
  grid-row-gap: var(--space-l);
  list-style-type: none;
  padding-left: 0;
}
.box-check-list-no-border ul li {
  display: flex;
  align-items: flex-start !important;
}
.box-check-list-no-border ul li > svg {
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0;
  margin: 0 !important;
  margin-right: 10px !important;
}
.box-check-list-two-column ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-m);
}
@media screen and (max-width: 768px) {
  .box-check-list-two-column ul {
    display: flex;
    flex-direction: column;
  }
}
.box-check-list-with-second-layer {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 0;
  list-style-type: none;
}
.box-check-list-with-second-layer ul {
  padding-left: 20px;
}
.box-check-list-with-second-layer ul li {
  list-style-type: disc;
}
.box-check-list-flag {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 0;
}
.box-check-list-flag ul {
  display: flex;
  flex-direction: column;
  padding-top: var(--space-m);
  gap: var(--space-m);
  padding-left: 0;
}
.box-check-list-flag ul li {
  list-style-type: none;
  gap: 20px;
}
.box-check-list-country {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 0;
}
.box-check-list-country ul {
  display: flex;
  flex-direction: column;
  padding-top: var(--space-m);
  gap: var(--space-m);
  padding-left: var(--space-m);
}
.box-check-list-country ul li {
  list-style-type: disc;
  gap: 20px;
}
.box-legally-nofication {
  background-color: #2F257D;
  border-radius: 8px;
  padding: var(--space-m);
}
.box-legally-nofication p {
  color: #fff;
  font-size: var(--text-xs);
  font-weight: 300;
}
.box-list-with-seperate-lines {
  padding: var(--space-l);
  background-color: rgba(98, 49, 173, 0.1098039216);
  padding-left: var(--space-2xl);
  border-radius: 8px;
}
.box-list-with-seperate-lines li {
  padding-bottom: var(--space-l);
  padding-top: var(--space-l);
  border-bottom: 1px solid rgba(135, 80, 120, 0.5019607843);
}
.box-list-with-seperate-lines li:first-child {
  padding-top: 0;
}
.box-list-with-seperate-lines li:last-child {
  border-bottom: none;
}
.box-title-with-ingredient {
  padding: var(--space-l);
  background-color: rgba(98, 49, 173, 0.1098039216);
  padding-left: var(--space-2xl);
  border-radius: 8px;
}
.box-title-with-ingredient div {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--space-l);
  padding-top: var(--space-l);
  border-bottom: 1px solid rgba(135, 80, 120, 0.5019607843);
}
.box-title-with-ingredient div:first-child {
  padding-top: 0;
}
.box-title-with-ingredient div:last-child {
  border-bottom: none;
}

/*************************************/
/*               Extra               */
/*************************************/
header .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*   padding-top: var(--space-m);
  padding-bottom: var(--space-m); */
  align-items: center;
}
header .header-container img {
  height: 100px;
  width: 70px;
  object-fit: contain;
}
header .header-container .wp-block-navigation .wp-block-navigation-item__content {
  text-decoration: none;
  color: var(--color-2);
  font-size: var(--text-s);
  padding-bottom: 0;
  padding-top: 0; /** Joe update **/
}
header .header-container .wp-block-navigation .wp-block-navigation-item__content:hover {
  font-weight: 700px;
}
header .header-container .wp-block-navigation .wp-block-navigation-item__content span {
  font-family: var(--font-primary);
}
header .header-container .btn-main {
  margin-right: 20px;
}

.wp-block-navigation-submenu {
  background-color: transparent !important;
}

.medical-mega-menu-wrapper {
  background-color: transparent;
  padding-top: 20px;
}
.medical-mega-menu-wrapper .medical-mega-menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 20px;
  background-color: #fff;
  border-radius: 0 0 50px 50px;
}
.medical-mega-menu-wrapper .medical-mega-menu .medical-mega-left-part {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
.medical-mega-menu-wrapper .medical-mega-menu .medical-mega-left-part > h6 {
  grid-column: span 2;
  font-weight: 800;
  position: relative;
  background-color: #fff;
  z-index: 2;
  width: fit-content;
  padding-right: 10px;
  color: var(--color-2);
  font-family: var(--font-primary);
}
.medical-mega-menu-wrapper .medical-mega-menu .medical-mega-left-part::before {
  content: "";
  width: 90%;
  height: 1px;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #000;
}
.medical-mega-menu-wrapper .medical-mega-menu .medical-mega-left-part div {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.medical-mega-menu-wrapper .medical-mega-menu .medical-mega-right-part {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.medical-mega-menu-wrapper .medical-mega-menu .medical-mega-right-part div {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: baseline;
}
.medical-mega-menu-wrapper .medical-mega-menu .medical-mega-right-part div h6 {
  font-weight: 800;
  color: var(--color-2);
  font-family: var(--font-primary);
}

.aesthetic-mega-menu-wrapper {
  padding-top: 20px;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 20px;
  background-color: #fff;
  border-radius: 0 0 50px 50px;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu h6 {
  font-weight: 800;
  color: var(--color-2);
  font-family: var(--font-primary);
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu .aesthetic-mega-first-part {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu .aesthetic-mega-second-part {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu .aesthetic-mega-second-part h6 {
  grid-column: span 2;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu .aesthetic-mega-second-part div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu .aesthetic-mega-third-part {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
  align-items: baseline;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu .aesthetic-mega-third-part div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aesthetic-mega-menu-wrapper .aesthetic-mega-menu .aesthetic-mega-third-part div h6.text-none {
  opacity: 0;
}

.footer-wrapper {
  background-color: #002855;
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  border-top: 2px solid rgba(245, 238, 220, 0.4);
}
.footer-wrapper * {
  font-size: var(--text-xs);
}
.footer-wrapper .footer-first-section {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.footer-wrapper .footer-first-section img {
  object-fit: contain;
}
.footer-wrapper .footer-first-section * {
  color: #F5EEDC;
  line-height: 1.6;
}
.footer-wrapper .footer-second-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .footer-wrapper .footer-second-section {
    display: flex;
    flex-direction: column;
  }
}
.footer-wrapper .footer-second-section * {
  color: #F5EEDC;
}
.footer-wrapper .footer-third-section * {
  color: #F5EEDC;
}

/*************************************/
/*                Page               */
/*************************************/
/* Homepage */
.homepage-hero {
  min-height: 764px;
  display: flex;
  justify-content: center;
  align-items: end;
  padding-bottom: var(--space-2xl);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.homepage-hero .background-overlap {
  background: linear-gradient(180deg, rgba(0, 40, 85, 0) 37.88%, #002855 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.homepage-hero .container {
  text-align: center;
  z-index: 2;
}
.homepage-hero .container h1 {
  color: var(--color-1);
  padding-bottom: var(--space-l);
}
.homepage-hero .container h5 {
  color: var(--color-1);
}
.homepage-hero.overlap-cream .background-overlap {
  background: linear-gradient(180deg, rgba(245, 238, 220, 0) 37.88%, #F5EEDC 100%);
}
.homepage-hero.overlap-cream h1, .homepage-hero.overlap-cream h5 {
  color: var(--color-2);
}

.homepage-why {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.homepage-why .homepage-why-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .homepage-why .homepage-why-content {
    grid-template-columns: 1fr 1fr;
  }
}
.homepage-why .homepage-why-content div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.homepage-why h2 {
  text-align: center;
  padding-bottom: var(--space-3xl);
  color: var(--color-2);
}
.homepage-why img {
  width: 95px;
  height: 95px;
  object-fit: contain;
  margin-bottom: 22px;
}
.homepage-why h5 {
  padding-bottom: 10px;
}
.homepage-why .text-bold {
  color: var(--color-2);
  margin-block-start: 0;
  margin-block-end: 0;
}

.homepage-service {
  background-color: #F5EEDC;
  padding-top: var(--space-4xl);
  padding-bottom: var(--space-4xl);
}
.homepage-service h2 {
  padding-bottom: var(--space-3xl);
}
.homepage-service div.services-list-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.homepage-service div.services-list-container h3 {
  width: 25%;
  flex-shrink: 0;
  margin-top: 0;
  color: #002855;
}
.homepage-service div.services-list-container .services-list-wrapper {
  width: 75%;
  position: relative;
}
.homepage-service div.services-list-container .services-list-wrapper .swiper-slide .service-item-content .gspb_meta {
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.homepage-service div.services-list-container .services-list-wrapper .swiper-button-next, .homepage-service div.services-list-container .services-list-wrapper .swiper-button-prev {
  background-color: var(--color-2);
  border-radius: 50%;
}
.homepage-service div.services-list-container .services-list-wrapper .swiper-button-next.swiper-button-disabled, .homepage-service div.services-list-container .services-list-wrapper .swiper-button-prev.swiper-button-disabled {
  background-color: rgba(255, 255, 255, 0.5);
}
.homepage-service div.services-list-container .services-list-wrapper .swiper-button-prev {
  transform: rotate(180deg);
}
.homepage-service div.services-list-container .services-list-wrapper .swiper-button-next:before, .homepage-service div.services-list-container .services-list-wrapper .swiper-button-prev:before {
  content: "";
  width: 25px;
  height: 4px;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 18px;
  top: 22px;
}
.homepage-service div.services-list-container .services-list-wrapper .swiper-button-next::after, .homepage-service div.services-list-container .services-list-wrapper .swiper-button-prev::after {
  content: "";
  width: 25px;
  height: 4px;
  background-color: #fff;
  transform: rotate(-45deg);
  position: absolute;
  right: 18px;
  top: 38px;
}
.homepage-service .btn-container-wrapper {
  text-align: center;
}

.homepage-aesthetic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  min-height: 900px;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .homepage-aesthetic {
    display: flex;
    flex-direction: column;
  }
}
.homepage-aesthetic .homepage-aesthetic-img {
  position: relative;
  height: 100%;
}
.homepage-aesthetic .homepage-aesthetic-img img {
  width: 60vw;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0;
  border-radius: 0 50px 50px 0;
}
@media screen and (max-width: 768px) {
  .homepage-aesthetic .homepage-aesthetic-img img {
    border-radius: 0;
    min-height: 300px;
    width: 100%;
    position: static;
  }
}
.homepage-aesthetic .homepage-aesthetic-content {
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .homepage-aesthetic .homepage-aesthetic-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.homepage-aesthetic .homepage-aesthetic-content hr {
  border-color: rgba(48, 51, 52, 0.3019607843) !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  border-bottom-width: 2px;
}
.homepage-aesthetic .homepage-aesthetic-content div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.homepage-aesthetic .homepage-aesthetic-content div svg {
  fill: transparent;
  flex-shrink: 0;
}
.homepage-aesthetic .homepage-aesthetic-content .btn-secondary {
  margin-top: var(--space-2xl);
}

.homepage-meet-my-team {
  background-color: #F5EEDC;
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.homepage-meet-my-team .homepage-meet-my-team-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .homepage-meet-my-team .homepage-meet-my-team-content {
    display: flex;
    flex-direction: column;
  }
}
.homepage-meet-my-team .homepage-meet-my-team-content .homepage-meet-my-team-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.homepage-meet-my-team .homepage-meet-my-team-content .homepage-meet-my-team-item h5 {
  color: var(--color-2);
}
.homepage-meet-my-team .homepage-meet-my-team-content .homepage-meet-my-team-item > div {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.homepage-meet-my-team .homepage-meet-my-team-content .homepage-meet-my-team-item svg {
  width: 30px;
  height: 30px;
  fill: #366399;
  flex-shrink: 0;
  align-self: baseline;
}
.homepage-meet-my-team .homepage-meet-my-team-button {
  padding-top: var(--space-l);
  text-align: center;
}

.booking-letter-wrapper {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.booking-letter-wrapper .container {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
  background-size: cover;
  border-radius: 25px;
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl);
}

.clinic-info-wrapper h2 {
  text-align: center;
  padding-bottom: var(--space-2xl);
  color: var(--color-2);
}
.clinic-info-wrapper .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: var(--space-3xl);
}
.clinic-info-wrapper .container h3 {
  margin-top: 0;
}
.clinic-info-wrapper .container .clinic-info-first {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  min-height: 400px;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  padding: var(--space-l);
}
.clinic-info-wrapper .container .clinic-info-first span {
  font-family: var(--font-secondary);
  color: #366398;
}
.clinic-info-wrapper .container .clinic-bottom {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .clinic-info-wrapper .container .clinic-bottom {
    flex-direction: column;
  }
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-second {
  width: 60%;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  padding: 30px;
  flex-shrink: 0;
  gap: 7px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .clinic-info-wrapper .container .clinic-bottom .clinic-info-second {
    width: 100%;
  }
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-second h3 {
  color: var(--color-2);
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-second > div:last-child {
  border-top: 2px solid rgba(0, 40, 85, 0.3);
  padding-top: 7px;
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-second div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-second div h6 {
  color: #366398;
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-third {
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  width: 40%;
  padding: 30px;
  gap: 7px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .clinic-info-wrapper .container .clinic-bottom .clinic-info-third {
    width: 100%;
  }
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-third h3 {
  color: var(--color-2);
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-third > div:last-child {
  border-top: 2px solid rgba(0, 40, 85, 0.3);
  padding-top: 7px;
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-third div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.clinic-info-wrapper .container .clinic-bottom .clinic-info-third div h6 {
  color: #366398;
}
.clinic-info-wrapper .container .clinic-content-wrapper {
  width: 40%;
  flex-shrink: 0;
}
.clinic-info-wrapper .container .clinic-content-wrapper h3 {
  color: var(--color-2);
}
.clinic-info-wrapper .container .clinic-content-wrapper .gs_item {
  border: none;
  border-radius: 0;
  border-top: 2px solid rgba(0, 40, 85, 0.3);
  padding-top: 15px;
}
.clinic-info-wrapper .container .clinic-content-wrapper .gs_item button {
  background-color: transparent;
  padding: 0;
  color: rgb(54, 99, 152);
}
.clinic-info-wrapper .container .clinic-content-wrapper .gs_item .gs_content .gs_content_inner {
  padding: 0;
  padding-top: var(--space-m);
}
.clinic-info-wrapper .container .clinic-map-wrapper {
  width: 100%;
}

.payment-insurance-wrapper .container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-3xl);
}
@media screen and (max-width: 768px) {
  .payment-insurance-wrapper .container {
    display: flex;
    flex-direction: column;
  }
}
.payment-insurance-wrapper .container .payment-insurance-left-content {
  padding: 20px 35px;
  border-radius: 25px;
  background: #F5EEDC;
  /* Drop Sha.1 */
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
}
.payment-insurance-wrapper .container .payment-insurance-left-content h2 {
  color: var(--color-2);
  padding-bottom: var(--space-2xl);
}
.payment-insurance-wrapper .container .payment-insurance-left-content div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding-bottom: var(--space-l);
}
.payment-insurance-wrapper .container .payment-insurance-left-content div h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  background-color: #FBDF7B;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  align-items: center;
  color: rgb(0, 40, 85);
  line-height: 0.7;
  flex-shrink: 0;
}
.payment-insurance-wrapper .container .payment-insurance-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .payment-insurance-wrapper .container .payment-insurance-content {
    gap: 10px;
  }
}
.payment-insurance-wrapper .container .payment-insurance-content img {
  object-fit: contain;
  max-width: 45%;
}

.homepage-patients-section {
  background: linear-gradient(180deg, rgba(0, 40, 85, 0.33) 50.08%, #002855 100%), #366398;
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.homepage-patients-section h2 {
  color: rgb(251, 223, 123);
  padding-bottom: var(--space-2xl);
  text-align: center;
}
.homepage-patients-section .swiper-wrapper {
  padding-bottom: 100px;
}
.homepage-patients-section .swiper-slide {
  opacity: 0.3;
  transition: all 0.3s;
}
.homepage-patients-section .swiper-slide .swiper-slide-inner .slider-item-wrapper {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.homepage-patients-section .swiper-slide .swiper-slide-inner .slider-item-wrapper > img {
  border-radius: 107.653px;
  border: 9px solid #366399;
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  height: 150px;
  width: 150px;
  object-fit: cover;
  position: relative;
  bottom: -50px;
  z-index: 2;
}
.homepage-patients-section .swiper-slide .swiper-slide-inner .slider-item-wrapper .slider-item-content {
  border-radius: 25px;
  padding: 30px;
  padding-top: 70px;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  background: #366399;
  transform: scale(0.8);
}
.homepage-patients-section .swiper-slide .swiper-slide-inner .slider-item-wrapper .slider-item-content p {
  color: #fff;
}
.homepage-patients-section .swiper-slide .swiper-slide-inner .slider-item-wrapper .slider-item-content img {
  width: auto;
  height: 20px;
  border: none;
  border-radius: 0;
  object-fit: contain;
}
.homepage-patients-section .swiper-slide-active.swiper-slide {
  opacity: 1;
}
.homepage-patients-section .swiper-slide-active.swiper-slide .swiper-slide-inner .slider-item-wrapper .slider-item-content {
  transform: scale(1.1);
}
.homepage-patients-section .swiper-slide-prev {
  transform: translateX(150px) scale(0.8);
  z-index: -1;
}
.homepage-patients-section .swiper-slide-next {
  transform: translateX(-150px) scale(0.8);
  z-index: -1;
}
.homepage-patients-section .patients-info-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-around;
  align-items: center;
}
.homepage-patients-section .patients-info-wrapper > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .homepage-patients-section .patients-info-wrapper {
    flex-direction: column;
  }
}
.homepage-patients-section .patients-info-wrapper p {
  color: #fff;
}

.homepage-blog-section {
  background: linear-gradient(180deg, rgba(0, 40, 85, 0.33) 50.08%, #002855 100%), #366398;
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.homepage-blog-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.homepage-blog-section h2 {
  color: rgb(251, 223, 123);
  padding-bottom: var(--space-2xl);
  text-align: center;
}
.homepage-blog-section p {
  color: #fff;
  font-weight: 800;
  padding-bottom: var(--space-2xl);
  text-align: center;
}
.homepage-blog-section .blog-list-wrapper .gspbgrid_item {
  border-radius: 25px;
  overflow: hidden;
}
.homepage-blog-section .blog-list-wrapper .gspbgrid_item .blog-item-content {
  background-color: #fff;
  padding: 20px;
  height: 100%;
}
.homepage-blog-section .blog-list-wrapper .gspbgrid_item .blog-item-content h5 {
  color: var(--color-2);
}
.homepage-blog-section .blog-list-wrapper .gspbgrid_item .blog-item-content .gspb_meta_value {
  color: #303334;
  font-weight: normal !important;
}
.homepage-blog-section .btn-main {
  margin-top: var(--space-2xl);
}

/* About Us */
.about-meet-care-team-main, .about-meet-care-team {
  background-color: rgb(245, 238, 220);
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}
.about-meet-care-team-main h2, .about-meet-care-team h2 {
  color: #002855;
  font-weight: 700;
}
.about-meet-care-team-main h5, .about-meet-care-team h5 {
  color: #002855;
  font-family: var(--font-secondary);
}
.about-meet-care-team-main p, .about-meet-care-team-main li, .about-meet-care-team p, .about-meet-care-team li {
  color: #303334;
}
.about-meet-care-team-main .about-meet-team-content, .about-meet-care-team .about-meet-team-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}

.about-our-journey-wrapper {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.about-our-journey-wrapper .journey-top-part {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding-bottom: 30px;
}
.about-our-journey-wrapper .journey-top-part h2 {
  color: rgb(0, 40, 85);
}
.about-our-journey-wrapper .journey-top-part p {
  color: #023E7D;
}
.about-our-journey-wrapper .journey-second-part {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.about-our-journey-wrapper .journey-bottom-part {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.about-our-journey-wrapper .journey-bottom-part div {
  padding-top: 30px;
  padding-left: 20%;
  padding-right: 15%;
}
.about-our-journey-wrapper .journey-bottom-part div h5 {
  padding-bottom: 15px;
  color: #023E7D;
}
.about-our-journey-wrapper .journey-bottom-part div p {
  color: #303334;
}

.about-quote-wrapper {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}
.about-quote-wrapper .container {
  border-radius: 20px;
  border: 7px solid var(--Tan, #F5EEDC);
  background: #FFF;
  /* Drop Sha.1 */
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
}
.about-quote-wrapper .container .about-quote-content {
  position: relative;
  padding-bottom: var(--space-3xl);
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
}
.about-quote-wrapper .container .about-quote-content::after {
  content: "";
  background-image: url(/assets/image/quote-icon.png);
  display: block;
  width: 40px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -65px;
}
.about-quote-wrapper .container .about-quote-content::before {
  content: "";
  background-image: url(/assets/image/quote-icon.png);
  display: block;
  width: 40px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 50px;
  right: -65px;
  transform: rotate(180deg);
}
.about-quote-wrapper .container .about-quote-content h4 {
  color: #366399;
}
.about-quote-wrapper .container .about-quote-content p {
  text-align: right;
  color: #366399;
}

.certifications-wrapper {
  background: linear-gradient(180deg, rgba(0, 40, 85, 0.33) 70%, #002855 100%), #366398;
}
.certifications-wrapper .container {
  padding-top: var(--space-4xl);
  padding-bottom: var(--space-4xl);
}
.certifications-wrapper .container h2 {
  color: #FBDF7B;
  text-align: center;
}
.certifications-wrapper .container p {
  text-align: center;
  color: #F5EEDC;
}
.certifications-wrapper .container .certifications-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /** joe update **/
  gap: 20px;
  padding-top: 30px;
}
.certifications-wrapper .container .certifications-container .certifications-item {
  border-radius: 25px;
  padding: 25px;
  background-color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.certifications-wrapper .container .certifications-container .certifications-item img {
  padding-bottom: 30px;
}
.certifications-wrapper .container .certifications-container .certifications-item p {
  color: #000;
}

.about-day-truecare-wrapper .container {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
  text-align: center;
}
.about-day-truecare-wrapper .container h2 {
  padding-bottom: var(--space-xl);
  color: var(--color-2);
  font-weight: 700;
}
.about-day-truecare-wrapper .container .tab-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  padding-top: var(--space-xl);
}
.about-day-truecare-wrapper .container .gs_content_area {
  overflow: hidden;
}
.about-day-truecare-wrapper .container .gs_content_area .gs_content {
  height: 100%;
}
.about-day-truecare-wrapper .container .gs_content_area img {
  height: 500px;
  object-fit: cover;
  border-radius: 25px;
}
.about-day-truecare-wrapper .container .gs_tabs_list {
  order: 1;
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab {
  display: flex;
  flex-direction: row;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 15px 40px 5px rgba(111, 111, 111, 0.15);
  width: 100%;
  justify-content: flex-start;
  height: 120px;
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab > span {
  color: #366399;
  font-size: 50px;
  font-weight: 700;
  font-family: var(--font-primary);
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab div {
  text-align: left;
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab div h5 {
  padding-bottom: 5px;
  color: #002855;
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab div * {
  color: #002855;
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab div p {
  display: none;
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab.active {
  background: linear-gradient(0deg, rgba(251, 223, 123, 0.45) -45.45%, rgba(251, 223, 123, 0) 117.3%);
}
.about-day-truecare-wrapper .container .gs_tabs_list .gs_tab.active div p {
  display: block;
}

.about-ínurance-truecare-wrapper .container {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
  text-align: center;
}
.about-ínurance-truecare-wrapper .container h2 {
  padding-bottom: var(--space-xl);
  color: var(--color-2);
  font-weight: 700;
}
.about-ínurance-truecare-wrapper .container .payment-insurance-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.about-ínurance-truecare-wrapper .container .payment-insurance-content img {
  max: 220px;
  object-fit: contain;
}
.about-ínurance-truecare-wrapper .container .payment-insurance-note {
  max-width: 350px;
  border-radius: 22px;
  border: 2px solid #FBDF7B;
  background: #FFF;
  /* Drop Sha.1 */
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* Service */
.services-wrapper h2, .services-wrapper h3 {
  color: #002855;
}
.services-wrapper h2 {
  text-align: center;
}

.services-list-wrapper .swiper-slide {
  overflow: hidden;
  /** joe update **/
  /** joe update **/
}
.services-list-wrapper .swiper-slide > div {
  border-radius: 25px;
  overflow: hidden;
}
.services-list-wrapper .swiper-slide .service-item-content {
  padding: 20px;
}
.services-list-wrapper .swiper-slide .service-item-content h5, .services-list-wrapper .swiper-slide .service-item-content p, .services-list-wrapper .swiper-slide .service-item-content .gspb_meta_value {
  color: #002855; /** joe update **/
}
.services-list-wrapper .swiper-slide .service-item-content h5 {
  padding-bottom: 10px;
}
.services-list-wrapper .swiper-slide .service-item-content .gspb_meta {
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.services-list-wrapper .swiper-slide img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
.services-list-wrapper .swiper-slide:hover .service-item-content .gspb_meta {
  height: auto;
}
.services-list-wrapper .swiper-slide:hover img {
  transform: scale(1.2);
}

.service-aethetic .services-list-wrapper .swiper-slide {
  border-radius: 25px;
  overflow: hidden;
  /* Drop Sha.1 */
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
}
.service-aethetic .services-list-wrapper .swiper-slide .service-item-content {
  padding: 20px;
}
.service-aethetic .services-list-wrapper .swiper-slide .service-item-content h5, .service-aethetic .services-list-wrapper .swiper-slide .service-item-content p, .service-aethetic .services-list-wrapper .swiper-slide .service-item-content .gspb_meta_value {
  color: #002855;
}
.service-aethetic .services-list-wrapper .swiper-slide .service-item-content h5 {
  padding-bottom: 10px;
}

/* Contact */
.contact-info-wrapper {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.contact-info-wrapper .container h2 {
  text-align: center;
  color: var(--color-2);
  padding-bottom: 50px;
}
.contact-info-wrapper .container .contact-info-map-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.contact-info-wrapper .container .contact-info-map-wrapper .contact-info-map-item {
  background-color: #F5EEDC;
  /* Drop Sha.1 */
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px 10px 0px 0px;
}
.contact-info-wrapper .container .contact-info-map-wrapper .contact-info-map-item .contact-info-map-content {
  padding: 20px;
}
.contact-info-wrapper .container .contact-info-map-wrapper .contact-info-map-item .contact-info-map-content h5 {
  color: var(--color-2);
  padding-bottom: 10px;
}
.contact-info-wrapper .container .contact-infomation-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-top: var(--space-2xl);
}
.contact-info-wrapper .container .contact-infomation-wrapper h2 {
  text-align: left;
}
.contact-info-wrapper .container .contact-infomation-wrapper .contact-infomation-content {
  border-radius: 10px;
  background: #F5EEDC;
  padding: 20px;
  /* Drop Sha.1 */
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 250px;
  justify-content: center;
}
.contact-info-wrapper .container .contact-infomation-wrapper .contact-infomation-content > div {
  padding-bottom: 15px;
  border-bottom: 1px solid #303334;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.contact-info-wrapper .container .contact-infomation-wrapper .contact-infomation-content > div h5 {
  color: var(--color-2);
}
.contact-info-wrapper .container .contact-infomation-wrapper .contact-infomation-content > div:last-child {
  border-bottom: none;
}

.contact-wrapper {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}
.contact-wrapper .container {
  max-width: 800px; /** Joe update **/
  background-color: #FBDF7B;
  padding: 50px;
  border-radius: 10px;
  gap: var(--space-l);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  /** Joe Update **/
  /** Joe Update **/
}
.contact-wrapper .container .ff-default .ff-el-form-control {
  border-radius: 11px;
  border: none;
  font-family: var(--font-secondary);
  color: rgba(48, 51, 52, 0.5098039216);
  height: 50px;
}
.contact-wrapper .container .ff-default select.ff-el-form-control {
  height: 50px;
}
.contact-wrapper .container .ff-default .ff-btn-submit:not(.ff_btn_no_style) {
  border-radius: 181px;
  background: #002855;
  padding: 20px 25px;
}
.contact-wrapper .container .ff_submit_btn_wrapper {
  margin-bottom: 0 !important;
}

/* Section */
.image-title-wrapper h2 {
  text-align: center;
  padding-bottom: var(--space-3xl);
  color: var(--color-2);
}

.image-with-content-title-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 500px;
}
@media screen and (max-width: 768px) {
  .image-with-content-title-wrapper {
    flex-direction: column;
  }
}
.image-with-content-title-wrapper .container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: flex-end; /* Push content to right side */
}
@media screen and (max-width: 768px) {
  .image-with-content-title-wrapper .container {
    flex-direction: column;
  }
}
.image-with-content-title-wrapper .image-container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50vw; /* Left half of screen */
  overflow: hidden;
  z-index: 1;
  border-radius: 0 50px 50px 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .image-with-content-title-wrapper .image-container {
    position: static;
    height: 300px;
    width: 100%;
    border-radius: 0;
  }
}
.image-with-content-title-wrapper .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-with-content-title-wrapper .content-container {
  width: 47%; /* Right half */
  background: white;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .image-with-content-title-wrapper .content-container {
    width: 100%;
  }
}

.article-hero-section-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .article-hero-section-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.article-hero-section-wrapper .hero-left-content {
  padding: 50px 100px;
  background-color: #002855;
  border-radius: 0 50px 50px 0;
  overflow: hidden;
  height: 100%;
  width: 110%;
  z-index: 5;
  justify-content: center;
  align-items: start;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .article-hero-section-wrapper .hero-left-content {
    padding: 20px;
    width: 100%;
    border-radius: 0;
  }
}
.article-hero-section-wrapper .hero-left-content div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.article-hero-section-wrapper .hero-left-content div img {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
}
.article-hero-section-wrapper .hero-left-content h1, .article-hero-section-wrapper .hero-left-content h5, .article-hero-section-wrapper .hero-left-content p {
  color: #F5EEDC;
}
.article-hero-section-wrapper .hero-right-content {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.article-hero-section-wrapper .hero-right-content .hero-background-overplay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 40, 85, 0) 26.44%, #002855 115.44%);
  z-index: 1;
}
.article-hero-section-wrapper .hero-right-content img {
  width: 120%;
  right: 0;
}

.article-aethetic-hero .hero-left-content {
  background-color: #F5EEDC;
}
.article-aethetic-hero .hero-left-content h1, .article-aethetic-hero .hero-left-content h5, .article-aethetic-hero .hero-left-content p {
  color: #002855;
}
.article-aethetic-hero .hero-right-content .hero-background-overplay {
  background: linear-gradient(180deg, rgba(241, 224, 180, 0) 28.14%, #F1E0B4 120.36%);
}

/* Articles template */
.expect-support-wrapper .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.expect-support-wrapper .container h2 {
  color: var(--color-2);
  padding-bottom: var(--space-l);
}
.expect-support-wrapper .container .text-bold {
  padding-bottom: var(--space-l);
}
@media screen and (max-width: 768px) {
  .expect-support-wrapper .container {
    display: flex;
    flex-direction: column;
  }
}
.expect-support-wrapper .container .expect-content {
  border: 4px solid #FBDF7B;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  padding: 30px 40px;
}
.expect-support-wrapper .container .expect-content div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}
.expect-support-wrapper .container .expect-content div svg {
  flex-shrink: 0;
  fill: transparent;
}
.expect-support-wrapper .container .support-content {
  border: 4px solid var(--color-2);
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.15);
  padding: 30px 40px;
}
.expect-support-wrapper .container .support-content div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}
.expect-support-wrapper .container .support-content div svg {
  flex-shrink: 0;
  fill: transparent;
}

.treatment-work-wrapper .container {
  padding-bottom: var(--space-3xl);
}
.treatment-work-wrapper .container div {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
}

.common-question-wrapper .gs_accordion {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.common-question-wrapper .gs_accordion .gs_item {
  border: none;
  border-bottom: 1px solid rgba(48, 51, 52, 0.3);
  border-radius: 0;
  padding-bottom: 15px;
}
.common-question-wrapper .gs_accordion .gs_item .gs_content .gs_content_inner {
  padding: 0;
  padding-top: 15px;
  color: var(--color-2);
}
.common-question-wrapper .gs_accordion .gs_item.active svg {
  transform: rotate(90deg);
}
.common-question-wrapper h2 {
  padding-bottom: var(--space-2xl);
  color: var(--color-2);
}
.common-question-wrapper h5 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: var(--color-2);
}
.common-question-wrapper h5.active svg {
  transform: rotate(-90deg);
}
.common-question-wrapper h5 svg {
  width: 30px;
  height: 30px;
  transition: all 0.2s;
}

/*************************************/
/*            Template               */
/*************************************/
/*************************************/
/*            Hub pages              */
/*************************************/