.about-page .story-section .stepper {--stepper-height: 300px;display: flex;align-items: start;min-height: var(--stepper-height);position: relative;}
.about-page .intro-section {color: var(--gray-medium);}
.about-page .story-section .stepper-wrapper:before {right: 0;}
.about-page .story-section .stepper-wrapper:after {inset-inline-end:  0;}
.about-page .story-section .stepper-wrapper .step-item:first-child:after,
.story-section .stepper-wrapper .step-item:last-child:before {content: "";position: absolute;--size: 11px;width: var(--size);aspect-ratio: 1;border-radius: 50%;border: 2px solid var(--primary-color);background: white;transform: translateY(-50%);z-index: 1;}
.about-page .story-section .stepper-wrapper .step-item:first-child:after {bottom: calc(var(--size) * -1);right: 0;}
.about-page .story-section .stepper-wrapper .step-item:nth-child(odd):before {bottom: calc(var(--size) * -1);inset-inline-end:  0;}
.about-page .story-section .stepper-wrapper .step-item:nth-child(even):before {top: -1px;inset-inline-end:  0;}
.about-page .story-section .stepper-wrapper {position: relative;overflow: auto;padding: 0 10px 10px;}
.about-page .story-section .stepper-wrapper .separator {position: absolute;inset-inline-end:  0;right: 0;top: 50%;transform: translateY(50%);height: 2px;background: var(--primary-color);}
.about-page .story-section .step-item {--border-width: 2px;position: relative;flex: 1 0 20%;display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;gap: var(--spacer-2);}
.about-page .story-section .step-item.active {opacity: 1;}
.about-page .story-section .step-item:nth-child(even) {align-self: end;align-items: center;border-top: var(--border-width) solid var(--primary-color);transform: translateY(var(--border-width));}
.about-page .story-section .step-item:nth-child(odd) {border-bottom: var(--border-width) solid var(--primary-color);}
.os-windows.dpi-125 .about-page .story-section .step-item:nth-child(even) {transform: translateY(calc(var(--border-width) - 0.4px));}
.about-page .story-section .step-item .line {transition: .4s;--line-width: 1px;--line-height: calc(var(--stepper-height) / 2);--dot-color: #017B32;--dot-radius-x: 2px;--dot-radius-y: 11px;--dot-spread: 80%;--dot-fade: 87%;--gap: 22px;position: relative;width: var(--line-width);height: var(--line-height);background: radial-gradient(var(--dot-radius-x) var(--dot-radius-y), var(--dot-color) var(--dot-spread), transparent var(--dot-fade)) 0 0 / 100% var(--gap);background-repeat: repeat-y;flex-shrink: 0  ;}
.about-page .story-section .step-item .step-img {width: 100px;height: 100px;overflow: hidden;border-radius: 50%;flex-shrink: 0;padding: 12px;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 10px #00000026;}
.about-page .story-section .step-item .step-img img {/*width: 100%;*/;/*height: 100%;*/;/*display: block;*/;/*object-fit: cover;*/;}
.about-page .story-section .step-item .line:before {content: "";transition: .4s;position: absolute;top: 0;width: 10px;aspect-ratio: 1;background: var(--primary-color);inset-inline-end:  50%;transform: translateX(-50%);border-radius: 50%;}
.about-page .story-section .step-item .line:after {content: "";transition: .4s;--size: 20px;position: absolute;bottom: calc(var(--size) / -2 + -1px);width: var(--size);aspect-ratio: 1;background: white;inset-inline-end:  50%;transform: translate(-50%, 0%);border-radius: 50%;border: 2px solid var(--primary-color);}
.about-page .story-section .step-item:nth-child(even) .line::before {top: unset;bottom: 0;}
.about-page .story-section .step-item:nth-child(even) .line::after {top: calc(var(--size) / -2 - 0px);bottom: unset;--size: 20px;}
.about-page .story-section .step-item .step-details {display: flex;flex-direction: column-reverse;}
.about-page .story-section .step-item .step-details__date {font-size: clamp(1rem, 4vw, 1.3rem);font-weight: 500;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.about-page .story-section .step-item .step-details__title {color: var(--primary-color);font-weight: 800;font-size: clamp(1.1rem, 4vw, 1.4rem);margin-bottom: 2px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.about-page .story-section .step-item :is(.step-img, .step-details),
.about-page .story-section .step-item .line:after {transition: .3s ease-out;}
.about-page .story-section .step-item:not(.active) :is(.step-img, .step-details) {/*opacity: .3;*/;}
.about-page .story-section .step-item:not(.active) .line {/*--dot-color: lightgray;*/;}
.about-page .story-section .step-item:not(.active) .line:before {/*background: lightgray;*/;}
.about-page .story-section .step-item:not(.active) .line::after {--size: 11px;}


.members-page .section-members {--grid-columns: 5;}
.members-page .section-members .card {text-align: center;}
.members-page .section-members .card .card-image {width: 150px;aspect-ratio: 1;border-radius: 50%;margin: 0 auto;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-image);}
.members-page .section-members .card .card-image .is-logo {max-width: 60%;}
.members-page .section-members .card .card-image img:not(.is-logo) {width: 100%;object-position: top;object-fit: cover;height: 100%;}
.members-page .section-members .card .card-image:not(:has(.is-logo)) {overflow: hidden;}
.members-page .section-members .card > * + * {margin-top: var(--spacer-1);}
.members-page .section-members .card-desc {color: var(--primary-color);font-weight: 400;--spacer-1: 1px;}
.members-page .section-members .cards-wrapper {gap: var(--spacer-3);}

.partners-page .section-partners {--grid-columns: 6;}
.partners-page .section-partners .card {display: flex;align-items: center;justify-content: center;background: #9e9e9e40;aspect-ratio: 1;border-radius: 50%;border: 4px solid white;outline: 2px solid #e4e4e4;position: relative;}
.partners-page .section-partners .card:before {content: "";position: absolute;width: 34px;aspect-ratio: 1;inset-inline-end:  -2px;bottom: 10px;background: #e7e7e7;border-radius: 50%;opacity: .43;outline: 3px solid white;}
.partners-page .section-partners .card:after {content: "";position: absolute;width: 16px;aspect-ratio: 1;inset-inline-end:  24px;bottom: -6px;background: #e7e7e7;border-radius: 50%;opacity: .43;}


.regions-page .regions-section .map-container {display: flex;align-items: start;gap: 60px;margin-top: 50px;}
.regions-page .regions-section .map-container > * {flex: 2;}
.regions-page .regions-section .map-wrapper {display: flex;align-items: start;gap: 106px;flex: 3;}
.regions-page .regions-section .map-item-row {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--spacer-1);}
.regions-page .regions-section .map-wrapper-list > * + * {margin-top: 43px;}
.regions-page .regions-section .map-item__time {color: var(--primary-color);font-weight: 500;}
.regions-page .regions-section .map-item__desc {color: var(--gray-medium);}
.regions-page .regions-section .target-list__item {display: flex;align-items: center;gap: var(--spacer-1);}
.regions-page .regions-section .target-list__item img {width: 30px;}
.regions-page .regions-section .target-list {margin-top: var(--spacer-1);color: var(--gray-medium);}
.regions-page .regions-section .target-list > * + * {margin-top: var(--spacer-1);}
.regions-page .regions-section .map-item {position: relative;}
.regions-page .regions-section .map-item:nth-child(1):before {content: "";position: absolute;top: 13px;right: -103%;background-image: url("../images/line1.svg");background-repeat: no-repeat;width: 100%;height: 100%;}
.regions-page .regions-section .map-item:nth-child(2):before {content: "";position: absolute;top: 13px;right: -103%;background-image: url("../images/line2.svg");background-repeat: no-repeat;width: 100%;height: 100%;}
.regions-page .regions-section .map-item:nth-child(3):before {content: "";position: absolute;top: -132px;right: -103%;background-image: url("../images/line3.svg");background-repeat: no-repeat;width: 100%;height: 120%;}
.regions-page .map-image {flex-shrink: 0;position: relative;overflow: hidden;}
.regions-page .map-image:after {/*content: "";*/;position: absolute;background: linear-gradient(45deg, #e2e2e200, #0000001a);transform: rotate(48deg);transition: 1.2s ease;top: -330px;width: 450px;height: 110px;right: -110px;filter: blur(20px);}
.regions-page .map-image:hover:after {top: 130%;}
.map-image {opacity: 0;transition: opacity 0.5s ease-out;}
.regions-page .regions-section .map-item {opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}


.politics-page .politics-section-inner > * + * {margin-top: var(--spacer-2);}
.politics-page .politics-section-inner {line-height: 1.6;overflow: auto;max-width: 100%;color: var(--gray-medium);}


.services-page .section-services {--grid-columns: 2;}
.services-page .section-services .card {flex-direction: row;align-items: center;}
.services-page .section-services .card .card-inner {flex-shrink: 0;max-width: 146px;}
.services-page .section-services .card .card-img img {margin: 0 auto;}
.services-page .section-services .bold {font-weight: 600;color: var(--primary-color);}
.services-page .section-services .card > a {flex-direction: row;gap: 20px;align-items: center;border: unset;box-shadow: var(--shadow-card);border-inline-start: 4px solid #b6b6b6;height: 100%;}
.services-page .card-desc {text-align: start;}
.services-page .section-services .card:hover > a {border-color: var(--primary-color);}
.service-inner-page .intro-section {box-shadow: unset;}
.service-inner-page .section-services {--grid-columns: 5;}
.service-inner-page .section-services .card-img img {/*width: 50px;*/;/*z-index: 1;*/;/*padding-top: 20px;*/;width: revert;}
.service-inner-page .section-services .card-img:before,
.service-inner-page .section-services .card-img:after {/*content: "";*/;--r: 15px;aspect-ratio: 1 / cos(30deg);--_g: calc(tan(60deg) * var(--r)) bottom var(--r), #000 98%, #0000 101%;-webkit-mask: conic-gradient(from -30deg at 50% calc(200% - 3 * var(--r) / 2), #000 60deg, #0000 0) 0 100% / 100% calc(100% - 3 * var(--r) / 2) no-repeat, radial-gradient(var(--r) at 50% calc(2 * var(--r)), #000 98%, #0000 101%), radial-gradient(var(--r) at left var(--_g)), radial-gradient(var(--r) at right var(--_g));clip-path: polygon(50% 0, 100% 100%, 0 100%);background-color: rgb(10 192 0 / 10%);background-position: center;background-size: cover;background-repeat: no-repeat;position: absolute;inset: 0;}
.service-inner-page .section-services .card-img:after {transform: translate(4px, 0) rotate(14deg);}
.service-inner-page .section-services .card-img {position: relative;width: 120px;height: 100px;display: flex;align-items: center;justify-content: center;margin-bottom: var(--spacer-1);}
.service-inner-page .section-services .card-title {font-weight: 500;}
.service-inner-page .media-cards .featured-tall {grid-row: span 2;}
.service-inner-page .media-cards .featured-wide {grid-column: span 2;}
/* Vertical Categories Layout */
.section-categories-vertical .categories-vertical-wrapper {display: flex;flex-direction: column;gap: var(--spacer-3);}
.category-item-vertical {border: 1px solid var(--extra-light-gray);border-radius: 8px;padding: var(--spacer-2);background: white;box-shadow: var(--shadow-card);}
.category-item-header {display: flex;align-items: center;gap: var(--spacer-2);text-decoration: none;color: inherit;margin-bottom: var(--spacer-2);}
.category-item-img {flex-shrink: 0;width: 150px;height: 150px;border-radius: 50%;overflow: hidden;box-shadow: 0 0 0 3px white, 0 0 0 5px #66339933;display: flex;align-items: center;justify-content: center;}
.category-item-img img {width: 100%;height: 100%;object-fit: cover;}
.category-item-info {flex: 1;display: flex;flex-direction: column;gap: var(--spacer-1);}
.category-item-title {font-size: clamp(1.5rem, 4vw, 2rem);color: var(--primary-color);font-weight: 600;margin: 0;}
.category-item-link-text {font-size: clamp(1.2rem, 4vw, 1.4rem);color: var(--gray-medium);margin: 0;text-decoration: underline;}
.category-item-description {/* padding-top: var(--spacer-1); */;/* border-top: 1px solid var(--extra-light-gray); */;font-size: clamp(1.2rem, 4vw, 1.4rem);color: var(--gray-medium);line-height: 1.6;}
.category-item-description p {margin: 0.5em 0;}
.category-item-description p:first-child {margin-top: 0;}
.category-item-description p:last-child {margin-bottom: 0;}
.service-inner-page .section-lists {--grid-columns: 4;}
.service-inner-page .section-lists.real-images {--grid-columns:5;}
.service-inner-page .real-images .cards-wrapper {--grid-columns: 5;--spacer-2: 28px;}
.service-inner-page .section-lists .card-circle {justify-items: center;position: relative;}
.service-inner-page .section-lists .card-circle > * + * {margin-top: var(--spacer-1);}
.service-inner-page .section-lists .card-circle .card-img:after {inset-inline-end: 15px;}
.service-inner-page .section-lists .card-circle .card-img:before {bottom: 6px;inset-inline-end: 47px;}
.service-inner-page .section-lists.grid-4 .card-circle .card-img:before {bottom: 14px;inset-inline-end: 56px;}
.service-inner-page .section-lists .card-img:after {content: "";position: absolute;bottom: 22px;inset-inline-end:  5px;width: 40px;aspect-ratio: 1;background: #66339933;border-radius: 50%;}
.service-inner-page .section-lists .card-img:before {content: "";position: absolute;bottom: 3px;inset-inline-end:  47px;width: 20px;aspect-ratio: 1;background: #66339933;border-radius: 50%;}
.service-inner-page .section-lists .card-img .card-img__inner {overflow: hidden;border-radius: 50%;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
.service-inner-page .section-lists .card-img {position: relative;width: 100%;aspect-ratio: 1;border-radius: 50%;box-shadow: 0 0 0 3px white, 0 0 0 5px #66339933;}
.service-inner-page .section-lists .card-img img {/*width: 100%;*/;/*aspect-ratio: 1;*/;/*border-radius: 50%;*/;/*box-shadow: 0 0 0 3px white, 0 0 0 5px #66339933;*/;}


:is(.service-inner-page, .products-page) .section-products {--grid-columns: 4;}
.section-products .card {box-shadow: var(--shadow-card);display: flex;flex-direction: column;overflow: hidden;}
.section-products .card > .card-link,
.section-products .card > .product-card-link {display: flex;flex-direction: column;flex: 1;height: 100%;color: inherit;text-decoration: none;}
:is(.service-inner-page, .products-page) .section-products .card-img {
  width: 100%;
  aspect-ratio: 4 / 5;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background-color: var(--bg-image);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
}
:is(.service-inner-page, .products-page) .section-products .card-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  /* Avoid browser softening when low-res covers are shown larger than native size */
  image-rendering: -webkit-optimize-contrast;
}
:is(.service-inner-page, .products-page) .section-products .product-feature > * + * {margin-top: 8px;}
:is(.service-inner-page, .products-page) .section-products .product-inner {display: flex;flex-direction: column-reverse;gap: 10px;align-items: stretch;justify-content: space-between;padding: var(--padding-card);width: 100%;box-sizing: border-box;}
:is(.service-inner-page, .products-page) .section-products .feature:after {content: ":";align-self: stretch;order: 2;}
:is(.service-inner-page, .products-page) .section-products .feature {display: flex;align-items: baseline;flex-wrap: wrap;gap: 2px 0;}
:is(.service-inner-page, .products-page) .section-products .feature-label {order: 1;}
:is(.service-inner-page, .products-page) .section-products .feature-value {order: 3;font-weight: 600;margin-inline-start: 4px;}
:is(.service-inner-page, .products-page) .section-products .product-price-label {color: var(--gray-light);}
:is(.service-inner-page, .products-page) .section-products .product-price-value {color: var(--primary-color);font-weight: 700;flex-shrink: 0;}
:is(.service-inner-page, .products-page) .section-products .product-price-row {display: flex;align-items: center;gap: 5px;}

@media (max-width: 1100px) {
  :is(.service-inner-page, .products-page) .section-products {--grid-columns: 3;}
}
@media (max-width: 767px) {
  :is(.service-inner-page, .products-page) .section-products {--grid-columns: 2;}
  :is(.service-inner-page, .products-page) .section-products .card-img {aspect-ratio: 3 / 4;}
}
@media (max-width: 420px) {
  :is(.service-inner-page, .products-page) .section-products {--grid-columns: 1;}
}


.custom-overlay {position: fixed;top: 0;inset-inline-end:  0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);opacity: 0;pointer-events: none;transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index: 999;backdrop-filter: blur(8px);}
.custom-overlay.active {opacity: 1;pointer-events: auto;}
.modal {position: fixed;top: 50%;inset-inline-end:  50%;transform: translate(-50%, -48%) scale(0.96);background: white;max-width: 500px;width: 80%;padding: var(--padding-card);border-radius: 10px;opacity: 0;z-index: 1000;box-shadow: var(--main-shadow);pointer-events: none;transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.modal.active {opacity: 1;transform: translate(-50%, -50%) scale(1);pointer-events: auto;}
.modal .close-btn {--size: 30px;color: var(--primary-color);position: absolute;inset-inline-end:  calc(var(--padding-card) - var(--size) / 3);top: calc(var(--padding-card) - var(--size) / 3);background: none;border: none;cursor: pointer;width: var(--size);height: var(--size);display: flex;align-items: center;justify-content: center;font-size: 3rem;}
.modal .modal-content > * + * + * {margin-top: var(--spacer-2);}
.modal .modal-body {min-height: 300px;max-height: 70vh;overflow: auto;text-align: center;}
.modal .modal-body .card-date {font-size: clamp(1rem, 4vw, 1.2rem);color: var(--gray-dark);}
.modal .modal-body .card-desc {color: var(--gray-medium);}
.modal .modal-content {display: flex;flex-direction: column;flex: 3;}
.modal .modal-buttons {display: flex;align-items: center;gap: 20px;margin-top: auto;}
.modal .modal-image {flex-shrink: 0;flex: 2;border: 1px solid #f3f3f3;align-self: start;text-align: center;}
.modal .modal-image img {margin: 0 auto;}
.modal-title {font-size: var(--section-title-size);margin-bottom: var(--spacer-1);line-height: 1;}
.modal-desc {font-size: var(--section-desc-size);}
.modal .form {display: flex;flex-direction: column;margin-top: var(--spacer-1);gap: var(--spacer-2);}
.modal .form .form-input {display: flex;gap: var(--spacer-2);width: 100%;overflow: hidden;}
.modal .form .form-input input {width: 100%;padding: 8px;border-radius: 4px;border: 1px solid var(--extra-light-gray);outline-color: var(--primary-color);}
.modal .form .select-wrapper {position: relative;display: inline-block;width: 90px;flex-shrink: 0;}
.modal .form .select-wrapper select {outline: unset;color: black;height: 100%;width: 100%;padding: 10px 12px 10px 12px;font-size: 16px;border: 1px solid var(--extra-light-gray);background-color: #fff;appearance: none;-webkit-appearance: none;font-family: inherit;-moz-appearance: none;cursor: pointer;}
.modal .form .select-wrapper::after {content: "\e923";font-family: "icomoon";position: absolute;inset-inline-end:  12px;top: 50%;transform: translateY(-50%);pointer-events: none;color: #555;font-size: 12px;}
.modal .form .form-input.city .select-wrapper {width: 100%;}
.modal .form .button {align-self: center;}

.reports-page .reports-section {--grid-columns: 4;}
.reports-page .reports-section .cards-wrapper {margin-top: var(--spacer-2);}
.reports-page .reports-section .card {position: relative;}
.reports-page .reports-section .card-footer {position: absolute;left:  0;right: 0;bottom: 0;/*background: rgb(1 123 50 / 75%);*/;background: rgb(70 174 51 / 71%);display: flex;align-items: center;justify-content: space-between;padding: 16px 10px;color: white;backdrop-filter: blur(4px);}
.reports-page .reports-section .card-img {position: absolute;inset: 0;}
.reports-page .reports-section .card-img img {width: 100%;height: 100%;object-fit: cover;}
.reports-page .reports-section .card-actions {display: flex;align-items: center;gap: 10px;}
.reports-page .reports-section .icon-download1 {font-size: 1.9rem;color: var(--primary-color);}
.reports-page .reports-section .card-link {transition: .4s;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--primary-color);}
.reports-page .card-link:hover {opacity: 0.8;}
.reports-page .reports-section .icon-eye {font-size: 1.2rem;}
.reports-page .reports-section .cards-wrapper .card {min-height: 400px;box-shadow: 0 0 10px #e6e6e6;}
.reports-page .reports-section .card-link.download {background: white;border: 1px solid var(--primary-color);}
.reports-page .reports-section .card-link.preview {border: 1px solid white;}


.story-page .section-stories {--grid-columns: 2;margin: 0;min-height: unset;}
.story-page .section-stories .cards-wrapper {/*row-gap: 30px;padding-inline-start: 30px;*/;margin-top: var(--spacer-2);}
.story-page .services-section__desc {margin-bottom: var(--spacer-3);}
.story-inner-page {}
.story-inner-page .story-details {display: flex;align-items: start;gap: var(--spacer-2);}
.story-inner-page .avatar-wrapper {flex-shrink: 0;}
.story-inner-page .story-info > * + * {margin-top: var(--spacer-1);}
.story-inner-page .location {color: var(--primary-color);font-weight: 500;}
.story-inner-page .username {font-size: var(--section-title-size);}
.story-inner-page .description {color: var(--gray-medium);line-height: 1.6;}
.story-inner-page .avatar-wrapper {width: 100px;height: 100px;border-radius: 50%;border: 3px solid var(--primary-color);overflow: hidden;}
.story-inner-page .avatar-wrapper img {}
.story-inner-page .section-story {--grid-columns: 4;}
:is(.story-inner-page, .content-inner-page) .card {position: relative;aspect-ratio: 1;}
:is(.story-inner-page, .content-inner-page) .image-wrapper {position: absolute;inset: 0;filter: brightness(.8);transition: .4s;}
:is(.story-inner-page, .content-inner-page) .card:hover .image-wrapper {filter: brightness(1);}
:is(.story-inner-page, .content-inner-page) .image-wrapper img {width: 100%;height: 100%;object-fit: cover;}
:is(.story-inner-page, .content-inner-page) .play-button {position: absolute;inset-inline-end:  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%;}
:is(.story-inner-page, .content-inner-page) .play-button span[class*="icon-"] {font-size: 1.5rem;width: 17px;height: 17px;display: flex;align-items: center;color: white;}
:is(.story-inner-page, .content-inner-page) .cards-wrapper {margin-top: var(--spacer-3);}
:is(.story-inner-page, .content-inner-page) .card:after {content: "";position: absolute;inset: 0;background: linear-gradient(0deg, #00000045 20%, transparent);}
:is(.video-page, .gallery-page, .year-images-page) .card-details {z-index: 1;position: absolute;bottom: 20px;inset-inline-start:  20px;color: white;}
:is(.video-page, .gallery-page) .section-story {}
:is(.video-page, .gallery-page, .year-images-page) .card {position: relative;aspect-ratio: 2 / 1;cursor: pointer;}
:is(.video-page, .gallery-page, .year-images-page) .image-wrapper {position: absolute;inset: 0;filter: brightness(.8);transition: .4s;cursor: pointer;}
:is(.video-page, .gallery-page,.year-images-page) .card:hover .image-wrapper {filter: brightness(1);}
:is(.video-page, .gallery-page,.year-images-page) .image-wrapper img {width: 100%;height: 100%;object-fit: cover;}
:is(.video-page, .gallery-page,.year-images-page) .image-wrapper video {width: 100%;height: 100%;object-fit: cover;cursor: pointer;}
:is(.video-page, .gallery-page,.year-images-page) .play-button {position: absolute;/*inset-inline-end:  50%;*/;/*top: 50%;*/;/*transform: translate(-50%, -50%);*/;width: 35px;height: 35px;z-index: 1;background-color: var(--primary-color);display: flex;align-items: center;justify-content: center;border-radius: 50%;color: white;transform: unset;top: var(--padding-card);inset-inline-end: var(--padding-card);}
:is(.video-page, .gallery-page) .play-button span[class*="icon-"] {font-size: 1.5rem;width: 17px;height: 17px;display: flex;align-items: center;justify-content: center;color: white;}
:is(.video-page, .gallery-page,.year-images-page) .cards-wrapper {margin-top: var(--spacer-3);}
:is(.video-page, .gallery-page,.year-images-page) .card:after {content: "";position: absolute;inset: 0;background: linear-gradient(0deg, hsl(0deg 0% 0% / 54%) 20%, transparent);}
.video-page .play-button {transform: unset;top: var(--padding-card);inset-inline-end: var(--padding-card);}
.video-page .card-date {font-size: clamp(1.2rem, 4vw, 1.4rem);}
.video-page .card-title {font-size: clamp(1.4rem, 4vw, 1.6rem);}

.gallery-page .play-button {transform: unset;inset-inline-end:  var(--padding-card);top: var(--padding-card);}
.gallery-page .cards-wrapper {--grid-columns: 4;}
.gallery-page .cards-wrapper .card {aspect-ratio: 1;}

.plans-page .intro-section {--grid-columns: 2;}
.plans-page .card {display: flex;box-shadow: var(--shadow-card);}
.plans-page .img-wrapper {background: white;border-inset-inline-end:  1px solid var(--extra-light-gray);margin-block: 6px;flex-shrink: 0;width: 70px;display: flex;align-items: center;justify-content: center;}
.plans-page .card-details {flex: 1;padding: 12px var(--padding-card);color: white;display: flex;align-items: center;}
.plans-page .card-details .card-details__title {color: black;font-weight: 500;}
.plans-page .card-actions {display: flex;align-items: center;gap: 10px;margin-inline-start: auto;}
.plans-page .card-link {width: 30px;height: 30px;transition: .4s;display: flex;align-items: center;justify-content: center;background-color: white;border-radius: 50%;}
.plans-page .card-link:hover {opacity: 0.8;}
.plans-page .card-link.download {background-color: var(--primary-color);color: white;}
.plans-page .card-link.preview {background-color: var(--primary-color);border: 1px solid white;}
.plans-page .card-link.preview span {font-size: 1.2rem;}
/* .product-preview.inner-page .product-price-row {
    opacity: 0;
    pointer-events: none;
} */
.news-page .cards-wrapper {margin-top: var(--spacer-2);}
.news-page .news-section .card-inner {bottom: -20px;}
.content-inner-page .card {cursor: pointer;}
.content-inner-page .preview-image {height: 400px;width: 100%;overflow: hidden;border-radius: 0;background-color: var(--bg-image);display: flex;align-items: center;justify-content: center;}
.content-inner-page .preview-image img {}
.content-inner-page .section-description {line-height: 1.5;}
.content-inner-page .details-inner > * + * {margin-top: var(--spacer-1);}
.content-inner-page .section-details {--grid-columns: 4;}

.form-section .section-description img {margin: 0 auto}
.form-section .form {display: flex;flex-direction: column;margin-top: var(--spacer-1);gap: var(--spacer-2);}
.form-section .form .form-input {transition: .1s;display: flex;gap: var(--spacer-2);width: 100%;overflow: hidden;}
.form-input:not(> input#phone):focus-within {border-color: var(--primary-color);outline: 1px solid var(--primary-color);box-shadow: 0 0 10px #017b3252;}
.form-section .form .form-input :is(input, textarea) {transition: .3s;outline: 1px solid transparent;width: 100%;padding: 8px;border-radius: 4px;border: 1px solid var(--extra-light-gray);}
.form-section .form .form-input :is(input, textarea):focus {border-color:var(--primary-color);}
.form-section .form .select-wrapper {position: relative;display: inline-block;width: 90px;flex-shrink: 0;}
.form-section .form .select-wrapper select {outline: unset;height: 100%;width: 100%;padding: 10px 12px 10px 12px;font-size: 16px;border: 1px solid var(--extra-light-gray);background-color: #fff;appearance: none;-webkit-appearance: none;font-family: inherit;-moz-appearance: none;cursor: pointer;}
.form-section .form .select-wrapper select option {color: black;}
.form-section .form .select-wrapper::after {content: "\e923";font-family: "icomoon";position: absolute;inset-inline-end: 12px;top: 50%;transform: translateY(-50%);pointer-events: none;color: #555;font-size: 12px;}
.form-section .form .form-input.city .select-wrapper {width: 100%;}
.form-section .form .button {align-self: center;}

.contactus-container {display: flex;align-items: start;gap: 50px;}
.contactus-container .form-wrapper {flex: 3;}
.contactus-container .contact-details {flex: 2;border-inline-start: 1px solid var(--extra-light-gray);padding-inline-start: 50px;}
.contactus-container .contact-details_title {color: var(--primary-color);font-size: var(--section-title-size);}
.contactus-container .list-item {display: flex;align-items: center;gap: var(--spacer-1);}
.contactus-container .icon {width: 40px;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid var(--extra-light-gray);color: var(--gray-dark);flex-shrink: 0;}
.contactus-container .list > * + * {margin-top: var(--spacer-1);}
.contactus-container .list-item:has(.icon-phone, .icon-mobile1, .icon-fax) .text {direction: ltr;}
.contactus-container .contact-details > * + * {margin-top: var(--spacer-2);}
.contactus-container .list-item:nth-child(1) .icon {background: var(--gray-dark);color: white;}

.form-page .form .services.form-input .select-wrapper {width: 100%;}
.form-page .form .form-input {width: calc(50% - var(--spacer-2));}
.form-page .form {flex-direction: row;flex-wrap: wrap;}
.form-page .form .button {margin: 0 auto;}
.form-page .form-input.telephone {gap: 10px;}
.projects-page .section-projects .cards-wrapper {margin-top: var(--spacer-2);}
.section-projects .card-img img.is-logo {max-width: 80%;}

.faq-page .section-faq {--grid-columns: 2;}
.faq-page .faq-body-wrapper {display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.4s ease;overflow: hidden;}
.faq-page .faq-item.is-open .faq-body-wrapper {grid-template-rows: 1fr;}
.faq-page .faq-body {overflow: hidden;}
.faq-page .faq-header {display: flex;align-items: center;gap: var(--spacer-1);padding: var(--padding-card);cursor: pointer;}
.faq-page .arrow-button {margin-inline-start: auto;display: flex;align-items: center;justify-content: center;color: var(--primary-color);}
.faq-page .cards-wrapper {margin-top: var(--spacer-2);align-items: start;}
.faq-page .faq-item {box-shadow: var(--shadow-footer);}
.faq-page .faq-body p {padding: var(--padding-card);color: var(--gray-medium);}
.faq-page .faq-item.is-open .arrow-button {transform: rotate(180deg);}
.faq-page .faq-item .arrow-button {transition: .4s;}
.faq-page .faq-item.is-open {background-color: #017B3208;transition: .4s;}
.faq-page .faq-item.is-open .faq-header__title {color: var(--primary-color);}

.donation-page .form-section .select-wrapper {position: relative;display: inline-block;width: 90px;flex-shrink: 0;}
.donation-page .form-section .select-wrapper select {outline: unset;height: 100%;width: 100%;padding: 10px 12px 10px 12px;font-size: 16px;border: 1px solid var(--extra-light-gray);background-color: #fff;appearance: none;-webkit-appearance: none;font-family: inherit;-moz-appearance: none;cursor: pointer;color: var(--gray-dark);}
.donation-page .form-section .select-wrapper::after {content: "\e923";font-family: "icomoon";position: absolute;inset-inline-end:  12px;top: 50%;transform: translateY(-50%);pointer-events: none;color: #555;font-size: 12px;}
.donation-page .form-section .donation-wrapper {flex: 3;box-shadow: var(--main-shadow);}
.donation-page .form-section .subtitle {text-align: center;background-color: #017B321A;padding: 16px;color: var(--primary-color);}
.donation-page .form-section .donation-wrapper .select-wrapper {width: 100%;}
.donation-page .form-section .donation-inner {padding: var(--padding-card);}
.donation-page .form-section .donation-inner > * + * {margin-top: var(--spacer-2);}
.donation-page .form-section .inputs-wrapper {display: flex;align-items: center;gap: var(--spacer-2);}
.donation-page .form-section .form-input-radio {flex: 1;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-footer);color: var(--primary-color);font-weight: 600;transition: 0.2s;}
.donation-page .form-section .form-input-radio input {opacity: 0;width: 0;height: 0;margin: unset;}
.donation-page .form-section .form-input-radio:has(input[type="radio"]:checked) {background-color: var(--primary-color);color: white;}
.donation-page .form-section .form-input-radio:hover {background-color: var(--primary-color);color: white;}
.donation-page .form-section .label-radio {width: 100%;height: 100%;text-align: center;padding: 6px;cursor: pointer;}
.donation-page .form-section .form-input :is(input, textarea) {width: 100%;padding: 8px;border-radius: 4px;border: 1px solid var(--extra-light-gray);transition: .4s;outline: unset;}
.donation-page .form-section .form-input :is(input, textarea):focus{border-color: var(--primary-color);}
.donation-page .form-section .contactus-container .form-wrapper {box-shadow: var(--shadow-footer);}
.donation-page .form-section .form {padding: var(--padding-card);margin: 0;}
.donation-page .form-section .form .button {align-self: stretch;width: auto;}
.donation-page .image-visa {align-self: center;max-width: 100px;}

.search-page .search-section .form {display: flex;border: 1px solid var(--extra-light-gray);border-radius: 20px;padding: 5px;transition: .4s;}
.search-page .search-section .form > .button {margin-inline-start: auto;border: unset;border-radius: 16px;}
.search-page .search-section .search-wrapper {flex: 1;display: flex;align-items: center;}
.search-page .search-section input#search {height: 100%;padding: 10px;width: 100%;border: unset;outline: unset;}
.search-page .search-section .icon-search {font-size: 2rem;color: var(--gray-light);margin-inline-start: 5px;}
.search-page .search-section .form:focus-within {border-color: var(--primary-color);box-shadow: 0 0 10px #017b3252;}
.search-page .search-section .search-list > * + * {margin-top: var(--spacer-2);border-top: 1px solid var(--extra-light-gray);padding-top: var(--spacer-2);}
.search-page .search-section .search-list {margin-top: 30px;}
.search-page .search-section .search-item__description {color: var(--gray-medium);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;max-width: 95%;line-height: 1.6;margin-top: 10px;}
.search-page .search-section .search-item__header {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;flex-wrap: wrap;}
.search-page .search-section .search-item__badge {font-size: 0.85em;padding: 4px 12px;border-radius: 4px;background: var(--primary-color);color: white;display: inline-block;font-weight: 500;}
.search-page .search-section .search-item__date {font-size: 0.9em;color: var(--gray-medium);}
.search-page .search-section .search-item__title {font-size: clamp(1.4rem, 4vw, 1.8rem);font-weight: 600;margin: 0;color: var(--primary-color);line-height: 1.4;}
.search-page .search-section .search-item__title mark {background-color: #ffeb3b;padding: 2px 4px;border-radius: 3px;font-weight: 700;}
.search-page .search-section .search-item__description mark {background-color: #ffeb3b;padding: 2px 4px;border-radius: 3px;font-weight: 600;}
.search-page .search-section .search-item__link {display: flex;align-items: center;gap: 6px;margin-top: 10px;color: var(--primary-color);font-weight: 600;font-size: clamp(1.2rem, 4vw, 1.4rem);text-decoration: underline;text-decoration: unset;}
html[dir="ltr"] .search-page .search-section .search-item__link {transform:scaleX(-1);}
.search-page .search-section .search-item-link {display: block;text-decoration: none;color: inherit;padding: 15px 0;}
.search-page .search-section .search-item-link:hover .search-item__title {text-decoration: underline;}
.search-page .search-section .search-pagination {display: flex;align-items: center;justify-content: center;gap: 20px;margin-top: 30px;padding-top: 20px;border-top: 1px solid var(--extra-light-gray);}
.search-page .search-section .search-page-info {color: var(--gray-medium);font-size: clamp(1.2rem, 4vw, 1.4rem);}
.search-page .search-section .search-no-data-to-show {margin-top: 30px;text-align: center;padding: 40px 20px;}
.search-page .search-section .empty-state-search {font-size: clamp(1.4rem, 4vw, 1.6rem);color: var(--gray-medium);margin: 0;}

.donation-result .result-container {font-size: var(--card-title-size);text-align: center;display: flex;flex-direction: column;justify-content: center;box-shadow: var(--shadow-card);gap: 10px;margin-block: calc(var(--padding-card) * 3);padding: var(--padding-card);width: 800px;max-width: 90%;margin-inline: auto;}
.donation-result .result-icon.success svg circle {fill: var(--primary-color)}
.donation-result .result-icon {display: flex;justify-content: center;}
.donation-result .donation-impact {margin-top: 30px;color: var(--gray-dark);}
.donation-result .result-actions {display: flex;justify-content: center;gap: 14px;flex-wrap: wrap;}
.donation-result .result-title {font-size: clamp(2rem, 4vw, 3rem);}
.donation-result .result-message, .help-section {color: var(--gray-dark);}
.donation-result .result-icon.success svg {width: 70px;display: block;}

.creator-no-items {width: 100%;max-width: 100%;display: flex;flex-direction: column;align-items: center;gap: var(--spacer-3);padding: var(--spacer-3) 0;margin: 0 auto;}
.creator-no-items__image {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100%;}
.creator-no-items__image img {max-width: 400px;width: 100%;height: auto;object-fit: contain;}
.creator-no-items__description {width: 100%;max-width: 100%;color: var(--gray-medium);font-size: var(--body-size);line-height: 1.6;}
.creator-no-items__description p {margin-bottom: var(--spacer-2);}
.creator-no-items__description p:last-child {margin-bottom: 0;}
.creator-no-items__title {font-size: clamp(2rem, 4vw, 2.5rem);color: var(--primary-color);text-align: center;margin: 0;}