@import url("https://fonts.googleapis.com/css2?family=Poppins:ital@0;1&family=Tenor+Sans&display=swap");

:root {
  --primary-color: #89cfec;
  --secondary-color: rgb(17, 20, 29);
  --text-white: #fff;
  --text-black: #000;
  --text-heading: #0c1316;
  --text-body: #7e8187;
  --text-label: #5f727a;
  --neutral-200: #e5e5e5;
  --gray-300: #b5b8bc;
  --accent-primary: #df674c;
  --accent-primary-hover: #c45540;
  --border-subtle: #121f3e;
  --fz-12: 12px;
  --fz-14: 14px;
  --fz-15: 15px;
  --fz-16: 16px;
  --fz-18: 18px;
  --fz-20: 20px;
  --fz-21: 21px;
  --fz-22: 22px;
  --fz-24: 24px;
  --fz-25: 25px;
  --fz-26: 26px;
  --fz-36: 36px;
  --fz-40: 40px;
  --fz-48: 48px;
  --fz-75: 75px;
  --fz-65down40: clamp(40px, 4.52vw, 65px);
  --fz-45down36: clamp(36px, 3.13vw, 45px);
  --fz-45down32: clamp(32px, 3.13vw, 45px);
  --fz-25down21: clamp(21px, 1.74vw, 25px);
  --fz-25down22: clamp(22px, 1.74vw, 25px);
  --fz-22down18: clamp(18px, 1.53vw, 22px);
  --fz-16down14: clamp(14px, 1.12vw, 16px);
  --fz-16down13: clamp(13px, 1.12vw, 16px);
  --fz-14down13: clamp(13px, 0.97vw, 14px);
  --lh-85-fz-65: 1.3;
  --lh-59-fz-45: 1.31;
  --lh-58d5-fz-40: 1.46;
  --lh-46d8-fz-36: 1.3;
  --lh-44-fz-36: 1.22;
  --lh-40-fz-32: 1.25;
  --lh-35-fz-25: 1.4;
  --lh-31d5-fz-21: 1.5;
  --lh-30-fz-22: 1.36;
  --lh-29d4-fz-21: 1.4;
  --lh-25d2-fz-15: 1.68;
  --lh-25d2-fz-14: 1.8;
  --lh-25d2-fz-12: 2.1;
  --lh-25-fz-22: 1.14;
  --lh-25-fz-16: 1.57;
  --lh-25-fz-14: 1.8;
  --lh-25-fz-12: 2.1;
  --lh-22-fz-18: 1.22;
  --lh-18-fz-13: 1.4;
  --tenor-font: "Tenor Sans", sans-serif;
  --poppins-font: "Poppins", sans-serif;
}

.f-panzoom__wrapper {
  border-radius: 16px;
  overflow: hidden;
}

:is(.home, .page-id-412) .f-panzoom__wrapper {
  background-color: #fff;
}

.back-to-top:hover {
  background-color: var(--accent-primary) !important;
  border-color: var(--accent-primary) !important;
}

.row::after {
  display: none !important;
}

body .mfp-ready .mfp-close {
  opacity: 1;
  top: 35px;
  right: 10px;
}

html {
  scroll-behaviour: smooth;
}

ul li,
ol li {
  list-style: none;
}

body p {
  margin-bottom: 0px;
  font-size: var(--fz-16down14);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--lh-25-fz-16);
  color: var(--text-body);
}

body a {
  color: var(--text-white);
  letter-spacing: 0;
}

a:hover {
  color: var(--text-heading);
}

:is(h1, h2, h3, h4, h5, h6) {
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: 0;
  color: var(--text-heading) !important;
}

.title-48 {
  font-size: var(--fz-48);
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-heading);
}

.title-40 {
  font-size: var(--fz-40);
  color: var(--text-white);
  line-height: 54px;
  font-weight: 500;
}

.title-36 {
  font-size: var(--fz-36);
  font-weight: 700;
  line-height: 1.5;
}

.title-24 {
  font-size: var(--fz-24);
  font-weight: 700;
  line-height: 1.5;
}

.title-20 {
  font-size: var(--fz-20);
  font-weight: 600;
  line-height: 1.5;
}

.title-18 {
  font-size: var(--fz-18);
  font-weight: 700;
  line-height: 1.5;
}

.title-16 {
  font-size: var(--fz-16);
  font-weight: 400;
  line-height: 45px;
}

.section {
  padding: 50px 0px !important;
}

.p-0 {
  padding: 0 !important;
}

@media (max-width: 1024px) {
}

@media (max-width: 767px) {
  .section {
    padding: 24px 0 !important;
  }

  body p {
    line-height: var(--lh-25d2-fz-14);
  }

  .fancybox__viewport {
    margin: 0 15px;
  }
}