@import "../moon/style.css";


:root {
  --app-inner-size: 1280px;
  --header-height: 104px;
  --primary-color: #46ae33;
  --main-shadow: 0 2px 4px #61616129;
  --shadow-section: 0 4px 5px #00000014;
  --shadow-footer: 0 0 10px #0000002b;
  --shadow-image:0 0 10px #e4e4e4;
  --shadow-card: 0px 1px 3px #d8d8d8;

  --extra-light-gray: #F3F3F3;
  --gray-light: #828282CC;
  --gray-medium: #737373;
  --gray-dark: #7D7D7D;
  --bg-image: #f6f6f6;
  --bottom-navigation-height: 50px;

  --grid-columns: 3;
  --padding-card: 20px;
  --spacer-1: 10px;
  --spacer-2: 20px;
  --spacer-3: 25px;
  --spacer-4: 15px;
  --card-title-size: clamp(1.3rem, 4vw, 1.6rem);
  --card-desc-size: clamp(1.2rem, 4vw, 1.5rem);
  --section-title-size: clamp(1.6rem, 4vw, 2.4rem);
  --section-desc-size: clamp(1.6rem, 4vw, 1.8rem);
  --page-header-size: clamp(1.8rem, 4vw, 2.2rem);
  --breadcrumbs-size: clamp(1.2rem, 4vw, 1.5rem);


  --body-size: clamp(1rem, 4vw, 1.4rem);
  --font-main: "Tajawal", sans-serif;;
  --padding-section: 25px;
}

html {scroll-behavior: smooth;}

body {font-family: var(--font-main);line-height: 1.6;font-size: clamp(1.2rem, 4vw, 1.6rem);font-weight: 500;}


/*general styles */
main {position: relative;z-index: 1;min-height: 80vh;}

.section {padding: var(--padding-section) 0;}

.card-inner>*+* {margin-top: var(--spacer-1);}

.card-title {font-size: var(--card-title-size);}

.card-desc {font-size: var(--card-desc-size);color: var(--gray-medium);}

.card-desc:empty {display: none}

.card-date {font-size: clamp(1.2rem, 4vw, 1.4rem) !important;}

/*common styles*/
.app-wrapper {width: var(--app-inner-size);max-width: 100%;margin: 0 auto;}
.page-header {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;box-shadow: var(--main-shadow);}
.page-header:before {content: "";position: absolute;inset: 0; /* background-image: url("../images/aboutus.png"); */background-repeat: no-repeat;background-position: center;background-size: cover;}
.page-header .app-wrapper {z-index: 1;position: relative;}
.page-header__title {font-size: var(--page-header-size);margin-bottom: var(--spacer-1);line-height: 1.4;}
.breadcrumbs {--gap: 8px;display: flex;align-items: center;gap: var(--gap);color: black;font-weight: 500;font-size: var(--breadcrumbs-size);flex-wrap: wrap;}
.breadcrumbs .breadcrumb__item:last-child a {pointer-events: none;font-weight: 800}
.breadcrumb__item:not(:last-child):after {content: "/";display: inline-block;margin-inline-start: calc(var(--gap));}
.lg-item {inset: 0;}
.section-title {font-size: var(--section-title-size);margin-bottom: var(--spacer-4);font-weight: 600;position: relative;width: fit-content;color: var(--primary-color);}
.section-title a {color: inherit;text-decoration: none;}
.homepage .section-title:after {content: "";position: absolute;bottom: -1px;right: 0;left: -10%;height: 15px;background: var(--primary-color);opacity: .2;}
.section-description {margin-bottom: var(--spacer-4);color: var(--gray-medium);font-weight: 500}
.localization-nav-btn{display: flex;cursor: pointer;align-items: center;justify-content: center;width: 30px;height: 30px;border: 2px solid white;background: var(--primary-color);color: white;font-weight: 500;font-size: 1.4rem;padding: 0;font-family: inherit;appearance: none;-webkit-appearance: none;}
.localization-nav-btn:hover{filter: brightness(1.05);}

.cards-wrapper {display: grid;grid-template-columns: repeat(auto-fill, minmax(calc(var(--app-inner-size) / var(--grid-columns) - var(--spacer-2)), 1fr));grid-template-columns: repeat(var(--grid-columns, 3), 1fr);gap: var(--spacer-2);}

.section-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--spacer-1);}

.section-header .section-title {margin-bottom: 0;}

.inner-page .page-header.section+.section,
body:not(.homepage) .page-header.section+.section {padding-top: calc(var(--padding-section) * 2);}

.inner-page .section-title {color: var(--primary-color);margin-bottom: var(--spacer-1);--section-title-size: clamp(1.8rem, 4vw, 2rem);}

.body-text {font-weight: 300;}

.bold {font-weight: 600;color: var(--primary-color);}

main {display: flex;flex-direction: column;}

.section-social {margin-top: auto;}

.read-more {color: var(--primary-color);font-weight: 600;margin-inline-start: 2px;}

body:not(.homepage) .section-title {font-size: clamp(1.7rem,4vw,2rem);color: var(--primary-color);margin-bottom: var(--spacer-1);}

main:has(:not(.pagination)) .sections > .section:not(.pagination-section):last-child {padding-bottom: calc(var(--padding-section) * 2);}

/*.inner-page .section {box-shadow: var(--shadow-section);}*/

.section:last-child {box-shadow: unset;}

/* In-page share bar (must never use floating sidebar styles) */
.share-social-list {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  z-index: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacer-1);
  opacity: 1;
  transform: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.share-social-list .social-item {list-style: none;margin: 0;padding: 0;}
.share-social-list .social-item a,
.share-social-list .social-item .copy-link-button {
  box-shadow: unset;
  border: 1px solid #017b3269;
  width: 36px;
  height: 36px;
  background-color: var(--extra-light-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  color: var(--primary-color);
  transition: .3s;
  text-decoration: none;
}
.share-social-list .social-item a *[class^="icon"],
.share-social-list .social-item .copy-link-button *[class^="icon"] {
  color: var(--primary-color);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  line-height: 1;
}
.share-social-list .social-item a *[class^="icon"]:first-child,
.share-social-list .social-item .copy-link-button *[class^="icon"]:first-child {display: none;}
.share-social-list .social-item a:hover,
.share-social-list .social-item .copy-link-button:hover {background-color: var(--primary-color);color: white;}
.share-social-list .social-item a:hover *[class^="icon"],
.share-social-list .social-item .copy-link-button:hover *[class^="icon"] {color: white;}
.section-social .section-social-inner {display: flex;align-items: center;flex-wrap: wrap;gap: var(--spacer-2) var(--spacer-3);}
.section-social .section-social-inner .subtitle {color: var(--primary-color);margin: 0;flex-shrink: 0;}
.section-social {padding-top: 60px;padding-bottom: 40px;}

/* legacy alias if any leftover markup */
.main-social-list.footer {position: static;flex-direction: row;gap: var(--spacer-1);opacity: 1;transform: unset;flex-wrap: wrap;left: auto;bottom: auto;z-index: auto;}

.pagination {display: flex;align-items: center;gap: 4px;justify-content: center;}
.pagination .page-link {width: 30px;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;color: var(--primary-color);}
.pagination .page-item.active {background: var(--primary-color);color: white}
.pagination .page-item.active .page-link {color: white;}
.pagination .page-item {border-radius: 4px;transition: .4s;border: 1px solid var(--primary-color);}
.pagination .page-item:hover {background: var(--primary-color);color: white;}
.pagination .page-item:hover .page-link {color: white;}
.page-item.disabled {opacity: .5;pointer-events: none;}
.pagination .page-item .icon {font-size: 1.3rem;}


.primary-button {text-align: center;overflow: hidden;position: relative;width: fit-content;padding: 7px 10px;color: white;font-size: clamp(1.4rem, 4vw, 1.6rem);min-width: 120px;font-weight: 600;background-color: var(--primary-color);}
.secondary-button {border: 1.5px solid var(--primary-color);background-color: white;color: var(--primary-color);}


.primary-button .button-text-wrapper {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.primary-button .button-text.clone {position: absolute;transform: translateY(140%);transition: .4s;}
.primary-button .button-text.original {transition: .4s;}
.primary-button:hover .button-text.original {transform: translateY(-130%);}
.primary-button:hover .button-text.clone {transform: translateY(0);}




/*header*/
.header {position: sticky;top: 0;z-index: 3;}
.header-top {background-color: var(--primary-color);}
.header-top-links {min-height: 60px;display: flex;align-items: center;justify-content: end;gap: 35px;max-width: var(--app-inner-size);margin: 0 auto;}
.header-top-links > * {flex: 1}
.header-actions >  .form-link {padding-block: 10px;color: white;margin-inline-end: 20px;}
.nav-list {--logo-size: 109px;flex:1;display: flex;justify-content: flex-start;align-items: stretch;height: 100%;gap: clamp(4px, 0.6vw, var(--spacer-3));min-width: 0;}
.nav-wrapper {box-shadow: var(--main-shadow);background: white;min-height: 49px;position: relative;z-index: 2;}
.nav-list__item:has(img) a {padding: 0;height: var(--logo-size);}
.nav-list__item.logo {
  height: var(--logo-size);
  aspect-ratio: 1;
  padding: 0 5px;
  box-shadow: 3px -1px 4px #0000001f;
  position: absolute !important;
  background: white;
  bottom: 0;
  inset-inline-start: 0; /* RTL → right, LTR → left — opposite of Donate */
  inset-inline-end: auto;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.nav-list__item.logo img {width: 100px;aspect-ratio: 1;object-fit: contain;}
.nav-wrapper .app-wrapper {height: 100%;position: absolute;inset: 0;}
.nav {display: flex;align-items: center;height: 100%;min-width: 0;}
.nav-list__item.logo + * {margin-inline-start: var(--logo-size);}
.nav-list__item a {font-weight: 600;position:relative;font-size: clamp(1.35rem,1.1vw + 0.6rem,1.8rem);padding: 10px clamp(4px, 0.5vw, 10px);transition: .4s;height: 100%;display: grid;place-content: center;white-space: nowrap;}
.nav-list__item > a:hover {color: var(--primary-color);}
.nav-list__item:not(.logo):after{content: ""}
.nav-list__item {display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
/*.nav-list__item:not(.logo) a:after{content: "";position: absolute;bottom: 0em;right: 0;width: 100%;height: 0.125em;background: var(--primary-color);transition: transform 0.5s cubic-bezier(0.625, 0.05, 0, 1);transform-origin: left;transform: scaleX(0) rotate(0.001deg);border-radius: 0.125em;}*/
/*.nav-list__item > a:hover:after{transform-origin: right;transform: scaleX(1) rotate(0.001deg);}*/

.header-actions {display: flex;align-items: center;gap: 5px;justify-content: flex-end}
.header-actions > * > a {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 2px solid white;}
.header-actions .icon-search {font-size: 2rem;color: white;}
.header-actions .social-item.language a {font-size: 1.2rem;font-family: sans-serif;line-height: 1}
.header-top-links__title {text-align: center;color: white;font-weight: 500;font-size: clamp(2.2rem, 4vw, 2.8rem);}

.nav-list__item a {z-index: 1;}
.nav-list__item {position: relative;}
.nav-list__item:hover a {color: white;}
.nav-list__item:not(.logo):after {content: "";position: absolute;left: 0;right: 0;background: var(--primary-color);top: 0;bottom:100%;transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.nav-list__item:not(.logo):hover:after {bottom: 0;}
.nav-list__item.donation-item {
  margin-inline-start: auto;
  color: white;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.nav-list__item.donation-item:after {bottom:0}
.nav-list__item.donation-item:after {background: hsl(357 71% 57% / 1);}
/*.nav-list__item.dropdown:has(> a.active):after {bottom: 0;}*/
.nav-list__item.dropdown:has(> a.active) > a{color: var(--primary-color);}
.nav-list__item:not(.logo).active > a,.nav-list__item.dropdown > a.active {font-weight: 800;color: var(--primary-color);}
.nav-list__item.nav {
  display: none;
}
.nav-list__item:last-child a { }
.donation-link {margin-inline-start: 0;}

/* Laptop / mid desktop: keep logo ↔ donate from colliding when nav is dense */
@media (min-width: 1282px) and (max-width: 1440px) {
  .nav-list {--logo-size: 96px;gap: 2px;}
  .nav-list__item.logo img {width: 86px;}
  .nav-list__item a {font-size: 1.4rem;padding-inline: 6px;}
  .nav-list__item.donation-item a {padding-inline: 10px;}
}
.nav-list__item.dropdown > a:before {content: "";border: solid currentColor;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(45deg);}
.nav-list__item.dropdown > a {display: flex;flex-direction: row-reverse;align-items: center;gap: 6px;}
.drop-down-nav {position: absolute;top:100%;right:0;background: var(--primary-color);min-width: 180px;transform: scaleY(0);transform-origin: top;opacity: 0;pointer-events: none;transition: opacity 0.6s ease, transform 0.2s ease;overflow: hidden;}
.nav-list__item.dropdown {position: relative;}
@media (hover: hover) {
  .nav-list__item.dropdown:hover .drop-down-nav{transform: scaleY(1);opacity: 1;pointer-events: all;}
}
.list-item-nav a {}
.nav-list__item.dropdown a:after {content: unset;}
.list-item-nav > a {text-align: center;width: 100%;color: white;padding: 10px;transition: .4s;font-weight: 500;font-size: clamp(1.2rem,4vw,1.6rem)}
.list-item-nav:not(:last-child) > a {border-bottom: 1px solid;border-image: linear-gradient(90deg, hsla(0, 0%, 86%, 0), #ddffeb 20%, #ddffeb 50%, #ddffeb 80%, hsla(0, 0%, 86%, 0)) 0 0 1 0}
.list-item-nav > a:hover, .list-item-nav.active  > a{background-color: hsl(111 55% 54% / 1);}
.header li:has(>a[href*="partners.html"]) {display:none;}
.nav-list__item:not(.logo):hover > a {color: white !important;}



/* Desktop-only floating site social rail */
.main-social-list {position: fixed;left: 0;bottom: 80px;z-index: 4;display: flex;flex-direction: column;gap: 0;}
.main-social-list .social-item a {display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;position: relative;overflow: hidden;transition: .5s;background-color: var(--extra-light-gray);color: #111;}
.main-social-list .social-item.search a, .social-item.language a {background: var(--primary-color);color: white;font-weight: 500;font-size: 1.4rem}
.main-social-list .social-item a *[class^="icon"] {position: absolute;left: 50%;transition: .3s;transform: translateX(-50%);font-size: 1.5rem;color: #111;}
.main-social-list .social-item a *[class^="icon"]:first-child {left: -48%;}
.main-social-list :is(.social-item.search, .social-item.language) a:hover {background: white;color: var(--primary-color);}
.main-social-list :is(.social-item.search, .social-item.language) a:hover span {color: var(--primary-color);}
.main-social-list .social-item a:hover {background-color: var(--primary-color);color: white;}
.main-social-list .social-item a:hover *[class^="icon"] {color: white;}
.main-social-list .social-item a:hover *[class^="icon"]:first-child {left: 50%;transform: translateX(-50%);}
.main-social-list .social-item a:hover *[class^="icon"]:last-child {left: 130%;}
.main-social-list .social-item.search span {color: white;}
.main-social-list .icon-search {font-size: 2rem !important;}
.main-social-list .social-item.language a {font-size: 1.6rem;}


/* ===== Hero slider: desktop (image left under mask + white text panel) ===== */
.section-hero {padding-top: 0;}
.section-hero .swiper,
.section-hero .hero-swiper {
  border-bottom: 1px solid var(--extra-light-gray);
  overflow: hidden;
  height: calc(84vh - var(--header-height));
}
.section-hero .swiper-wrapper {height: 100%;}
.section-hero .swiper-slide {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
  height: 100%;
  background: #fff;
}
.section-hero .swipe-item {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
/* Desktop-only split + fade isolation (mobile resets below) */
@media (min-width: 1281px) {
  /* Fade stacks slides — hide inactive so next image can't cut through center */
  .section-hero .hero-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child),
  .section-hero .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }
  .section-hero .swiper-slide-active,
  .section-hero .swiper-slide-duplicate-active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
  }
  /* Solid white right half — blocks any bleed from stacked slides */
  .section-hero .swipe-item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 48%;
    right: 0;
    background: #fff;
    z-index: 1;
    pointer-events: none;
  }
  /* Image only on left, extending under the diagonal mask */
  .section-hero .swipe-item .picture,
  .section-hero .swipe-item .picture.full-width {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 58% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    z-index: 0;
  }
  .section-hero .swipe-item .picture img,
  .section-hero .swipe-item .picture.full-width img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    display: block !important;
  }
  .section-hero .swipe-item:after {
    content: "";
    position: absolute;
    background-image: url("../images/mask2.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 440px;
    top: -2%;
    bottom: -2%;
    right: 36vw;
    z-index: 2;
    pointer-events: none;
  }
  .section-hero .swipe-content {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding-inline-start: calc((100vw - var(--app-inner-size)) / 2 - 7.5px);
    max-width: 800px;
    position: relative;
    z-index: 3;
    background: transparent;
  }
}
.section-hero .swiper-pagination-bullet {width: 18px;height: 18px;opacity: 1;background-color: var(--gray-light);}
.section-hero .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--primary-color);}
.section-hero .swipe-title.section-title {color: var(--primary-color);}
.section-hero .swipe-content-inner {z-index: 1;position: relative;}
.section-hero .swipe-content-inner > * {max-width: 700px;flex: 1;}
.section-hero .swipe-description {color: var(--gray-medium);line-height: 1.8;}
.section-hero .swipe-description .read-more {color: var(--primary-color);font-weight: 600;margin-inline-start: 2px;text-decoration: unset;}
/* Image-only slides (no text panel) */
.section-hero .swiper-slide > .picture.full-width {
  position: relative;
  width: 100%;
  height: 100%;
  left: auto;
  top: auto;
  bottom: auto;
}
.section-hero .swiper-slide > .picture.full-width img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-wrapper {width: 100%;height: calc(100vh - var(--header-height));cursor: pointer;position: relative;}
.video {width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 3;}

/* ===== Hero slider: phone / tablet stacked (image then text) ===== */
@media (max-width: 1280px) {
  .section-hero {padding-inline: 0;margin: 0;overflow: hidden;}
  .section-hero .swiper,
  .section-hero .hero-swiper {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  .section-hero .swiper-wrapper {height: auto !important;min-height: 0 !important;}
  .section-hero .swiper-slide {
    display: block !important;
    height: auto !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .section-hero .swipe-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }
  .section-hero .swipe-item:after,
  .section-hero .swipe-item:before {content: none !important;display: none !important;}
  /* Beat desktop .swipe-item .picture.full-width !important specificity */
  .section-hero .swipe-item > .picture,
  .section-hero .swipe-item > .picture.full-width,
  .section-hero .swipe-item .picture,
  .section-hero .swipe-item .picture.full-width,
  .section-hero .video-wrapper {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: block !important;
    order: -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 56vw !important;
    min-height: 220px !important;
    max-height: 360px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
    z-index: 1 !important;
    cursor: pointer;
  }
  .section-hero .swipe-item .picture img,
  .section-hero .swipe-item .picture.full-width img,
  .section-hero .video-wrapper .video,
  .section-hero .video-wrapper video {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    z-index: 1 !important;
  }
  .section-hero .swipe-item > .swipe-content,
  .section-hero .swipe-content {
    order: 2 !important;
    position: relative !important;
    z-index: 2 !important;
    height: auto !important;
    width: 100% !important;
    max-width: none !important;
    padding: 4px 16px 0 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    background: #fff !important;
  }
  .section-hero .swipe-content-inner,
  .section-hero .swipe-content-inner > * {max-width: none !important;width: 100%;flex: unset;}
}
/*.video-wrapper:after {content: "";position: absolute;inset: 0;background: black;opacity: 0.1;z-index: 2;}*/
.video-wrapper:hover .button-play {opacity: 1;}

.controls-wrapper {display: flex;align-items: center;gap: 20px;position: absolute;top: 20px;left: 20px;}
.button-play {transition: .4s ease-out;border-radius: 50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;border: 4px solid var(--primary-color);cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 21;}
.button__shape {width: 13px;height: 40px;background: var(--primary-color);transition: .3s ease-in-out;}
.button__shape--one {clip-path: polygon(0 0, 100% 25%, 100% 75%, 0% 100%);transform: translateX(5px);}
.button__shape--two {clip-path: polygon(0 25%, 100% 50%, 100% 50%, 0 75%);transform: translateX(4.9px);}
.button-play.button-active .button__shape--one {clip-path: polygon(0 15%, 50% 15%, 50% 85%, 0% 85%);transform: translateX(0);}
.button-play.button-active .button__shape--two {clip-path: polygon(50% 15%, 100% 15%, 100% 85%, 50% 85%);transform: translateX(0);}
.mute-sound {position: absolute;left: 20px;top: 20px;width: 45px;height: 45px;z-index: 4;display: flex;align-items: center;justify-content: center;border: 4px solid black;border-radius: 50%;}

.mute-sound .icon-sound-on,
.mute-sound .icon-sound-off {transition: opacity 0.4s ease;opacity: 0;visibility: hidden;position: absolute;}
.mute-sound .icon-sound-on {opacity: 1;visibility: visible;}
.mute-sound.muted .icon-sound-on {opacity: 0;visibility: hidden;}
.mute-sound.muted .icon-sound-off {opacity: 1;visibility: visible;}
.mute-sound>span {font-size: 2.6rem;color: black;}




.section-services {--grid-columns: 3;}
.section-services .card>a {border: 1px solid var(--extra-light-gray);padding: var(--padding-card);display: flex;flex-direction: column;align-items: center;gap: var(--spacer-1);text-align: center;transition: border-color .4s;height: 100%;}
.section-services .card>a:hover {border-color: var(--primary-color);}
.section-services .card-img img {width: 99px;margin: 0 auto;}
.homepage .section-services .card-inner {display: flex;flex-direction: column;align-items: center;width: 100%;min-height: 150px;justify-content: flex-start;}
.homepage .section-services .card-img {display: flex;align-items: center;justify-content: center;min-height: 120px;margin-bottom: var(--spacer-1);flex-shrink: 0;}
.homepage .section-services .card-img img {max-height: 120px;width: auto;object-fit: contain;}
.homepage .section-services .card-title {text-align: center;margin: 0;display: flex;align-items: center;justify-content: center;}
.homepage .section-services .card-desc {text-align: center;margin-top: auto;width: 100%;}



.section-projects {--grid-columns: 4;}
.section-projects .section-description {color: var(--gray-medium);}
.section-projects .card {gap: 0;align-items: start;text-align: start;padding: 0;overflow: hidden;}
.section-projects .card > a {display: flex;flex-direction: column;height: 100%;}
.section-projects .card-inner {padding: var(--padding-card);}
.section-projects .card-number {font-size: 5rem;line-height: 40px;color: #017b3221;font-weight: 500;font-family: sans-serif;margin-top: -3px;margin-inline-start: -3px;}
.section-projects .card-img {aspect-ratio: 4 / 3;background-color: var(--bg-image);display: flex;align-items: center;justify-content: center;min-height: 300px;overflow: hidden;}
.section-projects .line {height: 2px;background: var(--extra-light-gray);display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin-top: auto;margin-bottom: 12px;}
.section-projects .line:after {content: "";display: block;height: 2px;background: linear-gradient(to right, rgba(1, 123, 50, 0.5) 0%, rgba(1, 123, 50, 1) 31%, rgba(1, 123, 50, 1) 70%, rgba(1, 123, 50, 0.5) 100%);background: linear-gradient(to right, rgb(1 123 50 / 16%) 0% 0%, rgb(70 174 51) 31%, rgb(70 174 51) 70%, rgb(1 123 50 / 20%) 100%);/*background: linear-gradient(to right, rgb(169 209 120 / 33%) 0%, rgb(169 209 120) 31%, rgb(169 209 120) 70%, rgb(169 209 120 / 32%) 100%);*/;}
.section-projects .card:nth-child(4n+1) .line:after {grid-column: 1 / 2;}
.section-projects .card:nth-child(4n+2) .line:after {grid-column: 2 / 3;}
.section-projects .card:nth-child(4n+3) .line:after {grid-column: 3 / 4;}
.section-projects .card:nth-child(4n+4) .line:after {grid-column: 4 / 5;}
.section-projects .card {border: 1px solid var(--extra-light-gray);transition: .4s;}
.section-projects .card:hover {border-color: var(--primary-color);}




.section-stories {position: relative;min-height: 650px;margin-block: calc(var(--padding-section) + 20px);}
.section-stories .bg-img {position: absolute;inset: 0;}
.section-stories .story-username.card-title {display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;margin-top: 4px;}
.section-stories .app-wrapper {z-index: 1;position: relative;height: 100%;}
.section-stories .section-wrapper {display: flex;gap: 20px;align-items: center;height: 100%;}
.section-stories .bg-img:after {content: "";position: absolute;inset: 0;background: #017b3212;}
.section-stories .bg-img img {opacity: 0.1;height: 100%;width: 100%;object-fit: cover;transition: 0.4s;}
.section-stories .stories-wrapper {/* display: flex; */;/* flex-wrap: wrap; */;/* gap: 30px; */;/* width: 80%; */;}
.section-stories .story {--ratio: 1.5;position: relative;padding: var(--padding-card);flex-grow: 1;background: white;box-shadow: var(--shadow-card);transition: .4s;}
.section-stories .story:hover .avatar-wrapper img {outline-color: var(--gray-dark);}
.section-stories .avatar-wrapper img {width: 60px;height: 60px;border-radius: 50%;transition: 0.4s;outline: 4px solid var(--primary-color);outline-offset: -2px;}
.section-stories .story-header {display: flex;align-items: center;gap: var(--spacer-2);}
.section-stories .story>*+* {margin-top: 10px;display: block;}
.section-stories .story-location {color: var(--primary-color);margin-top: 0;font-size: var(--body-size);}
.section-stories .avatar-wrapper {width: fit-content;flex-shrink: 0;}
.section-stories .column-stories {display: flex;flex-direction: column;gap: var(--spacer-2);}
.section-stories .stories-wrapper {transform: translateX(145px);position: absolute;left: 0;top: 0;width: 53%;display: flex;gap: var(--spacer-2);}
.section-stories .section-details {max-width: 430px;}
.section-stories .section-details .section-description {}
.section-stories .column-stories:nth-child(1) .story:nth-child(2) {min-width: calc(100% * var(--ratio));transform: translateX(calc(100% / (var(--ratio) * 2)));}
.section-stories .column-stories:nth-child(2) .story:nth-child(1) {min-width: calc(100% * var(--ratio) - 10px);}
.section-stories .column-stories:nth-child(1) .story:nth-child(1),
.section-stories .column-stories:nth-child(2) .story:nth-child(2) {min-height: 350px;}
.section-stories .section-stories-inner {position: absolute;inset: 0;}
.section-stories .column-stories:first-child {transform: translateY(62px);}
.section-stories .column-stories:last-child {transform: translateY(-20px);}






.section-stats .section-wrapper {display: flex;align-items: center;}
.section-stats .section-wrapper>* {flex: 1;}
.section-stats .section-wrapper {display: flex;align-items: center;}
.section-stats .section-wrapper>* {flex: 1;}
.section-stats .stats-cards {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--spacer-2);flex: 0.7;min-width: 0;}
.section-stats .stats-cards .card {height: auto;min-height: 200px;aspect-ratio: auto;display: flex;flex-direction: column;align-items: center;justify-content: start;position: relative;box-shadow: 0 0 10px #e6e6e6e6;border-radius: var(--radius-1);padding: var(--padding-card);}
.section-stats .stats-cards .card img {position: absolute;bottom: 0;left: 0;transition: .4s;opacity: .2;max-width: 90px;}
.section-stats .stats-cards .card:hover img {opacity: 1;}
.section-stats .card-number {min-width: 0;width: 100%;text-align: center;font-size: clamp(2.8rem, 3.2vw, 4.5rem);font-weight: 600;color: var(--primary-color);line-height: 1;}
.section-stats .card-desc {text-align: center}
.section-stats .section-description {max-width: 90%;}
@media (max-width: 1100px) and (min-width: 768px) {
  .section-stats .stats-cards {grid-template-columns: 1fr 1fr;}
  .section-stats .stats-cards .card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-width: calc(50% - (var(--spacer-2) / 2));
    justify-self: center;
  }
}



.news-section {--grid-columns: 3;--spacer-2: 20px;padding-bottom: var(--padding-section);}
.news-section .section-description {margin-bottom: 20px;}
.news-section .card {position: relative;box-shadow: 0 0 10px #e6e6e6;}
.news-section .card .card-img {height: 260px;overflow: hidden;background: #f6f6f6;}
.news-section .card .card-img img {margin: 0 auto;/*position: absolute;*/;/*inset: 0;*/;/*height: 100%;*/;/*width: 100%;*/;/*object-fit: cover;*/;}
.news-section .card>a {position: relative;display: block;}
.news-section .card-inner {/*position: absolute;*/;/*bottom: -20px;*/;/*background: #ffffffe3;*/;/*left: -20px;*/;/*width: 90%;*/;padding: 20px;/*backdrop-filter: blur(2px);*/;/*box-shadow: 0 0 10px #0000004d;*/;/*min-height: 200px !important;*/;}
.news-section .card-desc {color: var(--gray-medium);line-height: 1.5;}
.news-section .date {background-color: var(--primary-color);padding: 5px 10px;color: white;}
.news-section .card-inner-row {display: flex;align-items: center;justify-content: space-between;}
.news-section .card-inner-row .location-tag {color: var(--gray-light);}


.media-cards {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: auto;gap: var(--spacer-2);min-height: auto;}
/* Media Albums (Grouped Media) */
.media-albums {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--spacer-3);}
.media-album {position: relative;border: 1px solid var(--extra-light-gray);border-radius: 8px;padding: var(--spacer-2);background: white;display: flex;flex-direction: column;height: 100%;}

.album-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacer-2);padding-bottom: var(--spacer-1);border-bottom: 2px solid var(--primary-color);}
.album-title {font-size: clamp(1.4rem, 4vw, 1.8rem);color: var(--primary-color);font-weight: 600;margin: 0;}
.album-counter {font-size: clamp(1.2rem, 4vw, 1.4rem);color: var(--gray-medium);font-weight: 500;}
.album-container {position: relative;flex: 1;min-height: 300px;}
.album-item {transition: opacity 0.3s ease, visibility 0.3s ease;}
.album-item.active {opacity: 1;visibility: visible;}
.album-item.hidden {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;pointer-events: none;}
.album-nav {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background: rgba(255, 255, 255, 0.9);border: 2px solid var(--primary-color);border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;box-shadow: var(--shadow-card);}
.album-nav:hover:not(.disabled) {background: var(--primary-color);color: white;}
.album-nav.disabled {opacity: 0.3;cursor: not-allowed;pointer-events: none;}
.album-nav-prev {right: 20px;}
.album-nav-next {left: 20px;}
.album-nav span[class*="icon-"] {font-size: 1.5rem;color: var(--primary-color);transition: color 0.3s ease;}
.album-nav:hover:not(.disabled) span[class*="icon-"] {color: white;}

/*.media-cards .card:nth-child(2) {grid-column: 2 / 3;grid-row: 1 / 3;}*/
/*.media-cards .card:nth-child(3) {grid-column: 3 / 5;}*/

.media-cards .featured-tall {grid-row: span 2;}
.media-cards .featured-wide {grid-column: span 2;}
.media-cards .card {min-height: 280px;overflow: hidden;transition: 0.4s;position: relative;cursor: pointer;display: flex;align-items: end;justify-content: center;padding: var(--padding-card);--spacer-1: 5px;}
.media-cards .card:hover {filter: brightness(1);}
.media-cards .card:after {content: "";position: absolute;inset: 0;background: linear-gradient(0deg, #0000006e, transparent);}
.media-cards .card-img {position: absolute;inset: 0;}
.media-cards .card-img img {filter: brightness(0.5);width: 100%;height: 100%;object-fit: cover;transition: 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.media-cards .card:hover .card-img img {filter: brightness(1);transform: scale(1.1);}
.media-cards .card-inner {position: relative;z-index: 2;color: white;width: 100%;}
.media-cards .play-button {position: absolute;left: var(--padding-card);top: var(--padding-card);z-index: 1;background-color: var(--primary-color);width: 35px;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.media-cards .card-desc {color: white;}
.media-cards .play-button span[class*="icon-"] {font-size: 1.5rem;width: 15px;height: 15px;display: flex;align-items: center;color: white;}



.partners-section {overflow: hidden;}
.partners-section .logos-wrapper {direction: ltr;overflow: hidden;white-space: nowrap;display: flex;gap: 3rem;align-items: center;}
.partners-section .js-marquee {display: flex;align-items: center;gap: 80px;}
.partners-section .js-marquee-wrapper {display: flex;align-items: center;}
/*.partners-section .logo img {width: 90px;aspect-ratio: 1 / 1;}*/
.partners-section .logo-wrapper {display: flex;flex-direction: column;align-items: center;gap: 10px;max-width: 140px;}
.partners-section .logo {flex:1;flex-shrink: 0;border: 1px solid var(--extra-light-gray);padding: 20px;display: flex;align-items: center;justify-content: center;aspect-ratio: 1;max-height: 140px;max-width: 140px;width: 100%;}
.partners-section .logo img {max-width: 100%;height: auto;object-fit: contain;}
.partners-section .logo-title {font-size: 1.375rem;text-align: center;color: var(--text-color);line-height: 1.3;width: 100%;}
.partners-section .swiper-pagination {bottom: 0 !important;}
.partners-section .swiper.partners-swiper {padding-bottom: 50px !important;max-height: none;}
.partners-section .swiper-pagination-bullet {width: 12px;height: 12px;}
.partners-section .swiper-pagination-bullet-active {background-color: var(--primary-color);}
.partners-section .swiper-slide {display: flex;align-items: center;justify-content: center;}
.partners-section .partners-swiper .swiper-slide {display: flex;align-items: stretch;justify-content: start;gap:var(--spacer-2);flex-wrap: wrap;}
.partners-section .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: unset;}
.partners-section .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: unset;}
.partners-section .swiper-button-prev, .swiper-button-next {width: 30px;height: 30px;background: white;border: 1px solid var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.partners-section .icon-arrow-right,.partners-section .icon-arrow-left {display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 1.2rem}
.partners-section .swiper-button-next, .partners-section .swiper-button-prev {position: unset;}
.swiper-button-wrapper {position: absolute;left: 50%;transform: translateX(-50%);bottom: 2px;z-index: 1;display: flex;gap: 20px;}
.swiper-navigation-icon {display: none;}
.partners-section .partner-inner {width: calc(100% - 130px);overflow: hidden;margin: 0 auto;}



.section-bg {padding-bottom: 0 !important;}
.section-bg .section-bg-inner {position: relative;overflow: hidden;min-height: 350px;display: flex;align-items: center;justify-content: center;}
.section-bg .image {position: absolute;inset: 0;object-fit: cover;width: 100%;height: 100%;}
.section-bg .section-bg-inner:after {content: "";position: absolute;inset: 0;background: linear-gradient(to right, #46ae33 0%, rgb(70 174 51 / 31%) 45%, #46ae33 88%);/*background: linear-gradient(to top, rgba(0, 0, 0, 0.7), hsl(110.73deg 54.67% 44.12%));*/;}
.section-bg .app-wrapper {min-height: 100%;}
.section-bg .section-bg__title {font-size: clamp(2rem, 4vw, 2.6rem);margin-bottom: var(--spacer-1);}
.section-bg .section-content {position: relative;z-index: 1;text-align: center;color: white;}
.section-bg .section-bg__desc {font-weight: 500;}



.footer {--spacer-1: 4px;}
.footer .footer-wrapper {display: flex;align-items: start;justify-content: space-between;}
.footer .footer-bottom .app-wrapper {display: flex;align-items: center;justify-content: space-between;}
.footer .footer-list__title {color: var(--primary-color);margin-bottom: var(--spacer-1);}
.footer .footer-list .list>*+* {margin-top: var(--spacer-1);}
.footer .list__item a {font-weight: 500;padding-block: 4px;transition: .4s;}
.footer .list__item a:hover {color: var(--primary-color);}
.footer .form {display: flex;align-items: center;border: 1px solid var(--gray-light);padding-inline: 8px;margin-block: var(--spacer-2);transition: .4s;}
.footer .form input {border: unset;flex: 1;padding: 10px 0;outline: unset;}
.footer .submit {margin-inline-start: auto;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: black;transition: .3s;border: unset;}
.footer .icon-arrow-left {color: white;}
.footer .form:focus-within {border-color: var(--primary-color);box-shadow: 0 0 10px #017b3252;}
.footer .form:focus-within .submit {background-color: var(--primary-color);}
.footer .footer-bottom {display: flex;align-items: center;background-color: var(--primary-color);padding: 10px;color: white;}
.footer .footer-bottom>.app-wrapper>* {flex: 1;}
.footer .footer-socials {display: flex;align-items: center;gap: 4px;justify-content: center;}
.footer .footer-socials__item a {transition: 0.4s;border: 1px solid rgb(255 255 255 / 20%);width: 30px;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;}
.footer .footer-socials__item a:hover {background-color: white;color: var(--primary-color);}
.footer .footer-tag {display: flex;align-items: center;gap: 10px;justify-content: end;}
.footer .copyright-text {text-align: start;}
.footer .footer-top {padding: var(--padding-section) 0;box-shadow: 0 0 10px #0000002b;}



.intro-section .bold {font-weight: 500;}
.intro-section__desc {line-height: 1.6;color: var(--gray-medium);}
/* Froala Editor Classes Support */
.intro-section__desc .fr-fic {display: inline-block;max-width: 100%;height: auto;}
.intro-section__desc .fr-fil {float: left;margin: 0 1.5em 1em 0;}
.intro-section__desc .fr-fir {float: right;margin: 0 0 1em 1.5em;min-width: 80px;}
.intro-section__desc .fr-fic.fr-dii {display: inline-block;vertical-align: middle;}
.intro-section__desc .fr-fic.fr-dib {display: block;margin: 1.5em auto;float: none;}
.intro-section__desc p:has(.fr-fir),
.intro-section__desc p:has(.fr-fil) {overflow: visible;display: block;min-height: 0;margin: 0;}
.intro-section__desc p:has(.fr-fir) img,
.intro-section__desc p:has(.fr-fil) img {position: relative;z-index: 1;}
.intro-section__desc p:has(.fr-fir) + p,
.intro-section__desc p:has(.fr-fil) + p {clear: none;overflow: visible;margin-top: 0;}
.intro-section__desc p:has(.fr-fir):not(:has(text)),
.intro-section__desc p:has(.fr-fil):not(:has(text)) {/*height: 0;*/;/*line-height: 0;*/;}
.intro-section__desc img[style*="width"] {height: auto;}
.intro-section__desc p {overflow: visible;display: block;margin: 1em 0;}
.intro-section__desc p:first-child {margin-top: 0;}
.intro-section__desc p:last-child {margin-bottom: 0;}

/* Lists styling */
.intro-section__desc ul {list-style: disc;padding-inline-start: 2em;margin: 1em 0;}
.intro-section__desc li {margin: 0.5em 0;line-height: 1.6;}

/* Links */
.intro-section__desc a {color: var(--primary-color);text-decoration: underline;}
.intro-section__desc a:hover {text-decoration: none;}
.intro-section .app-wrapper>*+* {margin-top: var(--spacer-2);}
.intro-section .subtitle {font-size: clamp(1.7rem, 4vw, 2rem);/*font-size: var(--section-title-size);*/;color: var(--primary-color);font-weight: 600;margin-bottom: var(--spacer-1);}
.intro-section .list>*+* {margin-top: var(--spacer-1);}
.intro-section .list-item:before {content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: var(--primary-color);flex-shrink: 0;}

/*ul li:before,*/

.intro-section .list-item {display: flex;align-items: center;gap: 6px;}
.copy-link-button {background: none;border: none;padding: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;transition: all 0.3s ease;}
.copy-link-button:hover {transform: scale(1.1);}
.copy-link-button:focus {outline: 2px solid var(--primary-color, #007bff);outline-offset: 2px;}

/* Copy Success Message */
.copy-success-message {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.8);color: white;padding: 12px 24px;border-radius: 6px;font-size: 14px;z-index: 9999;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}

.copy-success-message.show {opacity: 1;}

/* Alternative: Inline success message */
.section-social-inner {position: relative;}
.copy-success-message.inline {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);margin-top: 10px;background: var(--success-color, #28a745);color: white;padding: 8px 16px;border-radius: 4px;font-size: 13px;white-space: nowrap;}
.share-link {transition: transform 0.3s ease, opacity 0.3s ease;}
.share-link:hover {transform: scale(1.05);opacity: 0.8;}

/* Extended social list for more options */
.main-social-list.extended {display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;}
.main-social-list.extended .social-item {flex: 0 0 auto;min-width: 50px;}

/* Responsive adjustments */
/* Responsive styles for media albums */
@media (max-width: 768px) {.media-albums {;grid-template-columns: 1fr;}
}

@media (min-width: 769px) and (max-width: 1024px) {.media-albums {;grid-template-columns: repeat(2, 1fr);}
}

@media (min-width: 1025px) {.media-albums {;grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 767px) {
  .main-social-list.extended {;gap: 10px;}
  .copy-success-message {font-size: 12px;padding: 10px 20px;}
  .breadcrumb__item:nth-child(n + 3) {display: none;}
  .breadcrumb__item:nth-child(n + 2):after {display: none;}
}

/* Loading state for share buttons */
.share-link.loading {pointer-events: none;opacity: 0.6;}

/* Accessibility improvements */
.share-link:focus,
.copy-link-button:focus {outline: 2px solid var(--focus-color, #007bff);outline-offset: 2px;}

/* Copy / link icon (not in icomoon set) */
.icon-copy {font-size: inherit;line-height: inherit;}
.icon-copy:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Animation for successful copy */
@keyframes copySuccess {0% { transform: scale(1); }50% { transform: scale(1.2); }100% { transform: scale(1); }}

.copy-link-button.success {animation: copySuccess 0.3s ease;}


.payment-methods {display: flex;align-items: center;gap: 10px;margin-top: 10px;flex-wrap: wrap;}
.payment-type img {height: 33px;}
.payment-type {border: 1px solid var(--extra-light-gray);width: 50px;display: flex;align-items: center;justify-content: center;}