@charset "UTF-8";

:root {
  /* default Colors */
  --white: #fff;
  --black: #000;

  /* Primary Colors */
  --primary-color: #EF7D00;
  --primary-color-dark: #D25528;
  --primary-200: #f98c65;
  /* Secondary Colors */
  --secondary-color: #086C65;
  --secondary-color-dark: #24938C;
  --secondary-color-light: #58DFD5;

  /* Blue Shades */
  --blue-dark: #0C4270;
  --blue-dark-1: #14558C;
  --blue-medium: #5380A6;
  --blue-light: #008BD2;

  /* Extended Blue Palette (formerly repeated as --blue-color) */
  --blue-cream: #FDF0E3;
  /* Very light cream tone */
  --blue-peach: #FFD9B0;
  /* Warm peach tone */
  --blue-sky: #D1E9F6;
  /* Light sky blue */
  --blue-muted: #8FB8CE;
  /* Soft muted blue */
  --blue-primary: #AACEED;
  /* Primary blue tint */
  --blue-pale: #E4EBF0;
  /* Pale bluish-gray*/
  --cyan-blue: #5F82A0;
  /* cyan-blue */
  --peach-light: #FFE3C6;
  /* peach-light */
  --medium-brown: #835017;
  /* medium-brown */
  --chardonnay: #FFC283;
  /* chardonnay */

  /* Gray */
  --gray-900: #2B2A2A;
  /* --gray-900: #E4EBF0; */

  --font-family: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --transition: all 0.3s ease-in-out;
}

/* fonts */

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* fonts */


/*==============================================================
	Common Styles Initials
==============================================================*/

html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: auto !important;
  scrollbar-color: var(--secondary-color) var(--white);
  scrollbar-width: thin;
  overscroll-behavior: none;

}

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

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.56;
  color: var(--blue-dark);
  font-weight: 400;
  background: #fdf0e3;
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  scrollbar-color: var(--secondary-color) var(--white);
  scrollbar-width: thin;
}

body.pause {
  overflow: hidden;
}

::selection {
  color: var(--white);
  background: var(--primary-color);
}

::-moz-selection {
  color: var(--white);
  background: var(--primary-color);
}

::-webkit-selection {
  color: var(--white);
  background: var(--primary-color);
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

::-webkit-scrollbar-track {
  background: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--secondary-color);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

a {
  outline: none;
  text-decoration: none;
  color: var(--blue-dark);
}

a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  color: var(--blue-dark);
}

.btn:focus {
  box-shadow: none;
}

input[type='submit'] {
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

input,
textarea,
select {
  outline: none;
  resize: none;
  /* font-family: 'HelveticaNeue'; */
}

a,
input,
button {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1.3;
  color: var(--blue-dark);
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
}

p+p {
  margin: 15px 0 0 0;
  padding: 0;
}

.slick-slide {
  outline: none !important;
}

input[type='search']::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type='search']::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}

input[type='search'] {
  -webkit-appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.search-dropdown input {
  -webkit-appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*==============================================================
	Bootstrap Hack
==============================================================*/

.form-control::-webkit-input-placeholder {
  opacity: 1;
  color: #17181a;
}

.form-control:-moz-placeholder {
  opacity: 1;
  color: #17181a;
}

.form-control::-moz-placeholder {
  opacity: 1;
  color: #17181a;
}

.form-control:-ms-input-placeholder {
  opacity: 1;
  color: #17181a;
}

input::-webkit-input-placeholder {
  opacity: 1;
  color: #17181a;
}

input:-moz-placeholder {
  opacity: 1;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder {
  opacity: 1;
}

/*==============================================================
	Custom Style
==============================================================*/
.container {
  max-width: 1206px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.container.container-lg {
  max-width: 1423px;
}

.h1 {
  font-size: clamp(36px, 3.33vw, 50px);
  line-height: 1;
}

.h2 {
  font-size: clamp(40px, 5.33vw, 80px);
  line-height: 1.2;
}

.h3 {
  font-size: 30px;
  line-height: 1.26;
}

.title-wrap.title-md :is(h2, .h2) {
  font-size: clamp(40px, 4.67vw, 70px);
}

.title-wrap.title-sm :is(h2, .h2) {
  font-size: clamp(40px, 3.33vw, 50px);
}

/* .pt-none {
  padding-top: 0 !important;
}

.pb-none {
  padding-bottom: 0 !important;
} */

.pt-100 {
  padding-top: clamp(40px, 5.21vw, 100px) !important;
}

.pb-100 {
  padding-bottom: clamp(40px, 5.21vw, 100px) !important;
}

.pt-90 {
  padding-top: clamp(38px, 4.69vw, 90px) !important;
}

.pb-90 {
  padding-bottom: clamp(38px, 4.69vw, 90px) !important;
}

.pt-80 {
  padding-top: clamp(36px, 4.17vw, 80px) !important;
}

.pb-80 {
  padding-bottom: clamp(36px, 4.17vw, 80px) !important;
}

.pt-70 {
  padding-top: clamp(34px, 3.65vw, 70px) !important;
}

.pb-70 {
  padding-bottom: clamp(34px, 3.65vw, 70px) !important;
}

.pt-60 {
  padding-top: clamp(32px, 3.13vw, 60px) !important;
}

.pb-60 {
  padding-bottom: clamp(32px, 3.13vw, 60px) !important;
}

.pt-50 {
  padding-top: clamp(30px, 2.6vw, 50px) !important;
}

.pb-50 {
  padding-bottom: clamp(30px, 2.6vw, 50px) !important;
}

/*==============================================================
	healper
==============================================================*/

.inline-flex {
  display: inline-flex;
}

.ml-auto {
  margin-left: auto;
}

.section>.inner {
  border-radius: 10px;
  max-width: calc(100% - clamp(15px, 5.63vw, 108px));
  margin: 0 auto;
}

.bullet ul>li {
  padding-left: 16px;
  position: relative;
}

.bullet ul>li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 1px;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: var(--blue-dark);
}

.bullet ol {
  counter-reset: count;
}

.bullet ol>li::before {
  counter-increment: count;
  content: counters(count, ".") ". ";
}

.bullet ol ul {
  padding: 5px 0 5px 16px;
}

.bullet ul ol {
  padding: 5px 0 5px 0;
}

.bullet :is(ol, ul)+ :is(ol, ul) {
  padding-top: 10px;
}

.custom-content-box {
  a {
    font-weight: 700;
    color: #549BD7;
    transition: var(--transition);

    &:hover {
      color: var(--blue-dark);
    }
  }
}

.custom-content-box p+ :is(ol, ul) {
  padding-top: 30px;
}

.custom-content-box :is(h1, h2, h3, h4, h5) {
  padding-bottom: 30px;
  padding-top: clamp(42px, 4.01vw, 77px);
}

.custom-content-box :is(h1, h2, h3, h4, h5):last-child {
  padding-bottom: 0;
}

.custom-content-box :is(h1, h2, h3, h4, h5):first-child {
  padding-top: 0;
}

.custom-content-box h1 {
  font-size: clamp(40px, 2.6vw, 50px);
  line-height: 0.98;
}

.custom-content-box h2 {
  font-size: clamp(30px, 2.08vw, 40px);
  line-height: 1;
}

.custom-content-box h3 {
  font-size: clamp(24px, 1.88vw, 36px);
  line-height: 1.25;
}

.custom-content-box h4 {
  font-size: clamp(20px, 1.72vw, 33px);
  line-height: 1.272;
}

.custom-content-box h5 {
  font-size: clamp(18px, 1.46vw, 28px);
  line-height: 1.25;
}

/*==============================================================
	All Button
==============================================================*/

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 12px 20px;
  border-radius: 100px;
  border: 2px solid transparent;
  min-width: 158px;
  transition: var(--transition);
  font-size: 19px;
  line-height: 1.053;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--white);
  background: var(--secondary-color);
}

.btn .icon {
  width: 16px;
  height: auto;
}

.btn.btn-md {
  padding: 14px 20px;
}

.btn.btn-sm {
  font-size: 13px;
  line-height: 1;
  padding: 5px 14px;
  min-width: initial;
  font-weight: 400;
  border-width: 1px;
}

/* primary */
.btn.primary {
  box-shadow: 6px 6px 0px var(--secondary-color-dark);
}

.btn.primary .icon {
  color: var(--secondary-color-light);
}

.btn.primary:is(:hover, :focus, :focus-within, :active) {
  color: var(--white);
  box-shadow: 0px 0px 0px var(--secondary-color-dark);
}

.btn.primary:is(:hover, :focus, :focus-within, :active) .icon {
  color: var(--secondary-color-light)
}

/* primary */
/* primary-light */
.btn.primary-light {
  background: var(--secondary-color-light);
  box-shadow: 6px 6px 0px var(--secondary-color-dark);
}

.btn.primary-light .icon {
  color: var(--white);
}

.btn.primary-light:is(:hover, :focus, :focus-within, :active) {
  color: var(--white);
  box-shadow: 0px 0px 0px var(--secondary-color-dark);
}

/* primary-light */

.btn:is(.secondary-outline, .blue-outline, .black-outline, .white-outline, .blue-dark-outline) {
  font-size: 18px;
  line-height: 1;
  padding: 15px 28px 13px;
}

.btn.btn-md:is(.secondary-outline, .blue-outline, .black-outline) {
  padding: 14px 20px;
}

.btn:is(.secondary-outline, .blue-outline, .black-outline) .icon {
  width: 15px;
  height: auto;
}

.btn.secondary-outline {
  color: var(--primary-color);
  border-color: var(--primary-color);
  background: transparent;
}

.btn.secondary-outline:is(:hover, :focus, :focus-within, :active) {
  color: var(--white);
  background: var(--primary-color);
}

.btn.blue-outline {
  color: var(--blue-light);
  border-color: var(--blue-light);
  background: transparent;
}

.btn.blue-outline:is(:hover, :focus, :focus-within, :active) {
  color: var(--white);
  background: var(--blue-light);
}

.btn.blue-dark-outline {
  color: var(--blue-dark);
  border-color: var(--blue-dark);
  background: transparent;
}

.btn.blue-dark-outline:is(:hover, :focus, :focus-within, :active) {
  color: var(--white);
  background: var(--blue-dark);
}

.btn.black-outline {
  color: var(--gray-900);
  border-color: var(--gray-900);
  background: transparent;
}

.btn.black-outline:is(:hover, :focus, :focus-within, :active) {
  color: var(--white);
  background: var(--gray-900);
}

.btn.white-outline {
  color: var(--white);
  border-color: var(--white);
  background: transparent;
}

.btn.white-outline:is(:hover, :focus, :focus-within, :active) {
  color: var(--primary-color-dark);
  background: var(--white);
}


.btn-link {
  display: inline-flex;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 700;
  color: var(--blue-light);
  transition: var(--transition);
  text-decoration: underline;
  font-family: var(--font-family);
}

.btn-link:is(:hover, :focus, :focus-within, :active) {
  color: var(--blue-dark);
  text-decoration: underline;
}


:is(.img-cover, .img-contain) {
  position: relative;
  padding-bottom: 100%;
}

:is(.img-cover, .img-contain) :is(img, video, iframe) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-contain :is(img, video, iframe) {
  object-fit: contain;
}


/* ===== header ===== */
.header-wrap header {
  position: fixed;
  top: 0;
  left: 0;
  padding: 35px 0;
  width: 100%;
  z-index: 99;
  background: transparent;
}

.header-wrap:not(.sticky) header {
  transition: var(--transition);
}

.header-wrap header .container {
  display: flex;
  align-items: center;
  max-width: 1404px;
  column-gap: 84px;
}

.header-wrap header .logo {
  flex-shrink: 0;
  margin-bottom: -27px;
  transition: var(--transition);
}

.header-wrap header .logo a {
  display: inline-block;
  width: 133px;
  transition: var(--transition);
}

.header-wrap header .logo a img {
  width: 100%;
}

.header-wrap header .header-user-donate {
  display: flex;
  align-items: center;
  column-gap: 42px;
  margin-left: auto;
}

.header-wrap header .head-user {
  color: var(--blue-medium);
  font-size: clamp(16px, 1.33vw, 20px);
  line-height: 1.3;
  font-weight: 500;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  column-gap: 9px;
  transition: var(--transition);
}

.header-wrap header .head-user .icon {
  width: 19px;
  height: auto;
}

.header-wrap header .head-user:hover {
  color: var(--primary-color);
}

.header-wrap header .menu-toggle button {
  background: transparent;
  border: 0;
  border-radius: 0;
}

.toggle-donate {
  display: flex;
  column-gap: 18px;
  align-items: center;
}

.toggle-donate .btn {
  width: 34px;
  height: 34px;
  min-width: auto;
  padding: 0;
  box-shadow: 2px 2px 0px var(--secondary-color-dark);
}

.toggle-donate .btn .icon {
  width: 14px;
  height: auto;
}

.toggle-donate .menu-toggle button {
  display: flex;
  align-items: center;
  column-gap: 11px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.25;
  color: var(--blue-dark);
  padding: 8px 0;
}

.toggle-donate .menu-toggle button span.icon {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  color: var(--primary-color);
  background: currentColor;
  margin: 0 10px;
}

.toggle-donate .menu-toggle button span.icon::after,
.toggle-donate .menu-toggle button span.icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: currentColor;
}

.toggle-donate .menu-toggle button span.icon::after {
  left: -10px;
}

.toggle-donate .menu-toggle button span.icon::before {
  right: -10px;
}

.header-wrap header li a {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  color: var(--blue-dark);
  padding: 17px 0px;
  transition: var(--transition);
}

.header-wrap header li a:hover {
  color: var(--primary-color);
}

.menu-arrow {
  transition: var(--transition);
}

header li:is(.urrent-page-ancestor, .current-menu-item, .current-menu-parent, .current-menu-ancestor, .current-page-parent, .current_page_parent, .current_page_ancestor, :hover)> :is(a, .menu-arrow) {
  color: var(--primary-color);
}


.header-wrap header .menu>ul {
  display: flex;
  column-gap: 45px;
}

.header-wrap header .menu>ul>li {
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 7px;
}

.header-wrap header .menu>ul>li>.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 179px;
  border-radius: 10px;
  background: var(--blue-dark);
  padding: 7px 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: auto;
  transition: var(--transition);
}

.header-wrap header .menu>ul>li:hover>.sub-menu {
  transform: scale(1);
}

.header-wrap header .menu>ul>li>.sub-menu>li {
  display: flex;
}

.header-wrap header .menu>ul>li>.sub-menu>li+li {
  border-top: 1px solid var(--blue-dark-1);
}

.header-wrap header .menu>ul>li>.sub-menu>li>a {
  display: inline-flex;
  width: 100%;
  font-size: 13px;
  line-height: 1.077;
  font-weight: 400;
  color: var(--white);
  padding: 8px 14px;
}

.header-wrap header .menu>ul>li>.sub-menu>li:is(.urrent-page-ancestor, .current-menu-item, .current-menu-parent, .current-menu-ancestor, .current-page-parent, .current_page_parent, .current_page_ancestor, :hover) a {
  color: var(--primary-color);
}

/* .header-wrap.sticky header .logo {
  margin-bottom: 0;
} */

/* .header-wrap.sticky header {
  padding: 15px 0;
} */

/* .header-wrap.sticky header .logo a {
  width: 100px;
} */

/* .header-wrap.sticky header li a {
  font-size: 18px;
} */

.mobile-menu {
  position: fixed;
  inset: 0;
  background: var(--blue-dark);
  z-index: 999;
  padding: 86px 0 85px;
  transition: var(--transition);
  transform: translateX(100%);
}

.mobile-menu.active {
  transform: translateX(0);
}

.mobile-menu .logo-btn-wrap {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 21px 16px;
}

.mobile-menu .logo-btn-wrap .logo a {
  display: inline-flex;
  width: 55px;
  height: auto;
}

.mobile-menu div.menu {
  padding-top: 15px;
  height: 100%;
  overflow: auto;
}

.mobile-menu div.menu>ul {
  display: flex;
  flex-direction: column;
}

.mobile-menu div.menu>ul>li {
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--white);
}

.mobile-menu div.menu>ul>li a {
  font-size: 36px;
  line-height: 1.278;
  font-weight: 700;
  color: var(--white);
  padding: 6px 28px;
}

.mobile-menu div.menu.menu>ul>li>.sub-menu {
  padding: 7px 0 32px;
  display: none;
}

.mobile-menu div.menu>ul>li>.sub-menu>li+li {
  border-top: 1px solid var(--blue-dark-1);
}

.mobile-menu div.menu>ul>li>.sub-menu>li>a {
  display: flex;
  font-size: 20px;
  line-height: 1.278;
  font-weight: 400;
  color: var(--white);
  padding: 6px 52px;
}

.mobile-menu div.menu>ul>li .menu-arrow {
  position: absolute;
  top: 0;
  right: 22px;
  width: 40px;
  height: 58px;
  display: grid;
  place-items: center;
}

.mobile-menu div.menu>ul>li .menu-arrow .icon {
  transition: var(--transition);
}

.mobile-menu div.menu>ul>li .menu-arrow.active .icon {
  transform: rotate(180deg);
}

.mobile-menu .menu-toggle button {
  position: relative;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: var(--white);
  background: var(--secondary-color);
  border: 0;
  border-radius: 100%;
}

.mobile-menu .menu-toggle button::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 2px;
  bottom: -2px;
  right: -1px;
  border-radius: 100%;
  background: var(--secondary-color-dark);
  z-index: -1;
}

.mobile-menu .menu-toggle button .icon {
  width: 14px;
  height: 14px;
}

.mobile-menu .header-social {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px 31px;
}

.mobile-menu .header-social ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}

.mobile-menu .header-social ul li {
  display: inline-flex;
}

.mobile-menu .header-social ul li a {
  display: inline-flex;
}


.mobile-menu .menu li:is(.urrent-page-ancestor, .current-menu-item, .current-menu-parent, .current-menu-ancestor, .current-page-parent, .current_page_parent, .current_page_ancestor) a {
  color: var(--primary-color);
}


.header-wrap .header-top {
  position: absolute;
  left: 0;
  right: 14px;
  top: 18px;
}

.header-wrap .header-top ul {
  display: inline-flex;
  column-gap: 34px;
  margin-left: auto;
}

.header-wrap .header-top ul li {
  display: inline-flex;
}

.header-wrap .header-top ul li a {
  text-decoration: none;
  display: inline-flex;
  font-weight: 500;
  line-height: 1;
  font-size: 12px;
  color: var(--blue-dark);
  transition: var(--transition);
  padding: 5px 0;
}

.header-wrap .header-top ul li:is(.urrent-page-ancestor, .current-menu-item, .current-menu-parent, .current-menu-ancestor, .current-page-parent, .current_page_parent, .current_page_ancestor, :hover) a {
  color: var(--primary-color);
}

/* ===== header ===== */

/* ===== All banner ===== */
.hero-banner {
  padding: clamp(112px, 18.8vw, 282px) 0 6px;
}

.hero-banner .banner-info {
  max-width: 687px;
}

.hero-banner .banner-info h1 {
  padding-bottom: 24px;
  line-height: 0.98;
}

.hero-banner .banner-info .hero-desc {
  max-width: 449px;
  line-height: 1.25;
}

.hero-banner .banner-info .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 22px;
  row-gap: 22px;
  padding-top: clamp(28px, 3.33vw, 50px);
}

.hero-banner .banner-info .btn-wrap .btn {
  padding-left: 43px;
  padding-right: 43px;
}

.hero-banner .banner-info .btn-wrap .btn.secondary-outline {
  padding-left: 32px;
  padding-right: 32px;
}

/* ===== All banner ===== */

/* ===== hero gallery ===== */
.hero-gallery-wrap {
  /* padding: clamp(35px, 5.6vw, 84px) 0; */
  padding: 10vh 0;
  overflow: hidden;
}

.hero-gallery-wrap .inner {
  padding: clamp(28px, 3.6vw, 54px) 0;
  background: var(--white);
  transform: rotate(-5deg);
  margin: 0 -50px;
}

.hero-gallery-slider .swiper-slide {
  width: clamp(200px, 25.67vw, 385px);
}

.hero-gallery-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* ===== hero gallery ===== */

/* ===== section-more ===== */

.section-more {
  display: flex;
  align-items: center;
  /* min-height: 100dvh; */
  /* padding: 100px 0; */
  padding: 30px 0 clamp(22px, 8.4vw, 126px);
}

.section-more .swiper-sliding-word .word-list .word,
.section-more .title-wrap h2 {
  font-size: clamp(40px, 5.33vw, 80px);
  line-height: clamp(50px, 6.4vw, 96px);
  font-weight: 700;
  outline: none;
}

.section-more .swiper-sliding-word .word-list .word {
  word-break: break-all;
}

.section-more .more-inner {
  display: flex;
  align-items: center;
  /* padding: clamp(80px, 7.33vw, 110px) 0; */
}

.section-more .more-inner .more-left {
  width: 100%;
  max-width: 28.9115%;
  padding-right: 30px;
  flex-shrink: 0;
}

.section-more .more-inner .more-right {
  width: 100%;
}

/* .section-more .swiper-sliding-word {
  height: clamp(50px, 6.4vw, 96px);
} */

.section-more .swiper-sliding-word .word-list {
  display: flex;
  flex-direction: column;
}

.section-more .swiper-sliding-word .word-list .word {
  opacity: 0.1;
  color: var(--primary-color);
  overflow: hidden;
}

.section-more .swiper-sliding-word .word-list .word span {
  display: inline-flex;
}

.section-more .title-wrap {
  overflow: hidden;
}

/* ===== section-more ===== */

/* ===== section donation ===== */

.donation-wrap {
  position: relative;
  z-index: 1;
}

.donation-wrap h2 {
  font-size: clamp(18px, 2vw, 30px);
  line-height: clamp(22px, 2.27vw, 34px);
  color: var(--blue-dark);
}

.donation-wrap .donation-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  row-gap: 43px;
}

.donation-wrap .donation-row :is(.donation-left, .donation-right) {
  width: 100%;
  padding: 0 15px;
}

.donation-form-box {
  background: #086c65;
  padding: 45px 40px 66px;
  border-radius: 10px;
  position: relative;
  margin: 0 20px 20px 0;
}

.donation-form-box::after {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: -20px;
  right: -20px;
  background: #39a29b;
  z-index: -1;
  border-radius: 10px;
}

.donation-form-box .gform_title,
.donation-form-box>h3 {
  font-size: clamp(24px, 2vw, 30px);
  line-height: clamp(29px, 2.53vw, 38px);
  color: var(--white);
  padding-bottom: clamp(24px, 1.6vw, 24px);
}

.donation-form .gform_validation_errors {
  display: none !important;
}

.donation-form .gfield_required,
.donation-form .gfield_description {
  font-size: 12px !important;
  margin-top: 5px !important;
  color: var(--blue-peach) !important;
}

.donation-form .gform_wrapper .gform_fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
  row-gap: 10px;
  column-gap: 0;
}

.donation-form .gform_wrapper .gform_fields .gfield {
  width: 100%;
  padding: 0 3px;
}

.donation-form .gform_wrapper .gform_fields .gfield.gfield--width-half {
  width: 50%;
}

.donation-form .gform_wrapper .gfield_radio {
  flex-wrap: nowrap;
  column-gap: 5px !important;
  flex-direction: row !important;
}

.donation-form .gform_wrapper .gfield_radio .gchoice {
  width: 100%;
  display: flex;
}

.donation-form .gform_wrapper .gfield_radio .gchoice input {
  display: none;
}

.donation-form .gform_wrapper .gfield_radio .gchoice .gform-field-label {
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--blue-dark);
  width: 100%;
  height: 44px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--white);
  margin: 0;
}

.donation-form .gform_wrapper .gfield_radio .gchoice input:checked+.gform-field-label {
  background: var(--primary-color);
  color: var(--white);
}


.donation-form .gform_wrapper .gfield_checkbox .gchoice input {
  display: none;
}

.donation-form .gform_wrapper .gfield_checkbox .gchoice .gform-field-label {
  cursor: pointer;
  line-height: 1.3;
  margin: 0;
  position: relative;
  padding: 5px 0 5px 28px;
}

.donation-form .gform_wrapper .gfield_checkbox .gchoice .gform-field-label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  box-shadow: 0 0 0 2px var(--white);
  border-radius: 100%;
  border: 4px solid var(--secondary-color);
}

.donation-form .gform_wrapper .gfield_checkbox .gchoice input:checked+.gform-field-label::after {
  background: var(--white);
}

/* .donation-form .gform_wrapper .gfield_checkbox {
  flex-wrap: wrap;
}
.donation-form .gform_wrapper .gfield_checkbox .gchoice {
  width: initial;
}
.donation-form .gform_wrapper .gfield_checkbox .gchoice .gform-field-label {
  padding-left: 10px;
  padding-right: 10px;
} */


.donation-form .gform_wrapper .ginput_complex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
  column-gap: 0;
  row-gap: 6px;
}

.donation-form .gform_wrapper .ginput_complex>span {
  width: 50%;
  padding: 0 3px;
}

.donation-form .gform_wrapper .gform-field-label,
.donation-form .gform_wrapper .gfield_label,
.donation-form .gform_wrapper .ginput_product_price_wrapper .gform-field-label,
.donation-form .gform_wrapper .ginput_quantity_label,
.donation-form .gform_wrapper .gfield_label .gform-field-label {
  font-size: 15px;
  line-height: 1;
  color: var(--white);
}

.donation-form .gform_wrapper .ginput_container textarea,
.donation-form .gform_wrapper .ginput_container select,
.donation-form .gform_wrapper .ginput_container input {
  width: 100% !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--blue-dark) !important;
  border-radius: 10px !important;
  padding: 0 15px !important;
  height: 44px !important;
  background-color: var(--white);
  outline: none !important;
  box-shadow: none;
  border-color: var(--white) !important;
  display: inline-flex;
  align-items: center;
}

.event-popup .donation-form .gform_wrapper .ginput_container input.has-value {
  padding: 8px 15px 0 !important;
}

.donation-form .gform_wrapper .ginput_container input:focus {
  outline: none;
  box-shadow: 0;
}

.donation-form .gform_wrapper .ginput_container textarea {
  height: 120px !important;
  min-block-size: initial !important;
  padding: 10px 15px !important;
}

.donation-form .gform_wrapper .gform_fields .gfield.gfield_no_follows_desc {
  font-size: 12px;
  line-height: 1.66;
  font-weight: 500;
  color: var(--white);
  padding: 16px 0 4px;
}

/* .donation-form .gform_wrapper div:not(.gchoice) > .gform-field-label {
  height: initial !important;
  width: initial !important;
  clip: initial !important;
  clip-path: initial !important;
} */

.donation-form .gform_wrapper .gform-page-footer input[type="image"],
.event-popup .gform_wrapper .gform-page-footer input[type="image"],
.event-popup .gform_wrapper .gform-footer input[type="image"],
.donation-form .gform_wrapper .gform-footer input[type="image"] {
  background: transparent;
  padding: 0 !important;
  border: 0;
  border-radius: 100px;
  transition: var(--transition);
  box-shadow: 6px 6px 0px var(--secondary-color-dark);
}

.event-popup .gform_wrapper .gform-footer input[type="image"]:hover,
.donation-form .gform_wrapper .gform-footer input[type="image"]:hover {
  box-shadow: 0px 0px 0px var(--secondary-color-dark);
}

.donation-form .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title {
  color: var(--white);
}

.donation-form .gform_wrapper .gf_progressbar_wrapper .gf_progressbar {
  background: #39a29b;
}

.donation-form .gform_wrapper .gf_progressbar .gf_progressbar_percentage {
  background-color: var(--gf-field-pg-prog-bar-bg-color-orange);
}


.donation-form .gform_button,
.donation-form .gform_next_button,
.donation-form .gform_previous_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 10px !important;
  padding: 12px 20px !important;
  border-radius: 100px !important;
  border: 2px solid transparent !important;
  transition: var(--transition) !important;
  font-size: 19px !important;
  line-height: 1.053 !important;
  letter-spacing: 0 !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  background: var(--secondary-color-light) !important;
  box-shadow: 6px 6px 0px var(--secondary-color-dark) !important;
}

.gform_button:is(:hover, :focus, :focus-within, :active),
.gform_previous_button:is(:hover, :focus, :focus-within, :active),
.gform_next_button:is(:hover, :focus, :focus-within, :active) {
  box-shadow: 0px 0px 0px var(--secondary-color-dark) !important;
}


.donation-form .gform_wrapper .copy_values_option_container input {
  display: none;
}

.donation-form .gform_wrapper .copy_values_option_container .copy_values_option_label {
  font-size: 14px;
  color: var(--white);
  padding-left: 28px;
  position: relative;
  margin-left: 0;
}

.donation-form .gform_wrapper .copy_values_option_container .copy_values_option_label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: var(--white);
}

.donation-form .gform_wrapper .copy_values_option_container .copy_values_option_label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  width: 13px;
  height: 7px;
  border-bottom: 3px solid #086c65;
  border-left: 3px solid #086c65;
  transform: rotate(-45deg);
  transition: var(--transition);
  opacity: 0;
}

.donation-form .gform_wrapper .copy_values_option_container input:checked+.copy_values_option_label::after {
  opacity: 1;
}

.donation-form .gform_wrapper fieldset.gfield--input-type-address .ginput_complex {
  align-items: initial;
  row-gap: 10px;
}

.donation-form .gform_wrapper fieldset.gfield--input-type-address .ginput_complex>span {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.donation-form .gform_wrapper fieldset.gfield--input-type-address .ginput_complex>span label.gform-field-label {
  margin: 0;
}

.donation-form .gform_wrapper .gform_page_footer {
  row-gap: 14px;
}

/* ===== section donation ===== */

/* ===== het syndroom ===== */
.het-syndroom {
  position: relative;
  margin-top: -75px;
  z-index: 0;
}

.het-syndroom-inner {
  background: var(--primary-color-dark);
  padding: clamp(38px, 8.07vw, 121px) clamp(16px, 11.4vw, 171px) 108px clamp(16px, 7.2vw, 108px);
  border-radius: 10px;
}

.het-syndroom-large {
  width: 100%;
  max-width: 691px;
  margin-bottom: clamp(38px, 7.6vw, 114px);
}

.het-syndroom-small {
  width: 100%;
  max-width: 687px;
  margin-left: auto;
  padding-bottom: clamp(45px, 8.07vw, 121px);
}

.het-syndroom-content h2 {
  font-size: clamp(24px, 3.33vw, 50px);
  line-height: clamp(30px, 3.47vw, 52px);
  color: var(--white);
}

.het-syndroom-content {
  font-size: clamp(16px, 1.33vw, 20px);
  line-height: clamp(26px, 2.33vw, 35px);
  color: var(--white);
}

.het-syndroom .section-contact-cta {
  border-top: 1px solid #F5906C;
  padding: clamp(45px, 8.47vw, 127px) 16px 0;
}

.het-syndroom .section-contact-cta .inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  row-gap: 30px;
}

.het-syndroom .section-contact-cta .inner>div.col-left {
  width: 60%;
  padding: 0 15px;
}

.het-syndroom .section-contact-cta .inner>div.col-right {
  width: 40%;
  padding: 0 15px;
}

.het-syndroom .section-contact-cta h2 {
  font-size: clamp(24px, 3.33vw, 50px);
  line-height: 1.04;
  color: var(--white);
  padding-bottom: clamp(15px, 2.13vw, 32px);
}

.het-syndroom .section-contact-cta {
  font-size: clamp(16px, 1.33vw, 20px);
  line-height: 1.75;
  color: var(--white);
}

.het-syndroom .section-contact-cta p {
  max-width: 572px;
}

.het-syndroom .section-contact-cta .btn-wrap {
  padding-top: clamp(25px, 3.33vw, 50px);
}


.het-syndroom .section-contact-cta .img-box {
  width: 100%;
  max-width: 416px;
  height: 278px;
  position: relative;
  transform: rotate(-5deg);
  margin-top: 4px;
  margin-left: 52px;
  margin-right: 27px;
}

.het-syndroom .section-contact-cta .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.het-syndroom .section-contact-cta .img-box::after {
  content: '';
  position: absolute;
  top: 40px;
  left: 26px;
  right: -23px;
  bottom: -23px;
  background: #FFB86B;
  border-radius: 10px;
  z-index: -1;
}

/* ===== het syndroom ===== */

/* ===== our event ===== */

.event-box {
  position: relative;
  border-radius: 10px;
  background: var(--blue-peach);
  padding: 56px 65px 73px 55px;
  color: var(--primary-color);
  display: flex;
  flex-direction: column-reverse;
  margin: 0 46px 36px 0;
}

.event-box .event-img {
  width: 320px;
  height: 200px;
  position: absolute;
  bottom: -3px;
  right: -15px;
  transform: rotate(-5deg);
}

.event-box .event-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.event-box .event-img::after {
  content: '';
  position: absolute;
  top: 21px;
  left: 21px;
  right: -21px;
  bottom: -21px;
  background: #eea85c;
  border-radius: 10px;
  z-index: -1;
}

.event-box .content-box h3 {
  font-size: clamp(38px, 4vw, 60px);
  line-height: clamp(30px, 3.47vw, 52px);
  color: currentColor;
  padding-bottom: clamp(25px, 1.87vw, 28px);
}

.event-box .content-box .content {
  font-size: clamp(16px, 1.33vw, 20px);
  line-height: clamp(26px, 2.2vw, 33px);
}

.event-box .content-box .btn-wrap {
  padding-top: 72px;
}

.event-box.event-light-blue {
  color: var(--blue-light);
  background: var(--blue-sky);
}

.event-box.event-light-blue .event-img::after {
  background: var(--blue-muted);
}

.event-box.event-blue {
  color: var(--blue-dark);
  background: var(--blue-primary);
}

.event-box.event-blue .event-img::after {
  background: var(--cyan-blue);
}



.our-event.home {
  padding-top: clamp(50px, 14.47vw, 217px);
}

.our-event.home .title-wrap {
  position: sticky;
  top: 20%;
}

.our-event.home .title-wrap h2 {
  line-height: clamp(44px, 3.47vw, 52px);
}

.our-event.home .title-wrap .btn-wrap {
  padding-top: clamp(34px, 5.2vw, 78px);
}

.our-event.home .our-event-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  row-gap: 44px;
}

.our-event.home :is(.our-event-left, .our-event-right) {
  width: 100%;
  padding: 0 15px;
}

.our-event.home .our-event-right>.btn-wrap {
  padding-top: 34px;
}

.our-event.home .our-event-right>.btn-wrap {
  padding-top: 34px;
}

.our-event.home .our-event-list ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.our-event.home .our-event-list ul li {
  --scroll-progress: 0;
  position: sticky;
  top: 20%;
  /* opacity: calc(1 - var(--scroll-progress)); */
  /* transform: translateY(calc(-25% * var(--scroll-progress))); */
  transform-origin: center bottom;
}

.our-event.home .btn:is(.secondary-outline, .blue-outline, .black-outline, .white-outline, .blue-dark-outline) {
  font-weight: 500;
}

.page-template-template-over .our-event.home {
  padding: clamp(30px, 6.8vw, 102px) 0 clamp(50px, 9.33vw, 140px);
  /* padding-top: clamp(30px, 6.8vw, 102px); */
}

/* ===== our event ===== */

/* ===== scroll text ===== */
.scroll-text-wrap {
  overflow: hidden;
}

.scroll-text-wrap.home {
  padding: clamp(24px, 5.73vw, 86px) 0;
}

.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
}

.marquee {
  width: max-content;
  display: flex;
  white-space: nowrap;
  will-change: transform;
  overflow: hidden;
}

.marquee-content {
  font-size: clamp(170px, 13.33vw, 200px);
  line-height: 1.1;
  font-weight: 700;
  color: var(--primary-color);
  white-space: nowrap;
  opacity: 0.32;
}

/* ===== scroll text ===== */

/* ===== how-can-you-help ===== */

.how-can-you-help {
  padding: 36px 0 clamp(24px, 5.47vw, 82px);
}

.how-can-you-help-inner {
  background: var(--primary-color-dark);
  padding: clamp(42px, 6.4vw, 96px) clamp(15px, 6.73vw, 101px) clamp(49px, 5.47vw, 82px) clamp(15px, 7.47vw, 112px);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 43px;
}

.how-can-you-help-left,
.how-can-you-help-right {
  width: 100%;
}

.how-can-you-help-inner .title-wrap h2 {
  line-height: clamp(44px, 3.87vw, 58px);
  color: var(--white);
  padding-bottom: clamp(21px, 2.53vw, 38px);
}

.how-can-you-help-left-desc {
  font-size: 16px;
  line-height: 1.5625;
  color: var(--white);
  padding-bottom: clamp(20px, 2.53vw, 103px);
}

.how-can-you-help-left-desc.bullet ul>li::before {
  background: currentColor;
}

.how-can-you-help-left-desc.bullet :is(ul, ol) {
  padding: 8px 0;
}

.how-can-you-help-left-desc.bullet :is(ul, ol)+ :is(ul, ol) {
  padding-top: 0;
}

.how-can-you-help-left-img {
  position: relative;
  width: 350px;
  height: 263px;
  z-index: 1;
  margin: 54px 0 32px 31px;
}

.how-can-you-help-left-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.how-can-you-help-left-img::after {
  content: '';
  position: absolute;
  top: 10px;
  bottom: -10px;
  left: 20px;
  right: -20px;
  background: var(--primary-200);
  border-radius: 10px;
  z-index: -1;
}

.faqs>ul {
  border-bottom: #fff solid 1px;
}

.faqs>ul>li .faqs-btn {
  font-size: 18px;
  line-height: 1.333;
  font-weight: 700;
  color: var(--white);
  border-top: 1px solid var(--white);
  padding: clamp(12px, 2.13vw, 32px) 50px clamp(27px, 1.87vw, 28px) 0;
  cursor: pointer;
  position: relative;
  transition: var(--transition);
}

.faqs-content {
  font-size: 16px;
  line-height: 1.5625;
  color: var(--white);
  padding-bottom: clamp(35px, 3.33vw, 50px);
}

.faqs-content.bullet ul>li::before {
  background: currentColor;
}

.faqs-content.bullet ol>li::before {
  color: currentColor;
}

.faqs-content :is(ul, ol) {
  padding: 8px 0;
}

.faqs-content :is(ul, ol)+ :is(ul, ol) {
  padding-top: 0;
}

.faqs-content .btn-wrap {
  padding-top: clamp(17px, 1.47vw, 22px);
}

.faqs-content .btn-wrap .btn {
  min-width: 144px;
}

.faqs>ul>li .faqs-btn:after {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  right: clamp(4px, 0.47vw, 7px);
  top: clamp(13px, 2.33vw, 35px);
  transition: all 0.3s ease-in-out 0s;
  background: url('../images/arrow-down.svg') no-repeat center center;
}

.faqs>ul>li .faqs-btn.open:after {
  transform: rotate(-180deg);
}

/* ===== how-can-you-help ===== */

/* ===== latest-news home ===== */

.news-box {
  width: 100%;
}

.news-box .news-img {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 41.621%;
  min-height: 115px;
}

.news-box .news-img img {
  transition: var(--transition);
}

.news-box .news-desc {
  padding-top: 20px;
}

.news-box .news-desc h3 {
  font-size: clamp(22px, 1.87vw, 28px);
  line-height: clamp(29px, 2.4vw, 36px);
  padding-bottom: 8px;
}

.news-box .news-desc h3 a {
  display: inline-block;
  color: currentColor;
  transition: var(--transition);
}

.news-box .news-desc p {
  font-size: 16px;
  line-height: clamp(24px, 1.67vw, 25px);
  color: var(--blue-dark);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-box .news-desc .btn-wrap {
  padding-top: 19px;
}

.news-box:hover .news-desc h3 a {
  color: var(--blue-light);
}

.news-box:hover .news-img img {
  transform: scale(1.05);
}


.latest-news {
  padding: clamp(24px, 5.47vw, 82px) 0 clamp(59px, 9.53vw, 143px);
}

.latest-news.home .container {
  padding: 0 0 0 15px;
  max-width: calc((100vw - var(--scrollbar-width, 0px) - 1206px)/2 + 1206px);
  margin-right: 0;
}

.latest-news .title-wrap {
  padding-bottom: clamp(38px, 5.47vw, 82px);
}

.latest-news .title-wrap h2 {
  line-height: clamp(44px, 4.67vw, 70px);
}

.latest-news .swiper-slide {
  width: clamp(290px, 36.2vw, 543px);
}

/* ===== latest-news home ===== */

/* === footer === */

footer {
  padding-bottom: 24px;
}

footer .footer .logo a {
  width: clamp(81px, 7.67vw, 115px);
  display: inline-flex;
  transition: var(--transition);
}

.footer {
  background: var(--blue-dark);
  border-radius: 10px;
  padding: 52px clamp(15px, 6.73vw, 101px) 26px;
}

.will-you-help-us {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: clamp(33px, 3.47vw, 52px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: var(--blue-pale);
  padding-left: 12px;
  padding-right: 48px;
}

.will-you-help-us h2 {
  font-size: clamp(40px, 4.67vw, 70px);
  line-height: clamp(44px, 4.4vw, 66px);
  color: currentColor;
  padding-bottom: clamp(7px, 1.67vw, 25px);
}

.will-you-help-us p {
  font-size: clamp(16px, 1.47vw, 22px);
  line-height: clamp(24px, 1.67vw, 25px);
  color: currentColor;
}

.menu-title {
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.3;
  color: var(--blue-pale);
  padding-bottom: clamp(10px, 1.33vw, 20px);
}

.footer-menu ul {
  display: flex;
  flex-direction: column;
}

.footer-menu ul li {
  display: inline-flex;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: clamp(20px, 1.6vw, 24px);
  font-weight: 300;
  color: var(--blue-pale);
}

.footer-menu ul li a {
  display: inline-flex;
  color: currentColor;
  transition: var(--transition);
}

.footer-menu ul li a:hover {
  color: var(--primary-color);
}

.contact-info .footer-menu ul {
  row-gap: clamp(19px, 1.6vw, 24px);
}

.contact-info .footer-menu ul li {
  flex-direction: column;
}

.footer-inner {
  padding: clamp(32px, 5.07vw, 76px) 11px 0;
}

.footer-inner .column-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  row-gap: 30px;
}

.footer-inner .column-wrap>.col {
  width: 100%;
  padding: 0 15px;
}

.footer-inner .column-wrap>.col:nth-child(1) {
  width: 25.7%;
  padding-top: 4px;
}

.footer-inner .column-wrap>.col:nth-child(2) {
  width: 27%;
}

.footer-inner .column-wrap>.col:nth-child(3) {
  width: 23.3%;
}

.footer-inner .column-wrap>.col:nth-child(4) {
  width: 24%;
}

.footer-social {
  padding: 21px 0 0 15px;
}

.footer-social ul {
  display: inline-flex;
  column-gap: 15px;
}

.footer-social ul li {
  display: inline-flex;
}

.footer-social ul li a {
  display: inline-flex;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 70px;
  font-size: clamp(12px, 0.93vw, 14px);
  line-height: 1.54;
  font-weight: 300;
  color: var(--blue-pale);
  padding-left: 15px;
  padding-right: 15px;
}

.footer-bottom-left {
  display: inline-flex;
  flex-wrap: wrap;
  row-gap: 1px;
}

.footer-bottom-left span {
  margin-right: 30px;
  display: inline-flex;
  align-items: center;
}

.footer-bottom-left span img {
  margin: 0 6px;
}

.footer-bottom-left span a {
  color: #e4ebf0;
  margin-left: 4px;
  display: inline-block;
}

.footer-bottom-left span a:hover {
  color: #f9dab9;
}

.footer-bottom-right ul {
  display: flex;
  align-items: center;
  justify-content: end;
}

.footer-bottom-right ul li+li {
  margin-left: 20px;
}

.footer-bottom-right ul li a {
  display: inline-flex;
  height: 28px;
  width: 55px;
  width: auto;
}

.footer-bottom-right ul li a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.onze-evenementen-right .onze-evenementen-left-btn {
  display: none;
}

.footer-bottom-right {
  padding-right: 41px;
}

footer .newsletter .menu-title {
  font-size: clamp(16px, 1.2vw, 18px);
}

footer .newsletter .gform_validation_errors {
  display: none;
}

footer .newsletter .gform_wrapper {
  max-width: 203px;
}

footer .newsletter .gform_wrapper .gform-body .gform_fields {
  row-gap: 7px;
}

footer .newsletter .gform_wrapper .gform-body .ginput_container input {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: var(--blue-dark);
  border-radius: 10px;
  background: var(--white);
  height: 34px;
  border: 0;
}

footer .newsletter .gform_wrapper .gform-body .ginput_container input::-webkit-input-placeholder {
  color: #D2D2D2;
}

footer .newsletter .gform_wrapper .gform-body .ginput_container input:-moz-placeholder {
  color: #D2D2D2;
}

footer .newsletter .gform_wrapper .gform-body .ginput_container input::-moz-placeholder {
  color: #D2D2D2;
}

footer .newsletter .gform_wrapper .gform-body .ginput_container input:-ms-input-placeholder {
  color: #D2D2D2;
}

footer .newsletter .gform_wrapper .gform-footer {
  margin-top: 6px;
}

footer .newsletter .gform_wrapper .gform-footer input[type="submit"] {
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: var(--primary-color) !important;
  transition: var(--transition) !important;
}

/* === footer === */

/* === about page === */
.about-page {
  position: relative;
}

.about-page .about-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-page .about-inner .about-content {
  max-width: 31.61vw;
  margin: 0 auto;
  text-align: center;
  padding: 0 15px;
}

.about-page .about-inner .about-content h1 {
  font-size: clamp(40px, 3.33vw, 50px);
  padding-bottom: 30px;
}

.about-page .about-inner .about-item .item .img-cover {
  padding-bottom: 0;
  height: 100%;
  width: 100%;
}

.mission-vision-wrap {
  padding: clamp(1px, 6.35vw, 122px) 0 clamp(48px, 5.21vw, 100px);
}

.mission-vision-wrap .inner {
  border-radius: 10px;
  background: var(--primary-color-dark);
  max-width: calc(100% - clamp(15px, 5.63vw, 108px));
  margin: 0 auto;
  padding: clamp(23px, 6.25vw, 120px) 0 clamp(35px, 5.1vw, 98px);
}

.mission-vision-wrap .row {
  display: flex;
  flex-wrap: wrap;
}

.mission-vision-wrap .col-left {
  width: 60%;
  padding-right: 77px;
}

.mission-vision-wrap .col-right {
  width: 40%;
}

.mission-vision-wrap .mission-vision {
  color: var(--white);
}

.mission-vision-wrap .mission-vision h2 {
  font-weight: 600;
  color: var(--white);
  padding-bottom: clamp(20px, 1.56vw, 30px);
  font-size: clamp(30px, 3.33vw, 50px);
}

.mission-vision-wrap .mission-vision {
  display: flex;
  flex-direction: column;
}

.mission-vision-wrap .mission-vision .vision {
  padding-top: clamp(20px, 5.05vw, 97px);
}

.mission-vision-wrap .mission-img {
  width: 100%;
  max-width: 412px;
  height: 258px;
  position: relative;
  transform: rotate(-5deg);
  margin-top: 103px;
  margin-left: 15px;
  margin-right: 27px;
}

.mission-vision-wrap .mission-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.mission-vision-wrap .mission-img::after {
  content: '';
  position: absolute;
  top: 27px;
  left: 27px;
  right: -27px;
  bottom: -27px;
  background: #eea85c;
  border-radius: 10px;
  z-index: -1;
}

.mission-vision-wrap.default {
  padding: 0 0 0;
}

.mission-vision-wrap.default .mission-vision h2 {
  color: var(--white);
  padding-bottom: clamp(20px, 1.67vw, 32px);
  font-size: clamp(30px, 2.08vw, 40px);
}

.mission-vision-wrap .content-box.bullet.bullet ul>li::before {
  background: currentColor;
}

.mission-vision-wrap .content-box.bullet.bullet ol>li::before {
  color: currentColor;
}

.mission-vision-wrap .content-box.bullet :is(ul, ol):first-child {
  padding-top: 0;
}

.mission-vision-wrap .content-box.bullet :is(ul, ol):last-child {
  padding-bottom: 0;
}

.mission-vision-wrap .content-box.bullet :is(ul, ol) {
  padding: 8px 0;
}

.mission-vision-wrap .content-box.bullet :is(ul, ol)+ :is(ul, ol) {
  padding-top: 0;
}

/* logo-slider */

.logo-slider-wrap {
  padding: 0 0 clamp(30px, 5.21vw, 100px);
}

.logo-slider .swiper-slide {
  text-align: center;
}

.logo-slider .swiper-slide .img-contain {
  display: inline-flex;
  width: 100%;
  padding-bottom: clamp(41px, 3.7vw, 71px);
  max-width: 277px;
}

/* team-wrap */

.team-box {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  max-width: 251px;
  padding: 10px;
  border-radius: 10px;
  background: var(--primary-color);
  text-align: left;
  transition: var(--transition);
}

.team-box.dark-blue {
  background: var(--blue-dark);
}

.team-box.light-blue {
  background: var(--blue-light);
}

.team-box .team-img {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  padding-bottom: 201px;
}

.team-box .team-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .team-box .team-info {
  padding: 8px 0 5px;
} */
.team-box .team-info {
  padding: 19px 0 5px;
}

.team-box .team-info h3 {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  color: var(--white);
}

.team-box .team-info .designation {
  font-size: 16px;
  font-weight: 300;
  color: var(--white);
}

.team-box .team-info .btn-wrap {
  padding-top: 14px;
}

.team-box .team-info .btn-link {
  display: inline-flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
}

.team-box .team-info .btn-link .icon {
  width: 12px;
  height: auto;
  transition: var(--transition);
  margin-top: 2px;
}

.team-box:hover .btn-wrap .btn-link {
  color: var(--primary-color-dark);
}

.team-box:hover .team-info .btn-link .icon {
  margin-left: 5px;
}

.team-box:hover {
  background: #072b4a;
}

.team-wrap {
  padding: clamp(52px, 7.29vw, 140px) 0 0;
}

.team-wrap .container {
  max-width: 1251px;
}

.team-wrap .title-wrap {
  max-width: 587px;
  margin: 0 auto;
  text-align: center;
}

.team-wrap .title-wrap h2 {
  color: var(--primary-color);
  font-size: clamp(40px, 4.67vw, 70px);
  line-height: 0.9428;
}

.team-wrap .team-list ul {
  display: flex;
  flex-wrap: wrap;
}

/* help-us-wrap */
.help-us-wrap {
  overflow: hidden;
  padding: clamp(68px, 5.26vw, 101px) 0 0;
}

.section-team .help-us .title-wrap,
.help-us-wrap .title-wrap {
  text-align: center;
  color: var(--primary-color);
  padding-bottom: 16px;
}

.section-team .help-us .title-wrap h2,
.help-us-wrap .title-wrap h2 {
  color: currentColor;
  font-size: clamp(40px, 4.67vw, 70px);
  line-height: 0.942;
  padding-bottom: 28px;
}

.section-team .help-us .title-wrap .sub-text,
.help-us-wrap .title-wrap .sub-text {
  margin: 0 auto;
  max-width: 587px;
  font-size: clamp(20px, 1.47vw, 22px);
  line-height: 1.136;
}

.section-team .help-us .title-wrap .btn-wrap,
.help-us-wrap .title-wrap .btn-wrap {
  padding-top: clamp(45px, 2.97vw, 57px);
}

/* banner-cta */

/* section-team */
.section-team {
  padding: 16px 0 clamp(1px, 5.53vw, 83px);
}

.section-team .section-title .title-wrap {
  max-width: 748px;
  padding-bottom: clamp(35px, 8.67vw, 130px);
}

.section-team .section-title .title-wrap h2 {
  font-size: clamp(27px, 4.67vw, 70px);
  line-height: 0.942;
  color: var(--primary-color);
}

.section-team .section-title .column-wrap {
  row-gap: 0;
}

.section-team .column-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  row-gap: 20px;
}

.section-team .column-wrap>div {
  width: 100%;
  padding: 0 15px;
}

.section-team .team-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -22px;
  row-gap: 43px;
}

.section-team .team-list ul>li {
  width: 33.333%;
  padding: 0 22px;
}

.section-team .inner-team+.inner-team {
  padding-top: clamp(50px, 9.47vw, 142px);
}

.section-team .help-us {
  padding-top: clamp(55px, 9.07vw, 136px);
}

/* section-team */

.banner-cta {
  padding: 59px 0 clamp(32px, 2.4vw, 46px);
}

.banner-cta .inner {
  position: relative;
  padding: clamp(39px, 4.17vw, 80px) 0 clamp(44px, 4.27vw, 82px);
  background: var(--primary-color-dark);
}

.banner-cta .inner .container {
  /* position: relative; */
  display: flex;
}

.banner-cta .banner-box {
  width: 61.224%;
  max-width: 740px;
  color: var(--white);
}

.banner-cta .banner-box h2 {
  color: currentColor;
  padding-bottom: clamp(16px, 1.04vw, 20px);
  font-size: clamp(30px, 3.33vw, 50px);
}

.banner-cta .banner-box .btn-wrap {
  padding-top: clamp(27px, 1.88vw, 36px);
}

.banner-cta .img-box {
  width: 38.776%;
  text-align: right;
  position: relative;
  padding-left: 30px;
}

.banner-cta .img-box img {
  position: absolute;
  top: -174px;
  right: -26px;
}

/* === about page === */
/* === wat-is-22q11 === */
.inner-wat-is-22q11 {
  overflow: hidden;
  padding: clamp(150px, 17.81vw, 342px) 0 clamp(68px, 5.21vw, 100px);
}

.inner-wat-is-22q11 h1 {
  color: var(--blue-dark);
  font-size: clamp(40px, 3.33vw, 50px);
  padding-bottom: clamp(28px, 1.67vw, 32px);
}

.inner-wat-is-22q11 .content-box.text-md {
  max-width: 940px;
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.2083;
  padding-bottom: clamp(28px, 2.81vw, 54px);
}

.inner-wat-is-22q11 .content-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -58px;
  row-gap: 26px;
}

.inner-wat-is-22q11 .content-wrap .content-box {
  padding: 0 58px;
  width: 48%;
}

.syndrome-banner {
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}

.syndrome-banner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 56.5%;
  background: var(--peach-light);
  z-index: -1;

}

.syndrome-banner .container {
  padding-right: 0;
  margin-right: 0;
  max-width: calc((100vw - var(--scrollbar-width, 0px) - 1206px)/2 + 1206px);
}

.syndrome-banner .syndrome-box {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background: no-repeat center / cover;
  padding: clamp(82px, 13.13vw, 252px) 25px clamp(74px, 4.74vw, 91px) clamp(25px, 5.42vw, 104px);
}

.syndrome-banner .syndrome-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black);
  opacity: 0.6;
}

.syndrome-banner .syndrome-box .content-box {
  position: relative;
  z-index: 1;
  max-width: 724px;
}

.syndrome-banner .syndrome-box h2 {
  font-size: clamp(30px, 2.87vw, 43px);
  line-height: 1.139;
  font-weight: 600;
  color: var(--white);
  padding-bottom: clamp(47px, 2.45vw, 47px);
}

.feature-box {
  height: 100%;
  padding: clamp(26px, 1.46vw, 28px) clamp(13px, 1.82vw, 35px) clamp(33px, 2.86vw, 55px) clamp(13px, 2.03vw, 39px);
  border-radius: 10px;
  background: var(--chardonnay);
}

.feature-box h3 {
  font-size: clamp(18px, 1.87vw, 28px);
  line-height: 1.25;
  color: #845017;
  padding-bottom: clamp(13px, 1.25vw, 24px);
}

.feature-box p {
  color: #845017;
}

.feature-box .btn-wrap {
  padding-top: clamp(19px, 1.2vw, 23px);
}

.feature-box .btn-wrap a {
  color: #835017;
  text-decoration: none;
}

.features-wrap {
  overflow: hidden;
  width: 100%;
  min-height: 70vh;
  padding: clamp(20px, 5.42vw, 104px) 0 clamp(40px, 5.73vw, 110px);
  background: var(--peach-light);
}

.pin-spacer:has(.features-wrap) {
  background: var(--peach-light);
}

.features-wrap .title-wrap {
  max-width: 643px;
  padding-bottom: clamp(31px, 4.17vw, 80px);
  font-weight: 500;
  color: var(--medium-brown);
}

.features-wrap .title-wrap h2 {
  font-weight: 700;
  font-size: clamp(32px, 2.4vw, 36px);
  line-height: 1.25;
  letter-spacing: 0px;
  color: var(--medium-brown);
  padding-bottom: clamp(10px, 1.33vw, 20px);
}

.pin-spacer:has(.features-wrap)+footer {
  margin-top: clamp(25px, 3.4vw, 51px);
}

.features-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px 15px 0 0;
}

.features-pagination span {
  margin: 0;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background: #DAA770;
  opacity: 1;
}

.features-pagination span.swiper-pagination-bullet-active {
  background: var(--medium-brown);
}

.features-slider .swiper-slide {
  height: initial;
}

.features-scroll-wrap .features-slider {
  overflow: visible;
}

.features-slider .arrow-wrap {
  padding-top: 26px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}

.features-slider .swiper-arrow {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  transition: var(--transition);
  outline: none;
  box-shadow: none;
}

.features-slider .swiper-arrow:hover {
  color: var(--white);
  border-color: var(--primary-color);
  background: var(--primary-color);
}

.features-slider .swiper-arrow .icon.prev {
  transform: rotate(135deg);
}

.features-slider .swiper-arrow .icon.next {
  transform: rotate(-45deg);
}


.expert-care {
  padding: clamp(52px, 4.95vw, 95px) 0 clamp(73px, 5.83vw, 112px);
}

.expert-care .content-box {
  max-width: 987px;
}

.expert-care .content-box p {
  font-size: clamp(24px, 4.95vw, 36px);
  line-height: 1.25;
  font-weight: 700;
  color: var(--blue-dark);
}

.expert-care .expert-logo {
  padding-top: clamp(49px, 4.32vw, 83px);
}

.expert-care .expert-logo ul {
  display: flex;
  align-items: center;
  column-gap: clamp(20px, 5.21vw, 100px);
}

.expert-care .expert-logo ul li {
  display: inline-flex;
}

.expert-care .btn-wrap {
  padding-top: clamp(40px, 4.8vw, 72px);
}

.expert-img .container {
  padding-left: 0;
  margin-left: 0;
  max-width: calc((100vw - var(--scrollbar-width, 0px) - 1206px)/2 + 1206px);
}

.expert-img .img-cover {
  overflow: hidden;
  border-radius: 0px 10px 10px 0px;
  padding-bottom: clamp(214px, 37.45vw, 719px);
}

.het-expert-content {
  padding: clamp(65px, 5.16vw, 99px) 0 clamp(35px, 5.68vw, 109px);
}

.het-expert-content .content-box {
  max-width: 643px;
  font-weight: 500;
}

.het-expert-content .content-box p {
  color: var(--blue-dark);
}

.het-expert-content .read-more-content {
  padding-top: clamp(67px, 3.91vw, 75px);
}

.het-expert-content .read-more-content>ul {
  display: flex;
  flex-direction: column;
}

.het-expert-content .read-more-content>ul>li {
  padding: 32px 15px;
  border-bottom: 1px solid var(--white);
}

.het-expert-content .read-more-content>ul>li .read-more-item {
  cursor: pointer;
  position: relative;
  max-width: 1366px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.het-expert-content .read-more-content>ul>li .read-more-item.active {
  cursor: text;
}

.het-expert-content .read-more-content>ul>li h3 {
  width: 33.8%;
  font-size: 36px;
}

.het-expert-content .read-more-content>ul>li:first-child {
  border-top: 1px solid var(--white);
}

.het-expert-content .read-more-content>ul>li .content-box {
  max-width: 651px;
  width: 66.2%;
  padding-top: 11px;
  font-weight: 400;
}

.het-expert-content .read-more-content>ul>li .content-box .icon-box {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 20px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  /* cursor: pointer; */
}

.het-expert-content .read-more-content>ul>li .content-box .icon-box .icon {
  transition: all 0.3s ease-in-out;
}

.het-expert-content .read-more-content>ul>li .read-more-item.active .content-box .icon-box .icon {
  transform: rotate(-90deg);
}

.het-expert-content .read-more-content>ul>li .content-box .extra-content {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.het-expert-content .read-more-content>ul>li .content-box .btn-wrap {
  padding-top: 25px;
}

.het-expert-content .read-more-content>ul>li .content-box .btn-link {
  cursor: pointer;
  background: transparent;
  border: 0;
  color: var(--primary-color);
  text-decoration: none;
}

.het-expert-content .read-more-content>ul>li .content-box .btn-link:hover {
  color: var(--blue-dark);
}

.het-expert-content .read-more-content .extra-content :is(ul, ol) {
  padding: 8px 0;
}

.het-expert-content .read-more-content .extra-content :is(ul, ol)+ :is(ul, ol) {
  padding-top: 0;
}

/* === wat-is-22q11 === */

/* === default === */
.page-template-template-contact .header-wrap,
.page-template-default .header-wrap {
  height: 197px;
}

/* .inner-intro-text {
  padding: clamp(132px, 16.51vw, 317px) 0 clamp(55px, 6.3vw, 121px);
} */

.inner-intro-text>div>h1 {
  color: var(--blue-dark);
  font-size: clamp(40px, 2.6vw, 50px);
  padding-bottom: clamp(10px, 1.04vw, 20px);
}

.inner-intro-text .custom-content-box {
  max-width: 643px;
}

.inner-intro-text .custom-content-box+.custom-content-box {
  padding-top: clamp(28px, 5.63vw, 108px);
}

.inner-intro-text .custom-content-box.content-full {
  max-width: 1111px;
}

.content-image {
  padding: 22px 0 clamp(55px, 7.55vw, 145px);
}

.content-image .inner {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
  max-width: 95.9%;
}

.content-image .inner .content-box {
  width: 100%;
  max-width: 581px;
  padding-top: 28px;
}

.content-image .content-box.bullet :is(ul, ol):first-child {
  padding-top: 0;
}

.content-image .content-box.bullet :is(ul, ol):last-child {
  padding-bottom: 0;
}

.content-image .content-box.bullet :is(ul, ol) {
  padding: 8px 0;
}

.content-image .content-box.bullet :is(ul, ol)+ :is(ul, ol) {
  padding-top: 0;
}

.content-image .inner .content-box>h3 {
  font-size: clamp(30px, 2.08vw, 40px);
  padding-bottom: clamp(21px, 1.61vw, 31px);
}

.content-image .inner .content-img {
  position: relative;
  width: 350px;
  height: 263px;
  z-index: 1;
  margin: 22px 40px 25px 0;
  flex-shrink: 0;
}

.content-image .inner .content-img img {
  border-radius: 10px;
}

.content-image .inner .content-img::after {
  content: '';
  position: absolute;
  top: 25px;
  bottom: -25px;
  left: 40px;
  right: -40px;
  background: var(--primary-200);
  border-radius: 10px;
  z-index: -1;
}

.content-image .inner+.inner {
  padding-top: clamp(82px, 5.21vw, 100px);
}

.expert-img.expert-default {
  padding-bottom: clamp(67px, 7.29vw, 140px);
}

.syndrome-banner.default::after {
  display: none;
}

.cta-btn-wrap ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 35px;
  row-gap: 23px;
}

/* === default === */
/* === news === */
.inner-news {
  padding: clamp(136px, 15.1vw, 290px) 0 clamp(63px, 5.21vw, 100px);
}

.inner-news h1 {
  font-size: clamp(40px, 4.67vw, 70px);
  line-height: 1;
  text-align: center;
}

.inner-news .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.35vw, 26px);
  padding-top: clamp(20px, 2.92vw, 56px);
}

.inner-news .btn-wrap .btn {
  padding: 14px 28px;
}

.inner-news .btn-wrap .btn-link {
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  column-gap: 6px;
  color: #EF0000;
  text-decoration: none;
}

.inner-news .btn-wrap .btn:is(:hover, :focus, :focus-within, :active, .active) {
  color: var(--white);
  background: var(--primary-color);
}

.news-wrap {
  padding-bottom: clamp(49px, 7.6vw, 146px);
}

.news-wrap ul {
  display: flex;
  flex-direction: column;
}

/* .news-wrap ul li {
  border-top: 1px solid #E7DACD;
} */

.news-wrap ul li .inner {
  width: calc(100% - 64px);
  margin: 0 auto;
  border: 10px;
  padding: clamp(23px, 3.91vw, 75px) 0 clamp(30px, 3.33vw, 64px);
  border-top: 1px solid #E7DACD;
  transition: background-color 300ms ease-in-out;
  /* border-radius: 10px; */
}

.news-wrap ul li:last-child .inner {
  border-bottom: 1px solid #E7DACD;
}

.news-wrap ul li .inner .container {
  max-width: 1340px;
}

.news-wrap .news-box {
  display: flex;
  /* align-items: flex-start; */
  flex-wrap: wrap;
}

.news-wrap .news-box .news-img {
  width: 27.71%;
  min-height: 255px;
  padding-bottom: clamp(140px, 17vw, 255px);
}

.news-wrap .news-box .news-info {
  width: 72.29%;
  /* padding-left: 40px; */
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 2px 45px;
  position: relative;
}

.news-wrap .news-box .news-info .icon-box {
  /* position: absolute; */
  /* bottom: -4px; */
  /* right: 39px; */
  transition: var(--transition);
  opacity: 0;
  color: var(--white);
}

.news-wrap .news-box .news-info .icon-box a {
  color: currentColor;
}

.news-wrap .news-box .news-info .icon-box .icon {
  width: 22px;
  height: auto;
  transform: rotate(-90deg);
}

.news-wrap .news-box .news-info .title {
  width: 60.333%;
}

.news-wrap .news-box .news-info .title .date {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: var(--blue-dark);
}

.news-wrap .news-box .news-info .title h3 {
  color: var(--blue-dark);
  font-size: clamp(30px, 2.67vw, 40px);
  margin-top: -7px;
}

.news-wrap .news-box .news-info .title h3 a {
  /* display: inline-block; */
  /* color: currentColor; */
  /* transition: var(--transition); */
}

/* .news-wrap .news-box .news-info .title h3 a:hover {
  color: var(--primary-color);
} */

.news-wrap .news-box .news-info .description {
  width: 39.333%;
  padding-top: 20px;
  color: var(--blue-dark);
}

.news-wrap .news-box .news-info .description p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-wrap .news-box .news-info .btn-wrap {
  width: 100%;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-wrap .news-box .btn {
  font-size: 12px;
  line-height: 1.084;
  padding: 5px 17px;
  min-width: initial;
  font-weight: 400;
  border-width: 1px;
}

/* === news === */
/* === news-single === */
.news-single-banner {
  padding: clamp(125px, 11.6vw, 174px) 0 0;
}

.news-single-banner .inner {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  padding: clamp(77px, 25.1vw, 482px) 0 36px;
}

.news-single-banner .inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black);
  opacity: 0.5;
}

.news-single-banner .inner .container {
  max-width: 1170px;
  position: relative;
  z-index: 1;
}

.news-single-banner .inner span.date {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
}

.news-single-banner .inner h1 {
  color: var(--white);
  font-size: clamp(40px, 3.33vw, 50px);
  padding-bottom: 15px;
  margin-top: -11px;
}

.news-single-banner .inner .btn {
  font-size: 12px;
  color: var(--white);
  border-color: var(--white);
  background: transparent;
  font-size: 12px;
  line-height: 1.084;
}

.news-single-banner .inner .btn:is(:hover, :focus, :focus-within, :active) {
  background: var(--white);
  color: var(--primary-color-dark);
}

.single-content {
  padding: clamp(37px, 3.39vw, 65px) 0 clamp(55px, 5.1vw, 98px);
}

.single-content .custom-content-box {
  max-width: 733px;
}

.single-content .container {
  max-width: 812px;
}

.single-content .share {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-top: clamp(45px, 2.81vw, 54px);
}

.single-content .share h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--blue-dark);
}

.single-content .share ul {
  display: inline-flex;
  align-items: center;
  column-gap: 7px;
}

.single-content .share ul li {
  display: inline-flex;
}

.single-content .share ul li a {
  display: inline-flex;
  transition: var(--transition);
}

.single-content .share ul li a:hover {
  color: var(--primary-color-dark);
}

.single-content .btn-wrap {
  padding-top: 32px;
}

.single-content .custom-content-box p+p {
  margin-top: 25px;
}

.single-content .custom-content-box img {
  max-width: initial;
  width: 129.5%;
  border-radius: 10px;
  margin: 38px 0 64px -14.75%;
}

/* === news-single === */
/* === event === */

.box-event {
  display: flex;
  row-gap: 31px;
}

.box-event .event-img {
  position: relative;
  flex-shrink: 0;
  width: 46.933%;
  border-radius: 7px;
  overflow: hidden;
}

.box-event .event-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box-event .event-info {
  max-width: 573px;
  padding: clamp(15px, 1.93vw, 37px) 0 0 clamp(31px, 3.02vw, 58px);
}

.box-event .event-info h3 {
  font-size: clamp(30px, 2.67vw, 40px);
  line-height: 1;
  color: var(--blue-dark);
  padding-bottom: clamp(21px, 1.41vw, 27px);
  transition: var(--transition);
}

.box-event .event-info h3 a {
  color: currentColor;
  display: inline-flex;
}

.box-event .event-info p {
  color: var(--blue-dark);
  transition: var(--transition);
}

.box-event .event-info>ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 455px;
  padding-top: clamp(23px, 2.86vw, 55px);
  transition: var(--transition);
}

.box-event .event-info>ul>li {
  display: inline-flex;
  align-items: center;
  column-gap: 13px;
}

.box-event .event-info .icon-box {
  color: var(--white);
  position: absolute;
  bottom: 16%;
  right: 4.9%;
  transition: var(--transition);
  opacity: 0;
}

.box-event .event-info .icon-box .icon {
  transform: rotate(-90deg);
}


.inner-event {
  padding: clamp(139px, 15.26vw, 293px) 0 clamp(43px, 6.72vw, 129px);
}

.inner-event h1 {
  font-size: clamp(40px, 4.67vw, 70px);
  line-height: 1;
  color: var(--blue-dark);
  text-align: center;
}

.event-wrap {
  padding-bottom: clamp(30px, 7.03vw, 135px);
}

.event-wrap>ul {
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, 1.56vw, 30px);
}

.event-wrap>ul>li .inner {
  max-width: calc(100% - 64px);
  margin: 0 auto;
  padding: 19px 18px 20px;
  border-radius: 10px;
  transition: var(--transition);
}

.event-wrap>ul>li .inner .container {
  position: relative;
  max-width: 1400px;
  padding: 0;
}

.event-single-banner {
  padding: clamp(125px, 13.6vw, 204px) 0 0;
}

.event-single-banner .inner {
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  background: no-repeat center / cover;
  padding: clamp(51px, 11.93vw, 229px) 0 clamp(68px, 8.7vw, 167px);
}

.event-single-banner .inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black);
  opacity: 0.7;
}

.event-single-banner .inner .container {
  position: relative;
  z-index: 1;
}

.event-single-banner .inner h1 {
  font-size: clamp(40px, 3.33vw, 50px);
  line-height: 1;
  color: var(--white);
  padding-bottom: 42px;
}

.event-single-banner .inner ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 520px;
  margin: 0 auto;
}

.event-single-banner .inner ul li {
  color: var(--white);
  display: inline-flex;
  align-items: center;
  column-gap: 13px;
}

.event-single-banner .inner .btn-wrap {
  padding-top: clamp(30px, 3.75vw, 72px);
}

.event-single-banner .inner .btn-wrap .btn {
  font-weight: 500;
}

.event-single .inner {
  padding: clamp(30px, 2.08vw, 40px) 0;
  border-radius: 10px;
}

.event-single {
  padding: clamp(20px, 3.07vw, 59px) 0 clamp(52px, 3.39vw, 65px);
}

.event-single .inner:nth-child(even) {
  background: #F7E8D8;
}

.event-single .inner .column-wrap {
  display: flex;
}

.event-single .inner .column-wrap .col-left {
  width: 34%;
  flex-shrink: 0;
}

.event-single .inner .column-wrap .col-left h2 {
  font-size: clamp(30px, 2.67vw, 40px);
}

.event-single .inner p+p {
  margin: 0;
  padding: 0;
}

.event-single .inner .content-box.program ul li {
  display: flex;
}

.event-single .inner .content-box.program ul li span:first-child {
  width: 140px;
  flex-shrink: 0;
  font-weight: 700;
}

.event-single .inner .content-box.costs ul {
  padding-bottom: 24px;
}

.event-single .inner .content-box.costs ul li {
  display: flex;
}

.event-single .inner .content-box.costs ul li span:first-child {
  width: 195px;
  flex-shrink: 0;
}

.landing-donation .content-box ul,
.event-single .inner .content-box.to-enrol ul {
  display: flex;
  flex-direction: column;
}

.landing-donation .content-box ul li,
.event-single .inner .content-box.to-enrol ul li {
  position: relative;
  padding-left: 33px;
}

.landing-donation .content-box ul li::after,
.event-single .inner .content-box.to-enrol ul li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../images/check-mark.png") no-repeat center / contain;
}

.event-single .inner .content-box.to-enrol .btn-wrap {
  padding-top: 30px;
}

.event-single-gallery {
  padding-bottom: clamp(56px, 4.32vw, 83px);
}

.event-gallery-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.event-gallery-slider .swiper-slide {
  width: clamp(292px, 24.58vw, 472px);
}

.event-gallery-slider .img-contain {
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: clamp(195px, 16.41vw, 315px);
}

.event-gallery-slider .img-contain img {
  object-fit: cover;
}

.event-single-gallery .btn-wrap {
  padding-top: 44px;
  text-align: center;
}

/* === event === */

/* === landing-header === */
.landing-header {
  padding: clamp(26px, 2.19vw, 42px) 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.landing-header .container {
  padding: 0 15px;
  max-width: 1380px;
}

.landing-header .container {
  padding: 0 15px;
  max-width: 1380px;
}

.landing-header .logo {
  display: inline-flex;
}

.landing-header .logo a {
  display: inline-flex;
  width: clamp(75px, 7.5vw, 144px);
}

.landing-header .logo a img {
  width: 100%;
}

.landing-donation {
  padding: clamp(112px, 10.52vw, 202px) 0 clamp(203px, 14.69vw, 282px);
  background: var(--primary-color-dark);
}

.hero-gallery-wrap.landing {
  margin-top: -200px;
  position: relative;
  z-index: 1;
}

.hero-gallery-wrap.landing .inner {
  transform: rotate(5deg);
}

.landing-donation .column-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -15px;
  row-gap: 30px;
}

.landing-donation .column-wrap>div {
  padding: 0 15px;
  width: 100%;
  z-index: 1;
}

.landing-donation .content-box {
  color: var(--white);
  line-height: 1.25;
  max-width: 548px;
}

.landing-donation .content-box h2 {
  font-size: clamp(30px, 3.33vw, 50px);
  line-height: 1;
  color: var(--white);
  padding-bottom: clamp(25px, 2.08vw, 40px);
}

.landing-donation .content-box .you-help {
  padding-top: clamp(20px, 2.14vw, 41px);
}

.landing-donation .content-box h3 {
  color: var(--white);
  font-size: 20px;
  padding-bottom: clamp(20px, 1.04vw, 20px);
}

.landing-donation .content-box ul {
  row-gap: 4px;
}

.landing-donation .content-box ul li::after {
  width: 18px;
  height: 18px;
}

.landing-donation .column-wrap .col-right {
  display: flex;
  justify-content: center;
}

/* === landing-header === */

/* === contact-us-wrap === */
/* .contact-us-wrap {
  padding: clamp(182px, 9.48vw, 182px) 0 clamp(25px, 2.86vw, 55px);
} */

.contact-us-wrap {
  padding-bottom: clamp(25px, 2.86vw, 55px);
}

.contact-us-wrap .inner {
  padding: clamp(54px, 6.04vw, 116px) 0 clamp(51px, 6.04vw, 116px);
  background: var(--primary-color-dark);
}

.thank-404 .inner .banner-info h1,
.contact-us-wrap .banner-info h1 {
  max-width: 524px;
  font-size: clamp(30px, 3.33vw, 50px);
  line-height: 1;
  color: var(--white);
}

.thank-404 .inner .banner-info,
.contact-us-wrap .banner-text {
  color: var(--white);
  max-width: 390px;
  margin-left: 39.45%;
  padding-top: 8.5%;
}

.thank-404 .inner .banner-text>ul,
.contact-us-wrap .banner-text>ul {
  display: flex;
  flex-direction: column;
}

.thank-404 .inner .banner-text>ul>li,
.contact-us-wrap .banner-text>ul>li {
  display: inline-flex;
}

.thank-404 .inner .banner-text>ul>li a,
.contact-us-wrap .banner-text>ul>li a {
  color: currentColor;
  transition: var(--transition);
  text-decoration: underline;
}

.contact-us-wrap .banner-text .footer-social {
  padding: clamp(22px, 2.19vw, 42px) 0 0;
}

.contact-us-wrap .banner-text .footer-social ul {
  column-gap: 23px;
}

.contact-us-wrap .contact-gallery {
  padding-bottom: 492px;
  position: relative;
}

.contact-us-wrap .banner-text .footer-social ul {
  column-gap: 16px;
}

.contact-us-wrap .footer-social ul li a img {
  width: 24px;
  height: auto;
}

.section-anbi-cbf {
  overflow: hidden;
  padding: clamp(30px, 6vw, 98px) 0 clamp(50px, 8.67vw, 130px);
}

.section-anbi-cbf .inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -56px;
  row-gap: 20px;
}

.section-anbi-cbf .inner>div {
  width: 100%;
  padding: 0 56px;
}

.section-anbi-cbf .inner .logo {
  display: inline-block;
  margin-right: auto;
}

.section-anbi-cbf .inner:nth-child(odd) {
  flex-direction: row-reverse;
}

.section-anbi-cbf .inner:nth-child(even) .logo {
  margin-left: auto;
  margin-right: 0;
}

.section-anbi-cbf .inner+.inner {
  padding-top: clamp(40px, 10vw, 150px);
}

.section-anbi-cbf .title-wrap {
  padding-bottom: clamp(20px, 3.33vw, 34px);
}

.section-anbi-cbf .title-wrap h3 {
  font-size: clamp(28px, 3.33vw, 50px);
  line-height: 0.98;
}

.section-anbi-cbf .content-box p a {
  text-decoration: underline;
  transition: var(--transition);
}

.section-anbi-cbf .content-box p a:hover {
  color: var(--primary-color);
}

/* === contact-us-wrap === */

/* === thank-404 === */
/* .thank-404 {
  padding: clamp(182px, 9.48vw, 182px) 0 clamp(25px, 2.86vw, 55px);
} */

.thank-404 {
  padding-bottom: clamp(25px, 2.86vw, 55px);
}

.thank-404 .inner {
  padding: clamp(54px, 6.04vw, 116px) 0 clamp(51px, 7.34vw, 141px);
  background: var(--primary-color-dark);
}

.thank-404 .inner .column-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.thank-404 .inner .column-wrap>div {
  width: 100%;
  padding: 0 15px;
}

.thank-404 .inner .banner-info {
  margin: 0;
  max-width: 540px;
  padding-top: 55px;
}

.thank-404 .inner .banner-info h1 {
  padding-bottom: 31px;
}

.thank-404 .inner .banner-info .btn-wrap {
  padding-top: clamp(41px, 2.97vw, 57px);
}

.thank-404 .inner .banner-info .banner-text {
  padding-top: clamp(38px, 4.32vw, 83px);
}

.thank-404 .inner .img-box {
  display: flex;
  justify-content: flex-end;
  padding-top: 35px;
}

.thank-404 .inner .img-box .img-cover {
  overflow: hidden;
  border-radius: 10px;
  width: clamp(243px, 34.87vw, 523px);
  padding-bottom: clamp(180px, 19.69vw, 378px);
}

.thank-404 .btn {
  font-size: 16px;
  padding: 15px 28px;
}

/* === thank-404 === */


.fancybox__backdrop {
  background: var(--black);
  opacity: 0.7;
}

.event-popup {
  width: calc(100% - 40px);
  max-width: 685px;
  background: transparent;
  padding: 0 clamp(10px, 1.4vw, 21px) clamp(10px, 1.4vw, 21px) 0;
  /* background: var(--blue-dark); */
  /* z-index: 1; */
  /* border-radius: 10px; */
}

.event-popup .f-button {
  width: 30px;
  height: 30px;
  background: var(--white);
  opacity: 1 !important;
  top: 16px !important;
  right: 41px !important;
  border-radius: 100px;
}

.event-popup .f-button svg {
  display: none;
}

.event-popup .f-button::after {
  content: "X";
  position: absolute;
  inset: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--blue-dark);
  display: grid;
  place-items: center;
}

.event-popup .f-button:hover {
  background: var(--white);
}

.event-popup::before {
  content: "";
  position: absolute;
  top: clamp(10px, 1.4vw, 21px);
  left: clamp(10px, 1.4vw, 21px);
  right: 0;
  bottom: 0;
  background: #4280B5;
  z-index: -1;
  border-radius: 10px;
}

.event-popup .inner {
  width: 100%;
  background: var(--blue-dark);
  z-index: 1;
  border-radius: 10px;
  padding: 62px clamp(20px, 4.87vw, 72px) clamp(20px, 3.6vw, 54px) clamp(20px, 3.8vw, 57px);
}

.event-popup .inner>h3 {
  font-size: clamp(30px, 2.67vw, 40px);
  line-height: 1;
  font-weight: 700;
  color: var(--white);
  padding-bottom: clamp(40px, 3.13vw, 47px);
}

.event-popup .inner .gform_wrapper .gform-body .gform_fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
  row-gap: 16px;
  column-gap: 0;
}

.event-popup .inner .gform_wrapper .gform-body .gform_fields .gfield {
  width: 100%;
  padding: 0 8px;
  position: relative;
}

.event-popup .inner .gform_wrapper .gform-body .ginput_complex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
  row-gap: 16px;
}

.event-popup .inner .gform_wrapper .gform-body .ginput_complex>span {
  width: 50%;
  padding: 0 8px;
  position: relative;
}

.event-popup .inner .gform_wrapper .ginput_container :is(input, textarea) {
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  color: var(--blue-dark);
  background: var(--white);
  border-radius: 10px;
  height: 44px;
  padding: 5px 15px;
  outline: none;
  box-shadow: none;
  border: 0;
}

.event-popup .inner .gform_wrapper .ginput_container textarea {
  height: 76px !important;
  padding-top: 20px;
  min-block-size: 76px;
}

.event-popup .inner .gform_wrapper label.gform-field-label {
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  color: var(--blue-dark);
  position: absolute;
  top: 14px;
  left: 23px;
  margin: 0;
  transition: var(--transition);
  height: initial !important;
  width: initial !important;
  clip: initial !important;
  clip-path: initial !important;
}

.event-popup .inner .gform_wrapper .gform-field-label .gfield_required {
  display: none;
}

.event-popup .inner .gform_wrapper .gform-field-label.has-value {
  font-size: 10px;
  font-weight: 500;
  opacity: 0.6;
  top: 7px;
}

.event-popup .inner .gform_wrapper .ginput_container :is(input, textarea)::-webkit-input-placeholder {
  opacity: 0;
}

.event-popup .inner .gform_wrapper .ginput_container :is(input, textarea):-moz-placeholder {
  opacity: 0;
}

.event-popup .inner .gform_wrapper .ginput_container :is(input, textarea)::-moz-placeholder {
  opacity: 0;
}

.event-popup .inner .gform_wrapper .ginput_container :is(input, textarea):-ms-input-placeholder {
  opacity: 0;
}

.event-popup .inner .gform_wrapper .gform-body .gform_fields .gfield.gfield--width-half {
  width: 50%;
}

.event-popup .inner .gform_wrapper .gfield_radio {
  flex-wrap: wrap;
}

.event-popup .inner .gform_wrapper .gfield_radio .gchoice {
  width: initial;
}

.event-popup .inner .gform_wrapper .gfield_radio .gchoice .gform-field-label {
  padding: 0 15px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--blue-dark);
  width: 100% !important;
  height: 44px !important;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--white);
  margin: 0;
  position: relative;
  opacity: 1;
  transform: initial;
  inset: 0;
}

.event-popup .inner .gform_wrapper .gfield_checkbox .gchoice input {
  display: none;
}

.event-popup .inner .gform_wrapper .gfield_checkbox .gchoice .gform-field-label {
  cursor: pointer;
  line-height: 1.3;
  margin: 0;
  position: relative;
  padding: 5px 0 5px 28px;
  opacity: 1;
  inset: 0;
  color: #fff;
  font-size: 15px;
}

.event-popup .inner .gform_wrapper .gfield_checkbox .gchoice .gform-field-label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  box-shadow: 0 0 0 2px var(--white);
  border-radius: 100%;
  border: 4px solid var(--blue-dark);
}

.event-popup .inner .gform_wrapper .gfield_checkbox .gchoice input:checked+.gform-field-label::after {
  background: var(--white);
}


.event-popup .inner .gform_wrapper .gform-footer input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 10px !important;
  padding: 12px 20px !important;
  border-radius: 100px !important;
  border: 2px solid transparent !important;
  min-width: 158px !important;
  transition: var(--transition) !important;
  font-size: 19px !important;
  line-height: 1.053 !important;
  letter-spacing: 0 !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  background: var(--secondary-color) !important;
}

.event-popup .inner .gform_wrapper .gform-footer input[type="submit"] {
  box-shadow: 6px 6px 0px var(--secondary-color-dark) !important;
}

.event-popup .inner .gform_wrapper .gform-footer input[type="submit"]:is(:hover, :focus, :focus-within, :active) {
  color: var(--white) !important;
  box-shadow: 0px 0px 0px var(--secondary-color-dark) !important;
}


.cta-btn-wrap+.hero-gallery-wrap {
  margin-top: 0;
}