@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pridi:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@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");
.font-family-1 {
  font-family: "Noto Sans Thai", sans-serif;
}

.font-family-2 {
  font-family: "IBM Plex Sans Thai Looped", serif;
}

.font-family-3 {
  font-family: "Kodchasan", serif;
}

.font-family-4 {
  font-family: "Pridi", serif;
}

.font-family-5 {
  font-family: "Prompt", serif;
}

.font-family-6 {
  font-family: "Sarabun", serif;
}

:root {
  --color-primary: #f20440;
  --color-primary-light: #ffb6c7;
  --color-secondary: #ea8c9c;
  --color-success: #28a745;
  --color-info: #91C6D4;
  --color-warning: #cbaa05;
  --color-warning-light: #fff7cf;
  --color-danger: #c61429;
  --color-gray: #b6b5b5;
  --color-gray-100: #acb5bd;
  --color-gray-150: #dde2e5;
  --color-gray-200: #f3f4f6;
  --color-light: #fff;
  --color-dark: #231f20;
  --color-black: #000000;
  --color-default: #231f20;
  --color-border: #ebebeb;
  --fw-extra-light: 200;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semiBold: 600;
  --fw-bold: 700;
  --typo-xs: 16px;
  --typo-sm: 18px;
  --typo-md: 24px;
  --typo-lg: 28px;
  --typo-xl: 32px;
  --typo-xxl: 40px;
  --typo-default: 20px;
  --typo-biggest: 44px;
  --font-family-1: "Noto Serif Display", serif;
  --font-family-2: "Brush Script MT", cursive;
  --box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.15);
  --max-app-width: 640px;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.text-secondary-dark {
  color: var(--color-secondary-dark) !important;
}

.text-success {
  color: var(--color-success) !important;
}

.text-info {
  color: var(--color-info) !important;
}

.text-warning {
  color: var(--color-warning) !important;
}

.text-danger {
  color: var(--color-danger) !important;
}

.text-gray {
  color: var(--color-gray) !important;
}

.text-gray-100 {
  color: var(--color-gray-100) !important;
}

.text-light {
  color: var(--color-light) !important;
}

.text-dark {
  color: var(--color-dark) !important;
}

.text-default {
  color: var(--color-default) !important;
}

.text-border {
  color: var(--color-border) !important;
}

.fw-light {
  font-weight: var(--fw-light) !important;
}

.fw-normal {
  font-weight: var(--fw-normal) !important;
}

.fw-medium {
  font-weight: var(--fw-medium) !important;
}

.fw-bold {
  font-weight: var(--fw-bold) !important;
}

.typo-xs {
  font-size: var(--typo-xs);
}

.typo-sm {
  font-size: var(--typo-sm);
}

.typo-md {
  font-size: var(--typo-md);
}

.typo-lg {
  font-size: var(--typo-lg);
}

.typo-xl {
  font-size: var(--typo-xl);
}

.typo-xxl {
  font-size: var(--typo-xxl);
}

.typo-biggest {
  font-size: var(--typo-biggest);
}

.typo-default {
  font-size: var(--typo-default);
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-primary-light {
  background-color: var(--color-primary-light) !important;
}

.bg-light {
  background-color: var(--color-light) !important;
}

.bg-gray-light {
  background-color: var(--color-gray-200) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.bg-secondary-light {
  background-color: var(--color-secondary-light) !important;
}

.bg-secondary-dark {
  background-color: var(--color-secondary-dark) !important;
}

@media (max-width: 1600px) {
  :root {
    --typo-sm: 16px;
    --typo-md: 22px;
    --typo-lg: 26px;
    --typo-xl: 28px;
    --typo-xxl: 36px;
    --typo-default: 18px;
    --typo-biggest: 40px;
  }
}
@media (max-width: 1440px) {
  :root {
    --typo-sm: 16px;
    --typo-md: 22px;
    --typo-lg: 26px;
    --typo-xl: 28px;
    --typo-xxl: 36px;
    --typo-default: 18px;
    --typo-biggest: 40px;
  }
}
@media (max-width: 1199px) {
  :root {
    --typo-lg: 24px;
    --typo-xl: 26px;
    --typo-xxl: 34px;
    --typo-biggest: 38px;
  }
}
@media (max-width: 767px) {
  :root {
    --typo-xs: 14px;
    --typo-md: 20px;
    --typo-lg: 22px;
    --typo-xl: 24px;
    --typo-xxl: 30px;
    --typo-default: 16px;
    --typo-biggest: 34px;
  }
}
html,
body {
  height: 100%;
}

body {
  font-family: "Noto Sans Thai", sans-serif;
  background-color: #f3f4f6;
  line-height: 1;
  word-break: break-word;
  color: var(--color-default);
  font-size: var(--typo-default);
  font-weight: var(--fw-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  width: 1210px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-left: 15px;
  padding-right: 15px;
}

.no-gutters {
  margin: 0;
}
.no-gutters > div {
  padding: 0;
}

.gutters-5 {
  margin: 0 -2.5px;
}
.gutters-5 > div {
  padding: 0 2.5px;
}

.gutters-10 {
  margin: 0 -5px;
}
.gutters-10 > div {
  padding: 0 5px;
}

.gutters-15 {
  margin: 0 -7.5px;
}
.gutters-15 > div {
  padding: 0 7.5px;
}

.gutters-20 {
  margin: 0 -10px;
}
.gutters-20 > div {
  padding: 0 10px;
}

.gutters-30 {
  margin: 0 -15px;
}
.gutters-30 > div {
  padding: 0 15px;
}

.gutters-35 {
  margin: 0 -17.5px;
}
.gutters-35 > div {
  padding: 0 17.5px;
}

.gutters-40 {
  margin: 0 -20px;
}
.gutters-40 > div {
  padding: 0 20px;
}

.gutters-50 {
  margin: 0 -25px;
}
.gutters-50 > div {
  padding: 0 25px;
}

.gutters-60 {
  margin: 0 -30px;
}
.gutters-60 > div {
  padding: 0 30px;
}

@media (min-width: 576px) {
  .gutters-sm-35 {
    margin: 0 -17.5px;
  }
  .gutters-sm-35 > div {
    padding: 0 17.5px;
  }
}
@media (min-width: 992px) {
  .gutters-lg-30 {
    margin: 0 -15px;
  }
  .gutters-lg-30 > div {
    padding: 0 15px;
  }
  .gutters-lg-40 {
    margin: 0 -20px;
  }
  .gutters-lg-40 > div {
    padding: 0 20px;
  }
  .gutters-lg-50 {
    margin: 0 -25px;
  }
  .gutters-lg-50 > div {
    padding: 0 25px;
  }
  .gutters-lg-60 {
    margin: 0 -30px;
  }
  .gutters-lg-60 > div {
    padding: 0 30px;
  }
}
img {
  max-width: 100%;
}

.icon {
  position: relative;
}
.icon > img {
  display: block;
}

.btn,
.link {
  transition: all 200ms ease-out;
}

.link:focus,
.link:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.item-list {
  margin: 0;
  padding: 0;
}
.item-list > li {
  list-style: none;
  float: left;
}
.item-list.fluid > li {
  width: 100%;
}
.item-list:before, .item-list:after {
  content: " ";
  display: table;
}
.item-list:after {
  clear: both;
}
.item-list.bullet-list > li {
  position: relative;
  padding-left: 1rem;
}
.item-list.bullet-list > li::before {
  position: absolute;
  content: "";
  top: 0.4em;
  left: 0;
  width: 0.24em;
  height: 0.24em;
  border-radius: 50%;
  background-color: var(--color-default);
}

.nav-list {
  margin: 0;
  padding: 0;
}
.nav-list > li {
  list-style: none;
  float: left;
}
.nav-list.fluid > li {
  width: 100%;
}

.nav-list:before,
.nav-list:after {
  content: " ";
  display: table;
}

.nav-list:after {
  clear: both;
}

.icon img {
  display: block;
}

.cover {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.cover .img-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.vdo-cover {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.vdo-cover .vdo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  text-align: center;
}
.vdo-cover .vdo-wrapper video {
  width: 100%;
  height: 100%;
}

.h-title {
  margin: 0;
}

.title {
  margin: 0;
}

.subtitle {
  margin: 0;
}

.desc {
  margin: 0;
  line-height: 1.4em;
}

.text-limit {
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.4em;
  max-height: 1.4em;
  -webkit-line-clamp: 1;
}
.text-limit.-x2 {
  max-height: 2.8em;
  -webkit-line-clamp: 2;
}

.transition-speed {
  transition: all 200ms ease;
}

.transition-delay {
  transition-delay: 100ms;
}

figure.cover {
  position: relative;
  overflow: hidden;
  margin: 0;
}
figure.cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
figure.contain {
  position: relative;
  overflow: hidden;
  margin: 0;
}
figure.contain img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.hidden {
  display: none;
  visibility: hidden;
}

.app-width {
  max-width: var(--max-app-width) !important;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}

.grid-divider {
  position: relative;
}

.grid-divider > [class*=col]:nth-child(n+2):after {
  content: "";
  background-color: #eaecee;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  height: auto;
  left: -1px;
}

.divider {
  border-top-color: #dcdcdc;
}
.divider.-x2 {
  border-top-color: #f8f9fa;
  border-width: 4px;
}

.icon > span[class*=material-symbols] {
  position: relative;
  top: 2px;
  font-weight: 400;
}

.scroll-wrapper {
  padding-right: 1rem;
  margin-right: -1rem;
  padding-bottom: 3rem;
  overflow: scroll;
}

@media (min-width: 376px) {
  .flex-xs-row {
    flex-direction: row !important;
  }
}
.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.right-align {
  float: right;
  text-align: right;
}

.left-align {
  float: left;
  text-align: left;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0ms;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

@font-face {
  font-family: "feather";
  src: url("../font/feather/feather.eot?t=1501841394106"); /* IE9*/
  src: url("../font/feather/feather.eot?t=1501841394106#iefix") format("embedded-opentype"), url("../font/feather/feather.woff?t=1501841394106") format("woff"), url("../font/feather/feather.ttf?t=1501841394106") format("truetype"), url("../font/feather/feather.svg?t=1501841394106#feather") format("svg"); /* iOS 4.1- */
}
.feather {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before {
  content: "\e81b";
}

.icon-alert-circle:before {
  content: "\e81c";
}

.icon-activity:before {
  content: "\e81d";
}

.icon-alert-triangle:before {
  content: "\e81e";
}

.icon-align-center:before {
  content: "\e81f";
}

.icon-airplay:before {
  content: "\e820";
}

.icon-align-justify:before {
  content: "\e821";
}

.icon-align-left:before {
  content: "\e822";
}

.icon-align-right:before {
  content: "\e823";
}

.icon-arrow-down-left:before {
  content: "\e824";
}

.icon-arrow-down-right:before {
  content: "\e825";
}

.icon-anchor:before {
  content: "\e826";
}

.icon-aperture:before {
  content: "\e827";
}

.icon-arrow-left:before {
  content: "\e828";
}

.icon-arrow-right:before {
  content: "\e829";
}

.icon-arrow-down:before {
  content: "\e82a";
}

.icon-arrow-up-left:before {
  content: "\e82b";
}

.icon-arrow-up-right:before {
  content: "\e82c";
}

.icon-arrow-up:before {
  content: "\e82d";
}

.icon-award:before {
  content: "\e82e";
}

.icon-bar-chart:before {
  content: "\e82f";
}

.icon-at-sign:before {
  content: "\e830";
}

.icon-bar-chart-2:before {
  content: "\e831";
}

.icon-battery-charging:before {
  content: "\e832";
}

.icon-bell-off:before {
  content: "\e833";
}

.icon-battery:before {
  content: "\e834";
}

.icon-bluetooth:before {
  content: "\e835";
}

.icon-bell:before {
  content: "\e836";
}

.icon-book:before {
  content: "\e837";
}

.icon-briefcase:before {
  content: "\e838";
}

.icon-camera-off:before {
  content: "\e839";
}

.icon-calendar:before {
  content: "\e83a";
}

.icon-bookmark:before {
  content: "\e83b";
}

.icon-box:before {
  content: "\e83c";
}

.icon-camera:before {
  content: "\e83d";
}

.icon-check-circle:before {
  content: "\e83e";
}

.icon-check:before {
  content: "\e83f";
}

.icon-check-square:before {
  content: "\e840";
}

.icon-cast:before {
  content: "\e841";
}

.icon-chevron-down:before {
  content: "\e842";
}

.icon-chevron-left:before {
  content: "\e843";
}

.icon-chevron-right:before {
  content: "\e844";
}

.icon-chevron-up:before {
  content: "\e845";
}

.icon-chevrons-down:before {
  content: "\e846";
}

.icon-chevrons-right:before {
  content: "\e847";
}

.icon-chevrons-up:before {
  content: "\e848";
}

.icon-chevrons-left:before {
  content: "\e849";
}

.icon-circle:before {
  content: "\e84a";
}

.icon-clipboard:before {
  content: "\e84b";
}

.icon-chrome:before {
  content: "\e84c";
}

.icon-clock:before {
  content: "\e84d";
}

.icon-cloud-lightning:before {
  content: "\e84e";
}

.icon-cloud-drizzle:before {
  content: "\e84f";
}

.icon-cloud-rain:before {
  content: "\e850";
}

.icon-cloud-off:before {
  content: "\e851";
}

.icon-codepen:before {
  content: "\e852";
}

.icon-cloud-snow:before {
  content: "\e853";
}

.icon-compass:before {
  content: "\e854";
}

.icon-copy:before {
  content: "\e855";
}

.icon-corner-down-right:before {
  content: "\e856";
}

.icon-corner-down-left:before {
  content: "\e857";
}

.icon-corner-left-down:before {
  content: "\e858";
}

.icon-corner-left-up:before {
  content: "\e859";
}

.icon-corner-up-left:before {
  content: "\e85a";
}

.icon-corner-up-right:before {
  content: "\e85b";
}

.icon-corner-right-down:before {
  content: "\e85c";
}

.icon-corner-right-up:before {
  content: "\e85d";
}

.icon-cpu:before {
  content: "\e85e";
}

.icon-credit-card:before {
  content: "\e85f";
}

.icon-crosshair:before {
  content: "\e860";
}

.icon-disc:before {
  content: "\e861";
}

.icon-delete:before {
  content: "\e862";
}

.icon-download-cloud:before {
  content: "\e863";
}

.icon-download:before {
  content: "\e864";
}

.icon-droplet:before {
  content: "\e865";
}

.icon-edit-2:before {
  content: "\e866";
}

.icon-edit:before {
  content: "\e867";
}

.icon-edit-1:before {
  content: "\e868";
}

.icon-external-link:before {
  content: "\e869";
}

.icon-eye:before {
  content: "\e86a";
}

.icon-feather:before {
  content: "\e86b";
}

.icon-facebook:before {
  content: "\e86c";
}

.icon-file-minus:before {
  content: "\e86d";
}

.icon-eye-off:before {
  content: "\e86e";
}

.icon-fast-forward:before {
  content: "\e86f";
}

.icon-file-text:before {
  content: "\e870";
}

.icon-film:before {
  content: "\e871";
}

.icon-file:before {
  content: "\e872";
}

.icon-file-plus:before {
  content: "\e873";
}

.icon-folder:before {
  content: "\e874";
}

.icon-filter:before {
  content: "\e875";
}

.icon-flag:before {
  content: "\e876";
}

.icon-globe:before {
  content: "\e877";
}

.icon-grid:before {
  content: "\e878";
}

.icon-heart:before {
  content: "\e879";
}

.icon-home:before {
  content: "\e87a";
}

.icon-github:before {
  content: "\e87b";
}

.icon-image:before {
  content: "\e87c";
}

.icon-inbox:before {
  content: "\e87d";
}

.icon-layers:before {
  content: "\e87e";
}

.icon-info:before {
  content: "\e87f";
}

.icon-instagram:before {
  content: "\e880";
}

.icon-layout:before {
  content: "\e881";
}

.icon-link-2:before {
  content: "\e882";
}

.icon-life-buoy:before {
  content: "\e883";
}

.icon-link:before {
  content: "\e884";
}

.icon-log-in:before {
  content: "\e885";
}

.icon-list:before {
  content: "\e886";
}

.icon-lock:before {
  content: "\e887";
}

.icon-log-out:before {
  content: "\e888";
}

.icon-loader:before {
  content: "\e889";
}

.icon-mail:before {
  content: "\e88a";
}

.icon-maximize-2:before {
  content: "\e88b";
}

.icon-map:before {
  content: "\e88c";
}

.icon-map-pin:before {
  content: "\e88e";
}

.icon-menu:before {
  content: "\e88f";
}

.icon-message-circle:before {
  content: "\e890";
}

.icon-message-square:before {
  content: "\e891";
}

.icon-minimize-2:before {
  content: "\e892";
}

.icon-mic-off:before {
  content: "\e893";
}

.icon-minus-circle:before {
  content: "\e894";
}

.icon-mic:before {
  content: "\e895";
}

.icon-minus-square:before {
  content: "\e896";
}

.icon-minus:before {
  content: "\e897";
}

.icon-moon:before {
  content: "\e898";
}

.icon-monitor:before {
  content: "\e899";
}

.icon-more-vertical:before {
  content: "\e89a";
}

.icon-more-horizontal:before {
  content: "\e89b";
}

.icon-move:before {
  content: "\e89c";
}

.icon-music:before {
  content: "\e89d";
}

.icon-navigation-2:before {
  content: "\e89e";
}

.icon-navigation:before {
  content: "\e89f";
}

.icon-octagon:before {
  content: "\e8a0";
}

.icon-package:before {
  content: "\e8a1";
}

.icon-pause-circle:before {
  content: "\e8a2";
}

.icon-pause:before {
  content: "\e8a3";
}

.icon-percent:before {
  content: "\e8a4";
}

.icon-phone-call:before {
  content: "\e8a5";
}

.icon-phone-forwarded:before {
  content: "\e8a6";
}

.icon-phone-missed:before {
  content: "\e8a7";
}

.icon-phone-off:before {
  content: "\e8a8";
}

.icon-phone-incoming:before {
  content: "\e8a9";
}

.icon-phone:before {
  content: "\e8aa";
}

.icon-phone-outgoing:before {
  content: "\e8ab";
}

.icon-pie-chart:before {
  content: "\e8ac";
}

.icon-play-circle:before {
  content: "\e8ad";
}

.icon-play:before {
  content: "\e8ae";
}

.icon-plus-square:before {
  content: "\e8af";
}

.icon-plus-circle:before {
  content: "\e8b0";
}

.icon-plus:before {
  content: "\e8b1";
}

.icon-pocket:before {
  content: "\e8b2";
}

.icon-printer:before {
  content: "\e8b3";
}

.icon-power:before {
  content: "\e8b4";
}

.icon-radio:before {
  content: "\e8b5";
}

.icon-repeat:before {
  content: "\e8b6";
}

.icon-refresh-ccw:before {
  content: "\e8b7";
}

.icon-rewind:before {
  content: "\e8b8";
}

.icon-rotate-ccw:before {
  content: "\e8b9";
}

.icon-refresh-cw:before {
  content: "\e8ba";
}

.icon-rotate-cw:before {
  content: "\e8bb";
}

.icon-save:before {
  content: "\e8bc";
}

.icon-search:before {
  content: "\e8bd";
}

.icon-server:before {
  content: "\e8be";
}

.icon-scissors:before {
  content: "\e8bf";
}

.icon-share-2:before {
  content: "\e8c0";
}

.icon-share:before {
  content: "\e8c1";
}

.icon-shield:before {
  content: "\e8c2";
}

.icon-settings:before {
  content: "\e8c3";
}

.icon-skip-back:before {
  content: "\e8c4";
}

.icon-shuffle:before {
  content: "\e8c5";
}

.icon-sidebar:before {
  content: "\e8c6";
}

.icon-skip-forward:before {
  content: "\e8c7";
}

.icon-slack:before {
  content: "\e8c8";
}

.icon-slash:before {
  content: "\e8c9";
}

.icon-smartphone:before {
  content: "\e8ca";
}

.icon-square:before {
  content: "\e8cb";
}

.icon-speaker:before {
  content: "\e8cc";
}

.icon-star:before {
  content: "\e8cd";
}

.icon-stop-circle:before {
  content: "\e8ce";
}

.icon-sun:before {
  content: "\e8cf";
}

.icon-sunrise:before {
  content: "\e8d0";
}

.icon-tablet:before {
  content: "\e8d1";
}

.icon-tag:before {
  content: "\e8d2";
}

.icon-sunset:before {
  content: "\e8d3";
}

.icon-target:before {
  content: "\e8d4";
}

.icon-thermometer:before {
  content: "\e8d5";
}

.icon-thumbs-up:before {
  content: "\e8d6";
}

.icon-thumbs-down:before {
  content: "\e8d7";
}

.icon-toggle-left:before {
  content: "\e8d8";
}

.icon-toggle-right:before {
  content: "\e8d9";
}

.icon-trash-2:before {
  content: "\e8da";
}

.icon-trash:before {
  content: "\e8db";
}

.icon-trending-up:before {
  content: "\e8dc";
}

.icon-trending-down:before {
  content: "\e8dd";
}

.icon-triangle:before {
  content: "\e8de";
}

.icon-type:before {
  content: "\e8df";
}

.icon-twitter:before {
  content: "\e8e0";
}

.icon-upload:before {
  content: "\e8e1";
}

.icon-umbrella:before {
  content: "\e8e2";
}

.icon-upload-cloud:before {
  content: "\e8e3";
}

.icon-unlock:before {
  content: "\e8e4";
}

.icon-user-check:before {
  content: "\e8e5";
}

.icon-user-minus:before {
  content: "\e8e6";
}

.icon-user-plus:before {
  content: "\e8e7";
}

.icon-user-x:before {
  content: "\e8e8";
}

.icon-user:before {
  content: "\e8e9";
}

.icon-users:before {
  content: "\e8ea";
}

.icon-video-off:before {
  content: "\e8eb";
}

.icon-video:before {
  content: "\e8ec";
}

.icon-voicemail:before {
  content: "\e8ed";
}

.icon-volume-x:before {
  content: "\e8ee";
}

.icon-volume-2:before {
  content: "\e8ef";
}

.icon-volume-1:before {
  content: "\e8f0";
}

.icon-volume:before {
  content: "\e8f1";
}

.icon-watch:before {
  content: "\e8f2";
}

.icon-wifi:before {
  content: "\e8f3";
}

.icon-x-square:before {
  content: "\e8f4";
}

.icon-wind:before {
  content: "\e8f5";
}

.icon-x:before {
  content: "\e8f6";
}

.icon-x-circle:before {
  content: "\e8f7";
}

.icon-zap:before {
  content: "\e8f8";
}

.icon-zoom-in:before {
  content: "\e8f9";
}

.icon-zoom-out:before {
  content: "\e8fa";
}

.icon-command:before {
  content: "\e8fb";
}

.icon-cloud:before {
  content: "\e8fc";
}

.icon-hash:before {
  content: "\e8fd";
}

.icon-headphones:before {
  content: "\e8fe";
}

.icon-underline:before {
  content: "\e8ff";
}

.icon-italic:before {
  content: "\e900";
}

.icon-bold:before {
  content: "\e901";
}

.icon-crop:before {
  content: "\e902";
}

.icon-help-circle:before {
  content: "\e903";
}

.icon-paperclip:before {
  content: "\e904";
}

.icon-shopping-cart:before {
  content: "\e905";
}

.icon-tv:before {
  content: "\e906";
}

.icon-wifi-off:before {
  content: "\e907";
}

.icon-minimize:before {
  content: "\e88d";
}

.icon-maximize:before {
  content: "\e908";
}

.icon-gitlab:before {
  content: "\e909";
}

.icon-sliders:before {
  content: "\e90a";
}

.icon-star-on:before {
  content: "\e90b";
}

.icon-heart-on:before {
  content: "\e90c";
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../font/slick/slick.eot");
  src: url("../font/slick/slick.eot?#iefix") format("embedded-opentype"), url("../font/slick/slick.woff") format("woff"), url("../font/slick/slick.ttf") format("truetype"), url("../font/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  /* cursor: hand; */
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.breadcrumb {
  background-color: transparent;
  margin: 5px 0 0 0;
  padding: 0;
  border-radius: 0;
}
.breadcrumb li + li:before {
  font-family: "feather";
  content: "\e844";
  padding: 0 6px;
  float: left;
  position: relative;
  top: 1px;
}
.breadcrumb .link {
  float: left;
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb .link.-nolimit {
  max-width: inherit;
}
.breadcrumb .link.active {
  color: var(--color-primary);
}
.breadcrumb li,
.breadcrumb .link {
  color: var(--color-default);
}

.btn-link {
  background: none;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.btn-link:hover {
  text-decoration: none;
}
.btn-link:focus {
  box-shadow: none;
  outline: none;
  text-decoration: none;
}

.btn.btn-link {
  color: var(--color-default);
}
.btn.btn-link:hover {
  color: var(--color-primary);
}
.btn.btn-link:focus, .btn.btn-link:active {
  color: var(--color-primary-light);
}

.btn {
  background: none;
  position: relative;
  padding: 0 1.5rem;
  min-width: 100px;
  height: 50px;
  line-height: 44px;
  border: 3px solid transparent;
  border-radius: 50rem;
  font-size: var(--typo-default);
  font-weight: var(--fw-bold);
  color: var(--color-default);
}
.btn.fluid {
  min-width: inherit;
  width: 100%;
}
.btn:focus {
  box-shadow: none;
}
.btn.btn-xs {
  font-size: var(--typo-xs);
  height: 20px;
  line-height: 18px;
  min-width: 50px;
}
.btn.disabled {
  cursor: unset;
}

.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--color-primary);
  background-image: linear-gradient(160deg, rgb(242, 4, 64) 0, rgb(140, 2, 37) 100%);
  border-color: var(--color-primary-light);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.actitve:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus:hover,
.btn-primary.focus:hover {
  color: #fff;
  background-color: var(--color-primary);
  background-image: linear-gradient(160deg, rgb(242, 4, 64) 0, rgb(140, 2, 37) 100%);
  border-color: var(--color-primary-light);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}

.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary.disabled,
.btn-primary.disabled:hover {
  color: #fff;
  background: #B9B9B9;
  border-color: transparent;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
  opacity: 0.5;
}

.btn-warning,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #EA8A23;
  background-image: linear-gradient(160deg, #EA8A23 0, #884803 100%);
  border-color: #ffd6ab;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}

.btn-warning:hover,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning:active:focus,
.btn-warning.actitve:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.btn-warning:focus:hover,
.btn-warning.focus:hover {
  color: #fff;
  background-color: #EA8A23;
  background-image: linear-gradient(160deg, #EA8A23 0, #884803 100%);
  border-color: #ffd6ab;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}

.btn-warning:disabled,
.btn-warning:disabled:hover,
.btn-warning.disabled,
.btn-warning.disabled:hover {
  color: #fff;
  background: #B9B9B9;
  border-color: transparent;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
  opacity: 0.5;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: var(--color-light);
  background-color: var(--color-secondary);
  border-color: transparent;
}

.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.actitve:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover {
  color: var(--color-light);
  background-color: var(--color-secondary);
  border-color: transparent;
}

.btn-secondary.disabled,
.btn-secondary.disabled:hover {
  color: var(--color-gray-100);
  opacity: 0.5;
}

.btn-light,
.btn-light:focus,
.btn-light.focus,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  color: var(--color-primary);
  background-color: var(--color-light);
  border-color: transparent;
}

.btn-light:hover,
.btn-light:active:hover,
.btn-light.active:hover,
.btn-light:active:focus,
.btn-light.actitve:focus,
.btn-light:active.focus,
.btn-light.active.focus,
.btn-light:focus:hover,
.btn-light.focus:hover {
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  border-color: transparent;
  box-shadow: 0px 2px 10px #fff;
}

.btn-light.disabled,
.btn-light.disabled:hover {
  color: var(--color-primary);
  background-color: var(--color-light);
  border-color: transparent;
  opacity: 0.5;
}

.btn-lang,
.btn-lang:focus,
.btn-lang.focus,
.btn-lang:not(:disabled):not(.disabled).active,
.btn-lang:not(:disabled):not(.disabled):active,
.show > .btn-lang.dropdown-toggle {
  color: var(--color-default);
  background: linear-gradient(var(--color-primary-light), var(--color-primary-light)) padding-box, linear-gradient(to top, #ffffff, #ffe6e6) border-box;
  border-color: transparent;
}

.btn-lang:hover,
.btn-lang:active:hover,
.btn-lang.active:hover,
.btn-lang:active:focus,
.btn-lang.actitve:focus,
.btn-lang:active.focus,
.btn-lang.active.focus,
.btn-lang:focus:hover,
.btn-lang.focus:hover {
  color: var(--color-default);
  background: linear-gradient(var(--color-primary-light), var(--color-primary-light)) padding-box, linear-gradient(to top, #ffffff, #ffe6e6) border-box;
  border-color: transparent;
  box-shadow: 0px 2px 10px #fff;
}

.btn-lang.disabled,
.btn-lang.disabled:hover {
  color: var(--color-default);
  background: linear-gradient(var(--color-primary-light), var(--color-primary-light)) padding-box, linear-gradient(to top, #ffffff, #ffe6e6) border-box;
  border-color: transparent;
  opacity: 0.5;
}

.btn-line,
.btn-line:focus,
.btn-line.focus,
.btn-line:not(:disabled):not(.disabled).active,
.btn-line:not(:disabled):not(.disabled):active,
.show > .btn-line.dropdown-toggle {
  color: #fff;
  background-color: #06c755;
  background-image: linear-gradient(160deg, #2d9646 0, #06aa2d 100%);
  border-color: #d3ffe5;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}

.btn-line:hover,
.btn-line:active:hover,
.btn-line.active:hover,
.btn-line:active:focus,
.btn-line.actitve:focus,
.btn-line:active.focus,
.btn-line.active.focus,
.btn-line:focus:hover,
.btn-line.focus:hover {
  color: #fff;
  background-color: #06c755;
  background-image: linear-gradient(160deg, #2d9646 0, #06aa2d 100%);
  border-color: #d3ffe5;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}

.btn-line.disabled,
.btn-line.disabled:hover {
  color: #fff;
  background-color: #06c755;
  border-color: #d3ffe5;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
  opacity: 0.5;
}

.editor-content {
  font-size: var(--typo-default);
  color: var(--color-default);
  line-height: 1.4em;
}
.editor-content p {
  margin-bottom: 20px;
}
.editor-content p:last-child {
  margin-bottom: 0;
}
.editor-content img {
  height: auto !important;
}
.editor-content .item-list.bullet-list > li::before {
  top: 0.6em;
}
.editor-content figure.contain img {
  height: 100% !important;
}

@media (max-width: 1600px) {
  .editor-content p {
    margin-bottom: 15px;
  }
}
.form-default .form-group {
  position: relative;
  margin-bottom: 15px;
}

.form-default .control-label {
  margin-bottom: 10px;
  font-weight: var(--fw-semiBold);
  font-size: var(--typo-xs);
  color: var(--color-default);
  line-height: 1.2em;
}
.form-default .control-label small {
  display: block;
  font-weight: var(--fw-normal);
}

.form-default .form-control {
  height: 50px;
  padding: 10px 12px;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  box-shadow: none;
  font-size: var(--typo-sm);
  color: var(--color-default);
  font-weight: var(--fw-default);
}
.form-default .form-control::-moz-placeholder {
  color: var(--color-gray);
  opacity: 1;
}
.form-default .form-control::placeholder {
  color: var(--color-gray);
  opacity: 1;
}
.form-default .form-control:disabled {
  background-color: transparent;
}

.form-default textarea.form-control {
  line-height: 1.2em;
  height: auto;
  transition: all 200ms;
}

.form-default textarea::-webkit-scrollbar {
  width: 0px;
}

.form-default .form-note {
  position: absolute;
  top: 100%;
  left: 20px;
  margin-top: 4px;
  font-size: var(--typo-xs);
  color: var(--color-gray);
}

.form-default .form-control:focus {
  border-color: var(--color-info);
  text-shadow: none;
  box-shadow: none;
}

.form-default .block-control {
  position: relative;
}

.form-default .help-block.with-errors {
  color: var(--color-danger);
  font-size: 12px;
  font-weight: var(--fw-semiBold);
}

.form-default .has-error .help-block.with-errors,
.form-default .has-danger .help-block.with-errors {
  padding-top: 0.6em;
}
.form-default .list-unstyled {
  list-style: disc;
  padding-left: 12px;
}
.form-default .list-unstyled li + li {
  margin-top: 0.5em;
}
.form-default input[type=number] {
  -moz-appearance: textfield;
}
.form-default input::-webkit-outer-spin-button,
.form-default input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-default .has-error .form-control:focus {
  box-shadow: none;
}

.form-default .has-success .form-control:focus {
  box-shadow: none;
}

.form-default .floating-label {
  color: var(--color-default);
  font-size: var(--typo-xs);
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 9px;
  transition: all 200ms ease-out;
}

.form-default .form-control:focus ~ .floating-label,
.form-default .form-control:not(:focus):valid ~ .floating-label {
  color: var(--color-default);
  font-size: var(--typo-xs);
  left: 0;
  top: -22px;
}

.form-default .select2-container--default .select2-selection--single,
.form-default .select2-container--default .select2-selection--multiple {
  height: 50px;
  background-color: #fff;
  border-radius: 25px;
  border: 1px solid transparent;
  padding-left: 7px;
  padding-right: 7px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}

.form-default .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: var(--typo-default);
  font-weight: var(--fw-bold);
  color: var(--typo-default);
  line-height: 50px;
}

.form-default .select2-container--default .select2-selection--single .select2-selection__arrow {
  line-height: 50px;
  height: 50px;
  right: 10px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  line-height: 48px;
  margin-top: 0;
}

.select2-results__option {
  font-size: var(--typo-default);
  padding: 12px 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  font-family: "Material Symbols Outlined" !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  position: absolute;
  content: "\e5cf";
  top: 0;
  right: 0;
  font-size: 26px;
  font-weight: 200;
  color: var(--color-default);
  width: 24px;
  height: 24px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after {
  content: "\e5ce";
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: var(--color-light);
  background-color: var(--color-primary);
}

.select2-dropdown {
  border-color: transparent;
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 7px;
  background-color: var(--color-primary-light);
  border: none;
  display: flex;
  flex-direction: row-reverse;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 5px;
  margin-right: 0;
}

.form-control-feedback::after {
  position: absolute;
  left: 0;
  bottom: -24px;
}

.form-control-feedback:before {
  display: none;
}

.form-control-feedback.glyphicon-ok {
  background: url("../img/icon/checked.png") center no-repeat;
  background-size: 16px;
}

.form-control-feedback.glyphicon-remove {
  padding-bottom: 1rem;
}
.form-control-feedback.glyphicon-remove::after {
  content: "This field cannot be empty.";
  color: var(--color-danger);
}

.radio-control {
  position: relative;
  display: block;
}

.radio-control .icon {
  width: 24px;
  height: 24px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  border-radius: 50%;
}

.radio-control .title {
  margin: 0;
  font-size: var(--typo-default);
  font-weight: var(--fw-normal);
  color: var(--color-default);
  padding-left: 30px;
  line-height: 1.2em;
  display: block;
}

.radio-control input[type=radio] {
  margin-top: 0;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.radio-control .wrapper {
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 10px;
}

.radio-control input[type=radio]:checked ~ .wrapper {
  border-color: var(--color-primary);
}

.radio-control input[type=radio]:checked ~ .wrapper .icon {
  border-color: transparent;
  background-color: var(--color-primary);
}

.radio-control input[type=radio]:checked ~ .wrapper .icon:before {
  position: absolute;
  top: 2px;
  left: 2px;
  font-family: "feather";
  content: "\e83f";
  color: #fff;
  font-size: 20px;
}

.checkbox-control {
  position: relative;
  display: inline-block;
}

.checkbox-control .icon {
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  top: -4px;
  left: 0;
}

.checkbox-control .title {
  margin: 0;
  font-size: var(--typo-default);
  font-weight: var(--fw-normal);
  color: var(--color-default);
  padding-left: 40px;
  line-height: 20px;
  display: block;
}

.checkbox-control .title .link {
  position: relative;
  z-index: 10;
  color: inherit;
  text-decoration: underline;
}

.checkbox-control input[type=checkbox] {
  margin-top: 0;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.checkbox-control input[type=checkbox]:checked ~ .icon {
  border-color: transparent;
  background-color: var(--color-primary);
}

.checkbox-control input[type=checkbox]:checked ~ .icon:before {
  position: absolute;
  top: 1px;
  left: 1px;
  font-family: "feather";
  content: "\e83f";
  color: #fff;
  font-size: 20px;
}

.has-feedback {
  transition: all 300ms;
}
.has-feedback.has-error .form-control {
  border-color: var(--color-danger);
}
.has-feedback.has-success .form-control {
  border-color: var(--color-border);
}
.has-feedback.has-error {
  margin-bottom: 2.5rem;
}

.form-search {
  position: relative;
}
.form-search .control-label {
  position: absolute;
  top: calc(50% - 12px);
  left: 10px;
  height: auto;
  margin-bottom: 0;
}
.form-search .control-label > span {
  color: var(--color-gray-100);
}
.form-search .form-control {
  font-size: var(--typo-md);
  padding-left: 44px;
  border-radius: unset;
}
.form-search .icon > span[class*=material-symbols] {
  top: 0;
  color: var(--color-gray-100);
}

.form-default input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  position: relative;
  right: -6px;
  content: "\e5cd";
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-image: url(../img/icon/icon-close.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.datepicker {
  position: relative;
  margin-bottom: 0;
}
.datepicker::after {
  position: absolute;
  font-family: "Material Symbols Rounded";
  content: "\e935";
  color: transparent;
  font-weight: 400;
  font-size: 22px;
  height: 22px;
  top: calc(50% - 12px);
  right: 10px;
  color: var(--color-gray-100);
}
.datepicker > .form-control {
  padding-right: 2.5rem;
}

.ui-widget-header {
  color: var(--color-primary);
  font-size: 14px;
  border-color: transparent;
  background-color: transparent;
}

.ui-widget-content {
  color: var(--color-dark);
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-radius: unset;
}

.ui-widget {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border-color: var(--color-border);
  border-radius: 3px;
  width: 280px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  padding: 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border-color: transparent;
  background: var(--color-gray-200);
  color: var(--color-default);
  border-radius: 3px;
  font-size: 12px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  color: var(--color-light);
}

.ui-datepicker table {
  font-size: 0.8em;
}

.ui-datepicker-prev span {
  display: none !important;
}

.ui-datepicker-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.ui-datepicker-prev:before {
  font-family: "feather";
  content: "\e843";
}

.ui-datepicker-next span {
  display: none !important;
}

.ui-datepicker-next {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.ui-datepicker-next:before {
  font-family: "feather";
  content: "\e844";
}

.ui-datepicker .ui-datepicker-title {
  line-height: 2.4em;
}

.form-default .input-group .radio-control + .radio-control {
  margin-left: 1rem;
}

.pagination-block {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.pagination {
  margin: 0;
}
.pagination .link {
  display: block;
  min-width: 54px;
  height: 54px;
  padding: 0 5px;
  text-align: center;
  line-height: 54px;
  border-radius: 10px;
  background-color: var(--color-default);
  font-weight: var(--fw-normal);
  font-size: var(--typo-default);
  color: var(--color-light);
}
.pagination .link:hover {
  color: var(--color-primary);
}
.pagination .link span {
  position: relative;
  line-height: 54px;
}
.pagination .link.link-text {
  border-color: transparent;
  background-color: transparent;
}
.pagination .link.link-text:hover {
  border-color: transparent;
  background-color: transparent;
}
.pagination li {
  display: inline-block;
  vertical-align: middle;
}
.pagination li.active .link {
  color: var(--color-light);
  border-color: transparent;
  background: none;
  background-color: var(--color-primary);
}
.pagination li + li {
  margin-left: 10px;
}

.whead {
  margin-bottom: 1.25rem;
}
.whead .h-title {
  font-size: 44px;
  font-weight: 600;
  line-height: 1.3em;
}
.whead .title {
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3em;
}
.whead .title small {
  font-size: 12px;
}
.whead .title strong {
  font-size: 40px;
  font-weight: var(--fw-bold);
}
.whead .subtitle {
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.3em;
}
.whead .desc {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4em;
}

@media (max-width: 1600px) {
  .whead .desc {
    font-size: 18px;
  }
}
@media (max-width: 1440px) {
  .whead .h-title {
    font-size: 40px;
  }
  .whead .title {
    font-size: 26px;
  }
  .whead .title strong {
    font-size: 36px;
  }
  .whead .subtitle {
    font-size: 24px;
  }
  .whead .desc {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .whead .h-title {
    font-size: 36px;
  }
  .whead .title {
    font-size: 24px;
  }
  .whead .title strong {
    font-size: 32px;
  }
  .whead .subtitle {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .whead .h-title {
    font-size: 34px;
  }
  .whead .title {
    font-size: 22px;
  }
  .whead .title strong {
    font-size: 28px;
  }
  .whead .subtitle {
    font-size: 20px;
  }
  .whead .desc {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .whead .h-title {
    font-size: 30px;
  }
  .whead .title strong {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .whead .h-title {
    font-size: 26px;
  }
  .whead .title strong {
    font-size: 24px;
  }
  .whead .subtitle {
    font-size: 18px;
  }
}
.modal-default .modal-content {
  border: unset;
  border-radius: 0;
  overflow: hidden;
  height: 100dvh;
  min-height: -webkit-fill-available;
}
.modal-default .modal-title {
  color: var(--color-default);
}
.modal-default .close {
  opacity: 1;
  color: var(--color-default);
  transition: all 200ms;
}
.modal-default .close .icon > span[class*=material-symbols] {
  top: 2px;
  font-size: 22px;
  font-weight: 400;
}
.modal-default .close:hover {
  color: var(--color-primary);
}
.modal-default .close:active, .modal-default .close:focus {
  outline: none;
}
.modal-default .back {
  margin-left: -1rem;
  margin-right: 0;
}
.modal-default .modal-header {
  border-bottom-color: var(--color-border);
}
.modal-default .modal-footer {
  border-top-color: var(--color-border);
}
.modal-default .modal-footer {
  background-color: var(--color-light);
}
.modal-default .scroll-wrapper {
  margin-right: 0;
  padding-bottom: 1.5rem;
}

.no-modal-style .modal-content {
  background: transparent;
  border-radius: 0;
  border: none;
}
.no-modal-style .modal-body {
  padding: 0;
}

.modal-2xl {
  --bs-modal-width: 1044px;
}

@media (min-width: 768px) {
  .modal-2xl {
    --bs-modal-width: 768px;
  }
}
@media (min-width: 992px) {
  .modal-2xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 1084px;
  }
  .modal-2xl {
    --bs-modal-width: 1044px;
  }
}
@media (min-width: 1441px) {
  .modal-2xl {
    --bs-modal-width: 1044px;
  }
}
div.swal2-container {
  padding: 0 15px;
}

div.swal2-popup {
  border-radius: 15px;
  width: 26em;
  padding-bottom: 40px;
  color: var(--color-default);
  background-color: var(--color-light);
}

div.swal2-icon {
  margin-top: 40px;
  margin-bottom: 0;
}

h2.swal2-title {
  padding-top: 20px;
  font-size: var(--typo-md);
  font-weight: var(--fw-medium);
  color: var(--color-default);
}

div.swal2-html-container {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 3em;
  margin-right: 3em;
  font-size: var(--typo-default);
  font-weight: var(--fw-normal);
  color: var(--color-default);
  overflow: visible;
  line-height: 1.4em;
}

.swal2-actions .btn {
  margin: 0 5px;
}

div.swal2-loader {
  opacity: 0.4;
  border-width: 0.15em;
  border-color: var(--color-gray) transparent var(--color-gray) transparent;
}

.swal2-styled.swal2-confirm {
  background-color: var(--color-primary) !important;
  min-width: 80px;
  box-shadow: none;
  outline: none;
  border-radius: 30px !important;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: none !important;
}

.swal2-styled.swal2-cancel {
  background-color: var(--warning) !important;
  min-width: 80px;
  box-shadow: none;
  outline: none;
  border-radius: 30px !important;
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: none !important;
}

.preload {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url(../img/background/bg-preload.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.preload .txt {
  font-family: var(--font-family-1);
  font-size: 24px;
  font-weight: var(--fw-normal);
  line-height: 1.4em;
  color: var(--color-light);
  margin-top: 3rem;
}
.preload .txt span {
  position: relative;
  top: -8px;
  font-family: var(--font-family-2);
  font-style: italic;
  font-size: 8px;
  letter-spacing: 0.02em;
}

.preload-wrapper {
  height: 100vh;
  width: 100%;
  padding: 3rem calc(3rem - 15px);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 768px) {
  .preload .txt {
    font-size: 32px;
    margin-top: 5rem;
  }
  .preload .txt span {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .preload {
    background-size: var(--max-app-width);
  }
}
.slider .slick-dots li {
  height: 16px;
  width: 16px;
}
.slider .slick-dots li button {
  border: 2px solid var(--color-primary-light);
  background-color: var(--color-light);
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
.slider .slick-dots li button::before {
  display: none;
}
.slider .slick-dots li.slick-active button {
  background-color: var(--color-primary);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(242, 4, 64, 0.75);
  width: 5px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(242, 4, 64, 0.9);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgb(242, 4, 64);
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #d9d9d9;
  width: 5px;
}

.scroller {
  max-width: 100%;
}

.scroller__inner {
  padding-block: 0.75rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated=true] {
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
          mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
}

.scroller[data-animated=true] .scroller__inner {
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
  animation-duration: calc(var(--quantity, 4) * 2 * var(--custom-duration, 4s));
}

.scroller[data-direction=right] {
  --_animation-direction: reverse;
}

.scroller[data-direction=left] {
  --_animation-direction: forwards;
}

.scroller[data-speed=fast] {
  --_animation-duration: 20s;
}

.scroller[data-speed=slow] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
@media (max-width: 1199px) {
  .scroller__inner {
    padding-block: 0.5rem;
  }
}
@media (max-width: 767px) {
  .scroller__inner {
    padding-block: 0.3rem;
  }
}
.dropdown .dropdown-menu {
  margin-top: 0.25rem;
  min-width: 12rem;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0.375rem;
  border: none;
  box-shadow: 0px 0.25rem 1.5rem rgba(0, 0, 0, 0.24);
}
.dropdown .dropdown-divider {
  margin: 0 1rem;
}
.dropdown .dropdown-item {
  font-size: var(--typo-default);
  padding: 0.75rem 1rem;
}
.dropdown .dropdown-item .icon {
  width: 24px;
  height: 24px;
}
.dropdown .dropdown-item .dropdown-inner {
  margin-left: 0.5rem;
}
.dropdown .dropdown-item.active,
.dropdown .dropdown-item:active {
  color: var(--color-dark);
  background-color: var(--color-primary-light);
}
.dropdown .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.4em;
  vertical-align: 0.15em;
  content: "";
  border: none;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.6665 1.75L4.66651 4.75L1.66651 1.75' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
}

.alert-default .alert {
  border-radius: 0;
  border-color: transparent;
}
.alert-default .alert .icon.rounded-circle {
  font-size: 22px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-default .alert .icon.rounded-circle > span[class*=material-symbols] {
  top: 0;
}
.alert-default .alert .alert-heading {
  font-size: var(--typo-lg);
  font-weight: var(--fw-medium);
}
.alert-default .alert .desc {
  font-size: var(--typo-default);
  font-weight: var(--fw-normal);
}
.alert-default .alert-success {
  color: var(--color-default);
  background-color: transparent;
}
.alert-default .alert-success .alert-heading {
  color: var(--color-primary);
}
.alert-default .alert-success .icon {
  color: var(--color-primary);
}
.alert-default .alert-success .desc {
  color: var(--color-dark);
}
.alert-default .alert-warning .icon.bg-secondary-light {
  background-color: var(--color-warning-light) !important;
}
.alert-default .alert-warning .icon.bg-secondary-light span {
  color: var(--color-warning);
}

.payment-warning {
  line-height: 1.4em;
}

.cookie-tab {
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 100;
}
.cookie-tab .text {
  font-size: 14px;
  line-height: 1.4em;
}
.cookie-tab .link {
  color: var(--color-primary);
  text-decoration: underline;
}
.cookie-tab .wrapper {
  max-width: 470px;
  padding: 1.25rem;
  background: var(--color-light);
  border-radius: 1.25rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}
.cookie-tab .action {
  margin-top: 1rem;
}
.cookie-tab .action .btn {
  font-size: 18px;
  min-width: 50px;
  padding: 0 20px;
}
.cookie-tab .action .btn + .btn {
  margin-left: 5px;
}
.cookie-tab .action .btn-link {
  font-size: 16px;
  padding: 0;
}

@media (max-width: 767px) {
  .cookie-tab {
    left: 15px;
    bottom: 20px;
  }
  .cookie-tab .text {
    font-size: 13px;
  }
  .cookie-tab .action .btn {
    font-size: 16px;
  }
  .cookie-tab .action .btn-link {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .cookie-tab {
    left: 15px;
    right: 15px;
  }
  .cookie-tab .wrapper {
    max-width: 100%;
  }
}
.message-list {
  margin: 0;
  padding-inline: 0;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.font-small {
  font-size: 0.85em;
  font-weight: bold;
}

.font-large {
  font-size: 1.3em;
  font-weight: bold;
}

.message {
  display: inline-block;
  border-radius: 30rem;
  background: #ffffff;
  margin: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  color: #000000;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.message.font-small {
  height: 50px;
  line-height: 50px;
}
.message.font-large {
  height: 76px;
  line-height: 76px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-shadow: 0 0.375rem 0.375rem rgba(0, 0, 0, 0.1);
}

.message-input {
  font-size: 1.075em;
  font-weight: var(--fw-bold);
}
.message-input > span,
.message-input #messageText {
  width: 100%;
}
.message-input input {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: center;
  border: none;
  outline: none;
  box-shadow: none;
  color: inherit;
  padding: 0;
  width: 100%;
  height: 50px;
}
.message-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 1.075em;
}
.message-input input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1.075em;
}
.message-input input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 1.075em;
}
.message-input input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1.075em;
}

.color-picker::before {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: -0.25em;
  background-color: transparent;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.color-picker.color-red::before {
  background-color: #f20440;
}
.color-picker.color-blue::before {
  background-color: #0000ff;
}
.color-picker.color-yellow::before {
  background-color: #ffd32c;
}
.color-picker.color-green::before {
  background-color: #008000;
}
.color-picker.color-orange::before {
  background-color: #ffa500;
}
.color-picker.color-brown::before {
  background-color: #a52a2a;
}
.color-picker.color-purple::before {
  background-color: #800080;
}
.color-picker.color-pink::before {
  background-color: #ffb6c7;
}
.color-picker.color-gray::before {
  background-color: #808080;
}
.color-picker.color-skyblue::before {
  background-color: #7fc9d6;
}
.color-picker.color-black::before {
  background-color: #000000;
}

.font-red {
  color: #f20440;
}

.font-blue {
  color: #0000ff;
}

.font-yellow {
  color: #ffd32c;
}

.font-green {
  color: #008000;
}

.font-orange {
  color: #ffa500;
}

.font-brown {
  color: #a52a2a;
}

.font-purple {
  color: #800080;
}

.font-pink {
  color: #ffb6c7;
}

.font-gray {
  color: #808080;
}

.font-skyblue {
  color: #7fc9d6;
}

.font-black {
  color: #000000;
}

.select2-results__option .font-family {
  font-size: 0.85em;
  font-weight: var(--fw-bold);
}

@media (max-width: 1199px) {
  .message.font-small {
    height: 46px;
    line-height: 46px;
  }
  .message.font-large {
    height: 64px;
    line-height: 64px;
  }
}
@media (max-width: 991px) {
  .message.font-small {
    height: 44px;
    line-height: 44px;
  }
  .message.font-large {
    height: 60px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .message-input input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 1em;
  }
  .message-input input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 1em;
  }
  .message-input input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 1em;
  }
  .message-input input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 1em;
  }
}
@media (max-width: 575px) {
  .message.font-small {
    height: 40px;
    line-height: 40px;
  }
  .message.font-large {
    height: 56px;
    line-height: 56px;
  }
  .message-input input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 0.7em;
  }
  .message-input input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 0.7em;
  }
  .message-input input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 0.7em;
  }
  .message-input input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 0.7em;
  }
}
.site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.site-header .navbar {
  padding: 0.5rem 15px;
  height: 100px;
  background: transparent;
  transition: background 300ms ease;
}
.site-header .navbar > .container,
.site-header .navbar > .container-fluid {
  position: relative;
}
.site-header .navbar-toggler {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0.25rem 0.75rem;
  margin-left: -0.75rem;
}
.site-header .navbar-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  margin: 0;
}
.site-header .navbar-brand img {
  width: auto;
  height: 86px;
}
.site-header.tiny .navbar {
  background: rgba(255, 182, 199, 0.2);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

.navbar-lang .flag {
  width: 24px;
  height: 24px;
  margin-right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.navbar-lang .dropdown-menu {
  min-width: inherit;
  width: 120px;
  border-radius: 1rem;
  overflow: hidden;
}
.navbar-lang .dropdown-item {
  padding: 0.75rem 12px;
  font-size: var(--typo-sm);
}
.navbar-lang .dropdown-item .flag {
  margin-right: 5px;
}
.navbar-lang .btn {
  min-width: inherit;
  padding: 0 12px;
  border-color: transparent !important;
}
.navbar-lang .btn span {
  display: none !important;
}

.navbar-share {
  margin-right: 8px;
}
.navbar-share:hover .btn ~ .dropdown-menu {
  display: block;
}
.navbar-share .dropdown-menu {
  margin-top: 0;
  padding-top: 0.25rem;
}
.navbar-share .flag {
  width: 24px;
  height: 24px;
  margin-right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.navbar-share .dropdown-menu {
  min-width: inherit;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  background-color: transparent;
  box-shadow: none;
}
.navbar-share .dropdown-item {
  padding: 0;
  font-size: var(--typo-sm);
  border: 3px solid transparent;
  background: linear-gradient(var(--color-primary-light), var(--color-primary-light)) padding-box, linear-gradient(to top, #ffffff, #ffe6e6) border-box;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.navbar-share .dropdown-item svg {
  width: 18px;
  height: 18px;
}
.navbar-share .dropdown-item .flag {
  margin-right: 5px;
}
.navbar-share .dropdown-toggle:after {
  display: none;
}
.navbar-share .btn {
  min-width: inherit;
  padding: 0 12px;
  width: 50px;
  border-color: transparent !important;
}
.navbar-share .btn span {
  display: none !important;
}
.navbar-share .btn svg {
  width: 16px;
}

.hamburger-menu {
  display: inline-block;
  width: 28px;
  height: 20px;
  position: relative;
}
.hamburger-menu .bar {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: var(--color-primary);
  margin: auto;
  border-radius: 2px;
  transition: All 400ms ease;
}
.hamburger-menu .bar:nth-child(1) {
  top: 0;
}
.hamburger-menu .bar:nth-child(2), .hamburger-menu .bar:nth-child(3) {
  top: 0;
  bottom: 0;
}
.hamburger-menu .bar:nth-child(4) {
  bottom: 0;
}

.navbar-toggler[aria-expanded=true] .bar:nth-child(1), .navbar-toggler.close .bar:nth-child(1) {
  top: 0;
  opacity: 0;
}
.navbar-toggler[aria-expanded=true] .bar:nth-child(2), .navbar-toggler.close .bar:nth-child(2) {
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded=true] .bar:nth-child(3), .navbar-toggler.close .bar:nth-child(3) {
  top: 0;
  bottom: 0;
  transform: rotate(-45deg);
}
.navbar-toggler[aria-expanded=true] .bar:nth-child(4), .navbar-toggler.close .bar:nth-child(4) {
  bottom: 0;
  opacity: 0;
}

#offcanvasNavbar {
  color: var(--color-light);
  background-color: var(--color-primary);
  background-image: url("../img/background/navbar-nav-bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
#offcanvasNavbar .navbar-nav .nav-link {
  font-size: var(--typo-md);
  font-weight: var(--fw-medium);
  transition: opacity 200ms ease;
}
#offcanvasNavbar .navbar-nav .nav-link.active {
  opacity: 0.75;
}
#offcanvasNavbar .navbar-nav .nav-item {
  margin-top: 1rem;
}
#offcanvasNavbar .navbar-nav .nav-item + .nav-item {
  margin-top: 1rem;
}
#offcanvasNavbar .btn-sound {
  min-width: inherit;
  padding: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#offcanvasNavbar .btn-sound svg {
  fill: #fff;
  width: 20px;
}
#offcanvasNavbar .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='4' viewBox='0 0 28 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9624 1.96235H25.9624' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  opacity: 1;
  outline: none;
  box-shadow: none;
}
#offcanvasNavbar .offcanvas-header {
  padding: 2rem 2rem 0 2rem;
  justify-content: space-between;
}
#offcanvasNavbar .offcanvas-header .btn-close {
  margin-left: 0;
  padding-left: 0;
}
#offcanvasNavbar .offcanvas-body {
  padding: 1rem 2rem;
}

@media (max-width: 1440px) {
  .site-header .navbar {
    height: 92px;
  }
  .site-header .navbar-brand img {
    height: 74px;
  }
}
@media (max-width: 1199px) {
  .site-header .navbar {
    height: 82px;
  }
  .site-header .navbar-brand img {
    height: 64px;
  }
}
@media (max-width: 991px) {
  .site-header .navbar {
    height: 70px;
  }
  .site-header .navbar-brand img {
    width: auto;
    height: 54px;
  }
  .navbar-lang .flag {
    margin-right: 0;
  }
  .navbar-lang .dropdown-item {
    text-align: center;
  }
}
@media (max-width: 767px) {
  #offcanvasNavbar .offcanvas-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #offcanvasNavbar .offcanvas-body {
    padding: 1rem;
  }
}
@media (max-width: 575px) {
  .site-header .navbar {
    padding-left: 0;
    padding-right: 0;
  }
  .site-header .navbar {
    height: 70px;
  }
  .site-header .navbar-brand img {
    width: auto;
    height: 54px;
  }
  .navbar-share {
    margin-right: 2px;
  }
  .navbar-share .btn {
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 38px;
  }
  .navbar-share .btn svg {
    width: 14px;
  }
  .navbar-share .dropdown-item {
    width: 44px;
    height: 44px;
  }
  .navbar-lang .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
  }
  .navbar-lang .dropdown-item .flag {
    margin-right: 0;
  }
  .navbar-lang .dropdown-item {
    padding: 10px;
    width: 44px;
    height: 44px;
    border: 3px solid transparent;
    background: linear-gradient(var(--color-primary-light), var(--color-primary-light)) padding-box, linear-gradient(to top, #ffffff, #ffe6e6) border-box;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navbar-lang .dropdown-menu {
    width: 100%;
  }
  .navbar-lang .btn {
    padding: 0;
    min-width: 44px;
    height: 44px;
    line-height: 38px;
  }
  .navbar-lang .flag {
    width: 20px;
    height: 20px;
  }
  .navbar-lang.dropdown .dropdown-toggle::after {
    margin-left: 0.2em;
    display: none;
  }
}
.site-footer .bg {
  background-color: #fff9f9;
}
.site-footer .bg .card {
  position: relative;
  top: 180px;
  margin-top: -180px;
  margin-bottom: 205px;
}
.site-footer .bg .card-body {
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.site-footer .card {
  position: relative;
  text-align: center;
  color: var(--color-light);
  background: var(--color-primary);
  border: 8px solid var(--color-light);
  border-radius: 1.875rem;
}
.site-footer .card .link {
  color: var(--color-light);
  text-decoration: none;
}
.site-footer .card .card-body {
  padding: 1.5rem;
}
.site-footer .card #topBtn {
  position: absolute;
  right: 40px;
  top: -25px;
}
.site-footer .info {
  margin-bottom: 1rem;
}
.site-footer .info .title {
  font-size: var(--typo-xl);
  font-weight: var(--fw-bold);
}
.site-footer .info .subtitle {
  font-size: var(--typo-md);
  font-weight: var(--fw-medium);
}
.site-footer .info .desc {
  font-size: var(--typo-default);
  line-height: 1.4em;
  margin-top: 1rem;
}
.site-footer .info .desc span {
  white-space: nowrap;
}
.site-footer .contact {
  margin-bottom: 1rem;
}
.site-footer .contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  gap: 1.25rem;
}
.site-footer .contact .icon {
  display: inline-block;
  width: 44px;
  height: 44px;
  color: transparent;
  border-radius: 50%;
  background-color: var(--color-light);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.site-footer .contact .icon::before {
  display: none;
}
.site-footer .contact .icon.icon-mail {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 11.1075L21.585 4.95C21.1997 4.66096 20.7317 4.50323 20.25 4.5H3.75004C3.26834 4.50323 2.80039 4.66096 2.41504 4.95L12 11.1075Z' fill='%23F20440'/%3E%3Cpath d='M12.405 12.6298L12.2775 12.6898H12.2175C12.1484 12.7207 12.0751 12.7409 12 12.7498C11.9377 12.7577 11.8748 12.7577 11.8125 12.7498H11.7525L11.625 12.6898L1.575 6.19482C1.52698 6.37598 1.50179 6.56242 1.5 6.74982V17.2498C1.5 17.8466 1.73705 18.4189 2.15901 18.8408C2.58097 19.2628 3.15326 19.4998 3.75 19.4998H20.25C20.8467 19.4998 21.419 19.2628 21.841 18.8408C22.2629 18.4189 22.5 17.8466 22.5 17.2498V6.74982C22.4982 6.56242 22.473 6.37598 22.425 6.19482L12.405 12.6298Z' fill='%23F20440'/%3E%3C/svg%3E%0A");
}
.site-footer .contact .icon.icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3481 13.4408L14.0936 14.1459C13.943 14.2304 13.7689 14.2635 13.5977 14.2401C13.4265 14.2166 13.2678 14.1379 13.1456 14.016L8.9584 9.8387C8.83628 9.7168 8.75746 9.55841 8.73396 9.38767C8.71045 9.21694 8.74355 9.04321 8.82821 8.89298L9.53498 7.64141C9.6622 7.41615 9.71201 7.15554 9.6768 6.89938C9.64159 6.64323 9.5233 6.40561 9.33999 6.22284L7.45967 4.34697C7.34946 4.23697 7.21861 4.14971 7.07458 4.09018C6.93056 4.03064 6.7762 4 6.6203 4C6.46441 4 6.31004 4.03064 6.16602 4.09018C6.022 4.14971 5.89114 4.23697 5.78094 4.34697L4.92717 5.19812C4.42792 5.69618 4.1099 6.34646 4.02369 7.04556C3.93748 7.74467 4.08803 8.45246 4.45139 9.05639L4.87977 9.76867C7.06742 13.406 10.1552 16.4216 13.847 18.5261L13.9316 18.5746C15.1927 19.2934 16.7509 19.0839 17.7606 18.0772L18.6522 17.1877C18.7625 17.0778 18.8499 16.9472 18.9096 16.8036C18.9693 16.6599 19 16.5059 19 16.3504C19 16.1948 18.9693 16.0408 18.9096 15.8972C18.8499 15.7535 18.7625 15.6229 18.6522 15.513L16.7707 13.6359C16.5875 13.4528 16.3492 13.3346 16.0923 13.2994C15.8355 13.2641 15.5741 13.3138 15.3481 13.4408Z' fill='%23F20440'/%3E%3C/svg%3E%0A");
}
.site-footer .contact .link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.75rem;
  font-weight: var(--fw-medium);
}
.site-footer .social .title {
  font-size: var(--typo-default);
  font-weight: var(--fw-bold);
  margin-bottom: 0.75rem;
}
.site-footer .social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  gap: 0.75rem;
}
.site-footer .social .icon {
  display: inline-block;
  width: 44px;
  height: 44px;
  color: transparent;
  border-radius: 50%;
  background-color: var(--color-light);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
}
.site-footer .social .icon::before {
  display: none;
}
.site-footer .social .icon.icon-facebook {
  background-image: url("../img/icon/icon-facebook.svg");
}
.site-footer .social .icon.icon-instagram {
  background-image: url("../img/icon/icon-instagram.svg");
}
.site-footer .social .icon.icon-tiktok {
  background-image: url("../img/icon/icon-tiktok.svg");
}
.site-footer .social .icon.icon-line {
  background-image: url("../img/icon/icon-line.svg");
}
.site-footer .pthf {
  text-align: center;
}
.site-footer .pthf img {
  max-width: 642px;
}
.site-footer .copyright {
  font-size: var(--typo-xs);
  text-align: center;
  color: var(--color-gray);
  padding: 1.25rem 0;
  margin: 0;
}

@media (max-width: 1440px) {
  .site-footer .pthf img {
    max-width: 580px;
  }
}
@media (max-width: 1199px) {
  .site-footer .pthf img {
    max-width: 540px;
  }
  .site-footer .bg .card {
    top: 170px;
    margin-top: -170px;
    margin-bottom: 195px;
  }
  .site-footer .bg .card-body {
    height: 340px;
  }
}
@media (max-width: 991px) {
  .site-footer .pthf img {
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .site-footer .card {
    border-radius: 1.5rem;
  }
}
@media (max-width: 575px) {
  .site-footer .bg .card-body {
    padding: 1rem;
    padding-top: 2rem;
    height: auto;
  }
  .site-footer .pthf img {
    max-width: 100%;
  }
  .site-footer .contact ul {
    flex-direction: column;
    gap: 0.5rem;
  }
  .site-footer .card #topBtn {
    right: 20px;
  }
}
body,
.global-container {
  background-color: #ffffff;
}

.global-container {
  overflow: hidden;
}

.site-container {
  overflow: hidden;
}

.default-page {
  margin-top: 100px;
}

.badge-danger {
  background-color: var(--color-danger);
}

.badge-primary {
  background-color: var(--color-primary);
}

.badge-secondary {
  background-color: var(--color-secondary);
}

.card-style1 {
  border-radius: 1.75rem;
  border: 6px solid var(--color-primary-light);
  box-shadow: 0 0.75rem 0 0 rgb(242, 4, 64);
  margin-bottom: 0.75rem;
}
.card-style1 .card-body {
  padding: 1.5rem;
}
.card-style1 .lead-title {
  padding-left: 1.5rem;
  text-align: left;
  margin-top: -55px;
  font-size: 40px;
  font-weight: var(--fw-bold);
  color: #ffffff;
  text-shadow: rgb(242, 4, 64) 10px 0px 0px, rgb(242, 4, 64) 9.95004px 0.998334px 0px, rgb(242, 4, 64) 9.80067px 1.98669px 0px, rgb(242, 4, 64) 9.55337px 2.9552px 0px, rgb(242, 4, 64) 9.21061px 3.89418px 0px, rgb(242, 4, 64) 8.77583px 4.79426px 0px, rgb(242, 4, 64) 8.25336px 5.64643px 0px, rgb(242, 4, 64) 7.64842px 6.44218px 0px, rgb(242, 4, 64) 6.96707px 7.17356px 0px, rgb(242, 4, 64) 6.2161px 7.83327px 0px, rgb(242, 4, 64) 5.40302px 8.41471px 0px, rgb(242, 4, 64) 4.53596px 8.91207px 0px, rgb(242, 4, 64) 3.62358px 9.32039px 0px, rgb(242, 4, 64) 2.67499px 9.63558px 0px, rgb(242, 4, 64) 1.69967px 9.8545px 0px, rgb(242, 4, 64) 0.707372px 9.97495px 0px, rgb(242, 4, 64) -0.291995px 9.99574px 0px, rgb(242, 4, 64) -1.28845px 9.91665px 0px, rgb(242, 4, 64) -2.27202px 9.73848px 0px, rgb(242, 4, 64) -3.2329px 9.463px 0px, rgb(242, 4, 64) -4.16147px 9.09298px 0px, rgb(242, 4, 64) -5.04846px 8.63209px 0px, rgb(242, 4, 64) -5.88501px 8.08496px 0px, rgb(242, 4, 64) -6.66276px 7.45705px 0px, rgb(242, 4, 64) -7.37394px 6.75463px 0px, rgb(242, 4, 64) -8.01144px 5.98472px 0px, rgb(242, 4, 64) -8.56889px 5.15501px 0px, rgb(242, 4, 64) -9.04072px 4.2738px 0px, rgb(242, 4, 64) -9.42222px 3.34988px 0px, rgb(242, 4, 64) -9.70958px 2.39249px 0px, rgb(242, 4, 64) -9.89993px 1.4112px 0px, rgb(242, 4, 64) -9.99135px 0.415807px 0px, rgb(242, 4, 64) -9.98295px -0.583741px 0px, rgb(242, 4, 64) -9.8748px -1.57746px 0px, rgb(242, 4, 64) -9.66798px -2.55541px 0px, rgb(242, 4, 64) -9.36457px -3.50783px 0px, rgb(242, 4, 64) -8.96759px -4.4252px 0px, rgb(242, 4, 64) -8.481px -5.29836px 0px, rgb(242, 4, 64) -7.90968px -6.11858px 0px, rgb(242, 4, 64) -7.25932px -6.87766px 0px, rgb(242, 4, 64) -6.53644px -7.56803px 0px, rgb(242, 4, 64) -5.74824px -8.18277px 0px, rgb(242, 4, 64) -4.90261px -8.71576px 0px, rgb(242, 4, 64) -4.00799px -9.16166px 0px, rgb(242, 4, 64) -3.07333px -9.51602px 0px, rgb(242, 4, 64) -2.10796px -9.7753px 0px, rgb(242, 4, 64) -1.12153px -9.93691px 0px, rgb(242, 4, 64) -0.123887px -9.99923px 0px, rgb(242, 4, 64) 0.87499px -9.96165px 0px, rgb(242, 4, 64) 1.86512px -9.82453px 0px, rgb(242, 4, 64) 2.83662px -9.58924px 0px, rgb(242, 4, 64) 3.77978px -9.25815px 0px, rgb(242, 4, 64) 4.68517px -8.83455px 0px, rgb(242, 4, 64) 5.54374px -8.32268px 0px, rgb(242, 4, 64) 6.34693px -7.72765px 0px, rgb(242, 4, 64) 7.0867px -7.0554px 0px, rgb(242, 4, 64) 7.75566px -6.31267px 0px, rgb(242, 4, 64) 8.34713px -5.50686px 0px, rgb(242, 4, 64) 8.8552px -4.64602px 0px, rgb(242, 4, 64) 9.27478px -3.73877px 0px, rgb(242, 4, 64) 9.6017px -2.79416px 0px, rgb(242, 4, 64) 9.83268px -1.82163px 0px, rgb(242, 4, 64) 9.96542px -0.830894px 0px;
}

.card-style2 {
  border-radius: 1.75rem;
  border: 6px solid var(--color-primary);
  box-shadow: 0 0.75rem 0 0 rgb(242, 4, 64);
  margin-bottom: 0.75rem;
}
.card-style2 .card-body {
  padding: 1.5rem;
}

.card-style3 {
  background: var(--color-light);
  border: none;
  box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, 0.1);
}
.card-style3 .card-body {
  padding: 1.5rem;
}

.heart img {
  filter: drop-shadow(-0.079rem -0.053rem 0.159rem rgba(35, 31, 32, 0.35));
}

#topBtn {
  position: relative;
  z-index: 99;
  outline: none;
  border: 4px solid var(--color-light);
  background-color: var(--color-primary);
  color: transparent;
  padding: 5px;
  border-radius: 50%;
  font-size: 18px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='38' viewBox='0 0 37 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5625 16.6874C11.9094 16.6874 12.1406 16.5718 12.3719 16.3405L17.3438 11.3687V29.4062C17.3438 30.0999 17.8063 30.5624 18.5 30.5624C19.1938 30.5624 19.6562 30.0999 19.6562 29.4062V11.3687L24.6281 16.3405C24.8594 16.5718 25.2063 16.6874 25.4375 16.6874C25.6687 16.6874 26.0156 16.5718 26.2469 16.3405C26.7094 15.878 26.7094 15.1843 26.2469 14.7218L19.3094 7.78428C19.1938 7.66865 19.0781 7.55303 18.9625 7.55303C18.7312 7.4374 18.3844 7.4374 18.0375 7.55303C17.9219 7.66865 17.8063 7.66865 17.6906 7.78428L10.7531 14.7218C10.2906 15.1843 10.2906 15.878 10.7531 16.3405C10.9844 16.5718 11.2156 16.6874 11.5625 16.6874Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
  transition: all 200ms ease-out;
}
#topBtn:hover {
  transform: translateY(-10px);
}

@media (max-width: 767px) {
  .card-style1 {
    border-radius: 1.25rem;
  }
  .card-style2 {
    border-radius: 1.25rem;
  }
}
@media (max-width: 575px) {
  .card-style1 .card-body {
    padding: 1rem;
  }
  .card-style2 .card-body {
    padding: 1rem;
  }
  .card-style3 .card-body {
    padding: 1rem;
  }
}
.hero-banner .cover {
  padding-top: 56%;
}
.hero-banner .img-desktop {
  display: block;
}
.hero-banner .img-mobile {
  display: none;
}
.hero-banner .slider {
  position: relative;
}
.hero-banner .slider::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  z-index: 0;
}
.hero-banner .slider .slick-dots {
  z-index: 10;
}
.hero-banner .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.hero-banner .slick-dots {
  padding-left: 25px;
  bottom: 120px;
  text-align: left;
}

.pthf-divider {
  position: relative;
  z-index: 10;
  margin-top: -5%;
  margin-bottom: -10%;
  padding-top: 34%;
  width: 100%;
  background-image: url("../img/static/pthf-divider.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  pointer-events: none;
}

.wg-details {
  padding-top: 5rem;
  padding-bottom: 3rem;
}
.wg-details .card {
  position: relative;
}
.wg-details .card .what-is {
  position: absolute;
  top: -80px;
  left: 2rem;
  height: 165px;
}
.wg-details .card .what-is img {
  height: 100%;
}
.wg-details .card .heart1 {
  position: absolute;
  top: -80px;
  right: 0;
  width: 110px;
}
.wg-details .card .heart1 img {
  width: 100%;
}
.wg-details .card .heart2 {
  position: absolute;
  bottom: -50px;
  left: 25%;
  width: 99px;
}
.wg-details .card .heart2 img {
  width: 100%;
}
.wg-details .card .scroll-content {
  height: 400px;
}
.wg-details .card-img {
  width: 546px;
  border-radius: 0;
  margin-left: 1rem;
  margin-right: 4rem;
}
.wg-details .card-title {
  font-size: var(--typo-lg);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
  margin-bottom: 1rem;
}
.wg-details .action {
  margin-top: 3rem;
  text-align: center;
}
.wg-details .action .btn {
  min-width: 220px;
}

.fade-content {
  -webkit-mask-image: linear-gradient(to top, transparent, #000 10% 90%, transparent);
          mask-image: linear-gradient(to top, transparent, #000 10% 90%, transparent);
}

.wg-messages {
  position: relative;
  padding-bottom: 2rem;
}
.wg-messages .letter {
  position: absolute;
  top: -200px;
  left: 50%;
  margin-left: -724px;
  width: 270px;
  z-index: 1;
  pointer-events: none;
}
.wg-messages .letter img {
  width: 100%;
}
.wg-messages .post-it {
  position: absolute;
  top: -120px;
  right: 50%;
  margin-right: -720px;
  width: 240px;
  z-index: 1;
  pointer-events: none;
}
.wg-messages .post-it img {
  width: 100%;
}
.wg-messages .virtual-hope-wall {
  position: relative;
  background: var(--color-primary);
  color: var(--color-light);
  margin-top: 180px;
  padding-top: 20px;
}
.wg-messages .virtual-hope-wall::before {
  content: "";
  position: absolute;
  top: -182px;
  left: 0;
  width: 100%;
  height: 315px;
  background-image: url("../img/static/wg-messages-head-full.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  pointer-events: none;
  z-index: 0;
}
.wg-messages .virtual-hope-wall > * {
  position: relative;
  z-index: 1;
}
.wg-messages .virtual-hope-wall .sparkle {
  position: absolute;
  width: 32px;
  bottom: 60px;
  left: 50%;
  margin-left: -820px;
  z-index: 0;
  pointer-events: none;
}
.wg-messages .virtual-hope-wall .sparkle img {
  width: 100%;
}
.wg-messages .virtual-hope-wall .arrow-line {
  position: absolute;
  width: 1000px;
  bottom: -85px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
}
.wg-messages .virtual-hope-wall .arrow-line img {
  width: 100%;
}

.virtual-hope-wall .card {
  position: relative;
  top: 100px;
  margin-bottom: 120px;
}
.virtual-hope-wall .card .vhw-title {
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
}
.virtual-hope-wall .card .vhw-title img {
  width: 478px;
  max-width: unset;
}
.virtual-hope-wall .card .vhw-title img:lang(en) {
  width: 585px;
}
.virtual-hope-wall .card .message-input {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-block: 1rem;
  margin-top: 0.5rem;
}
.virtual-hope-wall .card .divider {
  border: 1px dashed rgba(0, 0, 0, 0.4);
}
.virtual-hope-wall .card .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: var(--typo-sm);
}
.virtual-hope-wall .card .select2-container--default .select2-results__option[aria-disabled=true] {
  font-size: var(--typo-sm);
}
.virtual-hope-wall .card .tooth {
  position: absolute;
  width: 170px;
  bottom: 0;
  right: -130px;
  z-index: 0;
  pointer-events: none;
}
.virtual-hope-wall .card .tooth img {
  width: 100%;
}
.virtual-hope-wall .card-body {
  padding-left: 2rem;
  padding-right: 2rem;
}

.hope-total {
  font-size: var(--typo-md);
  font-weight: var(--fw-bold);
  padding: 4rem 0;
}
.hope-total .inner {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}
.hope-total .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 120%;
  transform: translateY(-50%);
  width: 384px;
  height: 147px;
  background-image: url("data:image/svg+xml,%3Csvg width='384' height='147' viewBox='0 0 384 147' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M242.724 147H242.735C244.094 146.995 245.279 146.069 245.611 144.751L278.33 14.6041L307.817 120.629C308.154 121.841 309.218 122.71 310.473 122.799C311.727 122.889 312.904 122.18 313.409 121.027L334.604 72.759L339.441 85.0738C339.888 86.2126 340.987 86.962 342.21 86.962H381.024C382.667 86.962 384 85.6292 384 83.9861C384 82.343 382.667 81.0102 381.024 81.0102H344.239L337.526 63.9219C337.087 62.8036 336.017 62.058 334.815 62.035C333.609 62.0107 332.515 62.7129 332.032 63.8134L311.316 110.993L281.053 2.1783C280.69 0.877374 279.499 -0.018849 278.148 0.000301059C276.797 0.0168978 275.628 0.941207 275.299 2.24979L242.683 131.98L223.477 57.7173C223.152 56.4598 222.05 55.5585 220.753 55.4908C219.458 55.4219 218.264 56.2032 217.81 57.4186L202.171 99.1797L197.207 83.0554C196.822 81.8068 195.669 80.9553 194.362 80.9553H2.97614C1.33295 80.9553 0 82.2881 0 83.9312C0 85.5743 1.33295 86.9071 2.97614 86.9071H192.165L199.052 109.277C199.426 110.494 200.534 111.337 201.807 111.376C203.081 111.415 204.236 110.638 204.682 109.445L220.076 68.3379L239.844 144.77C240.184 146.083 241.368 147 242.724 147Z' fill='%23FF1733'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.hope-total .inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 120%;
  transform: translateY(-50%);
  width: 384px;
  height: 147px;
  background-image: url("data:image/svg+xml,%3Csvg width='397' height='109' viewBox='0 0 397 109' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M238.762 109C237.598 109 236.52 108.341 236 107.279L208.073 50.3697L198.483 80.1537C198.099 81.3484 197.025 82.1898 195.771 82.2782C194.517 82.3665 193.337 81.686 192.786 80.5572L178.908 52.0801L169.879 67.7139C169.265 68.7768 168.076 69.3742 166.856 69.2304C165.635 69.088 164.617 68.2335 164.265 67.0585L150.557 21.2543L124.661 94.5597C124.241 95.7479 123.139 96.5602 121.878 96.609C120.616 96.6605 119.456 95.9325 118.945 94.7799L99.0295 49.7828L90.0918 66.225C89.5531 67.2154 88.5154 67.8326 87.388 67.8326H3.07739C1.37829 67.8326 0 66.4558 0 64.7586C0 63.0613 1.37829 61.6846 3.07739 61.6846H85.5608L96.6122 41.3534C97.172 40.3234 98.2691 39.7023 99.4414 39.7485C100.614 39.7959 101.657 40.5054 102.131 41.5762L121.441 85.2084L147.901 10.3087C148.344 9.05322 149.542 8.229 150.878 8.25802C152.21 8.29098 153.369 9.17587 153.75 10.4511L168.12 58.4628L176.475 43.9935C177.044 43.0084 178.109 42.4176 179.249 42.4572C180.387 42.4967 181.41 43.1614 181.908 44.1834L194.97 70.987L204.55 41.2321C204.935 40.0386 206.005 39.1985 207.258 39.1075C208.511 39.0179 209.691 39.6944 210.243 40.8206L237.765 96.9044L260.461 2.35661C260.792 0.973238 262.031 0 263.454 0C263.46 0 263.467 0 263.474 0C264.903 0.00923125 266.139 1.00093 266.455 2.39485L282.731 74.2219L292.531 45.9453C292.908 44.8599 293.859 44.074 294.997 43.9091C296.137 43.743 297.271 44.2269 297.941 45.1619L309.788 61.6859H393.923C395.622 61.6859 397 63.0627 397 64.7599C397 66.4571 395.622 67.8339 393.923 67.8339H308.206C307.213 67.8339 306.282 67.3552 305.704 66.5494L296.402 53.5716L285.021 86.4124C284.57 87.7101 283.314 88.5541 281.943 88.4763C280.572 88.3998 279.415 87.4253 279.113 86.0854L263.369 16.6149L241.758 106.643C241.455 107.904 240.394 108.839 239.104 108.982C238.991 108.993 238.877 109 238.765 109H238.762Z' fill='%23FF1733'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.hope-total .heart {
  width: 85px;
  margin-right: 0.25rem;
}
.hope-total .heart img {
  width: 100%;
}
.hope-total .total {
  display: inline-block;
  font-size: 55px;
  text-align: right;
  font-weight: var(--fw-bold);
  width: 224px;
  color: var(--color-primary);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.wg-vdo {
  position: relative;
  padding: 4rem 0;
  background-image: linear-gradient(0deg, #ffffff 0, #fff5f5 48%, #ffe6e6 100%);
}
.wg-vdo .paper-plane {
  position: absolute;
  width: 135px;
  top: -30px;
  right: 50%;
  margin-right: -680px;
  pointer-events: none;
}
.wg-vdo .paper-plane img {
  width: 100%;
}
.wg-vdo .curve-line-pattern1 {
  position: absolute;
  width: 800px;
  top: 140px;
  left: 50%;
  margin-left: -990px;
  pointer-events: none;
  z-index: 0;
}
.wg-vdo .curve-line-pattern1 img {
  width: 100%;
}
.wg-vdo .main-vdo .thumbnail {
  position: relative;
  width: 590px;
  margin-right: 6rem;
  border-radius: 1rem;
  box-shadow: 1.25rem 1.125rem 0 var(--color-primary);
  overflow: hidden;
}
.wg-vdo .main-vdo .thumbnail .play-button {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  z-index: 1;
  cursor: pointer;
  width: 50px;
}
.wg-vdo .main-vdo .thumbnail .play-button > img,
.wg-vdo .main-vdo .thumbnail .play-button > svg {
  width: 100%;
}
.wg-vdo .main-vdo .cover {
  padding-top: 60%;
}
.wg-vdo .main-vdo .whead {
  margin-bottom: 0;
}
.wg-vdo .main-vdo .whead .title {
  font-weight: var(--fw-normal);
  margin-bottom: 0.875rem;
}
.wg-vdo .main-vdo .whead .title strong {
  color: var(--color-secondary);
}
.wg-vdo .other-vdo {
  margin-top: 3rem;
  width: 100%;
}
.wg-vdo .other-vdo .slick-list {
  margin: 0 -10px;
}
.wg-vdo .other-vdo .thumbnail {
  width: auto;
  margin: 10px;
  border: 0.188rem solid var(--color-secondary);
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.wg-vdo .other-vdo .cover {
  padding-top: 60%;
}
.wg-vdo .other-vdo .thumbnail .play-button {
  width: 30px;
  bottom: 1rem;
  right: 1rem;
}
.wg-vdo .slider {
  margin-bottom: 0;
}
.wg-vdo .slider .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 10px;
}

.wg-postcard {
  position: relative;
  padding: 2rem 0 6rem 0;
  overflow: hidden;
}
.wg-postcard .whead {
  margin-bottom: 2rem;
}
.wg-postcard .whead .title {
  font-weight: var(--fw-normal);
  margin-bottom: 0.875rem;
}
.wg-postcard .whead .title strong {
  color: var(--color-secondary);
}
.wg-postcard .postcard-img {
  max-width: 624px;
  width: 100%;
  margin-left: 5rem;
}
.wg-postcard .postcard-img > img {
  width: 100%;
}
.wg-postcard .curve-line-pattern2 {
  position: absolute;
  width: 800px;
  right: 50%;
  bottom: -390px;
  margin-right: -960px;
  pointer-events: none;
  z-index: 0;
}
.wg-postcard .curve-line-pattern2 img {
  width: 100%;
}

.line-contact .qrcode {
  width: 180px;
  padding: 10px;
  background: var(--color-primary);
  border: 4px solid var(--color-secondary);
  border-radius: 8px;
}
.line-contact .qrcode img {
  border-radius: 6px;
  background: var(--color-light);
  border: 4px solid var(--color-light);
}
.line-contact .text {
  font-size: var(--typo-md);
  line-height: 1.4em;
  margin-bottom: 0.5rem;
}

.wg-sponsor {
  padding: 4rem 0;
  background-color: #fff9f9;
}
.wg-sponsor .title {
  text-align: center;
  font-size: var(--typo-md);
  font-weight: var(--fw-bold);
  margin-bottom: 2rem;
}
.wg-sponsor .sponsor-list .brand {
  max-width: 200px;
  margin: 0 20px;
}
.wg-sponsor .sponsor-list .brand .contain {
  padding-top: 100%;
  background-color: #fff9f9;
}
.wg-sponsor .sponsor-list .brand .contain img {
  mix-blend-mode: multiply;
}
.wg-sponsor .sponsor-list .item {
  position: relative;
}
.wg-sponsor .sponsor-list .item + .item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -1px;
  width: 2px;
  height: 45%;
  background-color: var(--color-primary);
  opacity: 0.15;
}

.thank-you-popup .card-style1 .card-body {
  padding: 5rem;
}
.thank-you-popup .popup-img {
  width: 340px;
  max-width: 100%;
}
.thank-you-popup .popup-img > svg,
.thank-you-popup .popup-img > img {
  width: 100%;
}
.thank-you-popup .popup-inner {
  text-align: center;
  padding-left: 5rem;
}
.thank-you-popup .popup-inner .title {
  font-size: var(--typo-xl);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
  margin-bottom: 1rem;
}
.thank-you-popup .popup-inner .desc {
  font-size: var(--typo-default);
  font-weight: var(--fw-normal);
  line-height: 1.4em;
  margin: 0;
}
.thank-you-popup .popup-inner .action {
  margin-top: 2.5rem;
}

@media (max-width: 1600px) {
  .wg-details .card-img {
    width: 460px;
    margin-right: 3rem;
  }
  .wg-details .card .scroll-content {
    height: 358px;
  }
  .wg-vdo .main-vdo .thumbnail {
    width: 530px;
  }
  .wg-vdo .other-vdo .thumbnail {
    width: auto;
  }
  .wg-postcard .postcard-img {
    width: 590px;
    margin-left: 4rem;
  }
}
@media (max-width: 1440px) {
  .wg-details .card .what-is {
    top: -70px;
    height: 140px;
  }
  .wg-details .card .heart1 {
    top: -70px;
    width: 100px;
  }
  .wg-details .card-img {
    width: 460px;
    margin-right: 3rem;
  }
  .wg-messages .virtual-hope-wall {
    margin-top: 120px;
  }
  .wg-messages .virtual-hope-wall::before {
    top: -125px;
    height: 220px;
  }
  .wg-messages .virtual-hope-wall .arrow-line {
    width: 850px;
    bottom: -40px;
  }
  .virtual-hope-wall .card .tooth {
    width: 140px;
    right: -105px;
  }
  .hope-total {
    padding: 3rem 0;
  }
  .hope-total .total {
    font-size: 50px;
    width: 195px;
  }
  .hope-total .inner::before {
    width: 280px;
    height: 100px;
  }
  .hope-total .inner::after {
    width: 280px;
    height: 100px;
  }
  .wg-vdo .main-vdo .thumbnail {
    width: 530px;
  }
  .wg-vdo .other-vdo .thumbnail {
    width: auto;
  }
  .wg-postcard .postcard-img {
    max-width: 550px;
  }
  .wg-messages .letter {
    top: -130px;
    margin-left: -554px;
    width: 220px;
  }
  .wg-messages .post-it {
    top: -90px;
    margin-right: -600px;
    width: 180px;
  }
}
@media (max-width: 1199px) {
  .pthf-divider {
    margin-bottom: -12%;
    padding-top: 40%;
    background-position: top center;
    background-size: 120%;
  }
  .wg-details {
    padding-top: 4rem;
  }
  .wg-details .card .what-is {
    top: -65px;
    left: 1.5rem;
    height: 128px;
  }
  .wg-details .card-img {
    width: 325px;
    margin-left: 0;
    margin-right: 1.5rem;
  }
  .wg-details .editor-content {
    font-size: var(--typo-sm);
  }
  .wg-messages {
    padding-bottom: 1.5rem;
  }
  .wg-messages .virtual-hope-wall {
    margin-top: 100px;
  }
  .wg-messages .virtual-hope-wall::before {
    top: -104px;
    height: 180px;
  }
  .hope-total {
    padding: 2.5rem 0;
  }
  .hope-total .heart {
    width: 80px;
  }
  .hope-total .total {
    font-size: 46px;
    width: 185px;
  }
  .hope-total .inner::before {
    width: 220px;
    height: 85px;
    right: 110%;
  }
  .hope-total .inner::after {
    width: 220px;
    height: 85px;
    left: 110%;
  }
  .wg-vdo {
    padding: 3rem 0;
  }
  .wg-vdo .main-vdo .thumbnail {
    width: 400px;
    margin-right: 3rem;
  }
  .wg-vdo .other-vdo {
    margin-top: 2rem;
  }
  .wg-vdo .other-vdo .thumbnail {
    width: auto;
    margin: 10px;
  }
  .wg-vdo .whead .desc {
    font-size: 16px;
  }
  .wg-postcard {
    padding: 2rem 0 4rem 0;
  }
  .wg-postcard .postcard-img {
    max-width: 400px;
    margin-left: 2rem;
  }
  .wg-postcard .whead .desc {
    font-size: 16px;
  }
  .line-contact .qrcode {
    width: 160px;
    padding: 8px;
  }
  .wg-sponsor {
    padding: 3rem 0;
  }
  .thank-you-popup .card-style1 .card-body {
    padding: 2rem;
  }
  .thank-you-popup .popup-img {
    width: 300px;
  }
  .thank-you-popup .popup-inner {
    text-align: center;
    padding-left: 2rem;
  }
  .wg-messages .letter {
    top: -110px;
    margin-left: -500px;
    width: 180px;
  }
  .wg-messages .post-it {
    top: -70px;
    margin-right: -520px;
    width: 160px;
  }
}
@media (max-width: 1024px) {
  .pthf-divider {
    margin-top: -10%;
  }
}
@media (max-width: 991px) {
  .pthf-divider {
    margin-bottom: -4%;
    padding-top: 34%;
    background-size: 132%;
  }
  .wg-details .card-img {
    width: 270px;
    margin-right: 1.25rem;
  }
  .wg-details .card .heart1 {
    top: -65px;
    width: 90px;
  }
  .wg-details .card .heart2 {
    bottom: -40px;
    width: 85px;
  }
  .wg-details .editor-content br.br-xl {
    display: none;
  }
  .wg-messages .virtual-hope-wall {
    margin-top: 82px;
  }
  .wg-messages .virtual-hope-wall::before {
    top: -85px;
    height: 150px;
  }
  .virtual-hope-wall .card .tooth {
    display: none;
  }
  .wg-vdo .main-vdo .thumbnail {
    width: 360px;
    margin-right: 3rem;
  }
  .wg-vdo .whead .desc br {
    display: none;
  }
  .wg-vdo .other-vdo .thumbnail {
    width: auto;
    margin: 10px;
  }
  .wg-postcard .postcard-img {
    max-width: 370px;
    margin-left: 1.5rem;
  }
  .wg-postcard .whead .desc br.br-xl {
    display: none;
  }
  .thank-you-popup .popup-img {
    margin: 0 auto;
    margin-bottom: 1.5rem;
  }
  .thank-you-popup .popup-inner {
    padding-left: 0;
  }
  .thank-you-popup .popup-inner .action {
    margin-top: 1.5rem;
  }
  .wg-messages .letter {
    top: -80px;
    margin-left: -420px;
    width: 160px;
  }
  .wg-messages .post-it {
    top: -60px;
    margin-right: -450px;
    width: 140px;
  }
}
@media (max-width: 767px) {
  .hero-banner .cover {
    padding-top: 217%;
  }
  .hero-banner .slick-dots {
    padding-left: 0;
    bottom: 60px;
    text-align: center;
  }
  .hero-banner .img-desktop {
    display: none;
  }
  .hero-banner .img-mobile {
    display: block;
  }
  .pthf-divider {
    margin-bottom: 0;
    background-size: 140%;
  }
  .wg-details {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }
  .wg-details .card-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
  .wg-details .card .what-is {
    top: -55px;
    height: 110px;
  }
  .wg-details .card .heart1 {
    top: -54px;
    width: 85px;
  }
  .wg-details .card .heart2 {
    bottom: -48px;
    width: 75px;
    left: 5%;
  }
  .wg-details .action {
    margin-top: 2.5rem;
  }
  .wg-details .card .scroll-content {
    height: auto;
  }
  .wg-messages .virtual-hope-wall {
    margin-top: 72px;
  }
  .wg-messages .virtual-hope-wall::before {
    top: -74px;
    height: 130px;
  }
  .virtual-hope-wall .card .vhw-title {
    top: -55px;
  }
  .virtual-hope-wall .card .vhw-title img {
    width: 450px;
  }
  .virtual-hope-wall .card .select2-container {
    width: 100% !important;
  }
  .virtual-hope-wall .card .vhw-title img:lang(en) {
    width: 500px;
  }
  .hope-total {
    padding: 2rem 0;
  }
  .hope-total .heart {
    width: 70px;
  }
  .hope-total .total {
    font-size: 40px;
    width: 160px;
  }
  .hope-total .inner::before,
  .hope-total .inner::after {
    display: none;
  }
  .wg-vdo .main-vdo .whead {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .wg-vdo .main-vdo .thumbnail {
    width: 100%;
  }
  .wg-vdo .other-vdo {
    margin-top: 2rem;
    width: 100%;
  }
  .wg-vdo .other-vdo .thumbnail {
    margin: 5px;
    width: auto;
  }
  .wg-vdo .other-vdo .slick-list {
    margin: 0 -5px;
  }
  .wg-postcard {
    padding: 1.5rem 0 3rem 0;
  }
  .wg-postcard .postcard-img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .wg-postcard .whead {
    text-align: center;
  }
  .line-contact > .row {
    justify-content: center;
  }
  .thank-you-popup .popup-img {
    padding: 1rem;
  }
  .thank-you-popup .card-style1 .card-body {
    padding: 1rem;
  }
  .thank-you-popup .popup-inner .desc br {
    display: none;
  }
  .wg-messages .letter {
    top: -70px;
    margin-left: -380px;
    width: 140px;
  }
  .wg-messages .post-it {
    top: -50px;
    margin-right: -400px;
    width: 120px;
  }
}
@media (max-width: 575px) {
  .pthf-divider {
    background-size: 180%;
    background-position: center;
  }
  .wg-details .card .what-is {
    top: -45px;
    left: 1rem;
    height: 85px;
  }
  .wg-details .card .heart1 {
    top: -50px;
    width: 70px;
  }
  .wg-details .card .heart2 {
    width: 70px;
    left: 0;
  }
  .virtual-hope-wall .card {
    top: 60px;
    margin-bottom: 80px;
  }
  .virtual-hope-wall .card-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .virtual-hope-wall .card .vhw-title {
    top: -45px;
    width: 100%;
    text-align: center;
  }
  .virtual-hope-wall .card .vhw-title img {
    max-width: 100%;
  }
  .hope-total {
    font-size: 15px;
    padding: 1.5rem 0;
  }
  .hope-total .heart {
    width: 50px;
  }
  .hope-total .total {
    font-size: 30px;
    width: 120px;
  }
  .wg-vdo {
    padding: 2rem 0;
  }
  .wg-postcard {
    padding-bottom: 2rem;
  }
  .line-contact > .row {
    flex-direction: column;
  }
  .line-contact .text {
    margin-top: 0.5rem;
    text-align: center;
  }
  .line-contact .btn {
    width: 100%;
  }
  .wg-sponsor {
    padding: 2rem 0;
  }
  .wg-messages .whead .h-title:lang(en) {
    font-size: 23px;
  }
}
.fundraising-page {
  padding-bottom: 6rem;
}
.fundraising-page .payment-banner {
  width: 370px;
}
.fundraising-page .donate {
  width: 370px;
}
.fundraising-page .form-info {
  padding-top: 1rem;
}
.fundraising-page .form-info .title {
  font-size: var(--typo-sm);
  font-weight: var(--fw-bold);
  color: var(--color-default);
  margin-bottom: 1.25rem;
}
.fundraising-page .form-info .form-text {
  font-weight: var(--fw-normal);
  margin-top: 0.75em;
}
.fundraising-page .p-center {
  max-width: 820px;
  margin: auto;
  padding: 0 5rem;
}

.payment-banner {
  color: var(--color-default);
  background: linear-gradient(0deg, #FFFFFF 0%, #FFF5F5 48%, #FFE6E6 100%);
  border-radius: 1.875rem;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 60px;
}
.payment-banner .pthf {
  max-width: 200px;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.payment-banner .pthf > img {
  width: 100%;
  height: auto;
  filter: brightness(1) invert(1);
}
.payment-banner .title {
  color: var(--color-primary);
  font-size: var(--typo-xl);
  font-weight: var(--fw-bold);
  margin: 0 0 1rem 0;
}
.payment-banner .subtitle {
  font-size: var(--typo-default);
  font-weight: var(--fw-normal);
  line-height: 1.4em;
  margin: 0;
}
.payment-banner .letter {
  margin-top: 8rem;
  max-width: 260px;
}
.payment-banner .letter > img {
  width: 100%;
  height: auto;
}

.payment-action .checkbox-control {
  margin-bottom: 1rem;
}

.fun-box {
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 2rem;
}

.donate .card {
  border-radius: 0.625rem;
}
.donate .card .card-title {
  font-size: var(--typo-md);
  font-weight: var(--fw-semiBold);
  color: var(--color-light);
  text-align: center;
  padding: 8px 40px;
  background: linear-gradient(160deg, #f20440 18.55%, #8c0225 87.36%);
  border-radius: 0 0 30px 30px;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}
.donate .card-body {
  text-align: center;
}
.donate .name {
  font-size: var(--typo-lg);
  font-weight: var(--fw-bold);
  line-height: 1.2em;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
.donate .checkbox-control .title {
  font-size: var(--typo-xs);
  text-align: left;
}
.donate .checkbox-control .icon {
  top: -2px;
}
.donate .form-text {
  font-size: var(--typo-xs);
  line-height: 1.4em;
}

.donate-input {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100px;
  background: #f4f4f4;
  border-radius: 0.625rem;
  margin: 1.25rem 0;
}
.donate-input input {
  font-size: 32px;
  text-align: center;
  outline: none;
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0 10px;
  width: 164px;
}
.donate-input span {
  font-size: 18px;
  opacity: 0.35;
}

.donate-options {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 260px;
  margin: 1rem auto;
}
.donate-options .option {
  display: inline-block;
  font-size: var(--typo-xs);
  font-weight: var(--fw-semiBold);
  background-color: var(--color-light);
  border: 1px solid var(--color-border);
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  padding: 0 10px;
  text-align: center;
}
.donate-options .option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.donate-options .option:has(input:checked) {
  color: var(--color-light);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.promptpay .qrcode {
  max-width: 194px;
  margin: 0 auto;
}
.promptpay .qrcode img {
  width: 100%;
  height: auto;
}
.promptpay .qrcode .action {
  margin-top: 0.75rem;
  text-align: center;
}
.promptpay .qrcode .action .link {
  color: var(--color-primary);
  font-weight: var(--fw-bold);
  font-size: 12px;
  text-decoration: underline;
}
.promptpay .note {
  border-top: 1px solid var(--color-border);
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.promptpay .note .topic {
  color: var(--color-default);
  font-size: var(--typo-xs);
  font-weight: var(--fw-bold);
  margin-bottom: 0.75rem;
}
.promptpay .note ul {
  padding-left: 1.25rem;
  margin-bottom: 0;
}
.promptpay .note li {
  color: #888;
  font-size: var(--typo-xs);
  line-height: 1.4em;
}
.promptpay .note li + li {
  margin-top: 0.3rem;
}
.promptpay .account {
  padding-left: 1rem;
  line-height: 1.4em;
  font-weight: var(--fw-bold);
}
.promptpay .account .title {
  font-size: var(--typo-sm);
  color: var(--color-default);
  margin-bottom: 0;
}
.promptpay .account .title + .title {
  margin-top: 0.75rem;
}
.promptpay .account .title small {
  font-size: 1em;
  font-weight: var(--fw-normal);
  display: block;
  margin-top: 0em;
}

.upload-slip {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  cursor: pointer;
  text-align: center;
  border-radius: 0.625rem;
  font-weight: var(--fw-bold);
  color: var(--color-default);
  font-size: var(--typo-xs);
  background: rgba(96, 96, 96, 0.0392156863);
  border: 2px dashed #D9D9D9;
  line-height: 1.4em;
  cursor: pointer;
}
.upload-slip span {
  font-weight: var(--fw-normal);
  font-size: 0.8em;
  color: var(--color-gray);
}
.upload-slip input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: left;
  outline: 0;
  background: #fff;
  display: block;
  opacity: 0;
}

.uploadslip {
  position: relative;
  margin-top: 0.5rem;
}
.uploadslip.feedback .image-frame {
  display: block;
}
.uploadslip.feedback .upload-slip {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 240px;
  opacity: 0;
}

.image-frame {
  display: none;
  width: 200px;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 0.625rem;
  border: 1px solid var(--color-border);
}

.payment-action {
  margin-top: 3rem;
}

.terms-conditions-popup {
  padding-top: 50px;
  padding-bottom: 15px;
}
.terms-conditions-popup .title {
  font-size: 26px;
  font-weight: var(--fw-bold);
  color: #ffffff;
  text-align: center;
  text-shadow: rgb(242, 4, 64) 10px 0px 0px, rgb(242, 4, 64) 9.95004px 0.998334px 0px, rgb(242, 4, 64) 9.80067px 1.98669px 0px, rgb(242, 4, 64) 9.55337px 2.9552px 0px, rgb(242, 4, 64) 9.21061px 3.89418px 0px, rgb(242, 4, 64) 8.77583px 4.79426px 0px, rgb(242, 4, 64) 8.25336px 5.64643px 0px, rgb(242, 4, 64) 7.64842px 6.44218px 0px, rgb(242, 4, 64) 6.96707px 7.17356px 0px, rgb(242, 4, 64) 6.2161px 7.83327px 0px, rgb(242, 4, 64) 5.40302px 8.41471px 0px, rgb(242, 4, 64) 4.53596px 8.91207px 0px, rgb(242, 4, 64) 3.62358px 9.32039px 0px, rgb(242, 4, 64) 2.67499px 9.63558px 0px, rgb(242, 4, 64) 1.69967px 9.8545px 0px, rgb(242, 4, 64) 0.707372px 9.97495px 0px, rgb(242, 4, 64) -0.291995px 9.99574px 0px, rgb(242, 4, 64) -1.28845px 9.91665px 0px, rgb(242, 4, 64) -2.27202px 9.73848px 0px, rgb(242, 4, 64) -3.2329px 9.463px 0px, rgb(242, 4, 64) -4.16147px 9.09298px 0px, rgb(242, 4, 64) -5.04846px 8.63209px 0px, rgb(242, 4, 64) -5.88501px 8.08496px 0px, rgb(242, 4, 64) -6.66276px 7.45705px 0px, rgb(242, 4, 64) -7.37394px 6.75463px 0px, rgb(242, 4, 64) -8.01144px 5.98472px 0px, rgb(242, 4, 64) -8.56889px 5.15501px 0px, rgb(242, 4, 64) -9.04072px 4.2738px 0px, rgb(242, 4, 64) -9.42222px 3.34988px 0px, rgb(242, 4, 64) -9.70958px 2.39249px 0px, rgb(242, 4, 64) -9.89993px 1.4112px 0px, rgb(242, 4, 64) -9.99135px 0.415807px 0px, rgb(242, 4, 64) -9.98295px -0.583741px 0px, rgb(242, 4, 64) -9.8748px -1.57746px 0px, rgb(242, 4, 64) -9.66798px -2.55541px 0px, rgb(242, 4, 64) -9.36457px -3.50783px 0px, rgb(242, 4, 64) -8.96759px -4.4252px 0px, rgb(242, 4, 64) -8.481px -5.29836px 0px, rgb(242, 4, 64) -7.90968px -6.11858px 0px, rgb(242, 4, 64) -7.25932px -6.87766px 0px, rgb(242, 4, 64) -6.53644px -7.56803px 0px, rgb(242, 4, 64) -5.74824px -8.18277px 0px, rgb(242, 4, 64) -4.90261px -8.71576px 0px, rgb(242, 4, 64) -4.00799px -9.16166px 0px, rgb(242, 4, 64) -3.07333px -9.51602px 0px, rgb(242, 4, 64) -2.10796px -9.7753px 0px, rgb(242, 4, 64) -1.12153px -9.93691px 0px, rgb(242, 4, 64) -0.123887px -9.99923px 0px, rgb(242, 4, 64) 0.87499px -9.96165px 0px, rgb(242, 4, 64) 1.86512px -9.82453px 0px, rgb(242, 4, 64) 2.83662px -9.58924px 0px, rgb(242, 4, 64) 3.77978px -9.25815px 0px, rgb(242, 4, 64) 4.68517px -8.83455px 0px, rgb(242, 4, 64) 5.54374px -8.32268px 0px, rgb(242, 4, 64) 6.34693px -7.72765px 0px, rgb(242, 4, 64) 7.0867px -7.0554px 0px, rgb(242, 4, 64) 7.75566px -6.31267px 0px, rgb(242, 4, 64) 8.34713px -5.50686px 0px, rgb(242, 4, 64) 8.8552px -4.64602px 0px, rgb(242, 4, 64) 9.27478px -3.73877px 0px, rgb(242, 4, 64) 9.6017px -2.79416px 0px, rgb(242, 4, 64) 9.83268px -1.82163px 0px, rgb(242, 4, 64) 9.96542px -0.830894px 0px;
  margin: 0;
}
.terms-conditions-popup .title span {
  font-size: 40px;
}
.terms-conditions-popup .card-style2::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 120px;
  background-image: url("../img/static/clouds.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  pointer-events: none;
  z-index: -1;
}
.terms-conditions-popup .card-style2 .title {
  margin-top: -42px;
}
.terms-conditions-popup .card-style2 .action {
  margin-bottom: -32px;
  text-align: center;
}
.terms-conditions-popup .card-style2 .letter {
  position: absolute;
  top: -100px;
  left: 50%;
  margin-left: -460px;
  width: 150px;
  z-index: 1;
  pointer-events: none;
}
.terms-conditions-popup .card-style2 .letter img {
  width: 100%;
}
.terms-conditions-popup .card-style2 .heart1 {
  position: absolute;
  top: -60px;
  right: 50%;
  margin-right: -430px;
  width: 100px;
}
.terms-conditions-popup .card-style2 .heart1 img {
  width: 100%;
}
.terms-conditions-popup .scroll-content {
  max-height: 510px;
}

@media (max-width: 1600px) {
  .fundraising-page .payment-banner {
    width: 360px;
  }
  .fundraising-page .donate {
    width: 360px;
  }
  .fundraising-page .p-center {
    padding: 0 4rem;
  }
}
@media (max-width: 1440px) {
  .fundraising-page .payment-banner {
    width: 300px;
  }
  .fundraising-page .donate {
    width: 300px;
  }
  .fundraising-page .p-center {
    padding: 0 2rem;
  }
  .donate .form-text br {
    display: none;
  }
  .donate-input {
    height: 80px;
  }
  .donate-input input {
    font-size: 28px;
    width: 154px;
  }
}
@media (max-width: 1199px) {
  .fundraising-page {
    padding-bottom: 4rem;
  }
  .fundraising-page .donate {
    margin-top: 2rem;
    width: auto;
  }
  .terms-conditions-popup .card-style2 .letter {
    top: -64px;
    margin-left: -380px;
    width: 120px;
  }
  .terms-conditions-popup .card-style2 .heart1 {
    top: -35px;
    margin-right: -370px;
    width: 75px;
  }
  .terms-conditions-popup .title {
    font-size: 24px;
  }
  .terms-conditions-popup .title span {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  .fundraising-page .payment-banner {
    width: auto;
  }
  .fundraising-page .p-center {
    padding: 1rem 0;
  }
  .fundraising-page .form-info .title {
    text-align: center;
  }
  .terms-conditions-popup .card-style2 .letter {
    display: none;
  }
  .terms-conditions-popup .card-style2 .heart1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .fundraising-page {
    padding-bottom: 3rem;
  }
  .fundraising-page .donate {
    margin-top: 1rem;
  }
  .payment-action {
    margin-top: 1.5rem;
  }
  .terms-conditions-popup .title {
    font-size: 22px;
  }
  .terms-conditions-popup .title span {
    font-size: 30px;
  }
  .terms-conditions-popup .card-style2::before {
    top: -76px;
    height: 80px;
  }
  .terms-conditions-popup .scroll-content {
    height: auto;
  }
  .payment-banner {
    padding: 30px 30px 10px 30px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .payment-banner .pthf {
    margin-top: 0;
    display: none;
  }
  .payment-banner .letter {
    margin-top: 0;
    max-width: 200px;
  }
  .fundraising-page .form-info .title {
    text-align: left;
    font-size: 20px;
  }
  .g-4 {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
  }
  .g-3 {
    --bs-gutter-y: 0.5rem;
    --bs-gutter-x: 0.5rem;
  }
  .fun-box {
    padding: 1rem;
  }
  .promptpay .qrcode {
    margin-bottom: 2rem;
  }
  .promptpay .account {
    padding-left: 0;
    text-align: left;
  }
  .fundraising-page .form-info .account .title {
    font-size: 16px;
  }
  .promptpay .note {
    margin-top: 1rem;
    padding-top: 1rem;
  }
  .promptpay .note li + li {
    margin-top: 0;
  }
  .fundraising-page .form-info .checkbox-control .title {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .fundraising-page {
    padding-bottom: 2rem;
  }
  .terms-conditions-popup .title {
    font-size: 20px;
  }
  .terms-conditions-popup .title span {
    font-size: 26px;
  }
}
.thankyou-page {
  position: relative;
  padding: 4rem 0;
  background-image: url("../img/background/thankyou-bg.png");
  background-repeat: no-repeat;
  background-position: center top 3dvh;
  background-size: cover;
}
.thankyou-page .nav-pills {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 40px;
  background-color: var(--color-light);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}
.thankyou-page .nav-pills .nav-link {
  font-weight: var(--fw-bold);
  background-color: #fff;
  border-radius: 40px;
  color: var(--color-default);
  font-size: var(--typo-lg);
  padding: 20px 50px;
}
.thankyou-page .nav-pills .nav-link.active {
  background-color: var(--color-primary);
  color: var(--color-light);
  border-color: transparent;
}
.thankyou-page .nav-pills .nav-link.active.set2 {
  background-color: #EA8A23;
}
.thankyou-page .pthf {
  max-width: 890px;
  margin: 2rem auto 2rem auto;
}
.thankyou-page .pthf img {
  width: 100%;
}
.thankyou-page .postcard-slide {
  margin: 0 40px 0 140px;
  margin-top: -150px;
  width: 254px;
  position: relative;
  border-radius: 30px;
  background-color: #000;
}
.thankyou-page .postcard-slide .slider {
  margin-bottom: 0;
}
.thankyou-page .postcard-slide .cover {
  width: 100%;
  padding-top: 216%;
}
.thankyou-page .postcard-slide .iphone {
  position: absolute;
  top: -43px;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, 0);
  width: 340px;
  pointer-events: none;
}
.thankyou-page .postcard-slide .slick-dots {
  width: 30px;
  position: absolute;
  bottom: 60px;
  right: -60px;
}
.thankyou-page .postcard-select {
  padding: 2rem 6rem 2rem 2.5rem;
  border-color: var(--color-primary);
}
.thankyou-page .postcard-select.set2 {
  border-color: #EA8A23;
  box-shadow: 0 0.75rem 0 0 #EA8A23;
}
.thankyou-page .postcard-select.set2 .radio-control input[type=radio]:checked ~ .wrapper {
  border-color: #EA8A23;
}
.thankyou-page .postcard-select.set2 .radio-control input[type=radio]:checked ~ .wrapper .icon {
  background-color: #EA8A23;
}
.thankyou-page .postcard-select.set2 .lead-title {
  text-shadow: #EA8A23 10px 0px 0px, #EA8A23 9.95004px 0.998334px 0px, #EA8A23 9.80067px 1.98669px 0px, #EA8A23 9.55337px 2.9552px 0px, #EA8A23 9.21061px 3.89418px 0px, #EA8A23 8.77583px 4.79426px 0px, #EA8A23 8.25336px 5.64643px 0px, #EA8A23 7.64842px 6.44218px 0px, #EA8A23 6.96707px 7.17356px 0px, #EA8A23 6.2161px 7.83327px 0px, #EA8A23 5.40302px 8.41471px 0px, #EA8A23 4.53596px 8.91207px 0px, #EA8A23 3.62358px 9.32039px 0px, #EA8A23 2.67499px 9.63558px 0px, #EA8A23 1.69967px 9.8545px 0px, #EA8A23 0.707372px 9.97495px 0px, #EA8A23 -0.291995px 9.99574px 0px, #EA8A23 -1.28845px 9.91665px 0px, #EA8A23 -2.27202px 9.73848px 0px, #EA8A23 -3.2329px 9.463px 0px, #EA8A23 -4.16147px 9.09298px 0px, #EA8A23 -5.04846px 8.63209px 0px, #EA8A23 -5.88501px 8.08496px 0px, #EA8A23 -6.66276px 7.45705px 0px, #EA8A23 -7.37394px 6.75463px 0px, #EA8A23 -8.01144px 5.98472px 0px, #EA8A23 -8.56889px 5.15501px 0px, #EA8A23 -9.04072px 4.2738px 0px, #EA8A23 -9.42222px 3.34988px 0px, #EA8A23 -9.70958px 2.39249px 0px, #EA8A23 -9.89993px 1.4112px 0px, #EA8A23 -9.99135px 0.415807px 0px, #EA8A23 -9.98295px -0.583741px 0px, #EA8A23 -9.8748px -1.57746px 0px, #EA8A23 -9.66798px -2.55541px 0px, #EA8A23 -9.36457px -3.50783px 0px, #EA8A23 -8.96759px -4.4252px 0px, #EA8A23 -8.481px -5.29836px 0px, #EA8A23 -7.90968px -6.11858px 0px, #EA8A23 -7.25932px -6.87766px 0px, #EA8A23 -6.53644px -7.56803px 0px, #EA8A23 -5.74824px -8.18277px 0px, #EA8A23 -4.90261px -8.71576px 0px, #EA8A23 -4.00799px -9.16166px 0px, #EA8A23 -3.07333px -9.51602px 0px, #EA8A23 -2.10796px -9.7753px 0px, #EA8A23 -1.12153px -9.93691px 0px, #EA8A23 -0.123887px -9.99923px 0px, #EA8A23 0.87499px -9.96165px 0px, #EA8A23 1.86512px -9.82453px 0px, #EA8A23 2.83662px -9.58924px 0px, #EA8A23 3.77978px -9.25815px 0px, #EA8A23 4.68517px -8.83455px 0px, #EA8A23 5.54374px -8.32268px 0px, #EA8A23 6.34693px -7.72765px 0px, #EA8A23 7.0867px -7.0554px 0px, #EA8A23 7.75566px -6.31267px 0px, #EA8A23 8.34713px -5.50686px 0px, #EA8A23 8.8552px -4.64602px 0px, #EA8A23 9.27478px -3.73877px 0px, #EA8A23 9.6017px -2.79416px 0px, #EA8A23 9.83268px -1.82163px 0px, #EA8A23 9.96542px -0.830894px 0px;
}
.thankyou-page .postcard-select .box .topic {
  font-weight: var(--fw-bold);
  color: var(--color-default);
  font-size: var(--typo-default);
  margin-top: 0.3rem;
  margin-bottom: 3rem;
}
.thankyou-page .postcard-select label {
  display: block;
}
.thankyou-page .postcard-select .radio-control {
  display: block;
}
.thankyou-page .postcard-select .radio-control .cover {
  margin: 0;
  width: 40px;
  padding-top: 130%;
  border-radius: 8px;
}
.thankyou-page .postcard-select .radio-control .text {
  font-size: var(--typo-sm);
  font-weight: var(--fw-bold);
  color: var(--color-default);
  padding-left: 15px;
  padding-right: 30px;
  line-height: 1.3em;
}
.thankyou-page .postcard-select .action {
  margin-top: 2rem;
}
.thankyou-page .postcard-img {
  max-width: 600px;
  width: 100%;
  margin-left: 5rem;
}
.thankyou-page .postcard-img > img {
  width: 100%;
}
.thankyou-page .inner {
  padding-top: 1.5rem;
  margin-bottom: 3rem;
}
.thankyou-page .inner .title {
  font-size: var(--typo-xl);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
  margin-bottom: 1rem;
  text-align: center;
}
.thankyou-page .inner .desc {
  font-size: 22px;
  font-weight: var(--fw-normal);
  margin-bottom: 1rem;
  text-align: center;
}
.thankyou-page .inner .action {
  margin-top: 2rem;
}
.thankyou-page .tooth {
  position: absolute;
  width: 135px;
  bottom: 160px;
  left: 50%;
  margin-left: -160px;
  z-index: 0;
  pointer-events: none;
}
.thankyou-page .tooth img {
  width: 100%;
}

@media (max-width: 1920px) {
  .thankyou-page {
    background-size: auto;
  }
  .thankyou-page .inner {
    margin-bottom: 2rem;
  }
}
@media (max-width: 1600px) {
  .thankyou-page {
    background-size: 1600px;
  }
  .thankyou-page .pthf {
    margin-top: 0;
    max-width: 600px;
  }
  .thankyou-page .inner {
    padding-top: 0;
  }
  .thankyou-page .inner .desc {
    font-size: var(--typo-default);
  }
  .thankyou-page .postcard-select {
    padding: 2rem 2rem;
  }
  .thankyou-page .postcard-img {
    max-width: 560px;
    margin-left: 3rem;
  }
  .thankyou-page .postcard-slide {
    margin: 0 40px 0 80px;
  }
}
@media (max-width: 1440px) {
  .thankyou-page {
    padding: 3rem 0;
  }
  .thankyou-page .pthf {
    max-width: 700px;
  }
  .thankyou-page .tooth {
    width: 120px;
  }
}
@media (max-width: 1199px) {
  .thankyou-page {
    background-size: 1200px;
    background-position: center top 0dvh;
  }
  .thankyou-page .inner {
    padding-top: 1rem;
  }
  .thankyou-page .pthf {
    max-width: 600px;
    margin-bottom: 1.25rem;
  }
  .thankyou-page .postcard-img {
    max-width: 380px;
    margin-left: 1.5rem;
  }
  .thankyou-page .tooth {
    width: 100px;
    bottom: 110px;
    margin-left: -60px;
  }
  .thankyou-page .postcard-select {
    padding: 2rem 2rem;
  }
  .thankyou-page .postcard-slide {
    margin: -150px 10px 0 40px;
  }
}
@media (max-width: 991px) {
  .thankyou-page {
    background-size: cover;
  }
  .thankyou-page .pthf {
    max-width: 500px;
  }
  .thankyou-page .inner .title {
    font-size: var(--typo-lg);
  }
  .thankyou-page .inner .desc {
    font-size: var(--typo-sm);
  }
  .thankyou-page .inner .desc br {
    display: none;
  }
  .thankyou-page .postcard-img {
    max-width: 320px;
    margin-left: 1.25rem;
  }
  .thankyou-page .tooth {
    width: 80px;
    bottom: 80px;
    margin-left: -90px;
  }
  .thankyou-page .card-style1 .lead-title {
    font-size: 30px;
  }
  .thankyou-page .nav-pills .nav-link {
    font-size: 20px;
    padding: 15px 40px;
  }
}
@media (max-width: 767px) {
  .thankyou-page .postcard-img {
    max-width: 100%;
    margin-left: 0;
  }
  .thankyou-page .tooth {
    display: none;
  }
  .thankyou-page .inner {
    text-align: center;
  }
  .thankyou-page {
    background-position: center top -3dvh;
  }
  .thankyou-page .inner {
    margin-bottom: 1rem;
  }
  .thankyou-page .postcard-select {
    padding: 0.5rem;
  }
  .thankyou-page .postcard-select .box .topic {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .thankyou-page .postcard-select .action {
    margin-top: 1.5rem;
  }
  .thankyou-page .postcard-slide {
    margin: 2rem auto 2.5rem auto;
  }
  .thankyou-page .postcard-slide .iphone {
    width: 240px;
    top: -29px;
  }
  .thankyou-page .postcard-slide {
    width: 180px;
  }
  .thankyou-page .postcard-slide .slick-dots {
    right: -50px;
    bottom: 50px;
  }
  .thankyou-page .pthf {
    margin-top: 0;
  }
  .thankyou-page .nav-pills {
    width: 100%;
    gap: 0;
  }
  .thankyou-page .nav-pills li {
    float: left;
    width: 50%;
  }
  .thankyou-page .nav-pills .nav-link {
    padding: 15px;
    font-size: 16px;
  }
  .thankyou-page .card-style1 .lead-title {
    margin-top: -44px;
  }
}
@media (max-width: 575px) {
  .thankyou-page {
    padding: 2rem 0;
  }
  .thankyou-page .pthf {
    max-width: 100%;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .thankyou-page .inner .title {
    font-size: var(--typo-md);
  }
  .thankyou-page .inner .action {
    margin-top: 1.25rem;
  }
  .thankyou-page .postcard-select .action .btn {
    width: 100%;
  }
}
.thankyou-page .slick-track {
  width: 100% !important;
}

.thankyou-page .slick-slide {
  width: 100% !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: inherit;
    width: 1210px;
  }
}
@media (min-width: 1441px) {
  .container {
    max-width: inherit;
    width: 1370px;
  }
}
@media (max-width: 1600px) {
  .container {
    max-width: inherit;
    width: 1210px;
  }
}
@media (max-width: 1440px) {
  .container {
    max-width: inherit;
    width: 1210px;
  }
}
@media (max-width: 1199px) {
  .container {
    max-width: inherit;
    width: 970px;
  }
}
@media (max-width: 991px) {
  .container {
    max-width: inherit;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: inherit;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .container {
    max-width: inherit;
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */