@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.g-0, .gx-0 {
  --bs-gutter-x: 0;
}
.g-0, .gy-0 {
  --bs-gutter-y: 0;
}
.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.u-mt-0 {
  margin-top: 0;
}
.u-mb-0 {
  margin-bottom: 0;
}
.u-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.u-pt-0 {
  padding-top: 0;
}
.u-pb-0 {
  padding-bottom: 0;
}
.u-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.u-mt-1 {
  margin-top: 4px;
}
.u-mb-1 {
  margin-bottom: 4px;
}
.u-my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.u-pt-1 {
  padding-top: 4px;
}
.u-pb-1 {
  padding-bottom: 4px;
}
.u-py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.u-mt-2 {
  margin-top: 10px;
}
.u-mb-2 {
  margin-bottom: 10px;
}
.u-my-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.u-pt-2 {
  padding-top: 10px;
}
.u-pb-2 {
  padding-bottom: 10px;
}
.u-py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.u-mt-3 {
  margin-top: 12px;
}
.u-mb-3 {
  margin-bottom: 12px;
}
.u-my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.u-pt-3 {
  padding-top: 12px;
}
.u-pb-3 {
  padding-bottom: 12px;
}
.u-py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.u-mt-4 {
  margin-top: 18px;
}
.u-mb-4 {
  margin-bottom: 18px;
}
.u-my-4 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.u-pt-4 {
  padding-top: 18px;
}
.u-pb-4 {
  padding-bottom: 18px;
}
.u-py-4 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.u-mt-5 {
  margin-top: 25px;
}
.u-mb-5 {
  margin-bottom: 25px;
}
.u-my-5 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.u-pt-5 {
  padding-top: 25px;
}
.u-pb-5 {
  padding-bottom: 25px;
}
.u-py-5 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.u-mt-6 {
  margin-top: 32px;
}
.u-mb-6 {
  margin-bottom: 32px;
}
.u-my-6 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.u-pt-6 {
  padding-top: 32px;
}
.u-pb-6 {
  padding-bottom: 32px;
}
.u-py-6 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.u-mt-7 {
  margin-top: 42px;
}
.u-mb-7 {
  margin-bottom: 42px;
}
.u-my-7 {
  margin-top: 42px;
  margin-bottom: 42px;
}
.u-pt-7 {
  padding-top: 42px;
}
.u-pb-7 {
  padding-bottom: 42px;
}
.u-py-7 {
  padding-top: 42px;
  padding-bottom: 42px;
}
.u-mt-8 {
  margin-top: 58px;
}
.u-mb-8 {
  margin-bottom: 58px;
}
.u-my-8 {
  margin-top: 58px;
  margin-bottom: 58px;
}
.u-pt-8 {
  padding-top: 58px;
}
.u-pb-8 {
  padding-bottom: 58px;
}
.u-py-8 {
  padding-top: 58px;
  padding-bottom: 58px;
}
.u-mt-9 {
  margin-top: 80px;
}
.u-mb-9 {
  margin-bottom: 80px;
}
.u-my-9 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.u-pt-9 {
  padding-top: 80px;
}
.u-pb-9 {
  padding-bottom: 80px;
}
.u-py-9 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  .u-mt-md-0 {
    margin-top: 0;
  }
  .u-mb-md-0 {
    margin-bottom: 0;
  }
  .u-my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-pt-md-0 {
    padding-top: 0;
  }
  .u-pb-md-0 {
    padding-bottom: 0;
  }
  .u-py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-mt-md-1 {
    margin-top: 4px;
  }
  .u-mb-md-1 {
    margin-bottom: 4px;
  }
  .u-my-md-1 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-pt-md-1 {
    padding-top: 4px;
  }
  .u-pb-md-1 {
    padding-bottom: 4px;
  }
  .u-py-md-1 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-mt-md-2 {
    margin-top: 10px;
  }
  .u-mb-md-2 {
    margin-bottom: 10px;
  }
  .u-my-md-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .u-pt-md-2 {
    padding-top: 10px;
  }
  .u-pb-md-2 {
    padding-bottom: 10px;
  }
  .u-py-md-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .u-mt-md-3 {
    margin-top: 12px;
  }
  .u-mb-md-3 {
    margin-bottom: 12px;
  }
  .u-my-md-3 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-pt-md-3 {
    padding-top: 12px;
  }
  .u-pb-md-3 {
    padding-bottom: 12px;
  }
  .u-py-md-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-mt-md-4 {
    margin-top: 18px;
  }
  .u-mb-md-4 {
    margin-bottom: 18px;
  }
  .u-my-md-4 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .u-pt-md-4 {
    padding-top: 18px;
  }
  .u-pb-md-4 {
    padding-bottom: 18px;
  }
  .u-py-md-4 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .u-mt-md-5 {
    margin-top: 25px;
  }
  .u-mb-md-5 {
    margin-bottom: 25px;
  }
  .u-my-md-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .u-pt-md-5 {
    padding-top: 25px;
  }
  .u-pb-md-5 {
    padding-bottom: 25px;
  }
  .u-py-md-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .u-mt-md-6 {
    margin-top: 32px;
  }
  .u-mb-md-6 {
    margin-bottom: 32px;
  }
  .u-my-md-6 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-pt-md-6 {
    padding-top: 32px;
  }
  .u-pb-md-6 {
    padding-bottom: 32px;
  }
  .u-py-md-6 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-mt-md-7 {
    margin-top: 42px;
  }
  .u-mb-md-7 {
    margin-bottom: 42px;
  }
  .u-my-md-7 {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .u-pt-md-7 {
    padding-top: 42px;
  }
  .u-pb-md-7 {
    padding-bottom: 42px;
  }
  .u-py-md-7 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .u-mt-md-8 {
    margin-top: 58px;
  }
  .u-mb-md-8 {
    margin-bottom: 58px;
  }
  .u-my-md-8 {
    margin-top: 58px;
    margin-bottom: 58px;
  }
  .u-pt-md-8 {
    padding-top: 58px;
  }
  .u-pb-md-8 {
    padding-bottom: 58px;
  }
  .u-py-md-8 {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .u-mt-md-9 {
    margin-top: 80px;
  }
  .u-mb-md-9 {
    margin-bottom: 80px;
  }
  .u-my-md-9 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .u-pt-md-9 {
    padding-top: 80px;
  }
  .u-pb-md-9 {
    padding-bottom: 80px;
  }
  .u-py-md-9 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.u-d-none {
  display: none;
}
.u-d-block {
  display: block;
}
.u-d-inline {
  display: inline;
}
@media (min-width: 768px) {
  .u-d-md-none {
    display: none;
  }
  .u-d-md-block {
    display: block;
  }
  .u-d-md-inline {
    display: inline;
  }
}
.u-text-left {
  text-align: left;
}
.u-text-center {
  text-align: center;
}
.u-fw-400 {
  font-weight: 400;
}
.u-fw-500 {
  font-weight: 500;
}
.u-fw-600 {
  font-weight: 600;
}
.u-underline {
  text-decoration: underline;
}
.u-text-uppercase {
  text-transform: uppercase;
}
.u-text-transform-none {
  text-transform: none;
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 864px;
  }
}
@media (min-width: 1200px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
body {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  color: #000;
  background: linear-gradient(180deg, #E1E1E1 0%, #F5F5F5 75%, #E1E1E1 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(124deg, #019FAC 1.48%, #8DC63F 100.66%);
}
.no-body-scroll {
  overflow: hidden;
}
.header-title__display {
  font-size: clamp(1.625rem, 4.51vw, 4.25rem);
  font-weight: 700;
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .header-title__display {
    font-size: 4.25rem;
  }
}
.header-title__h1 {
  font-size: clamp(2rem, 5.55vw, 3rem);
  font-weight: 600;
  line-height: 1.1;
}
.header-title__h2 {
  font-size: clamp(1.25rem, 3.81vw, 2.25rem);
  font-weight: 600;
  line-height: 1.2;
}
.header-title__h2.line-height-1 {
  line-height: 1;
}
.header-title__h3 {
  font-size: clamp(1.125rem, 3.81vw, 1.75rem);
  font-weight: 600;
  line-height: 1.2;
}
.header-title__h4 {
  font-size: clamp(1rem, 3.81vw, 1.25rem);
  font-weight: 700;
  line-height: 1.2;
}
.header-title__h5 {
  font-size: clamp(1rem, 3.81vw, 1rem);
  font-weight: 700;
  line-height: 1;
}
.body-text-lg {
  font-size: clamp(1.25rem, 2.6vw, 1.75rem);
  line-height: 1.2;
}
.body-text-md {
  font-size: clamp(1.125rem, 2.6vw, 1.25rem);
  line-height: 1.2;
}
.body-text-sm {
  font-size: clamp(0.75rem, 2.6vw, 0.75rem);
  line-height: 1.1;
}
.body-text-ref {
  font-size: clamp(0.75rem, 2vw, 0.875rem);
  line-height: 1.2;
}
.body-text__bold {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 20px;
}
.body-text__bold > a {
  color: #BB16A3;
  font-weight: 400;
  text-decoration: underline;
}
.font-color-primary {
  color: #BB16A3;
}
.font-color-secondary {
  color: #8DC63F;
}
.font-color-white {
  color: #fff;
}
.font-color-dark {
  color: #000;
}
.font-color-dark-green {
  color: #526902;
}
.cta-button {
  display: inline-block;
  font-size: clamp(0.875rem, 2.43vw, 1rem);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  border-radius: 50px;
  cursor: pointer;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
}
.cta-button.sm {
  font-size: clamp(0.75rem, 2.43vw, 0.75rem);
  padding: 5px 16px;
}
.cta-button.primary {
  color: #fff;
  background-color: #BB16A3;
  padding: 8px 16px;
}
.cta-button.primary.start-right-arrow::before {
  background-image: url("/uk/wp-content/uploads/right_cta_arrow_white.png");
}
.cta-button.primary:hover {
  background-color: #03798D;
  color: #FFF;
}
.cta-button.primary:hover.start-right-arrow::before {
  background-image: url("/uk/wp-content/uploads/right_cta_arrow_white.png");
}
.cta-button.greyed {
  color: #fff;
  background-color: #646464;
  padding: 8px 16px;
}
.cta-button.white {
  color: #BB16A3;
  background-color: #fff;
  border: 2px solid;
  padding: 8px 16px;
}
.cta-button.white.sm {
  padding: 5px 16px;
  display: inline-block;
}
.cta-button.secondary {
  color: #000;
  background-color: #8DC63F;
  padding: 8px 16px;
}
.cta-button.secondary.start-right-arrow::before {
  background-image: url("/uk/wp-content/uploads/right_cta_arrow_dark.png");
}
.cta-button.secondary:hover {
  background-color: #03798D;
  color: #FFF;
}
.cta-button.secondary:hover.start-right-arrow::before {
  background-image: url("/uk/wp-content/uploads/right_cta_arrow_white.png");
}
.cta-button.tertiary {
  border: 1px solid #BB16A3;
  color: #BB16A3;
  background-color: #fff;
  padding: 7px 15px;
}
.cta-button.tertiary.start-right-arrow::before {
  background-image: url("/uk/wp-content/uploads/right_cta_arrow_primary.png");
}
.cta-button.tertiary:hover {
  border: 1px solid #00C6D6;
  color: #03798D;
}
.cta-button.tertiary:hover.start-right-arrow::before {
  background-image: url("/uk/wp-content/uploads/right_cta_arrow_cyan.png");
}
.cta-button.outline-primary {
  color: #BB16A3;
  padding: 8px 16px;
  border: 1px solid #BB16A3;
  background-color: transparent;
}
.cta-button.link-btn {
  color: #BB16A3;
  text-decoration: underline;
  max-width: max-content;
  text-transform: lowercase;
}
.cta-button.link-btn-lg {
  font-size: clamp(1.25rem, 2.43vw, 1.25rem);
}
.cta-button__group {
  display: flex;
  gap: 20px;
}
.cta-button.w-max-content {
  width: max-content;
}
.cta-button.self-center {
  justify-self: center;
}
.cta-button.btn-sm {
  font-size: clamp(0.75rem, 2.43vw, 0.875rem);
}
.cta-button.blue-btn {
  background-color: #8DC63F;
}
.cta-button.blue-btn.next-arrow::after {
  content: "";
  min-width: 6.5px;
  min-height: 11px;
  width: 6.5px;
  height: 11px;
  background-image: url("/wp-content/uploads/right_arrow_icon_dark.png");
  background-size: contain;
}
@media (min-width: 600px) {
  .cta-button.blue-btn.next-arrow::after {
    min-width: 11px;
    min-height: 20px;
    width: 11px;
    height: 20px;
  }
}
.cta-button.start-right-arrow {
  display: flex;
  gap: 4px;
  align-items: center;
}
.cta-button.start-right-arrow::before {
  content: "";
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.back-btn {
  display: inline-block;
  text-decoration: underline;
  margin-bottom: 16px;
}
.agreed-terms {
  font-size: 12px;
}
.agreed-terms a {
  color: #BB16A3;
  text-decoration: underline;
}
.verified-text {
  display: flex;
  align-items: center;
  gap: 5px;
}
.verified-text > img {
  width: 24px;
  height: 24px;
}
.no-word-break {
  white-space: nowrap;
}
.asterisk, .astersik {
  color: #BB16A3;
}
.text-upper {
  text-transform: uppercase;
}
.text-default {
  text-transform: none;
}
.text-lower {
  text-transform: lowercase;
}
.fw-bold {
  font-weight: 700;
}
.fw-normal {
  font-weight: 400;
}
.list-disc {
  list-style-type: disc;
  margin-left: 18px;
}
.list-disc.deep-green li::marker {
  color: #789904;
}
.list-custom-number li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 12px;
}
.list-custom-number li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  font-family: "Sarabun";
  font-size: 14px;
  font-weight: 700;
}
.list-custom-number li.num-1::before {
  content: "1";
}
.list-custom-number li.num-2::before {
  content: "2";
}
.list-custom-number li.num-3::before {
  content: "3";
}
.list-custom-number li.num-4::before {
  content: "4";
}
.list-custom-number li.num-5::before {
  content: "5";
}
.list-custom-number li.num-6::before {
  content: "6";
}
.green-btn {
  color: #5C1F60;
  font-weight: 700;
  font-style: italic;
  padding: 12px;
  text-align: center;
  background-color: #D1E8B2;
}
.green-btn.x-padding-44 {
  padding-left: 44px;
  padding-right: 44px;
}
.bg-green {
  background-color: #D1E8B2;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.hr-underline {
  width: 100%;
  border-bottom: 1px solid #8DC63F;
}
.hr-underline.pink {
  border-bottom: 1px solid #BB16A3;
}
.hr-underline.bright-green {
  border-bottom: 1px solid #B6DA84;
}
.hr-underline.my-24 {
  margin: 24px 0;
}
.errorTxt {
  color: #CA5960;
}
.sucessTxt {
  color: green;
}
.ultra-card {
  display: flex;
  border-radius: 4px 24px;
  border: 1px solid var(--Gray-2, #E1E1E1);
  background: var(--White, #FFF);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.ultra-card.outer-none {
  border: none;
  box-shadow: none;
  background-color: unset;
}
.ultra-card.f-100 {
  flex: 100%;
}
.ultra-card.f-100 .ultra-card__image {
  width: 270px;
  height: auto;
  background: var(--Bright-Green-10, #F4F9EC);
  box-shadow: 1.255px 0 0 0 #8DC63F;
  border-radius: 0 15.058px 0 0;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 34px 16px;
}
.ultra-card.f-100 .ultra-card__image > img {
  height: auto;
}
.ultra-card.f-100 .ultra-card__content {
  width: calc(100% - 260px);
  max-width: 100%;
  padding: 32px;
}
.ultra-card__content {
  max-width: 55%;
  padding: 24px;
}
.ultra-card__image {
  width: 138px;
  height: 138px;
}
.ultra-card__image > img {
  border-radius: 0 24px 0 0;
}
.ultra-card__header {
  color: #BB16A3;
  font-size: clamp(1.25rem, 2.6vw, 1.75rem);
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
}
.ultra-card__list {
  margin-bottom: 24px;
  list-style-type: disc;
  padding-left: 25px;
}
.body-content__wrap {
  padding: 32px;
  border-radius: 8px 32px;
  background-color: #fff;
  margin-top: -50px;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .body-content__wrap {
    margin-left: -32px;
    margin-right: -32px;
  }
}
.body-content__wrap.mt-0 {
  margin-top: 0;
}
.body-content__wrap.sm-radius {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 4px 24px;
  padding: 9px 16px;
}
.body-content__wrap.sm-radius.box-shadow {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.section-gap-lg {
  margin-bottom: 48px;
}
.section-gap-md {
  margin-bottom: 32px;
}
.section-gap-sm {
  margin-bottom: 24px;
}
.section-gap-sm.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.section-gap-float {
  margin-bottom: 44px;
}
.section-gap-xs {
  margin-bottom: 12px;
}
.adverse-section {
  padding: 32px 0;
}
.adverse-box__icon svg {
  width: 32px;
  height: 10px;
}
.adverse-head {
  text-align: center;
  font-weight: 400;
  line-height: 1.2;
}
.adverse-box {
  display: flex;
  gap: 5px;
  padding: 12px;
  border: 1px solid #000;
  background: #fff;
}
.adverse-box__text {
  font-size: 16px;
  line-height: 1.2;
}
.adverse-box__text a {
  text-decoration: underline;
}
.breadcrumb {
  display: inline-block;
  padding: 12px 0 15px;
}
.breadcrumb-list {
  display: flex;
  gap: 10px;
  align-items: center;
}
.breadcrumbFloatbtn {
  display: flex;
  justify-content: space-between;
}
.banner-floatbtn {
  max-width: 220px;
  padding: 12px 8px 8px 8px;
  border-radius: 0 0 12px 12px;
  background-color: #8DC63F;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.25px;
}
.banner-section .bg-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  display: flex;
  align-items: center;
}
.banner-section .bg-container.home {
  background-image: url("/wp-content/uploads/home-banner.png");
}
.banner-section .bg-container.register {
  background-image: url("/wp-content/uploads/register-banner.png");
}
.banner-section .bg-container.therapy-areas {
  background-image: url("/wp-content/uploads/therapy-areas-banner.png");
}
.banner-section .bg-container.product {
  background-image: url("/wp-content/uploads/product-banner.png");
}
.banner-section .bg-container.tool-resources {
  background-image: url("/wp-content/uploads/tools-resource-banner.png");
  max-height: 410px;
}
.banner-section .bg-container.event {
  background-image: url("/uk/wp-content/uploads/events-banner.png");
}
.banner-section .bg-container.page-404 {
  background-image: url("/uk/wp-content/uploads/404-banner.png");
}
@media (min-width: 992px) {
  .banner-section .bg-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .banner-section .bg-container {
    min-height: 87vh;
  }
  .banner-section .bg-container.register {
    min-height: 65vh;
  }
}
@media (max-width: 768px) {
  .banner-section .content-wrap br {
    display: none;
  }
}
@media (min-width: 568px) and (max-width: 768px) {
  .banner-section .content-wrap {
    max-width: 65%;
  }
}
@media (min-width: 768px) {
  .banner-section .content-wrap .search_result {
    max-width: 404px;
  }
}
.banner-section .content-wrap .banner-title {
  margin-bottom: 20px;
}
.banner-section .content-wrap .banner-sub-title {
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 20px;
}
.banner-section .content-wrap .banner-description {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.banner-section .content-wrap .content-row {
  align-items: center;
}
.infobanner-wrap {
  padding: 12px 0 44px;
}
.infobanner-content {
  max-width: 50%;
}
@media (min-width: 992px) {
  .infobanner-content {
    max-width: 40%;
  }
}
.infobanner-content.w-100 {
  max-width: 100%;
}
.infobanner-desc {
  font-weight: 600;
  line-height: 1;
}
.infobanner .container {
  position: relative;
}
.infobanner .container .page-flag-container {
  position: absolute;
  top: 0;
  right: 32px;
  border-radius: 0 0 12px 12px;
  background: #8DC63F;
  padding: 12px 8px 8px;
  max-width: 262px;
}
.infobanner .container .page-flag-container .flag-content {
  line-height: 1.2;
  letter-spacing: -0.25px;
  font-size: 14px;
}
.infobanner .container .page-flag-container .flag-content .drop-icon {
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url("/uk/wp-content/uploads/drop-dark-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.form__content .input-wrap {
  margin-bottom: 20px;
}
.form__content .input-label {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}
.form__content .input-box {
  font-size: 12px;
  height: 35px;
  padding: 3px 4px 3px 12px;
  border-radius: 8px;
  border: 1px solid #E1E1E1;
}
.form__content .input-box:disabled, .form__content .input-box.disabled {
  background-color: #F5F5F5;
}
.form__content .input-check {
  appearance: none;
  flex: 0 1 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #BEBEBE;
  background: #FFF;
  position: relative;
}
.form__content .input-check:checked {
  background: #8DC63F;
}
.form__content .input-check:checked:after {
  content: "✔";
  color: #fff;
  font-size: 12px;
  position: absolute;
  inset: -1px 2px;
  transform: rotate(10deg);
}
.form__content .input-check.communication {
  height: max-content;
  margin-top: 4px;
}
.form__content .input-check__wrap {
  display: flex;
  gap: 5px;
}
.form__content .input-check-label {
  flex: 0 1 100%;
}
.form__content .input-actions {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.form__content .input-actions .fp-btn {
  font-weight: 400;
}
.form__content .input-flags {
  display: flex;
  align-items: center;
  gap: 15px;
}
.form__content .input-flags .input-label {
  margin-bottom: 0;
}
.form__content .input-flag__check {
  position: relative;
  text-align: center;
  border-radius: 8px;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  padding: 8px 12px;
  cursor: pointer;
}
.form__content .input-flag__check:has(input[type="radio"]:checked) {
  border: 1px solid #8DC63F;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), #8DC63F;
}
.form__content .input-flag__check .input-check {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.form__content .input-flag__check .flag-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.form__content .input-flag-label {
  font-size: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.form__content .submit-btn {
  display: flex;
  max-width: max-content;
}
.form__content .submit-btn.self-end {
  justify-self: end;
}
.form__content .submit-btn.self-center {
  justify-self: center;
}
.form__content .errorInput {
  border: 1px solid #CA5960;
}
.form__content .cta_container {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.it-support {
  row-gap: 20px;
}
.connect-with .input-label {
  margin-bottom: 0;
}
.connect-with .input-outer {
  display: flex;
  gap: 20px;
}
.connect-with .input-outer label {
  display: flex;
  gap: 10px;
  cursor: pointer;
}
.connect-with .input-outer input[type="radio"], .connect-with .input-outer input[type="checkbox"] {
  appearance: auto;
  width: 16px;
  height: auto;
}
.connect-with .input-outer .wpcf7-list-item {
  margin: 0;
}
.connect-with .input-wrap .wpcf7-form-control-wrap {
  display: block;
  margin-top: 6px;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.accordian-container {
  background-color: #F4F9EC;
  border-radius: 8px;
}
.accordian-container .head-container {
  display: flex;
  align-items: center;
  padding: 24px;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}
.accordian-container .head-container::after {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  background: url("/wp-content/uploads/icon-chevron-down.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.accordian-container .head-container.active::after {
  transform: rotate(180deg);
}
.accordian-container .body-container {
  display: none;
  padding: 0 24px 24px;
}
.accordian-container .body-container.active {
  display: block;
}
.d-flex {
  display: flex;
}
.d-flex.align-center {
  align-items: center;
}
.float-info-card-container .info-holder {
  position: relative;
  height: 100%;
  padding-bottom: 32px;
  border-bottom: 1px solid #EBE6EF;
}
@media (min-width: 768px) {
  .float-info-card-container .info-holder {
    padding-bottom: 0;
    padding-right: 32px;
    border-bottom: none;
    border-right: 1px solid #EBE6EF;
  }
}
.float-info-card-container .quick-links-holder {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.float-info-card-container .quick-links-holder .content-holder ul {
  list-style: none;
  padding: 0;
  margin-top: 4px;
}
.float-info-card-container .quick-links-holder .content-holder ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 32px;
}
.float-info-card-container .quick-links-holder .content-holder ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/uploads/arrow-right-pink.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.float-info-card-container .quick-links-holder .content-holder ul li a {
  color: #BB16A3;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
}
.float-info-card-container .quick-links-holder .content-holder ul li a:hover {
  text-decoration: underline;
}
.float-info-card-container .quick-links-holder .cta-holder {
  align-self: flex-end;
}
.info-holder {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.info-holder .info-thumbnail {
  width: 100%;
  max-width: 283px;
  height: auto;
  display: block;
  border-radius: 8px;
  object-fit: contain;
}
@media (min-width: 768px) {
  .info-holder .info-thumbnail {
    max-width: 300px;
  }
}
@media (min-width: 1200px) {
  .info-holder .info-thumbnail {
    max-width: 283px;
  }
}
.fancy-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fancy-list li {
  position: relative;
  padding-left: 45px;
  margin: 18px 0;
  line-height: 1.25;
  font-size: 16px;
}
.fancy-list li::before {
  content: attr(data-letter);
  position: absolute;
  left: 0;
  top: 10px;
  transform: translateY(-38%);
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  background-image: url("/uk/wp-content/uploads/bullet_bg.png");
  background-size: cover;
  background-position: center;
}
@media (max-width: 480px) {
  .fancy-list li {
    padding-left: 56px;
    font-size: 0.95rem;
  }
  .fancy-list li::before {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
.tab-bar-container .tab-head-wrapper {
  position: relative;
  border-bottom: 1px solid #E1E1E1;
}
.tab-bar-container .tab-head-wrapper .scroll-btn {
  position: absolute;
  width: 44px;
  height: 100%;
  z-index: 3;
  display: none;
}
.tab-bar-container .tab-head-wrapper .scroll-btn.prev-btn {
  left: 0;
  top: 0;
}
.tab-bar-container .tab-head-wrapper .scroll-btn.prev-btn::before {
  content: "";
  height: 100%;
  width: 26px;
  background-color: #FFF;
  background-image: url("/uk/wp-content/uploads/tab_prev_btn.png");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.tab-bar-container .tab-head-wrapper .scroll-btn.prev-btn::after {
  content: "";
  height: 100%;
  flex: 1;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.tab-bar-container .tab-head-wrapper .scroll-btn.next-btn {
  right: 0;
  top: 0;
}
.tab-bar-container .tab-head-wrapper .scroll-btn.next-btn::before {
  content: "";
  height: 100%;
  flex: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.tab-bar-container .tab-head-wrapper .scroll-btn.next-btn::after {
  content: "";
  height: 100%;
  width: 26px;
  background-color: #FFF;
  background-image: url("/uk/wp-content/uploads/tab_next_btn.png");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.tab-bar-container .tab-head-wrapper.is-overflowing:not(.scroll-at-start) .scroll-btn.prev-btn {
  display: flex;
}
.tab-bar-container .tab-head-wrapper.is-overflowing:not(.scroll-at-end) .scroll-btn.next-btn {
  display: flex;
}
.tab-bar-container .tab-head-container {
  display: flex;
  gap: 4px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab-bar-container .tab-head-container::-webkit-scrollbar {
  display: none;
}
.tab-bar-container .tab-head-container .tab-head-item {
  padding: 8px 12px;
  border-radius: 8px 8px 0 0;
  background: #F4F9EC;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.tab-bar-container .tab-head-container .tab-head-item.active {
  background: #BB16A3;
  color: #FFF;
}
.tab-bar-container .tab-body-container {
  padding-top: 20px;
}
.tab-bar-container .tab-body-container .tab-body-item {
  display: none;
}
.tab-bar-container .tab-body-container .tab-body-item.active {
  display: block;
}
.section-events .event-page-title {
  margin-top: -50px;
}
.event-page-title {
  color: #454545;
  font-weight: 700;
  margin-bottom: 12px;
}
.event-lists .event-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.event-lists .event-container .event-card {
  background: white;
  border-radius: 0 4px;
  border: 1px solid #E1E1E1;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  padding: 24px;
}
@media (min-width: 768px) {
  .event-lists .event-container .event-card {
    border-radius: 0 24px;
  }
}
.event-lists .event-container .event-card .event-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.event-lists .event-container .event-card .event-content .align-content-center {
  display: flex;
  align-items: center;
}
.event-lists .event-container .event-card .event-date-location {
  display: flex;
  align-items: center;
  color: #333;
  gap: 8px;
}
.event-lists .event-container .event-card .event-date-location .icon {
  width: 24px;
  height: 24px;
}
.section-tools .page-title {
  color: #454545;
  font-weight: 700;
  margin-bottom: 12px;
}
.section-tools .event-card .card-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.section-tools .event-card .card-body .header-title__h4 {
  position: relative;
  padding-left: 32px;
}
.section-tools .event-card .card-body .header-title__h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/uk/wp-content/uploads/bullseye_-pointer.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.section-resources .page-title {
  color: #454545;
  font-weight: 700;
  margin-bottom: 12px;
}
.section-resources .event-card .event-content .thumbnail-holder {
  display: flex;
  justify-content: center;
}
.section-resources .event-card .event-content .card-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.section-resources .event-card .event-content .card-body h4 {
  position: relative;
  padding-left: 32px;
}
.section-resources .event-card .event-content .card-body h4.icon_video::before, .section-resources .event-card .event-content .card-body h4.icon_presentation::before, .section-resources .event-card .event-content .card-body h4.icon_brochure::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}
.section-resources .event-card .event-content .card-body h4.icon_video::before {
  background-image: url("/uk/wp-content/uploads/icon_video-live.png");
}
.section-resources .event-card .event-content .card-body h4.icon_presentation::before {
  background-image: url("/uk/wp-content/uploads/icon-presentation.png");
}
.section-resources .event-card .event-content .card-body h4.icon_brochure::before {
  background-image: url("/uk/wp-content/uploads/icon_brochure.png");
}
.search_result .link_home {
  text-decoration: underline;
}
.search_result .infobanner-wrap {
  padding: 44px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.search_result .nav-search-form .search-input {
  border-radius: 20px 0 0 20px;
  border: 1px solid #BB16A3;
  background: #f5f5f5;
  color: #bb16a3;
  font-size: 16px;
  padding: 12px 12px;
}
.search_result .nav-search-form .search-input::placeholder {
  color: #bb16a3;
  font-style: italic;
}
.search_result .nav-search-form .search-button {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  cursor: pointer;
  height: auto;
}
.search_result .nav-search-form .search-button::before {
  content: "";
  background-image: url(/uk/wp-content/uploads/icon_search.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.search_result .nav-search-form .search-button::after {
  background-image: unset;
  width: 0;
  height: 0;
}
.search_result .search-item-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 15px;
}
.search_result .search-item-container .search-item-order {
  list-style: decimal;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: 10px;
}
.search_result .search-item-container .search-item-order .search-item-list {
  padding: 0 8px;
}
.search_result .search-item-container .search-item-order .search-item-list .search-item .result_page {
  color: #bb16a3;
  text-decoration: underline;
  font-weight: bold;
  display: inline-block;
}
.search_result .search-item-container .search-item-order .search-item-description a {
  text-decoration: underline;
}
.evkeeza-banner-main-bg-container {
  background-color: #e1e1e1;
  background-image: linear-gradient(180deg, #fff 50%, #e1e1e1 100%);
}
.evkeeza-card-title {
  color: #454545;
  font-weight: 700;
  margin-bottom: 12px;
}
.evkeeza-section-1 {
  margin: 24px 0;
}
.evkeeza-section-1 .hero-row-container {
  display: flex;
  gap: 24px;
}
.evkeeza-section-1 .hero-row-container .copy-container .copy-logo {
  width: 644px;
}
.evkeeza-section-1 .hero-row-container .right-container {
  flex: 0 0 164px;
}
.evkeeza-section-2 {
  margin: 24px 0;
}
.evkeeza-section-2 .page-title {
  color: #454545;
  font-weight: 700;
  margin-bottom: 12px;
  padding: 0 32px;
}
.evkeeza-section-5 .safety-adolescent-table-section .column-1 {
  width: 40.21%;
}
.evkeeza-section-5 .safety-adolescent-table-section .column-2, .evkeeza-section-5 .safety-adolescent-table-section .column-3 {
  width: 29.895%;
}
.evkeeza-section-6 .resource-lists .resource-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.evkeeza-section-6 .resource-lists .resource-container .resource-card {
  background: white;
  border-radius: 0 4px;
  border: 1px solid #E1E1E1;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  padding: 24px;
}
@media (min-width: 768px) {
  .evkeeza-section-6 .resource-lists .resource-container .resource-card {
    border-radius: 0 24px;
  }
}
.evkeeza-section-6 .resource-lists .resource-container .resource-card .resource-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.evkeeza-section-6 .resource-lists .resource-container .resource-card .resource-date-location {
  display: flex;
  align-items: center;
  color: #333;
  gap: 8px;
}
.evkeeza-section-6 .resource-lists .resource-container .resource-card .resource-date-location .icon {
  width: 24px;
  height: 24px;
}
.evkeeza-section-6 .evkeeza-resource-card-container .evkeeza-resource-card-item {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.evkeeza-section-6 .evkeeza-resource-card-container .evkeeza-resource-card-item .thumbnail-holder {
  flex: 0 0 102px;
  min-height: 138px;
}
.hcp-popup-section .section-title {
  max-width: 689px;
}
.forgot-pwd__label {
  color: #BB16A3;
  text-decoration: underline;
}
.forgot-password-banner-section .bg-container {
  background-image: url("/wp-content/uploads/login-banner-img.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  display: flex;
  align-items: center;
  min-height: calc(100vh - var(--header-height) - var(--footer-height));
}
@media (min-width: 992px) {
  .forgot-password-banner-section .bg-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.forgot-password-banner-section .content-wrap {
  max-width: 100%;
  width: min(507px, 60%);
  border-radius: 8px 32px;
  background-color: #fff;
  padding: 32px;
}
.forgot-password-banner-section .forgot-password-form__head {
  display: flex;
  gap: 16px;
  align-items: center;
}
.forgot-password-banner-section .forgot-password-form__img {
  max-width: 48px;
  height: auto;
}
.forgot-password-banner-section .forgot-password-form__content .input-wrap {
  margin-bottom: 20px;
}
.forgot-password-banner-section .forgot-password-form__content .input-label {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}
.forgot-password-banner-section .forgot-password-form__content .input-box {
  height: 30px;
  padding: 3px 4px 3px 12px;
  border-radius: 8px;
  border: 1px solid #BEBEBE;
}
.forgot-password-banner-section .forgot-password-form__content .input-box:disabled {
  background-color: #F5F5F5;
}
.forgot-password-banner-section .forgot-password-form__content .input-check {
  /* appearance: auto; */
  appearance: none;
  flex: 0 1 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #BEBEBE;
  background: #FFF;
  position: relative;
}
.forgot-password-banner-section .forgot-password-form__content .input-check:checked {
  background: #8DC63F;
}
.forgot-password-banner-section .forgot-password-form__content .input-check:checked:after {
  content: "✔";
  color: #fff;
  font-size: 12px;
  position: absolute;
  inset: -1px 2px;
  transform: rotate(10deg);
}
.forgot-password-banner-section .forgot-password-form__content .input-check__wrap {
  display: flex;
  gap: 5px;
}
.forgot-password-banner-section .forgot-password-form__content .input-check-label {
  flex: 0 1 100%;
}
.forgot-password-banner-section .forgot-password-form__content .input-actions {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.forgot-password-banner-section .forgot-password-form__content .input-actions .fp-btn {
  font-weight: 400;
}
.forgot-password-banner-section .forgot-password-form__content .submit-btn {
  display: flex;
  max-width: max-content;
  justify-self: end;
}
.my-account-section .ultra-rare__content {
  display: flex;
  gap: 12px;
  align-items: center;
}
.my-account-section .ultra-rare__content .ultra-rare__img {
  flex: 0 0 64px;
}
.table-section table, table.table-section {
  width: 100%;
}
.table-section th {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  background-color: #D1E8B2;
  padding: 12px;
  line-height: 1;
}
.table-section td {
  background-color: #F4F9EC;
  font-size: 1rem;
  padding: 8px 12px;
  line-height: 1.2;
  text-align: left;
}
.table-section td.bg-secondary {
  background-color: #E8F4D9;
}
.page-nav-section {
  background-color: #BB16A3;
  padding: 8px 0;
}
.page-nav-section .page-nav-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  color: #fff;
}
.page-nav-section .page-nav-container li > a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.25px;
}
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
  width: 52% !important;
}
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
  width: 48% !important;
}