/* Body */
body {
  line-height: initial;
}

/* Header */
body .header-nav {
  padding: 0;
  position: fixed;
  z-index: 100;
  width: 100%;
  background-color: transparent;
  transition: transform 0.3s ease-in-out;
  z-index: 200;
}

.header-navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px 56px;
}

.header-nav-brand {
  padding: 0;
  transition: transform 0.3s ease-in-out;
}

.container-fluid.header-navbar-mobile {
  display: none;
}
.container-fluid.header-navbar {
  display: flex;
}

/* Header Navbar Mobile */
@media (max-width: 992px) {
  .container-fluid.header-navbar-mobile {
    display: flex;
  }
  .container-fluid.header-navbar {
    display: none;
  }
}

/* Header Logo */
.header-logo-desktop {
  margin: 0 auto;
  object-fit: cover;
  height: 48px;
}

@media (min-width: 992px) {
  .header-navbar-collapse {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 8px;
  }
}

.header-navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 24px;

  /* Neutral/white */
  background: #FFFFFF;
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
  border-radius: 48px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-top: var(--dl-space-space-unit);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-unit);
    gap: 4px;

    /* Text Styling */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;

    /* Neutral/1 */
    color: var(--dl-color-primary-themeblack);
  }
}

.header-nav .nav-link:hover {
  color: var(--dl-color-primary-themeorange)
}

.header-nav .nav-link {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;

  /* Neutral/1 */
  color: #181818;
}

.header-nav .nav-link .nav-icon {
  width: 16px;
  height: 16px;
}

.header-circle-icon-button .nav-link .nav-icon {
  width: 16px;
  height: 16px;
  padding: 0;
}

.header-nav .nav-link:hover > .nav-icon > svg > path {
  stroke: var(--dl-color-primary-themeorange)
}

.header-nav .nav-link.active > .nav-icon > svg > path {
  stroke: var(--dl-color-primary-themeorange)
}

.header-nav .dropdown-toggle::after {
  display: none;
}

.header-nav .nav-link.show {

}

.header-nav .dropdown-menu.show {
  top: 0px;
  left: 0px;
  min-width: 0;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 4px 12px;
  gap: 12px;
  background: var(--dl-color-primary-themedark);
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
  border-radius: 16px;
}

.header-nav .dropdown-menu > li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 16px;
  gap: 12px;

  border-radius: 0px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.header-nav .dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 8px;
  
  padding: 0;

  /* Button/Button 3 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Neutral/white */
  color: #FFFFFF;
}

.header-nav .dropdown-item.heading {
  color: var(--dl-color-primary-themeorange)
}

.header-nav .dropdown-item.heading:hover {
  background-color: transparent;
}

.header-nav .dropdown-item .nav-icon {
  width: 16px;
  height: 16px;
}

.header-nav .dropdown-item .nav-icon > svg > path {
  stroke: var(--dl-color-primary-themeorange)
}

.header-nav .dropdown-item:focus, .dropdown-item:hover {
  background-color: transparent;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--dl-color-primary-themeorange);
}

/* Search Button */
.header-circle-icon-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 8px;

  /* Neutral/white */
  background: #FFFFFF;
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
  border-radius: 56px;
}

.header-circle-icon-button .nav-link .nav-icon svg {
  vertical-align: initial;
}

.header-circle-icon-button .nav-icon:hover > svg > path {
  stroke: var(--dl-color-primary-themeorange)
}

.header-circle-icon-button .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 24px;

  width: 365px;

  /* Neutral/white */
  background: #FFFFFF;
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
  border-radius: 24px;
}

.header-circle-icon-button .header-searchbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 100%;
}

.header-searchbox .nav-icon {
  width: 16px;
  height: 16px;
}

.header-searchbox input {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
}

.search-recently {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;

  width: 333px;
  height: 192px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.search-recently h1 {
  width: 51px;
  height: 16px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height, or 133% */
  text-transform: uppercase;

  /* Neutral/3 */
  color: var(--dl-color-primary-themelightdark);
}

.search-recently ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.search-recently li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 147px;
}

.search-recently .dropdown-item {
  margin: 0 auto;
  /* Text/Body 2 B

  Body text bold, could be used for links and navigation elements.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

/* Language Button */
.header-language-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;

  /* Neutral/white */
  background: #FFFFFF;
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
  border-radius: 56px;
}

.header-language-button .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 4px;
  gap: 12px;

  /* Neutral/white */
  background: #FFFFFF;
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
}

.header-language-button .dropdown-item, .header-language-button .lang-item > a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 12px;

  width: 142px;
  height: 40px;

  /* Text Styling */
  /* Button/Button 3 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

.header-nav .lang-item > a {
  text-decoration: none;
}

.header-language-button .dropdown-item:hover {
  color: var(--dl-color-primary-themeorange);
}

.header-language-button .current-lang a {
  color: #F68833;
}

/* Donate */
.header-donate-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Orange/3 (main) */
  background: var(--dl-color-primary-themeorange);
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
  border-radius: 56px;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-decoration: initial;
  /* identical to box height, or 100% */

  /* Neutral/white */
  color: #FFFFFF;
}

/* Header Mobile Detail */
.header-navbar-mobile {
  padding: 0;
}

.header-navbar-mobile .header-nav-brand {
  width: 100%;
  margin: 0px
}

.header-navbar-mobile .header-nav-brand-heading {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  gap: 8px;

  background: #FFFFFF;
  /* Neutral/7 */
  border-bottom: 1px solid var(--dl-color-primary-themegray);
}

.header-navbar-mobile .header-nav-brand-left {
  display: flex;
}

.header-navbar-mobile .header-nav-brand-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;

}

.header-navbar-mobile .navbar-toggler {
  padding: 0;
  border: none;
}

.header-navbar-mobile .navbar-toggler-icon-custom {
  width: 20px;
  height: 20px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon-custom.on-open {
  display: inline-block;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon-custom.on-close {
  display: none;
}

.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon-custom.on-open {
  display: none;
}

.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon-custom.on-close {
  display: inline-block;
}

.header-nav-brand-heading:has(.navbar-toggler[aria-expanded="true"]) {
  background: #404040;;
}

.header-nav-brand:has(.navbar-toggler[aria-expanded="true"]) .nav-icon > svg > path {
  stroke: #ffffff;
}

.header-navbar-mobile .header-donate-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;

  /* Orange/3 (main) */
  background: var(--dl-color-primary-themeorange);
  border-radius: 56px;

  /* Text Styling */
  /* Button/Button 2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Neutral/white */
  color: #FFFFFF;
}

.header-logo-mobile {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-left: 12px;
}

/* Footer */
.footer-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 162px;
  /* Neutral/2 */
  background: #404040;
  align-items: stretch;
}
.footer-main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* padding: 128px 128px 0px 269px; */
  padding: 6.6vw 6.6vw 0 14vw;
  gap: 64px;
  background: #404040;
}
.footer-logo {
  width: 196px;
  height: 56px;
  object-fit: cover;
}
.footer-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
}
.footer-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
}
.footer-menu-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;

  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */

  /* Neutral/white */
  color: #FFFFFF;
  text-decoration: none;
}
.footer-menu-item-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
}
.footer-menu-item-heading a {
  text-decoration: none;
  color: #ffffff;
}
.footer-menu-item-heading img {
  width: 16px;
  height: 16px;
}
.footer-menu-item-children {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 16px;
  gap: 8px;
  margin-bottom: 0;
}
.footer-menu-item-children a {
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/white */
  color: #FFFFFF;
  text-decoration: none;
}
.footer-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 48px;
}
.footer-contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 169px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.footer-contact-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}
.footer-contact-item h1 {
  /* font-family: 'Raleway'; */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */

  /* Neutral/white */
  color: #FFFFFF;
  margin-bottom: 0;
}
.footer-contact-item p {
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */

  /* Neutral/7 */
  color: #F4F4F4;
  margin-bottom: 0;
}
.footer-social {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}
.footer-social h1 {
  /* font-family: 'Raleway'; */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */

  /* Neutral/white */
  color: #FFFFFF;
  margin-bottom: 0;
}
.footer-social-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}
.social-icon {
  width: 32px;
  height: 32px;
}
.footer-bottom hr {
  width: 100%;

  /* Neutral/3 */
  border: 1px solid #686868;
}
.footer-bottom-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 40px 19vw;
}
.footer-bottom-content p {
  /* Button/Button 2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Neutral/6 */
  color: #E0E0E0;
  margin-bottom: 0;
}
.footer-bottom-content button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  /* Button/Button 2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Neutral/6 */
  color: #E0E0E0;
}

@media (max-width: 1600px) {
  .footer-contact {
    gap: 80px;
  }
}

/* Footer Mobile Screen */
@media (max-width: 992px) {
  .footer-section {
    gap: 64px;
  }
  .footer-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 64px 16px 0px;
    gap: 64px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
  }
  .footer-main-in-header {
    max-height: 720px !important;
    overflow-y: scroll !important;

    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 32px;

    /* Neutral/2 */
    background: #404040;
    /* Neutral/3 */
    border-bottom: 1px solid #686868;
  }
  .footer-logo {
    width: 140px;
    height: 40px;
  }
  .footer-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 48px;

    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
  }
  .footer-main-in-header hr {
    /* Neutral/3 */
    width: 100%;
    margin: 0;
    border: 1px solid #686868;
  }
  .footer-menu {
    gap: 24px;
  }
  .footer-menu-item {
    /* Title mobile/T1 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    /* identical to box height, or 120% */

    /* Neutral/white */
    color: #FFFFFF;
  }
  .footer-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 48px;

    /* Inside auto layout */
    flex: none;
    align-self: stretch;
    flex-grow: 0;
  }
  .footer-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
  }
  .footer-contact-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
  }
  .footer-contact-item h1 {
    /* Caption/C2 B */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Neutral/white */
    color: #FFFFFF;
  }
  .footer-contact-item p {
    /* Caption/C2 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Neutral/7 */
    color: #F4F4F4;


    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
  }
  .footer-social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
  }
  .footer-social h1 {
    /* Caption/C2 B */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Neutral/white */
    color: #FFFFFF;
  }
  .footer-social-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
  }
  .social-icon {
    width: 24px;
    height: 24px;
  }
  .footer-bottom-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px 16px;

    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
  }
  .footer-bottom-content p {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    /* identical to box height, or 145% */

    /* Neutral/6 */
    color: #E0E0E0;
  }
  .footer-bottom-content button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;

    /* Caption/C2 B */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Neutral/6 */
    color: #E0E0E0;
  }
  .footer-bottom {
    padding: 0;
  }
  .footer-language {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
  }
  .footer-language a {
    /* Button/Button 2 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

    /* Neutral/5 */
    color: #C2C2C2;
    text-decoration: none;
  }
  .footer-language li {
    display: block;
  }
  .footer-language .current-lang > a {
    /* Button/Button 2 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

    /* Orange/3 (main) */
    color: #F68833;
  }
}

/* Homepage */
.homepage-hero-heading {
  /* max-width: 75vw; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px;
  /* gap: 125px; */
  gap: 10vw;
}

.homepage-hero-title {
  /* margin: 0 auto; */
  max-width: 731px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 88px;
  /* or 122% */

  /* Neutral/white */
  color: #FFFFFF;
}

.homepage-hero-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 40px;

  margin: 0 auto;
  max-width: 581px;
}

.homepage-hero-description-content {
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/white */
  color: #FFFFFF;
}

.homepage-hero-description-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 24px;
  gap: 8px;

  /* Neutral/white */
  background: #FFFFFF;
  border-radius: 56px;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */

  /* Orange/3 (main) */
  color: #F68833;
  text-decoration: initial;
}

/* Homepage Hero Laptop Screen */
@media(max-width: 1600px) {
  .homepage-hero-title {
    font-size: 52px;
    line-height: 68px;
  }
}

/* Homepage Hero Mobile */
@media (max-width: 992px) {
  .homepage-hero-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .homepage-hero-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 16px 48px !important;
    gap: 40px;
  }

  .homepage-hero-title {
    /* Headline/H3 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    /* or 120% */

    /* Neutral/white */
    color: #FFFFFF;
  }
  .homepage-hero-description-content {
    /* Body mobile/14 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    /* Neutral/white */
    color: #FFFFFF;
  }
}

/* Homepage Partners Section */
.homepage-partners-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 10vw 6.6vw;
  gap: 64px;
}

.homepage-partners-heading {
  font-size: 48px;
  align-self: flex-start;
  font-family: Manrope;
  line-height: 56px;
  font-weight: 700;
}

.homepage-partners-grid {
  gap: 8px;
  width: 100%;
  display: grid;
  justify-content: space-around;
  grid-template-columns: repeat(auto-fit, 173.22px);
  grid-gap: 40px;
}

.homepage-partner-img {
  width: 173.22px;
  height: 96px;
  object-fit: cover;
}

/* Homepage Partners Mobile Screen */
@media (max-width: 992px) {
  .homepage-partners-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 64px 16px;
    gap: 32px;
  }

  .homepage-partners-heading {
    margin-bottom: initial;

    /* Text/Body 1 B

    Body text large for big
    paragraphs.
    */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */

    /* Neutral/1 */
    color: var(--dl-color-primary-themeblack);
  }

  .homepage-partners-grid {
    display: grid;
    padding: 0px;
    gap: 24px;
    grid-template-columns: repeat(auto-fit, 86.61px);
  }

  .homepage-partner-img {
    width: 86.61px;
    height: 48px;
    object-fit: cover;
  }
}

.homepage-horizonal-line {
  height: 1px;
  margin: 32px 6.6vw;
  background-color: var(--dl-color-gray-900);
}
@media (max-width: 992px) {
  .homepage-horizonal-line {
    margin: 0 6.6vw;
  }
}

/* Homepage Goals Screen */
.homepage-goals-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10vw 6.6vw;
  gap: 64px;
}

.homepage-goals-heading {
  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  /* or 117% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

.homepage-goals-grid {
  width: 100%;
  display: grid;
  grid-gap: 24px;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.homepage-goals-list-container {
  display: none;
}

.homepage-goal-card {
  display: flex;
  min-width: 400px;
  /* max-width: calc(50% - 12px); */
  flex-direction: column;
  align-items: flex-start;
  padding: 72px 32px 48px;
  gap: 40px;

  /* Neutral/7 */
  background: #F4F4F4;
  border-radius: 40px;

  /* Inside auto layout */
  flex: none;
  flex-basis: 0;
  /* order: 0; */
  align-self: stretch;
  flex-grow: 1;

}

.homepage-goal-card img {
  height: 96px;
  object-fit: cover;
}

.homepage-goal-card h2 {
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  display: flex;
  align-items: center;

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

/* Homepage Goals Mobile Screen */
@media (max-width: 992px) {
  .homepage-goals-section {
    display: flex;
    overflow-x: hidden;
    flex-direction: column;
    align-items: flex-start;
    padding: 64px 16px;
    gap: 32px;
  }

  .homepage-goals-heading {
    /* Text/Body 1 B

    Body text large for big
    paragraphs.
    */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    /* or 133% */

    /* Neutral/1 */
    color: var(--dl-color-primary-themeblack);
  }

  .homepage-goals-grid {
    display: none;
  }

  .homepage-goals-list-container {
    display: block;
  }

  .homepage-goals-list {
    display: flex;
    flex-direction: row;
    flex-wrap: initial;
    align-items: center;
    padding: 0px;
    gap: 16px;
  }

  .homepage-goal-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;

    min-width: initial;
    max-width: initial;
    width: 253px;

    /* Neutral/7 */
    background: #F4F4F4;
    border-radius: 16px;
  }

  .homepage-goal-card img {
    /* width: 57.95px; */
    height: 48px;
    object-fit: cover;
  }

  .homepage-goal-card h2 {
    /* Body mobile/14 M */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */
    display: flex;
    align-items: center;

    /* Neutral/1 */
    color: var(--dl-color-primary-themeblack);
  }
}

/* Homepage About Section */
.homepage-about-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10vw 6.6vw;
  gap: 64px;
  /* Orange/5 */
  background: var(--dl-color-primary-themelightorange);
}

.homepage-about-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 170px;
}

.homepage-about-heading h1 {

  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  /* identical to box height, or 117% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

.homepage-about-heading p {
  margin: 0 auto;
  max-width: 539px;

  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/3 */
  color: var(--dl-color-primary-themelightdark);

}

.homepage-about-grid {
  width: 100%;
  display: grid;
  
  padding: 0px;
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.homepage-about-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 32px;
  gap: 24px;

  /* Neutral/white */
  background: #FFFFFF;
  border-radius: 24px;
}

.homepage-about-card img {
  width: 40px;
  height: 40px;
}

.homepage-about-card-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}

.homepage-about-card-description h2 {

  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/3 */
  color: var(--dl-color-primary-themelightdark);
}

.homepage-about-card-description h3 {

  /* Headline/H3 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* identical to box height, or 120% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

/* Homepage About Mobile Screen */
@media (max-width: 992px) {
  .homepage-about-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 64px 16px;
    gap: 56px;

    /* Orange/5 */
    background: var(--dl-color-primary-themelightorange);
  }
  .homepage-about-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
  }
  .homepage-about-heading h1 {
    /* Text/Body 1 B

    Body text large for big
    paragraphs.
    */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */

    /* Neutral/1 */
    color: var(--dl-color-primary-themeblack);
  }
  .homepage-about-heading p {

    /* Body mobile/14 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    /* Neutral/3 */
    color: var(--dl-color-primary-themelightdark);

  }
}

/* Homepage Projects Section */
.homepage-projects-section {
  display: flex;
  width: 100%;
  height: 100vh;
  background-size: 100%;
  background-color: var(--dl-color-primary-themedark);

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;

  /* overflow-x: scroll; */
}
.homepage-project-item {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6.6vw;
  /* gap: 40px; */

  /* Neutral/2 */
  background: #404040;
}

.homepage-project-item-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
}

.homepage-project-item-heading h1 {
  /* Hero */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 116px;
  line-height: 158px;
  text-transform: capitalize;

  /* Orange/3 (main) */
  color: var(--dl-color-primary-themeorange);

  transform: rotate(-0.06deg);
}

@media (max-width: 1600px) {
  .homepage-project-item-heading h1 {
    font-size: 90px;
  }
}

.homepage-project-item-meta {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 28px;
}

.homepage-project-item-meta-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
}

.homepage-project-item-meta-col p {
  margin-bottom: initial;
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/white */
  color: #FFFFFF;
}

.homepage-project-item-description {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px;
  gap: 169px;
}

.homepage-project-item-col-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;

  margin: 0 auto;
  width: 394px;
}

.homepage-project-item-row-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  padding: 0px;
  gap: 70px;
}

.homepage-project-item-row-top img {
  max-height: 44vh;
}

.homepage-project-item-row-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
  padding: 0px;
  gap: 70px;
}

.homepage-project-item-row-bottom img {
  height: 24.4vh;
  object-fit: cover;
}

.homepage-project-item-col-right {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;

  /* margin: 0 auto; */
}

.homepage-project-item-col-right p {
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/white */
  color: #FFFFFF;
}

.homepage-project-item-col-right .homepage-project-item-button-group {
  max-width: 394px;
}

.homepage-project-item-description p {
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/white */
  color: #FFFFFF;
}

.homepage-project-item-button-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;

}

.homepage-project-item-button-group a {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  flex-basis: 0;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  border-radius: 56px;

  /* Text Styling */
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */
  text-decoration: none;

  /* Neutral/white */
  color: #FFFFFF;
}

.homepage-project-item-button-group a.dark-btn {
  /* Neutral/white */
  border: 1px solid #FFFFFF;
}

.homepage-project-item-button-group a > img {
  width: 16px;
  height: 16px;
}

.homepage-project-item-button-group a.orange-btn {
  background: #F68833;
  border-radius: 56px;
}

.homepage-project-item-description img {
  margin: 0 auto;
  max-height: 51.5vh;

  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;

}

/* Homepage Project Other */
.homepage-project-item-other {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  padding: 0px;
  gap: 70px;
}

.homepage-project-item-other-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 128px;
}

.homepage-project-item-other-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  width: 40vw;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.homepage-project-item-other-item {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  border-top: 1px solid #C2C2C2;
  align-items: flex-start;
  padding-top: 28px;
  border-bottom: 1px solid #C2C2C2;
  padding-bottom: 28px;
  justify-content: space-between;
}

.homepage-project-item-other-item a {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;

  /* Text/Body 1 B

  Body text large for big
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  text-decoration: none;

  /* Neutral/white */
  color: #FFFFFF;
}

.homepage-project-item-other-item img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

/* Homepage Projects Mobile Screen */
@media (max-width: 992px) {
  .homepage-projects-section {
    height: initial;
  }
  .homepage-projects-section .swiper-wrapper {
    /* Reset styles for mobile screens */
    display: block;
    overflow-x: auto;
  }
  .homepage-projects-section .swiper-slide {
    /* Reset styles for mobile screens */
    display: block;
    height: initial;
  }
  .homepage-projects-section .swiper-pagination {
    display: none;
  }
  .homepage-project-item {
    height: initial;
    border: 1px solid #686868;
    padding: 64px 16px 64px 16px;
    gap: 48px;
  }
  .homepage-project-item-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
  }
  .homepage-project-item-heading h1 {
    font-size: 40px;
    line-height: 48px;
    /* or 120% */

    transform: rotate(-0.06deg);
  }
  .homepage-project-item-meta-col p {
    /* Caption/C2 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */
  }
  .homepage-project-item-meta-col-right p {
    font-weight: 700;
  }
  .homepage-project-item-description {
    flex-direction: column;
    flex-flow: column-reverse;
    gap: 48px;
  }
  .homepage-project-item-description img {
    width: 100%;
    height: 199px;
    object-fit: cover;
    margin: initial;
  }
  .homepage-project-item-col-left {
    width: 100%;
  }
  .homepage-project-item-description p {
    font-size: 14px;
    line-height: 20px;
    /* or 143% */
  }
  .homepage-project-item-button-group {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .homepage-project-item-button-group a {
    padding: 12px 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */
  }
  /* Second Slide */
  .homepage-project-item-row-top {
    flex-direction: column;
    gap: 28px;
    flex-flow: column-reverse;
  }
  .homepage-project-item-row-top img {
    max-height: 112px;
    align-self: flex-end;
  }
  .homepage-project-item-row-bottom {
    flex-direction: column;
    gap: 48px;
  }
  .homepage-project-item-row-bottom img {
    width: 100%;
    max-height: 240px;
  }
  .homepage-project-item-col-right {
    width: 100%;
  }
  .homepage-project-item-col-right p {
    /* Body mobile/14 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    /* Neutral/white */
    color: #FFFFFF;
  }
  .homepage-project-item-other {
    flex-direction: column;
    gap: 48px;
  }
  .homepage-project-item-other-group {
    align-self: stretch;
    align-items: center;
    gap: 64px;
  }
  .homepage-project-item-other-list {
    width: 100%;
  }
  .homepage-project-item-other-item {
    padding: 16px 0;
  }
  .homepage-project-item-other-item a {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
  }
}

/* Homepage Contribute Section */
.homepage-contribute-section {
  /* Auto layout */
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10vw 6.6vw;

  /* Neutral/white */
  background: #FFFFFF;
}
.homepage-contribute-heading {
  max-width: 538px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
}
.homepage-contribute-heading h1 {
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Orange/3 (main) */
  color: var(--dl-color-primary-themeorange)
}
.homepage-contribute-heading h2 {
  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  /* or 117% */
  color: var(--dl-color-primary-themeblack);
}
.homepage-contribute-section .accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  margin: 0 auto;
  align-self: stretch;
}
.homepage-contribute-section .accordion-item {
  width: 100%;
}
.homepage-contribute-section .accordion-button {
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 32px;
}
.homepage-contribute-section .accordion-button h3 {
  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}
.homepage-contribute-section .accordion-body {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 40px;
  align-self: stretch;
}
.homepage-contribute-section .accordion-body p {
  align-items: flex-end;
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/3 */
  color: var(--dl-color-primary-themelightdark);
}
.homepage-contribute-section .accordion-body a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Orange/3 (main) */
  background: var(--dl-color-primary-themeorange);
  border-radius: 56px;

  /* Text Styling */
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Neutral/white */
  color: #FFFFFF;
  text-decoration: none;
}

/* Homepage Contribute Section Mobile Screen */
@media (max-width: 992px) {
  .homepage-contribute-section {
    grid-template-columns: 1fr;
    padding: 64px 16px;
    grid-gap: 32px;
  }
  .homepage-contribute-heading {
    gap: 8px;
  }
  .homepage-contribute-heading h1 {
    /* Body mobile/14 M */
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
  }
  .homepage-contribute-heading h2 {
    font-size: 24px;
    line-height: 32px;
    /* or 133% */
  }
  .homepage-contribute-section .accordion-button h3 {
    width: 200px;

    /* Title mobile/T1 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */

    /* Neutral/3 */
    color: var(--dl-color-primary-themeblack);
  }
  .homepage-contribute-section .accordion-body a {
    padding: 12px 24px;

    /* Text Styling */
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

  }
  .homepage-contribute-section .accordion-body p {
    /* Body mobile/14 R */
    font-size: 14px;
    line-height: 20px;
  }
}

/* Homepage Events Section */
.homepage-events-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6.6vw 6.6vw;
  gap: 48px;
}

.homepage-events-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.homepage-events-heading h1 {
  /* Headline/H3 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* identical to box height, or 120% */

  /* Neutral/1 */
  color: #181818;
}
.homepage-events-heading a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  /* Button/Button 2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Orange/3 (main) */
  color: #F68833;
  text-decoration: none;
}
.homepage-events-heading img {
  width: 16px;
  height: 16px;
}
.homepage-events-group-large {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 48px;
}
.homepage-events-group-large-main-event {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 16px;
}
.homepage-events-group-large-main-event a {
  text-decoration: none;
  width: 100%;
}
.homepage-events-group-large-main-event a > img {
  width: 100%;
  height: 22vw;
  border-radius: 40px;
  object-fit: cover;
}
.homepage-events-group-large-left-container {
  flex: 1;
}
.homepage-events-group-large-main-event-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 16px;
}
.post-item {
  text-decoration: none;
  /* News - Event */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}
.post-item > img {
  width: 100%;
  height: 232px;
  object-fit: cover;

  border-radius: 24px;
  align-self: stretch;
}
.post-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
}
.post-meta h2 {
  margin-bottom: 0;
  /* Caption/C1 M

  Caption text bold, could be used for secondary links or navigation elements.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Orange/3 (main) */
  color: #F68833;
}
.post-meta img {
  width: 16px;
  height: 16px;
}
.post-meta h3 {
  margin-bottom: 0;
  /* Caption/C1 M

  Caption text bold, could be used for secondary links or navigation elements.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Neutral/3 */
  color: #686868;
}
.post-info h1 {
  /* Text/Body 1 B

  Body text large for big
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
}
.post-info p {
  /* Caption/C1 R

  Caption text, used for very small paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */

  /* Neutral/3 */
  color: #686868;

  /* Show short content */
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}
.homepage-events-section p {
  /* Caption/C1 R

  Caption text, used for very small paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */

  /* Neutral/3 */
  color: #686868;
}
.homepage-events-group-large-main-event p {
  /* Show short content */
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.homepage-events-group-large-post p {
  /* Show short content */
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.event-separator {
  /* Neutral/6 */
  border: 1px solid #E0E0E0;
  /* Inside auto layout */
  align-self: stretch;
}
.homepage-events-group-large-right-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}
.homepage-events-group-large-post {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}
a.homepage-events-group-large-post {
  text-decoration: none;
}
.post-info {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
a.homepage-events-group-large-post > img {
  width: 20.7vw;
  height: 196px;
  border-radius: 40px;
  object-fit: cover;
}
.homepage-events-group-small {
  display: none;
}

/* Homepage Events Section Mobile Screen */
@media (max-width: 992px) {
  .homepage-events-section {
    padding: 64px 16px;
    gap: 64px;
    /* Frame 222 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    overflow-x: hidden;
  }
  .homepage-events-heading h1 {
    /* Text/Body 1 B

    Body text large for big
    paragraphs.
    */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */

    /* Neutral/1 */
    color: #181818;
  }
  .homepage-events-group-large {
    display: none;
  }
  .homepage-events-group-small {
    display: flex;
  }
  .homepage-events-list {
    display: flex;
    flex-direction: row;
    flex-wrap: initial;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
  }
  .homepage-event-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 12px;

    width: 312px;
  }
  .homepage-event-card > a {
    text-decoration: none;
  }
  .homepage-event-card > a > img {
    object-fit: cover;
    /* Rectangle 20 */

    width: 312px;
    height: 217px;
    border-radius: 16px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
  }
  .homepage-event-card h1 {
    /* Title mobile/T1 */
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */
  }
  .post-item {
    align-items: center;
    gap: 12px;
  }
  .post-item > img {
    height: 217px;
    border-radius: 16px;
  }
  .post-meta h2, h3 {
    /* Caption/C2 R */
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
  }
  .post-info {
    gap: 8px;
  }
  .post-info p {
    /* Caption/C1 R

    Caption text, used for very small paragraphs.
    */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */

    /* Neutral/3 */
    color: #686868;
    /* Show short content */
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

/* Homepage News Section */
.homepage-news-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6.6vw 6.6vw;
  gap: 48px;
}
.homepage-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  padding: 0px;
  gap: 24px;
}
.homepage-post-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
}
a.homepage-post-card {
  text-decoration: none;
}
a.homepage-post-card > img {
  max-height: 196px;
  border-radius: 40px;
  width: 100%;
  object-fit: cover;
}
.homepage-post-card h1 {
  /* Text/Body 1 B

  Body text large for big
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* or 133% */

  /* Neutral/1 */
  color: #181818;
}
.homepage-post-card p {
  /* Caption/C1 R

  Caption text, used for very small paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */

  /* Neutral/3 */
  color: #686868;

  /* Show short content */
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}

/* Homepage News Section Mobile Screen */
@media (max-width: 992px) {
  .homepage-news-section {
    padding: 64px 16px;
    gap: 64px;
    /* Frame 222 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    overflow-x: hidden;
  }
  .homepage-post-grid {
    display: none;
  }
}

/* Homepage Mailbox Section */
.homepage-mailbox-section {
  
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 64px;
  /* padding: 164px 269px 164px 269px; */
  padding: 8.5vw 0 0 14vw;

  /* Orange/3 (main) */
  background: #F68833;
  flex-wrap: wrap;
}
.homepage-mailbox-section > div {
  width: 100%;
  max-width: 536px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 8.5vw;
  
  gap: 64px;
  z-index: 100;
}
.homepage-mailbox-heading {
  width: 100%;

  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* or 125% */

  /* Neutral/white */
  color: #FFFFFF;
}
.homepage-mailbox-form {
  width: 100%;
}
.homepage-mailbox-form form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 28px;
}
.homepage-mailbox-section .input-email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;

}
.homepage-mailbox-section .input-email label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 16px;
  gap: 8px;

  /* Text Styling */
  /* Caption/C1 M

  Caption text bold, could be used for secondary links or navigation elements.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Neutral/white */
  color: #FFFFFF;
}
.homepage-mailbox-section .input-email input {
  /* Frame 89 */

  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;

  /* Neutral/white */
  background: #FFFFFF;
  /* Orange/6 */
  border: 1px solid #FEF4EB;
  border-radius: 40px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;

}
.homepage-mailbox-section .input-email input::placeholder {
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/1 */
  color: #181818;

}
.homepage-mailbox-form button {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Neutral/white */
  background: #FFFFFF;
  border-radius: 56px;

}
.homepage-mailbox-form button {

  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Orange/3 (main) */
  color: #F68833;
}
.homepage-mailbox-form button > img {
  width: 16px;
  height: 16px;
}
.homepage-mailbox-section > img {
/* Group 3 */

  width: 38vw;
  height: 27vw;
  /* position: absolute;
  bottom: 0;
  right: 269px;
  right: 14vw; */

  align-self: flex-end;
  margin: 0 auto;
  /* margin-right: 64px; */

}
/* Homepage Mailbox Section Mobile Screen */
@media (max-width: 992px) {
  .homepage-mailbox-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 64px 16px 0 16px;
    gap: 48px;
  }
  .homepage-mailbox-heading {
    /* Text/Body 1 B

    Body text large for big
    paragraphs.
    */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    /* or 133% */

    /* Neutral/white */
    color: #FFFFFF;


    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    z-index: 0;
  }
  .homepage-mailbox-section div {
    gap: 48px;
    margin-bottom: 0;
  }
  .homepage-mailbox-section img {
    /* Group 3 */
    width: 343px;
    height: 254.76px;

    /* Inside auto layout */
    flex: none;
    flex-grow: 0;

  }
}

/* Projects */
/* Project Hero Section */
.project-hero-section {
  width: 100%;
  display: flex;
  gap: 16vh;
  position: relative;
  padding-left: 6.6vw;
  padding-right: 6.6vw;
  flex-direction: column;
  padding-top: 23vh;
  padding-bottom: 6.7vh;
  background-size: cover;
  justify-content: end;
  background-position: center;
}
.project-hero-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px;
  gap: 12vw;

  width: 100%;
}

/* Danh sách dự án của VAF */
.project-hero-heading {
  width: 42vw;

  /* Hero */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 116px;
  line-height: 158px;

  /* Neutral/1 */
  color: #181818;
}

@media(max-width: 1600px) {
  .project-hero-heading {
    font-size: 100px;
    line-height: 142px;
  }
}

.project-hero-description {
  margin: 0 auto;
  width: 28vw;

  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/3 */
  color: #686868;
}

@media(max-width: 1600px) {
  .project-hero-description {
    font-size: 18px;
    line-height: 26px;
  }
}

.project-hero-scrolldown {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 16px;
  gap: 8px;

  width: 72px;
  height: 128px;

  /* Neutral/4 */
  border: 1px solid #A4A4A4;
  border-radius: 40px;

}

.project-hero-scrolldown img {
  width: 40px;
  height: 40px;
}

/* Project Hero Mobile */
@media (max-width: 992px) {
  .project-hero-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 128px;
  }
  .project-hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
  }
  .project-hero-heading {
    width: initial;
    /* Headline/H3 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    /* or 120% */

    /* Neutral/1 */
    color: #181818;
  }
  .project-hero-description {
    width: initial;
    /* Body mobile/14 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    /* Neutral/3 */
    color: #686868;
  }
  .project-hero-scrolldown {
    /* Frame 227 */

    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding: 8px;
    gap: 8px;

    width: 40px;
    height: 72px;

    /* Neutral/4 */
    border: 1px solid #A4A4A4;
    border-radius: 40px;
  }
  .project-hero-scrolldown img {
    width: 24px;
    height: 24px;
  }
}

/* Project List Section */
.project-list-section {
  display: flex;
  flex-direction: column;
  padding: 18.5vh 6.6vw;
  gap: 48px;
  width: 100%;
}

.project-list-section.deactive {
  display: none;
}

.project-list-filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 48px;
  align-self: stretch;
}

.project-list-filters-buttons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}

.project-list-filters-buttons > button {
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  border: 1px solid #A4A4A4;
  border-radius: 56px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: var(--dl-color-primary-themeblack);
}

.project-list-filters-buttons > button.active {
  border: 1px solid var(--dl-color-primary-themeorange);
  color: var(--dl-color-primary-themeorange);
}


.project-list-total {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  margin: 0 0;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: center;

  /* Neutral/4 */
  color: #A4A4A4;
}

.project-list-total > b {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  text-align: center;

  /* Neutral/1 */
  color: #181818;
}

/* Project List Section Mobile */
@media (max-width: 992px) {
  .project-list-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 16px;
    gap: 12px;
  }
  .project-list-filters {
    gap: 48px;
    flex-direction: column;
    align-items: start;
  }
  .project-list-filters-buttons {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
  }
  .project-list-filters-buttons > button {
    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;

    border-radius: 56px;

    /* Button/Button 2 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }
  .project-list-total {
    /* Body mobile/14 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-align: center;

    /* Neutral/4 */
    color: #A4A4A4;
  }
  .project-list-total > b {
    /* Body mobile/14 M */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-align: center;

    /* Neutral/1 */
    color: #181818;
  }
}

/* Project Grid Container */
.project-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 0.5fr));
    padding: 0px;
    row-gap: 56px;
    column-gap: 24px;
    width: 100%;
}

.project-grid-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 28px;
  gap: 28px;

  /* Neutral/white */
  background-color: #FFFFFF;
  /* Shadow */
  box-shadow: 176px 212px 110px rgba(154, 148, 141, 0.01), 99px 119px 93px rgba(154, 148, 141, 0.05), 44px 53px 69px rgba(154, 148, 141, 0.09), 11px 13px 38px rgba(154, 148, 141, 0.1);
  border-radius: 40px;
  border-width: 0.5px;
  border-color: transparent;

  transition: border-color 1s linear;
  text-decoration: none;
}

.project-grid-card-top-half {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
}

.project-grid-card-bottom-half {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  width: 100%;
}

.project-status {
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 12px;
  gap: 8px;

  border: 1px solid var(--dl-color-primary-themeorange);
  border-radius: 8px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;

  color: var(--dl-color-primary-themeorange);
}

.project-image-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 12px;
}

.project-img {
  width: 336px;
  height: 200px;
  border-radius: 24px;
  overflow: hidden;
}

.project-img img {
  width: 100%;
  transition: transform 1s ease;
  transform-origin: 50% 50%;
}

.project-card-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;

  width: 100%;
  height: 64px;
}

.project-card-title {
  margin-bottom: 0;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;

  color: #181818;
}

.project-card-line-break {
  width: 100%;
  height: 0px;

  border: 1px solid #E0E0E0;
}

.project-card-meta-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  width: 100%;
}

.project-card-meta-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;

  width: 100%;
  height: 24px;
}

.project-card-meta-title {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;

  color: #686868;
}

.project-card-meta-value {
  width: 110px;
  height: 24px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;

  color: #181818;
  text-align: end;
}

.project-grid-card:hover {
  cursor: pointer;
  border-color: var(--dl-color-primary-themeorange);
}

.project-grid-card:hover .project-img img {
  transform: scale(1.2);
  width: 100%;
}

/* Project Grid Container Mobile */
@media (max-width: 992px) {
  .project-grid-container {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .project-grid-card {
    padding: 12px;
    isolation: isolate;
    border-radius: 24px;
    gap: 0;
  }
  .project-grid-card-top-half {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
  }
  .project-grid-card-bottom-half {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 0px;
    gap: 12px;
  }
  .project-status {
    position: absolute;
    left: 8px;
    top: 8px;

    background: var(--dl-color-primary-themeorange);
    border: 1px solid var(--dl-color-primary-themeorange);

    color: #FFFFFF;
  }
  .project-image-card {
    gap: 8px;
  }
  .project-img {
    width: 319px;
    height: 200px;
    border-radius: 12px;
  }
  .project-card-title {
    /* Title mobile/T1 */
    font-size: 20px;
    line-height: 24px;
  }
  .project-card-meta-title {
    /* Caption/C2 R */
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */
  }
  .project-card-meta-value {
    /* Body mobile/14 Sb */
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
  }
}

/* Project Detail */
.project-detail-section {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;

  width: 100%;
  /* z-index: 300; */

}

.project-detail-section.active {
  display: flex;
}

.project-detail-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 32px 24px;

  width: 100%;
  height: 112px;
}

.project-detail-nav-button-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  width: 112px;
  height: 48px;
}

.project-detail-nav-btn {
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 8px;

  width: 48px;
  height: 48px;

  /* Neutral/6 */
  border: 1px solid #E0E0E0;
  border-radius: 56px;
}

.project-detail-banner {
  width: 100%;
  height: 772px;
  object-fit: cover;
}

@media(max-width: 1600px) {
  .project-detail-banner {
    height: 650px;
  }
}

.project-detail-main {
  width: 100%;
  z-index: 100;
}

.project-detail-top {
  background: #FFFFFF;
  border-radius: 40px 40px 0 0;
  position: relative;
  top: -102px;
}

.project-detail-heading-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 7vw;
  padding: 7.4vh 6.6vw;

  width: 100%;
}

.project-detail-heading-area > h1 {
  width: 667px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 96px;
  line-height: 131px;

  /* Neutral/1 */
  color: #181818;
}

@media(max-width: 1600px) {
  .project-detail-heading-area > h1 {
    font-size: 80px;
    line-height: 115px;
  }
}

.project-detail-heading-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;

  width: 539px;
}

.project-detail-heading-description > p {

  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  color: var(--dl-color-primary-themelightdark);
}

@media(max-width: 1600px) {
  .project-detail-heading-description > p {
    font-size: 18px;
    line-height: 26px;
  }
}

.project-detail-heading-description > button {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;

  border: 1px solid var(--dl-color-primary-themeorange);
  border-radius: 40px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  color: var(--dl-color-primary-themeorange);
}

.project-detail-content-area {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 0 6.6vw 7.4vh;
}

.project-detail-meta-data {
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 24px;
  gap: 32px;
  min-width: 424px;

  /* Neutral/6 */
  border: 1px solid #E0E0E0;
  border-radius: 24px;
}

@media(max-width: 1600px) {
  .project-detail-meta-data {
    min-width: auto;
    width: min-content;
  }
}

.project-detail-progress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;

  width: 100%;
}

.project-detail-progress > p {
  width: 100px;
  height: 24px;

  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/3 */
  color: var(--dl-color-primary-themelightdark);
}

.project-detail-progress > .progress-bar-group {
  width: 100%;
}

.project-detail-progress .progress {
  width: 100%;
  background-color: var(--dl-color-primary-themelightorange);
}

.project-detail-progress .progress-bar {
  background-color: var(--dl-color-primary-themeorange);
  /* margin-top:50px; */
}

.project-detail-meta-data hr {
  width: 100%;
  height: 0px;

  /* Neutral/6 */
  border: 1px solid #E0E0E0;
}

.progress-bar-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 4px;

  width: 67.56px;
  height: 66px;
  margin-left: calc(50% - 67.56px/2 + 0.16px);
  margin-top: -20px;
}

.progress-bar-indicator-dot {
  box-sizing: border-box;

  width: 24px;
  height: 24px;

  /* Orange/3 (main) */
  background: var(--dl-color-primary-themeorange);
  /* Orange/6 */
  border: 4px solid #FEF4EB;
  /* depth/1 */
  box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.2);
  border-radius: 24px;
}

.progress-bar-indicator-tooltip {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;

  width: 50px;
  height: 38px;
}

.progress-bar-indicator-label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 4px 8px;
  gap: 10px;

  /* Neutral/1 */
  background: #181818;
  border-radius: 8px;

  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  color: #FFFFFF;
}

.progress-metadata-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0px;
  gap: 8px;

  width: 100%;
  height: 104px;

  border-radius: 24px;
}

.progress-metadata-group > h3 {
  height: 24px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/3 */
  color: #686868;
}

.progress-metadata-group > p {
  width: 280px;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */

  /* Neutral/1 */
  color: #181818;
}

.project-detail-action-group {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: 12px;
}

.project-detail-action-group a {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Orange/3 (main) */
  border: 1px solid #F68833;
  border-radius: 56px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  text-decoration: none;
}

.project-detail-action-group a span {
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Orange/3 (main) */
  color: #F68833;
}

.project-detail-action-group a.button-orange {
  /* Button */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Orange/3 (main) */
  background: #F68833;
  border-radius: 56px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;

  text-decoration: none;
}

.project-detail-action-group a.button-orange span {
  /* Button/Button 2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Orange/3 (main) */
  text-decoration: none;
  color: #ffffff;
}

.project-detail-action-group a img {
  /* ArrowRight */

  width: 16px;
  height: 16px;
}

/* Project Detail Post List */
.project-detail-post-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
}

.project-detail-post-single {
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  padding: 40px 32px;
  gap: 48px;

  /* Neutral/6 */
  border: 1px solid #E0E0E0;
  border-radius: 24px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;

}

.project-detail-post-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}

.project-detail-post-title > h2 {

  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Orange/3 (main) */
  color: var(--dl-color-primary-themeorange);
}

.project-detail-post-title > h3 {

  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* or 125% */

  /* Neutral/1 */
  color: #181818;
}

.project-detail-post-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 48px;

}

.project-detail-post-content p {
  width: 679px;
  margin-bottom: auto;

  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/3 */
  color: #686868;
}

@media(max-width: 1600px) {
  .project-detail-post-content p {
    width: auto;
  }
}

.project-detail-post-content figure {
  width: 100%;
}

.project-detail-post-content img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.project-detail-footer-area {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 6.6vw;
  gap: 24px;

  /* position: absolute; */
  width: 100%;

  /* Neutral/7 */
  background: #F4F4F4;
}

.project-detail-footer-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 24px;

  width: 100%;

  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}

.project-detail-footer-title > h2 {
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/white */
  color: var(--dl-color-primary-themeblack);
}

.project-detail-footer-title a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4px;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Orange/3 (main) */
  color: #F68833;
  text-decoration: none;
}

.project-detail-footer-title img {
  width: 16px;
  height: 16px;
  object-fit: cover;
}

.project-detail-bottom-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 200;

  box-sizing: border-box;

  /* Auto layout */
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 16px 16px 0px;

  width: 100%;

  /* Neutral/white */
  background: #FFFFFF;
  /* Neutral/7 */
  border-top: 1px solid #F4F4F4;
  /* Dropdown/01 */
  box-shadow: 0px 0px 32px rgba(106, 68, 39, 0.1);
  border-radius: 16px 16px 0px 0px;
}

.project-detail-bottom-sheet-action-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px;
  gap: 8px;
  align-self: stretch;
}

.project-detail-bottom-sheet-action-group a {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px;
  gap: 8px;

  /* Neutral/white */
  background: #FFFFFF;
  /* Orange/3 (main) */
  border: 1px solid #F68833;
  border-radius: 56px;
}

.project-detail-bottom-sheet-action-group a.orange-btn {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;

  /* Orange/3 (main) */
  background: #F68833;
  border-radius: 56px;
  text-decoration: none;
}

.project-detail-bottom-sheet-action-group a.orange-btn span {
  /* Button/Button 2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Neutral/white */
  color: #FFFFFF;
}

.project-detail-bottom-sheet-action-group a img {
  width: 16px;
  height: 16px;
}

.project-detail-bottom-sheet-bar {
  margin: 21px 0 8px;
  width: 60%;
  height: 5px;
  /* bottom: 8px; */

  /* Text/Disable */
  background: #C8CFDB;
  border-radius: 100px;
  align-self: center;

}

/* Project Detail Mobile */
@media (max-width: 992px) {
  .project-detail-banner {
    height: 416px;
  }
  .project-detail-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    border-radius: 16px 16px 0px 0px;
  }
  .project-detail-heading-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 16px;
    gap: 24px;
  }
  .project-detail-heading-area > h1 {
    width: initial;
    /* Headline/H4 */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    /* identical to box height, or 125% */

    /* Neutral/1 */
    color: #181818;
  }
  .project-detail-heading-description {
    width: initial;
  }
  .project-detail-heading-description > p {
    /* Body mobile/14 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    /* Neutral/3 */
    color: #686868;


    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
  }
  .project-detail-heading-description > button {
    /* Badge */

    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    gap: 8px;

    /* Orange/3 (main) */
    border: 1px solid #F68833;
    border-radius: 40px;

    /* Caption/C2 R */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Orange/3 (main) */
    color: #F68833;
  }
  .project-detail-content-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 16px;
    gap: 8px;
  }
  .project-detail-meta-data {
    min-width: initial;
    width: initial;
    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 16px;

    /* Neutral/white */
    background: #FFFFFF;
    /* Neutral/6 */
    border: 1px solid #E0E0E0;
    border-radius: 16px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
  }
  .project-detail-progress {
    gap: 8px;
  }
  .project-detail-progress > p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
  }
  .progress-metadata-group > h3 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
  }
  .progress-metadata-group {
    padding: 4px 0px;
    height: initial;
  }
  .progress-metadata-group > p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .project-detail-action-group {
    display: none;
  }
  .project-detail-post-list {
    gap: 8px;
  }
  .project-detail-post-single {
    padding: 24px 16px;
    gap: 24px;
  }
  .project-detail-post-title {
  gap: 8px;
  }
  .project-detail-post-title > h2 {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
  }
  .project-detail-post-title > h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .project-detail-post-content {
    gap: 24px;
  }
  .project-detail-post-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  .project-detail-bottom-sheet {
    display: flex;
  }
}

/* About */

/* Vision */
.about-vision-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10.42vw 0;
  gap: 24px;

  background: #FFFFFF;
}

.about-vision-section > h1 {
  /* Tầm nhìn */

  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Orange/3 (main) */
  color: #F68833;

}

.about-vision-section > h2 {
  padding: 0 23.44vw;

  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* or 125% */
  text-align: center;

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);

}

.about-banner-section {
  width: 100%;
  text-align: right;
}

.about-banner-section > img {
  height: 100vh;
  width: 95%;
  object-fit: cover;
  display: inline-block;
  border-radius: 40px 0px 0px 40px;
}

.about-purpose-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10vw 6.6vw;
  gap: 24px;

  background: #FFFFFF;
}

.about-purpose-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  padding: 0px;
  grid-gap: 24px;
}

.about-purpose-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 48px;
  gap: 28px;

  /* width: 539px; */
  /* height: 252px; */

  background: var(--dl-color-primary-themelightwhite);
  border-radius: 40px;
}

.about-purpose-item > h1 {
  width: 100%;

  /* Text/Body 1 B

  Body text large for big
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  display: flex;
  align-items: center;

  /* Neutral/2 */
  color: var(--dl-color-primary-themedark);
}

.about-purpose-item > img {
  width: 96px;
  height: 96px;
}

.about-purpose-heading {
  /* Frame 160 */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 0px;
  gap: 8px;

}

.about-purpose-heading > h1 {
  /* Headline/H1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  /* or 125% */

  /* Neutral/1 */
  color: #181818;
}

.about-purpose-heading > h1 > span {
  display: block;
}

.about-main-activities-section {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 10vw 14vw 10vw 6.6vw;
  gap: 10vw;
  justify-content: space-between;
  background-size: cover; 
  background-blend-mode: multiply;
  
}

/* .about-main-activities-section {
  background-color: #F4F4F4;
  mix-blend-mode: multiply;
} */

@media(max-width: 1600px) {
  .about-main-activities-section {
    padding: 10vw 6.6vw;
  }
}

.about-main-activities-section > h1 {
  width: 50%;

  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-size: 214px;
  line-height: 130%;
  /* or 278px */

  /* Neutral/5 */
  color: #C2C2C2;

}
@media(max-width: 1600px) {
  .about-main-activities-section > h1 {
    font-size: 150px;
    line-height: 130%;
  }
}

.about-main-activities-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 104px;
/* 
  max-width: 40%; */
  max-width: 538px;
}

.about-main-activities-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 40px;
}

.about-main-activities-item > img {
  width: 100%;
  max-height: 320px;
  object-fit: cover;
}

.about-main-activities-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
}

.about-main-activities-item-info > h1 {
  /* Text/Body 1 B

  Body text large for big
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Orange/3 (main) */
  color: #F68833;
}

.about-main-activities-item-info > p {

  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/3 */
  color: #686868;
}

.about-members-section {
  width: 100%;
  padding: 10vw 6.6vw;
}

.about-members-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-gap: 24px 26px;
}

.about-members-heading {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 0px;
  gap: 8px;
}

.about-members-heading > h1 {
  /* Headline/H1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  /* or 125% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

.about-members-item > img {
  width: 100%;
  height: 408px;
  object-fit: cover;
  border-radius: 40px 40px 0px 0px;
}

.about-members-item-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 24px;
  gap: 8px;

  border-radius: 0px 0px 40px 40px;

  /* Neutral/7 */
  background: var(--dl-color-primary-themelightwhite);
}

.about-members-item-info > h1 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  /* identical to box height, or 129% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

.about-members-item-info-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.about-members-item-info-meta > p {
  margin-bottom: inherit;
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/3 */
  color: var(--dl-color-primary-themelightdark);
}

.about-join-us-section {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 80px 0px;
  gap: 32px;

  /* Orange/5 */
  background: #FDE8D8;
}

.about-join-us-section > h1 {
  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  /* identical to box height, or 117% */

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

.about-join-us-section > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  width: 150px;
  height: 48px;

  /* Orange/3 (main) */
  background: var(--dl-color-primary-themeorange);
  border-radius: 56px;

  /* Text */
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */
  text-decoration: initial;

  /* Neutral/white */
  color: #FFFFFF;

  transition: 0.3s;
}

.about-join-us-section > a:hover {
  transform: scale(1.02);
}

.about-join-us-section > a > img {
  width: 16px;
  height: 16px;
}

/* About Screen Mobile */
@media (max-width: 992px) {
  .about-vision-section {
    padding: 64px 16px;
    gap: 8px;
  }
  .about-vision-section > h1 {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
  }
  .about-vision-section > h2 {
    font-size: 16px;
    line-height: 24px;
    padding: 0 16px;
  }
  .about-banner-section {
    width: 100%;
    text-align: right;
  }
  .about-banner-section > img {
    height: 248px;
    width: 100%;
    border-radius: initial;
  }

  .about-purpose-section {
    padding: 64px 16px;
    gap: 32px;
  }
  .about-purpose-grid {
    width: 100%;
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .about-purpose-item {
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    gap: 16px;

    background: #F4F4F4;
    border-radius: 16px;

    align-self: stretch;
    flex-direction: row-reverse;
  }
  .about-purpose-item > h1 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
  }
  .about-purpose-item > img {
    width: 40px;
    height: 40px;
  }
  .about-purpose-heading > h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .about-purpose-heading > h1 > span {
    display: inline-block;
  }
  .about-main-activities-section {
    flex-direction: column;
    padding: 64px 16px;
    gap: 64px;
  }
  .about-main-activities-section > h1 {
    width: initial;
    font-weight: 700;
    font-size: 96px;
    line-height: 128px;
  }
  .about-main-activities-list {
    max-width: initial;
    gap: 48px;
    align-self: stretch;
  }
  .about-main-activities-item {
    gap: 16px;
    align-self: stretch;
  }
  .about-main-activities-item > img {
    max-height: 200px;
  }
  .about-main-activities-item-info {
    gap: 8px;
  }
  .about-main-activities-item-info > h1 {
    font-size: 20px;
    line-height: 24px;
  }
  .about-main-activities-item-info > p {
    font-size: 14px;
    line-height: 20px;
  }

  .about-members-section {
    padding: 64px 16px;
    gap: 32px;
  }
  .about-members-grid {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .about-members-heading {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 0px;
    gap: 8px;
  }
  .about-members-heading > h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .about-members-item > img {
    height: 264px;
    border-radius: 16px 16px 0px 0px;
  }
  .about-members-item-info {
    padding: 24px 16px;
    border-radius: 0px 0px 16px 16px;
  }
  .about-members-item-info > h1 {
    font-size: 20px;
    line-height: 24px;
  }
  .about-members-item-info-meta > p {
    font-size: 12px;
    line-height: 16px;
  }

  .about-join-us-section {
    flex-direction: column;
    padding: 48px 0px;
    gap: 16px;
  }
  .about-join-us-section > h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .about-join-us-section > a {
    padding: 12px 24px;
  }
}

/* Volunteer Page */
.volunteer-benefits-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10.41vw 14vw;
  gap: 64px;
}

.volunteer-benefits-section > h1 {
  /* Headline/H1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  /* or 125% */

  /* Neutral/1 */
  color: #181818;
}

.volunteer-benefits-section > h1 > span {
  display: block;
}

.volunteer-benefits-section > h1 b {
  color: var(--dl-color-primary-themeorange);
}

.volunteer-benefits-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(440px, 0.5fr));
  grid-gap: 32px;
}

.volunteer-benefit-item {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 48px 32px;
  gap: 40px;

  /* Neutral/7 */
  background: #F4F4F4;
  border-radius: 24px;

  align-self: stretch;
}

.volunteer-benefit-item h1 {
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */
  display: flex;
  align-items: center;
  width: 100%;

  /* Neutral/1 */
  color: #181818;
}

.volunteer-benefit-item img {
  width: 56px;
  height: 56px;
}

.volunteer-join-us-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10.41vw 14vw;
  gap: 128px;

  /* Neutral/7 */
  background: #F4F4F4;
}

.volunteer-join-us-heading {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.volunteer-join-us-heading h1 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  /* identical to box height, or 125% */

  /* Neutral/1 */
  color: #181818;
}

.volunteer-join-us-heading p {
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/3 */
  color: #686868;
  /* Ban mong muốn trở thành một phần của VAF? Tìm hiểu các vị trí tuyển dụng tại đây */

  max-width: 539px;
}

.volunteer-join-us-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0px;
  gap: 48px;
}

.post-filters-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
}

.post-filters-group button, .post-filters-group a {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;

  /* Neutral/5 */
  border: 1px solid #C2C2C2;
  border-radius: 56px;

  /* Text Styling */
  /* Button/Button 2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */

  /* Neutral/3 */
  color: #686868;
  text-decoration: none;
}

.post-filters-group button.active, .post-filters-group a.active {
  border: none;
  background: var(--dl-color-primary-themeorange);
  color: #FFFFFF;
}

.volunteer-join-us-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(440px, 0.5fr));
  grid-gap: 32px;
}

.volunteer-join-us-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 32px;

  /* Neutral/white */
  background: #FFFFFF;
  border-radius: 24px;
  text-decoration: none;
}

.volunteer-join-us-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  align-self: stretch;
}

.volunteer-join-us-item-info h1 {
  /* Text/Body 1 B

  Body text large for big
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
  align-self: stretch;
}

.volunteer-join-us-item-info p {
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */

  /* Neutral/3 */
  color: #686868;
  align-self: stretch;

  /* Limit number of lines */
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.volunteer-join-us-item-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
}

.volunteer-join-us-item-location {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
}

.volunteer-join-us-item-location > img {
  width: 16px;
  height: 16px;
}

.volunteer-join-us-item-location h1 {
  margin-bottom: 0;
  /* Caption/C1 M

  Caption text bold, could be used for secondary links or navigation elements.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Neutral/3 */
  color: #686868;
}

.volunteer-join-us-item-meta > img {
  width: 16px;
  height: 16px;
}

.volunteer-join-us-item-meta > h2 {
  margin-bottom: 0;
  /* Caption/C1 M

  Caption text bold, could be used for secondary links or navigation elements.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Neutral/3 */
  color: #686868;
}

.volunteer-join-us-load-more {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 10px;
  align-self: stretch;
}

.volunteer-join-us-load-more button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Neutral/white */
  background: #FFFFFF;
  border-radius: 56px;

  /* Text Styling */
  /* Button */
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Neutral/1 */
  color: #181818;
}

.volunteer-leave-info {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 6.6vw;
}

.volunteer-leave-info form {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 80px;
  gap: 64px;

  /* Orange/3 (main) */
  background: #F68833;
}

.volunteer-leave-info form > h1 {
  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* or 125% */

  /* Neutral/white */
  color: #FFFFFF;
  align-self: stretch;
}

.volunteer-leave-info-input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  align-self: stretch;
}

.volunteer-leave-info-input-group > .input-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  align-self: stretch;
  position: relative;
}

.volunteer-leave-info-input-group .input-field > label {
  padding: 0px 8px;
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/white */
  color: #FFFFFF;
}

.volunteer-leave-info-input-group .input-field > input, select {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;

  /* Neutral/7 */
  border: 1px solid #F4F4F4;
  background: transparent;
  border-radius: 16px;
  align-self: stretch;

  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Orange/5 */
  color: #FDE8D8;
}

.volunteer-leave-info-input-group .input-field > input::placeholder {
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Orange/5 */
  color: #FDE8D8;
}

.volunteer-leave-info-input-group .input-field > select > option {
  color: #181818;
}

.volunteer-file-upload-input-group {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px !important;
  gap: 12px;

  /* Neutral/white */
  border: 1px dashed #FFFFFF;
  border-radius: 16px;
  align-self: stretch;
}

.volunteer-file-upload-input-group.hover {
  background-color: rgba(0, 0, 0, 0.5);;
}

.volunteer-file-upload-input-group > img {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px;
  gap: 8px;

  width: 64px;
  height: 64px;

  border-radius: 40px;
}

.volunteer-file-upload-input-group-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}

.volunteer-file-upload-input-group-description h1 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/white */
  color: #FFFFFF;
  margin-bottom: 0;
}

.volunteer-file-upload-input-group-description p {
  /* Caption/C2 R */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height, or 133% */

  /* Neutral/white */
  color: #FFFFFF;
  align-self: stretch;
  margin-bottom: 0;
}

.volunteer-leave-info > img{
  width: 50%;
  object-fit: cover;
  flex-grow: 1;
}

.volunteer-leave-info-input-group > .input-pair {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  align-self: stretch;
}

.volunteer-leave-info-input-group > .input-pair > .input-field {
  flex: 1;
}

.volunteer-leave-info-input-group > .input-pair > .input-field > input {
  width: 100%;
}

.volunteer-leave-info-input-group > .input-pair > .input-field > select {
  width: 100%;
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;

  /* Neutral/white */
  border: 1px solid #FFFFFF;
  border-radius: 16px;
  background: transparent;
  align-self: stretch;

  color: #FDE8D8;
}

.volunteer-leave-info-input-group > .input-pair > .input-field > select::after {
  /* CaretDown */
  width: 16px;
  height: 16px;
}

.volunteer-leave-info-input-group > .input-pair > .input-field select option {
  color: var(--dl-color-primary-themeblack);
}

.volunteer-leave-info-input-group .input-field > textarea {
  min-height: 96px;
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 16px 8px;

  /* Neutral/7 */
  border: 1px solid #F4F4F4;
  background: transparent;
  border-radius: 16px;
  align-self: stretch;

  /* Text Styling */
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Orange/5 */
  color: #FDE8D8;
}

.volunteer-leave-info-input-group .input-field > textarea::placeholder {
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Orange/5 */
  color: #FDE8D8;
}

#charCount {
  /* 0/200 */

  position: absolute;
  bottom: 8px;
  right: 16px;
  margin-bottom: 0;

  /* Caption/C2 R */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height, or 133% */

  /* Neutral/6 */
  color: #E0E0E0;
}

.volunteer-leave-info form button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Neutral/white */
  background: #FFFFFF;
  border-radius: 56px;

  /* Text Styling */
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Orange/3 (main) */
  color: #F68833;
}

.volunteer-leave-info form button img {
  width: 16px;
  height: 16px;
}

/* Volunteer Page Mobile */
@media (max-width: 992px) {
  .volunteer-benefits-section {
    padding: 80px 16px;
    gap: 32px;
  }
  .volunteer-benefits-section > h1 {
    font-size: 24px;
    line-height: 32px;
    align-self: stretch;
  }
  .volunteer-benefits-grid {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .volunteer-benefit-item {
    padding: 16px 24px;
    gap: 16px;
    border-radius: 16px;
  }
  .volunteer-benefit-item h1 {
    font-size: 14px;
    line-height: 20px;
  }
  .volunteer-benefit-item img {
    width: 40px;
    height: 40px;
  }

  .volunteer-join-us-section {
    padding: 80px 16px;
    gap: 48px;
  }
  .volunteer-join-us-heading {
    flex-direction: column;
    gap: 16px;
  }
  .volunteer-join-us-heading h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .volunteer-join-us-heading p {
    font-size: 14px;
    line-height: 20px;
  }

  .volunteer-join-us-content {
    gap: 48px;
  }
  .post-filters-group {
    gap: 8px 12px;
    flex-wrap: wrap;
  }
  .post-filters-group button, .post-filters-group a {
    padding: 8px 16px;
  }
  .post-filters-group button.active, .post-filters-group a.active {
    border: none;
    background: var(--dl-color-primary-themeorange);
    color: #FFFFFF;
  }

  .volunteer-join-us-grid {
    grid-template-columns: 1fr;
    grid-gap: 12px;
  }
  .volunteer-join-us-item {
    padding: 16px;
  }
  .volunteer-join-us-item-info {
    gap: 8px;
  }
  .volunteer-join-us-item-info h1 {
    font-size: 16px;
    line-height: 24px;
  }
  .volunteer-join-us-item-info p {
    font-size: 12px;
    line-height: 16px;
    -webkit-line-clamp: 3;
  }
  .volunteer-join-us-item-meta {
    gap: 4px;
  }
  .volunteer-join-us-item-location {
    gap: 4px;
  }
  .volunteer-join-us-item-location > img {
    width: 12px;
    height: 12px;
  }
  .volunteer-join-us-item-location h1 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Neutral/4 */
    color: #A4A4A4;
  }
  .volunteer-join-us-item-meta > img {
    width: 16px;
    height: 16px;
  }
  .volunteer-join-us-item-meta > h2 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Neutral/4 */
    color: #A4A4A4;
  }
  .volunteer-join-us-load-more button {
    padding: 12px 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }

  .volunteer-leave-info {
    flex-direction: column;
    margin: 64px 16px;
  }
  .volunteer-leave-info form {
    padding: 80px 16px;
    gap: 40px;
  }
  .volunteer-leave-info form > h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .volunteer-leave-info-input-group .input-field > label {
    font-size: 14px;
  }
  .volunteer-leave-info-input-group .input-field > input {
    font-weight: 500;
    font-size: 14px;
  }
  .volunteer-leave-info-input-group .input-field > input::placeholder {
    font-weight: 500;
    font-size: 14px;
  }
  .volunteer-leave-info > img{
    width: 100%;
    height: 480px;
    object-fit: cover;
    flex-grow: 1;
  }
  .volunteer-leave-info-input-group > .input-pair {
    flex-direction: column;
  }
  .volunteer-leave-info-input-group > .input-pair > .input-field {
    width: 100%;
  }

  .volunteer-leave-info form button {
    width: 100%;
  }
  .volunteer-leave-info form button img {
    width: 16px;
    height: 16px;
  }
}

/* Volunteer Job Detail */
.volunteer-job-detail-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 208px 0px 80px;
  gap: 12px;

  /* Neutral/white */
  background: #FFFFFF;
}

.volunteer-job-detail-heading h1 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 96px;
  line-height: 131px;

  /* Neutral/1 */
  color: #181818;
}

.volunteer-job-detail-heading-description {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;

  /* Text/Body 1 R

  Body text large for big paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/3 */
  color: #686868;
}

.volunteer-job-detail-heading-description b {
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
}

.volunteer-job-detail-content-area {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14vw 21.3vh;
  gap: 16px;
}

.volunteer-job-detail-meta-data {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 24px;
  gap: 32px;

  /* min-width: 397px; */

  /* Neutral/6 */
  border: 1px solid #E0E0E0;
  border-radius: 24px;
}

.volunteer-job-detail-metadata-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;

  border-radius: 24px;

  /* Inside auto layout */
  align-self: stretch;
}

.volunteer-job-detail-metadata-group h3 {
  margin-bottom: 0;
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/4 */
  color: #A4A4A4;
}

.volunteer-job-detail-metadata-group p {
  margin-bottom: 0;
  width: 302px;

  /* Text/Body 5 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
}

@media(max-width: 1600px) {
  .volunteer-job-detail-metadata-group p {
    width: 250px;
  }
}

.volunteer-job-detail-meta-data hr {
  border: 1px solid #E0E0E0;
  width: 100%;
  margin: 0;
}

.volunteer-job-detail-action-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;

  align-self: stretch;
}

.volunteer-job-detail-action-group.mobile {
  display: none;
}

.volunteer-job-detail-action-group a {
  /* Button */

  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Orange/3 (main) */
  border: 1px solid #F68833;
  border-radius: 56px;

  /* Inside auto layout */
  align-self: stretch;
  text-decoration: none;
}

.volunteer-job-detail-action-group a span {
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Orange/3 (main) */
  color: #F68833;
}

.volunteer-job-detail-action-group a.button-orange {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Orange/3 (main) */
  background: #F68833;
  border-radius: 56px;
  align-self: stretch;
}

.volunteer-job-detail-action-group a.button-orange span {
  /* Button/Button 1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Neutral/white */
  color: #FFFFFF;
}

.volunteer-job-detail-action-group a img {
  width: 16px;
  height: 16px;
}

.volunteer-job-detail-content-description {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 32px;

  /* Neutral/6 */
  border: 1px solid #E0E0E0;
  border-radius: 24px;
}

.volunteer-job-detail-content-description h1, h2 {
  /* Text/Body 1 B

  Body text large for big
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Orange/3 (main) */
  color: #F68833;
}

.volunteer-job-detail-content-description p {
  /* Text/Body 2 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */

  /* Neutral/3 */
  color: #686868;
  align-self: stretch;
}

.volunteer-register-alert {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 200;
}

/* Volunteer Detail Mobile */
@media (max-width: 992px) {
  .volunteer-job-detail-heading {
    padding: 128px 16px 48px;
    gap: 16px;
  }
  .volunteer-job-detail-heading h1 {
    font-size: 40px;
    line-height: 48px;
    /* or 120% */
    text-align: center;
  }
  .volunteer-job-detail-heading-description {
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-align: center;

    /* Neutral/4 */
    color: #A4A4A4;
  }
  .volunteer-job-detail-heading-description b {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-align: center;
  }
  .volunteer-job-detail-action-group.mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    gap: 12px;
  }
  .volunteer-job-detail-action-group.desktop {
    display: none;
  }

  .volunteer-job-detail-action-group a {
    justify-content: center;
    padding: 12px 24px;
    gap: 12px;
  }
  .volunteer-job-detail-action-group a span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }
  .volunteer-job-detail-action-group a.button-orange {
    justify-content: center;
    padding: 12px 24px;
    gap: 12px;
  }
  .volunteer-job-detail-action-group a.button-orange span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }
  .volunteer-job-detail-action-group a img {
    width: 16px;
    height: 16px;
  }

  .volunteer-job-detail-content-area {
    flex-direction: column;
    padding: 0px 16px;
    gap: 8px;
  }
  .volunteer-job-detail-meta-data {
    width: 100%;
    padding: 24px 16px;
    gap: 16px;

    /* Neutral/6 */
    border: 1px solid #E0E0E0;
    border-radius: 16px;
  }
  .volunteer-job-detail-metadata-group {
  }
  .volunteer-job-detail-metadata-group h3 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Neutral/3 */
    color: #686868;
  }
  .volunteer-job-detail-metadata-group p {
    font-size: 20px;
    line-height: 24px;
  }
  .volunteer-job-detail-meta-data hr {
    display: none;
  }

  .volunteer-job-detail-content-description {
    box-sizing: border-box;
    padding: 24px 16px;
    border-radius: 16px;
  }
  .volunteer-job-detail-content-description h1, h2 {
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    /* Orange/3 (main) */
    color: #F68833;
  }
  .volunteer-job-detail-content-description p {
    font-size: 14px;
    line-height: 20px;
  }
}

/* Cooperate Page */
.cooperate-model-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10vw 6.6vw;
  gap: 64px;
}

.cooperate-model-section h1 {
  /* Headline/H1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  /* identical to box height, or 125% */

  /* Neutral/1 */
  color: #181818;
}

.cooperate-model-grid {
  width: 100%;
  display: grid;
  grid-gap: 24px;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.cooperate-model-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 72px 32px 48px;
  gap: 40px;

  /* Neutral/7 */
  background: #F4F4F4;
  border-radius: 40px;

  /* Inside auto layout */
  flex: none;
  flex-basis: 0;
  /* order: 0; */
  align-self: stretch;
  flex-grow: 1;
}

.cooperate-model-card img {
  height: 96px;
  object-fit: cover;
}

.cooperate-model-card h2 {
  /* Text/Body 1 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  display: flex;
  align-items: center;

  /* Neutral/1 */
  color: var(--dl-color-primary-themeblack);
}

.cooperate-contact-section {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 6.6vw;
}

.cooperate-contact-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 80px;
  gap: 64px;

  /* Orange/3 (main) */
  background: #F68833;
}

.cooperate-contact-info h1 {
  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */

  /* Neutral/white */
  color: #FFFFFF;
  align-self: stretch;
}

.cooperate-contact-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.cooperate-contact-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.cooperate-contact-item h2 {
  margin-bottom: 0;
  /* Title mobile/T1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height, or 120% */

  /* Neutral/white */
  color: #FFFFFF;
}

.cooperate-contact-item p {
  margin-bottom: 0;
  /* Text/Body 4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  /* Neutral/7 */
  color: #F4F4F4;
}

.cooperate-contact-section > img {
  width: 60%;
  object-fit: cover;
  flex-grow: 1;
}

/* Cooperate Page Mobile */
@media (max-width: 992px) {
  .cooperate-model-section {
    padding: 80px 16px;
    gap: 32px;
  }
  .cooperate-model-section h1 {
    font-size: 24px;
    line-height: 32px;
    align-self: stretch;
  }

  .cooperate-model-grid {
    grid-gap: 16px;
    grid-template-columns: 1fr;
  }
  .cooperate-model-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    gap: 16px;

    /* Neutral/7 */
    background: #F4F4F4;
    border-radius: 16px;
  }
  .cooperate-model-card img {
    height: 40px;
  }
  .cooperate-model-card h2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }

  .cooperate-contact-section {
    flex-direction: column;
    margin: 64px 16px;
  }
  .cooperate-contact-info {
    padding: 80px 16px 64px;
    gap: 40px;
  }
  .cooperate-contact-info h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cooperate-contact-item h2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }
  .cooperate-contact-item p {
    font-size: 14px;
    line-height: 20px;
  }
  .cooperate-contact-section > img {
    width: 100%;
    height: 576px;
    object-fit: cover;
  }
}

/* Event Archive */
.event-hero-section {
  /* Mask group */
  width: 100%;
  height: 542px;

  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-position: center;
  padding-bottom: 16vh;
}

.event-hero-section h1 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 116px;
  line-height: 158px;
  text-align: center;
  text-transform: capitalize;

  /* Neutral/1 */
  color: #181818;
}

.event-list-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 6.6vw;
  gap: 96px;
}

.event-search-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.event-search-group .input-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 60px;
  align-self: stretch;
  width: 100%;
}

.event-search-group input {
  width: 100%;

  /* Text/Body 1 R

  Body text large for big paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  display: flex;
  align-items: center;

  /* Neutral/4 */
  color: #181818;
}

.event-search-group input::placeholder {
  /* Search... */

  margin: 0 auto;
  width: 97px;
  height: 32px;

  /* Text/Body 1 R

  Body text large for big paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  display: flex;
  align-items: center;

  /* Neutral/4 */
  color: #A4A4A4;
}

.event-search-group button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;

  /* Orange/3 (main) */
  background: #F68833;
  border-radius: 56px;
}

.event-search-group button svg {
  width: 24px;
  height: 24px;
}

.event-search-group > .input-field > svg {
  display: none;
}

.event-search-group hr {
  height: 1px;
  background: #C2C2C2;
  align-self: stretch;
}

.event-list-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 128px;
}

.event-list-filters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;

  width: 398px;

  /* Neutral/6 */
  border-left: 1px solid #E0E0E0;
}

.event-list-filters a {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 10px;

  align-self: stretch;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  text-align: center;

  /* Neutral/5 */
  color: #C2C2C2;
  text-decoration: none;
}

.event-list-filters a.active {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 10px;

  /* Orange/3 (main) */
  border-left: 3px solid #F68833;
  align-self: stretch;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  text-align: center;

  /* Orange/3 (main) */
  color: #F68833;
}

.event-list-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 128px;
}

.event-list-data-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.event-list-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(440px, 0.5fr));
  row-gap: 80px;
  column-gap: 40px;
}

/* Pagination */
.event-list-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
}

.event-list-pagination .page-numbers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 10px;

  width: 40px;
  height: 40px;

  /* Neutral/6 */
  background: #E0E0E0;
  border-radius: 40px;

  /* Body/Body 16 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/4 */
  color: #A4A4A4;
  text-decoration: none;
}

.event-list-pagination .page-numbers.current {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 10px;

  width: 40px;
  height: 40px;

  /* Brand color/3 (main) */
  background: #F68833;
  border-radius: 40px;

  /* Body/Body 16 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/white */
  color: #FFFFFF;
}

.event-list-pagination .nav-links {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
}

/* Event Archive Laptop */
@media(max-width: 1600px) {
  .event-list-section {
    gap: 80px;
  }
  .event-list-content{
    gap: 80px;
  }
  .event-list-filters {
    width: 250px;
  }
  .event-list-grid {
    grid-template-columns: repeat(auto-fit, minmax(380px, 0.5fr));
  }
}

/* Event Archive Mobile */
@media (max-width: 992px) {
  .event-hero-section {
    height: 319px;
    padding: 0 16px 72px;
    justify-content: flex-start;
  }
  .event-hero-section h1 {
    text-align: left;
    font-size: 40px;
    line-height: 48px;
  }

  .event-list-section {
    padding: 48px 16px;
    gap: 48px;
  }

  .event-search-group {
    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 16px;
    gap: 24px;

    /* Neutral/white */
    background: #FFFFFF;
    /* Neutral/5 */
    border: 1px solid #C2C2C2;
    border-radius: 24px;
  }
  .event-search-group .input-field {
    gap: 8px;
    align-items: center;
  }
  .event-search-group input {
    font-size: 16px;
    line-height: 24px;
  }
  .event-search-group input::placeholder {
    font-size: 16px;
    line-height: 24px;
  }
  .event-search-group button {
    display: none;
  }
  .event-search-group button svg {
    width: 24px;
    height: 24px;
  }
  .event-search-group > .input-field > svg {
    display: block;
    width: 16px;
    height: 16px;
  }
  .event-search-group hr {
    display: none;
  }

  .event-list-content {
    flex-direction: column;
    gap: 32px;
  }
  .event-list-filters {
    width: 100%;
    flex-direction: row;
    gap: 12px;
  }
  .event-list-filters a {
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;

    /* Neutral/5 */
    border: 1px solid #C2C2C2;
    border-radius: 56px;

    /* Text Styling */
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

    /* Neutral/1 */
    color: #181818;
  }
  .event-list-filters a.active {
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    /* Brand color/3 (main) */
    background: #F68833;
    border-radius: 56px;

    /* Text Styling */
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

    /* Neutral/white */
    color: #FFFFFF;
  }
  .event-list-data {
    gap: 40px;
    align-items: flex-start;
  }
  .event-list-grid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
  }

  /* Pagination */
  .event-list-pagination {
    gap: 16px;
  }

  .event-list-pagination .page-numbers {
    padding: 4px;
  }
  .event-list-pagination .nav-links {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
  }

}

/* Event Detail */
.event-detail-section {
  padding: 10.41vw 20vw 6.6vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.event-detail-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.event-detail-heading h1 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 80px;
  line-height: 109px;

  /* Neutral/1 */
  color: #181818;
}

.event-detail-description {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.event-detail-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;

}

.event-detail-meta h2 {
  /* Body/Body 24 R

  Body text large for big paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/3 */
  color: #686868;
}

.event-detail-meta > img {
  width: 24px;
  height: 24px;
}

.event-detail-meta > h3 {
  /* Body/Body 24 R

  Body text large for big paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/3 */
  color: #686868;
}

.event-detail-action-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.event-detail-action-group > a {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  border: 1px solid #F68833;
  border-radius: 56px;
  text-decoration: none;
}

.event-detail-action-group > a > span {
  margin: 0 auto;
  /* Button/Button 1 - B */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Brand color/3 (main) */
  color: #F68833;
}

.event-detail-action-group > a > img {
  width: 16px;
  height: 16px;
}

.event-detail-action-group > a.button-orange {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  background: #F68833;
  border-radius: 56px;
}

.event-detail-action-group > a.button-orange > span {
  /* Button/Button 1 - B */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Neutral/white */
  color: #FFFFFF;
}

.event-detail-action-group > a.button-orange > img {
  width: 16px;
  height: 16px;
}

.event-detail-banner {
  width: 100%;
}

.event-detail-banner img {
  width: 100%;
  align-self: stretch;
  object-fit: cover;
}

.event-detail-countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 32px;
  align-self: stretch;
}

.event-detail-countdown > h1 {
  /* Body/Body 24 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  text-align: center;

  /* Neutral/1 */
  color: #181818;
}

.event-detail-countdown-time {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 40px;
}

.event-detail-countdown-time .digit-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.event-detail-countdown-time .digit-card h1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  gap: 10px;

  /* Brand color/6 */
  background: #FEF4EB;
  border-radius: 16px;


  /* test/Title */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 96px;
  line-height: 131px;

  /* Brand color/3 (main) */
  color: #F68833;
}

.event-detail-countdown-time .digit-card h2 {
  /* Body/Body 16 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/3 */
  color: #686868;
}

.event-detail-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* gap: 56px; */
  align-self: stretch;
}

.event-detail-content p, .event-detail-content li {
  /* Body/body 18 R */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  /* or 156% */

  /* Neutral/1 */
  color: #181818;
}

.event-detail-content figure {
  width: 100%;
}

.event-detail-content img:not([style*="width"]) {
  width: 100%;
  object-fit: cover;
}

.event-detail-action {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
}

.event-detail-action-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
}

.event-detail-action hr {
  width: 100%;
  height: 0px;

  /* Neutral/6 */
  border: 1px solid #E0E0E0;

  align-self: stretch;
}

/* Event Detail Mobile */
@media (max-width: 992px) {
  .event-detail-section {
    /* padding: 10.41vw 20vw 6.6vw; */
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }

  .event-detail-heading {
    align-items: center;
    padding: 128px 16px 48px;
    gap: 16px;
  }
  .event-detail-heading h1 {
    font-size: 40px;
    line-height: 48px;
    /* or 120% */
    text-align: center;
  }
  .event-detail-description {
    flex-direction: column;
    gap: 28px;
    align-self: stretch;
  }

  .event-detail-meta {
    gap: 8px;
  }
  .event-detail-meta h2 {
    font-size: 14px;
    line-height: 20px;
  }
  .event-detail-meta > img {
    width: 16px;
    height: 16px;
  }
  .event-detail-meta > h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
  }
  .event-detail-action-group {
    justify-content: center;
    align-items: center;
  }
  .event-detail-action-group > a {
    justify-content: center;
    padding: 12px 24px;
    gap: 12px;
  }
  .event-detail-action-group > a > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }
  .event-detail-action-group > a.button-orange {
    justify-content: center;
    padding: 12px 24px;
    gap: 12px;
  }
  .event-detail-action-group > a.button-orange > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }

  .event-detail-countdown {
    padding: 0px 16px;
    gap: 16px;
  }
  .event-detail-countdown > h1 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    align-self: stretch;
  }
  .event-detail-countdown-time {
    justify-content: space-between;
    gap: 16px;
    align-self: stretch;
  }
  .event-detail-countdown-time .digit-card {
    gap: 8px;
    margin: 0 auto;
  }
  .event-detail-countdown-time .digit-card h1 {
    padding: 16px;
    font-size: 24px;
    line-height: 32px;
  }
  .event-detail-countdown-time .digit-card h2 {
    font-size: 12px;
    line-height: 16px;
  }

  .event-detail-content {
    gap: 24px;
    padding: 0 16px;
  }
  .event-detail-content p, .event-detail-content li {
    font-size: 14px;
    line-height: 20px;
  }

  .event-detail-action-bottom {
    padding: 0px 16px;
  }

  .event-detail-action-bottom hr {
    align-self: stretch;
  }

  .event-detail-action-bottom .event-detail-action-group {
    flex-direction: column;
    align-self: stretch;
  }

  .event-detail-action-bottom .event-detail-action-group > a {
    align-items: center;
    padding: 12px 24px;
    gap: 12px;
    align-self: stretch;
  }

}

.background-white {
  background-color: #ffffff !important;
}

/* Donate */
.donate-action-buttons-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 6.6vw;
  gap: 40px;
}

.donate-action-buttons-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 40px 0px;
  gap: 24px;
}

.donate-action-buttons-group > button {
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  border: 1px solid #C2C2C2;
  border-radius: 56px;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;

  /* Neutral/1 */
  color: #181818;
}

.donate-action-buttons-group > button.active {
  border: 1px solid #F68833;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Brand color/3 (main) */
  color: #F68833;
}

.donate-action-buttons-section > hr {
  border: 1px solid #E0E0E0;
  align-self: stretch;
}

.donate-description-section {
  padding: 6.6vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 91px;
}

.donate-description-section > h1 {
  margin: 0 auto;
  width: 506px;

  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 56px;

  /* Neutral/1 */
  color: #181818;
}

.donate-description-section > p {
  width: 50%;

  /* Body/body 18 R */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  /* or 156% */

  /* Neutral/3 */
  color: #686868;
}

.donate-stat-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 56px;
  margin: 0 6.6vw;
  gap: 16px;

  /* Brand color/6 */
  background: #FEF4EB;
  border-radius: 24px 0px 0px 24px;
}

.donate-stat-section > h2 {
  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;

  /* Neutral/3 */
  color: #686868;
  align-self: stretch;
}

.donate-stat-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 12px;
}

.donate-stat-count {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}

.donate-stat-count > h1 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 80px;
  line-height: 109px;

  /* Neutral/1 */
  color: #181818;
}

.donate-stat-count > h3 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;

  /* Neutral/3 */
  color: #686868;

  align-self: stretch;
}

.donate-stat-group > button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  background: #F68833;
  border-radius: 56px;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */

  /* Neutral/white */
  color: #FFFFFF;
}

.donate-main-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6.6vw;
  gap: 128px;
}

.donate-main-section > hr {
  margin: 0;
  border: 1px solid #E0E0E0;
  align-self: stretch;
}

.donate-content-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.donate-content-title {
  max-width: 506px;
}

.donate-content-title > h1 {
  margin-bottom: 0;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 56px;
  color: #181818;
}

.donate-content-title > h1 > b {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 56px;
  color: var(--dl-color-primary-themeorange);
}

.donate-content-title > p {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  /* or 156% */

  color: #686868;
  align-self: stretch;
}

.donate-content-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  max-width: 50%;
}

.donate-content-description > img {
  object-fit: cover;
  max-width: 100%;
  border-radius: 24px;
}

.donate-content-description > .content {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  /* or 156% */

  /* Neutral/3 */
  color: #686868;
  align-self: stretch;
}

.donate-content-description button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  border: 1px solid #F68833;
  border-radius: 56px;

  /* Text Styling */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height, or 100% */

  /* Brand color/3 (main) */
  color: #F68833;
}

.donate-content-description hr {
  margin: 0;
  height: 1px;

  /* Neutral/6 */
  border: 1px solid #E0E0E0;
  align-self: stretch;
}

.donate-payment-methods-section {
  padding: 0 14vw;
}

.donate-payment-methods-section h1 {
  margin-bottom: 0;
  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 56px;
  /* identical to box height, or 122% */
  text-align: center;

  /* Neutral/1 */
  color: #181818;
}

.donate-payment-methods {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 48px;
}

.donate-payment-methods > h1 {
  margin-bottom: 0;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 56px;
  /* identical to box height, or 122% */
  text-align: center;

  /* Neutral/1 */
  color: #181818;
}

.donate-payment-methods-buttons-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 32px;
  align-self: stretch;
  width: 100%;
}

.donate-payment-methods-buttons-group > button.paypal-btn {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 100%;

  border-radius: 16px;
  border: 1.5px solid #0070E0;
}

.donate-payment-methods-buttons-group > button.paypal-btn > img {
  max-width: 487px;
  height: 40px;
  align-self: stretch;
  object-fit: contain;

}

.donate-payment-methods-buttons-group > button.momo-btn {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  justify-content: center;
  padding: 16px 24px;
  gap: 10px;
  width: 100%;

  border-radius: 16px;
  border: 1.5px solid #A50064;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.donate-payment-methods-buttons-group > button.momo-btn > img {
  max-width: 487px;
  height: 40px;
  align-self: stretch;
  object-fit: contain;
}

.donate-payment-methods-buttons-group > button.momo-btn > span {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 23.2724px;
  line-height: 28px;
  /* identical to box height, or 122% */
  text-align: center;
  letter-spacing: 0.19em;
  text-transform: uppercase;

  color: #A50064;
}

.donate-input-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 14vw;
  gap: 48px;

  align-self: stretch;
}

.donate-input-details > h1 {
  margin-bottom: 0;
  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 56px;
  /* identical to box height, or 122% */
  text-align: center;

  /* Neutral/1 */
  color: #181818;
}

.donate-input-money {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  align-self: stretch;
}

.donate-input-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  align-self: stretch;
}

.donate-input-options-period {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  align-self: stretch;
}

.donate-input-options-period > input {
  display: none;
}

.donate-input-options-period > label {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  border: 1px solid #F68833;
  border-radius: 16px;
  flex-grow: 1;

  /* Text Styling */
  /* Body/Body 18 B */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  /* Brand color/3 (main) */
  color: #F68833;
}

.donate-input-options-period > input:checked + label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  background: #F68833;
  border-radius: 16px;
  flex-grow: 1;

  /* Text Styling */
  /* Body/Body 18 B */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  /* Neutral/white */
  color: #FFFFFF;
}

.donate-input-options-amount {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  align-self: stretch;
}

.donate-input-options-amount > input {
  display: none;
}

.donate-input-options-amount > label {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  border: 1px solid #F68833;
  border-radius: 16px;
  flex-grow: 1;

  /* Text Styling */
  /* Body/Body 18 B */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  /* Brand color/3 (main) */
  color: #F68833;
}

.donate-input-options-amount > input:checked + label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;

  /* Brand color/3 (main) */
  background: #F68833;
  border-radius: 16px;
  flex-grow: 1;

  /* Text Styling */
  /* Body/Body 18 B */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  /* Neutral/white */
  color: #FFFFFF;
}

.donate-input-money-manual {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  /* Inside auto layout */
  align-self: stretch;
}

.donate-input-money-manual .input-group {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 16px;

  width: 100%;

  /* Neutral/white */
  background: #FFFFFF;
  /* Neutral/5 */
  border: 1px solid #C2C2C2;
  border-radius: 16px;

  /* Inside auto layout */
  align-self: stretch;
}

.donate-input-money-manual .input-group input[type="text"] {
  padding: 0;

  /* Body/Body 24 B

  Body text large for big 
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/4 */
  color: #181818;
  border: none;
}

.donate-input-money-manual .input-group input[type="text"]::placeholder {
  color: #A4A4A4;
}

.money-manual-separator {
  /* Line 11 */
  width: 2px;
  height: 32px;

  /* Neutral/5 */
  border: 1px solid #C2C2C2;
}

.donate-input-money-manual .dropdown-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;

  width: 86px;
}

.donate-input-money-manual .dropdown-toggle  {
  /* Body/Body 24 B

  Body text large for big 
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
  border: none;
  background: none !important;
}

.donate-input-money-manual .dropdown-menu {
  min-width: auto;
  padding: 0 20px;
}

.donate-input-money-manual .dropdown-menu li {
  padding: 15px 0;
  /* Body/Body 24 B

  Body text large for big 
  paragraphs.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
  text-align: center;
}

.donate-input-donor-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  width: 100%;

  /* Inside auto layout */
  align-self: stretch;
}

.donate-input-donor-info h1 {
  margin-bottom: 0;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
}

.donate-input-donor-info-input-groups {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  align-self: stretch;
}

.donate-input-donor-info-input-groups .row-input-groups {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  align-self: stretch;
}

.donate-input-donor-info-input-groups .input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  /* width: 716px;
  height: 76px; */
}

.donate-input-donor-info-input-groups .input-group h3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 8px;
  gap: 8px;
  /* Body/Body 16 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/2 */
  color: #404040;
}

.donate-input-donor-info-input-groups input[type="text"] {
  width: 100%;
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;

  /* Neutral/white */
  background: #FFFFFF;

  /* Neutral/5 */
  border: 1px solid #C2C2C2 !important;
  border-radius: 16px;
  align-self: stretch;
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
  /* Body/Body 16 R

  Body text normal, used for most readble content.
  */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/5 */
  color: #181818;
}

.donate-input-donor-info-input-groups input[type="text"]::placeholder {
  color: #C2C2C2;
}

.donate-input-payment-methods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  align-self: stretch;
}

.donate-input-payment-methods h1 {
  margin-bottom: 0;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  /* Neutral/1 */
  color: #181818;
  align-self: stretch;
}

.donate-input-payment-methods-options {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  align-self: stretch;
}

.donate-input-payment-methods-input-group {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  gap: 24px;

  /* Neutral/5 */
  border: 1px solid #C2C2C2;
  border-radius: 16px;
  flex-grow: 1;
}

.donate-input-payment-methods-input-group input[type="radio"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;

  width: 24px;
  height: 24px;
}

.donate-method-option-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
}

.donate-method-option-label img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.donate-method-option-label span {
  /* Body/Body 16 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Neutral/2 */
  color: #404040;
}

.donate-input-details > button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  margin-top: 32px;
  gap: 8px;

  /* Brand color/3 (main) */
  background: #F68833;
  border-radius: 16px;
  align-self: stretch;

  /* Body/Body 18 B */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  /* Neutral/white */
  color: #FFFFFF;
}

@media (max-width: 992px) {
  .donate-action-buttons-section {
    padding: 48px 16px 0px;
    gap: 24px;
  }
  .donate-action-buttons-group {
    padding: 0px;
    gap: 12px;
  }
  .donate-action-buttons-group > button {
    padding: 8px 16px;
    font-weight: 600;
    font-size: 14px;
  }
  
  .donate-description-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 16px;
    gap: 24px;
  }
  .donate-description-section > h1 {
    width: initial;
    font-size: 24px;
    line-height: 32px;
    align-self: stretch;
  }
  .donate-description-section > p {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }

  .donate-stat-section {
    margin: 72px 16px;
    padding: 28px 16px;
    gap: 16px;
  }
  
  .donate-stat-section > h2 {
    font-size: 18px;
    line-height: 24px;
  }
  
  .donate-stat-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  
  .donate-stat-count {
  }
  
  .donate-stat-count > h1 {
    font-size: 64px;
    line-height: 87px;
  }
  
  .donate-stat-count > h3 {
    font-size: 16px;
    line-height: 24px;
  }
  
  .donate-stat-group > button {
    font-size: 16px;
    line-height: 16px;
    width: 100%;
  }

  .donate-main-section {
    padding: 0 16px;
    gap: 48px;
  }
  
  .donate-main-section > hr {
    margin: 0;
    border: 1px solid #E0E0E0;
    align-self: stretch;
  }
  
  .donate-content-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
  }
  .donate-content-title {
    max-width: initial;
  }
  .donate-content-title > h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .donate-content-title > h1 > b {
    font-size: 24px;
    line-height: 32px;
    color: var(--dl-color-primary-themeorange);
  }
  .donate-content-title > p {
    font-size: 12px;
    line-height: 16px;
  }
  .donate-content-description {
    max-width: initial;
    gap: 12px;
  }
  .donate-content-description > img {
    border-radius: 12px;
  }
  .donate-content-description > .content {
    font-size: 14px;
    line-height: 20px;
  }
  .donate-content-description button {
    padding: 12px 24px;
      
    /* Text Styling */
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
  }


  .donate-payment-methods-section {
      padding: 0px;
      gap: 24px;
  }
  .donate-payment-methods-section h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .donate-payment-methods-buttons-group {
    gap: 8px;
  }
  .donate-payment-methods-buttons-group > button.paypal-btn {
    padding: 12px;
    border-radius: 12px;
  }
  .donate-payment-methods-buttons-group > button.paypal-btn > img {
    max-width: 143.5px;
    height: 24px;
  }
  .donate-payment-methods-buttons-group > button.momo-btn { 
    padding: 12px;
    border-radius: 12px;
    gap: 4px;
  }
  .donate-payment-methods-buttons-group > button.momo-btn > img {
    max-width: 24px;
    height: 24px;
  }
  .donate-payment-methods-buttons-group > button.momo-btn > span {
    font-size: 11.6888px;
    line-height: 14px;
    /* identical to box height, or 122% */
    letter-spacing: 0.19em;
  }

  .donate-input-details {
    gap: 48px;
    padding: 0px;
    gap: 32px;
  }
  .donate-input-details > h1 {
    font-size: 24px;
    line-height: 32px;
    align-self: stretch;
  }
  .donate-input-money {
    gap: 24px;
  }
  .donate-input-options {
    padding: 0px;
    gap: 8px;
  }
  .donate-input-options-period {
    gap: 8px;
  }
  .donate-input-options-period > input {
    display: none;
  }
  .donate-input-options-period > label {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 24px;
    gap: 8px;
    /* Brand color/3 (main) */
    border-radius: 12px;
  }
  .donate-input-options-period > input:checked + label {
    padding: 12px 24px;
    gap: 8px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }
  .donate-input-options-amount {
    gap: 8px;
  }
  .donate-input-options-amount > input {
    display: none;
  }
  .donate-input-options-amount > label {
    padding: 12px 5px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }
  .donate-input-options-amount > input:checked + label {
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
  }

  .donate-input-money-manual {

  }
  .donate-input-money-manual .input-group {
    padding: 12px 16px;
    gap: 16px;
  }
  .donate-input-money-manual .input-group input[type="text"] {
    font-size: 18px;
    line-height: 24px;
  }
  .donate-input-money-manual .input-group input[type="text"]::placeholder {
    color: #A4A4A4;
  }
  .money-manual-separator {
    /* Line 11 */
    width: 2px;
    height: 32px;
  
    /* Neutral/5 */
    border: 1px solid #C2C2C2;
  }
  
  .donate-input-money-manual .dropdown-toggle {
    width: initial !important;
  }
  .donate-input-money-manual .dropdown-toggle  {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .donate-input-money-manual .dropdown-menu {
    min-width: auto;
    padding: 0 20px;
  }
  .donate-input-money-manual .dropdown-menu li {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .donate-input-donor-info {
  }
  .donate-input-donor-info h1 {
    font-size: 16px;
    line-height: 24px;
  }
  .donate-input-donor-info-input-groups {
  }
  .donate-input-donor-info-input-groups .row-input-groups {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 16px;
    align-self: stretch;
  }
  .donate-input-donor-info-input-groups .input-group {
  }
  .donate-input-donor-info-input-groups .input-group h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .donate-input-donor-info-input-groups input[type="text"] {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
  }
  .donate-input-donor-info-input-groups input[type="text"]::placeholder {
    color: #C2C2C2;
  }

  .donate-input-payment-methods {
  }

  .donate-input-payment-methods h1 {
    font-size: 16px;
    line-height: 24px;
  }

  .donate-input-payment-methods-options {
    flex-direction: column;
    padding: 0px;
    gap: 12px;
  }

  .donate-input-payment-methods-input-group {
    gap: 16px;
    align-self: stretch;
  }

  .donate-input-payment-methods-input-group input[type="radio"] {
  }

  .donate-method-option-label {
    gap: 8px;
  }

  .donate-method-option-label img {
    width: 24px;
    height: 24px;
  }

  .donate-method-option-label span {
    font-size: 14px;
    line-height: 24px;
  }

  .donate-input-details > button {
    margin: 16px 0 48px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 16px;
  }
}