@import url(../fonts/roboto/font.css);
@import url(../fonts/life/life-fonts.css);
@import url(../fonts/brush/fonts.css);

:root {
    --white: #ffffff;
    --black-font: #343333;
    --gray-font: #5F5E5E;
    --gray-light-font: #F4F4F4;
    --green-font: #185E30;
    --green: #3EA74F;
    --green-hover: #52BB63;
    --orange-hover: #FF8F41;
}
/* ?anoei caaaai Roboto aey anao yeaiaioia naeoa, aee??ay oi?iu e eiiiee */
*, 
*::before, 
*::after,
html, 
body, 
button, 
input, 
textarea, 
select {
    font-family: 'Roboto', Arial, sans-serif !important;
}

/* Eciee?oai e nio?aiyai o?eoo aey e?aneauo eiioo?iuo oeo? */
.font-life, 
.font-life * {
    font-family: 'Life', Arial, sans-serif !important;
}
* {
    box-sizing: border-box;

}

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: 'Roboto', Arial, sans-serif;
    color: var(--black-font);
    background: var(--white);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 400;
}

img,
svg {
    max-width: 100%;
}

img {
    display: block;
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
a,
input,
textarea {
    outline: none;
}

h1,
h2,
h3,
p {
    margin: 0;
    padding: 0;
}

h2 {
    color: var(--black-font);
    font-size: 56px;
    line-height: 0.96;
    font-weight: 400;
    letter-spacing: -1px;
}

.container {
    width: min(1400px, calc(100% - 40px));
    margin: 0 auto;
}

.font-life {
    font-family: 'Life', 'Roboto', Arial, sans-serif;
    font-weight: 400;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 27px;
    border: 0;
    border-radius: 100px;
    background: var(--white);
    color: var(--black-font);
    font-size: 13px;
    line-height: 15px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease;
}

.btn:hover {
    background: var(--orange-hover);
    color: var(--white);
}

.btn--green {
    background: var(--green);
    color: var(--white);
}

.btn--green:hover {
    background: var(--green-hover);
}

.section-page {
    margin: 0;
}

/* =========================================================
   1. FIRST SCREEN
   ========================================================= */

.section-slogan {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* Oae?aai oeene?iaaiio? min-height, ionou aunioa oi?ie?oaony ec eiioaioa */
    padding: 130px 0 100px; /* Aiaaaeee padding-bottom nieco, ?oiau aeie ia i?e?eiaeny e e?a? */
    background: var(--white); 
    overflow: visible; /* Iaiyai hidden ia visible, ?oiau iaeeiiaiiua oioi e ceacaa ia ?acaeenu */
}

/* Aeaaiue caaieiaie-eiaioei */
.section-slogan-logo {
    display: block;
    width: 926px;
    height: 135px;
    max-width: calc(100vw - 40px);
    margin: 0 auto;
    padding: 0;
}

.section-slogan-logo__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Oaenoiaue iiacaaieiaie */
.section-slogan__text {
    display: block;
    width: 100%;
    margin: 50px auto 0; 
    color: var(--black-font);
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
}

.section-slogan__text > div {
    width: min(100%, 722px);
    min-height: 80px;
    margin: 0 auto;
}

/* Aeie oioi-aaea?ae (Iaycaoaeuii oeene?oai aunioo, eia?a ii noeiiuaaaony a 0!) */
.about-hero-media {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 540px; /* Oaaee?eee n 502px, ?oiau nieco aue caian e aeiee ia iaac?aee a?oa ia a?oaa */
    margin: 60px auto 0; 
    padding: 0;
    overflow: visible; 
}
/* Noaia aey aanie?oiiai iiceoeiie?iaaiey */
.about-hero-media__stage {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1440px; 
    height: 502px; /* Oeene?oai aunioo noaiu */
    transform: translateX(-50%);
    overflow: visible; 
}

/* Ceacaa */
.about-hero-media__line {
      position: absolute;

  left: 4px;

  top: 180px;

  width: 1658px;

  height: 122px;

  z-index: 1; }
/* Ea?oi?ee n oioia?aoeyie */
.about-hero-media__photo {
    position: absolute;
    z-index: 2;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
}

.about-hero-media__photo--left {
   left: 141px;
  top: 125.11px;
  width: 220px;
  height: 220px;
  transform: rotate(-5deg);
}

.about-hero-media__photo--center {
    left: 504.02px;   
    top: 3.32px;      
    width: 424px;     
    height: 480px;    
    z-index: 3;       
    /* Anee 2deg e?ooeo ia ooaa, noaaei ieion */
    transform: rotate(-2deg); 
}

.about-hero-media__photo--right {
  left: 1074.6px;
  top: 103px;
  width: 220px;
  height: 220px;
  transform: rotate(4deg)
}

/* Oi?ee (Bullets) ? nei??aeoe?iaaiiua iiceoee */
.about-hero-media__bullet {
    position: absolute;
    z-index: 4;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--green-font);
    pointer-events: none;
}

/* Naaeaaai oi?ee a niioaaonoaee n iiaui iiei?aieai eeiee */
.about-hero-media__bullet--1 { left: 138px; top: 250px; }
.about-hero-media__bullet--2 { left: 356px; top: 229px; }
.about-hero-media__bullet--3 { left: 425px; top: 202px; }
.about-hero-media__bullet--4 { left: 498px; top: 214px; }
.about-hero-media__bullet--5 { left: 925px; top: 283px; }
.about-hero-media__bullet--6 { left: 992px; top: 293px; }
.about-hero-media__bullet--7 { left: 1070px; top: 237px; }
.about-hero-media__bullet--8 { left: 1294px; top: 175px; }
/* =========================================================
   2. REPORT NUMBERS
   ========================================================= */

.section-report {
    padding: 120px 0 120px;
    background: linear-gradient(
        to bottom, 
        var(--white) 0%, 
        var(--gray-light-font) 120px, 
        var(--gray-light-font) 100%
    );
}

.section-report > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 40px;
}

.section-report__first {
    display: flex;
    flex-direction: column;
    row-gap: 27px;
    margin-bottom: 55px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

.section-report__first .font-life {
    color: var(--black-font);
    font-size: 133px;
    line-height: .85;
    letter-spacing: 28px;
}

.section-report__list {
    display: flex;
    justify-content: center;
    gap: 50px;
    width: 100%;
}

.section-report__list > div {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 355px;
    min-height: 160px;
    padding: 77px 20px 40px;
    border-radius: 10px;
    background: var(--white);
    text-align: center;
    line-height: 19px;
}

.section-report__list .font-life {
    position: absolute;
    left: 100%;
    top: -30px;
    display: block;
    width: 100%;
    transform: translateX(-50%);
    font-size: 75px;
    line-height: 1;
    letter-spacing: 5px;
}

/* =========================================================
   3. MISSION
   ========================================================= */

.mission-screen {
    position: relative;
    padding: 1px 0 250px;
    background: #f4f4f4;
    overflow: hidden;
}

.mission-screen__stage {
   position: relative;
    width: 1180px;
    /* Iaiyai oeene?iaaiiua 1260px ia aunioo, eioi?ay iie?iao ea?oi?eo 06 (1180 + 273 = 1453px) */
    min-height: 1460px; 
    margin: 0 auto;
}

.mission-screen__head {
    position: relative;
    z-index: 3;
    margin-bottom: 70px;
    text-align: center;
}

.mission-screen__title {
    margin-bottom: 30px;
    text-align: center;
}

.mission-screen__text {
    max-width: 980px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
}

.mission-screen__line {
    position: absolute;
    left: 50%;
    top: 357px;
    width: 495px;
    height: 985.5px;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}

.mission-screen__line-1024,
.mission-screen__line-tablet,
.mission-screen__line-mobile {
    display: none;
}

.mission-card {
    position: absolute;
    z-index: 3;
    width: 453px; /* No?iai ii Figma */
    min-height: 273px; /* Caiaiyai oeene?iaaiio? height: 274px ia min-height aey caueou io ia?aiieiaiey oaenoa */
    padding: 30px; /* No?iai ii Figma */
    border-radius: 10px; /* Naa?u yoio ia?aiao? a UI-kit iaeaoa */
    background: #FFF;
    
    /* Aiaaaeyai, ?oiau padding-top o oaenoa ia eiiae box-sizing */
    display: flex;
    flex-direction: column;
}
.mission-card--01 { left: -107px; top: 296px; }
.mission-card--02 { left: 835px; top: 336px; }
.mission-card--03 { left: 11px; top: 659px; }
.mission-card--04 { left: 721px; top: 761px; }
.mission-card--05 { left: -108px; top: 1082px; }
.mission-card--06 { left: 835px; top: 1180px; }

.mission-card__title {
    min-height: 56px;
    color: var(--black-font);
    font-size: 30px;
    line-height: 1;
}

.mission-card__num {
    display: none;
}

.mission-card__num-svg {
    position: absolute;
    right: 10px;
    top: 13px;
}

.mission-card__text {
    color: var(--gray-font);
    font-size: 18px;
    line-height: 1.12;
    margin: auto 0 0;
    padding-top: 61px;
}

.mission-screen__photo {
    position: absolute;
    z-index: 2;
    display: block;
    object-fit: cover;
    border-radius: 2px;
}

.mission-screen__photo--top {
    left: 490px;
    top: 378px;
    width: 190px;
    height: 190px;
    transform: rotate(4deg);
}

.mission-screen__photo--bottom {
    left: 439px;
    top: 1178px;
    width: 170px;
    height: 170px;
    transform: rotate(-3deg);
}

.mission-screen__bullet {
    position: absolute;
    z-index: 4;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--green-font);
}

.mission-screen__bullet--01 { left: 339px; top: 355px; }
.mission-screen__bullet--02 { left: 487px; top: 413px; }
.mission-screen__bullet--03 { left: 433px; top: 1222px; }
.mission-screen__bullet--04 { left: 827px; top: 543px; }
.mission-screen__bullet--05 { left: 459px; top: 797px; }
.mission-screen__bullet--06 { left: 712px; top: 913px; }
.mission-screen__bullet--photo-01 { left: 341px; top: 1198px; }
.mission-screen__bullet--photo-02 { left: 832px; top: 1330px; }
.mission-screen__bullet--photo-03 { left: 672px; top: 484px; }
.mission-screen__bullet--photo-04 { left: 605px; top: 1269px; }

/*/* =========================================================
   4. APPROACH (Iieiia eni?aaeaiea)
   ========================================================= */

/* Aeaaiue ?iaeoaeuneee eiioaeia? aie?ai i?eioaeoaeuii caieiaou an? oe?eio ye?aia */
.approach-block {
    position: relative;
    width: 100vw; /* ?anoyaeaaai no?iai ia an? oe?eio au?ii?oa */
    left: 50%;
    transform: translateX(-50%); /* Yoe aaa no?iee au?uaa?o aeie ec ?iaeoaeuneiai .container, anee ii oai ca?ao */
    min-height: 803px; /* Aunioa ye?aia ii Figma */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%), 
                url('/local/templates/doroga_new/assets/img/about/approach-bg.jpg') center center / cover no-repeat;
    z-index: 2;
    box-sizing: border-box;
}

.approach-block__inner {
    position: relative;
    width: 1440px; /* Oeene?oai aioo?aiiaa i?ino?ainoai iaeaoa */
    max-width: 100%;
    min-height: 816px;
    margin: 0 auto;
    padding: 120px 0 100px; /* 120px ? ionooi naa?oo ai caaieiaea ii Figma */
    box-sizing: border-box;
}

.approach-block__title {
    width: min(100%, 781px);
    margin: 0 auto 100px; /* 100px ? ?enoue ionooi io caaieiaea ai ea?oi?ae */
    text-align: center;
    color: var(--white);
    font-size: 56px;
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 400;
}

/* Naoea ea?oi?ae ? ia?aaiaei ia ?anoeee Grid, eioi?ue ia iicaieeo ei oianou a noieaee */
.approach-block__cards {
    display: grid;
    /* O?e eieiiee no?iai ii 375px (eae a Figma) */
    grid-template-columns: repeat(3, 375px); 
    /* ?annoiyiea ia?ao ea?oi?eaie no?iai 20px */
    column-gap: 20px; 
    /* Oaio?e?oai an? a?oiio ea?oi?ae ii ine x */
    justify-content: center; 
    width: 100%;
    margin: 0 auto;
}

/* Aaeay ea?oi?ea */
.approach-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 375px;  /* No?iai ii Figma */
    height: 440px; /* No?iai ii Figma */
    padding: 30px 33px;
    border-radius: 10px;
    background: var(--white);
    box-sizing: border-box;
}

.approach-card__title {
    width: 309px;
    min-height: 54px;
    color: var(--black-font);
    font-size: 30px;
    line-height: 0.9;
    text-align: center;
    margin-bottom: 15px;
}

/* Eiioaeia? eeiiee */
.approach-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 240px;
    margin-bottom: auto; /* Oaeno iienaiey anaaaa i?e?eiaaony eieco ea?oi?ee */
}

.approach-card__icon img {
    width: 210px;  /* Eee?no?aoey no?iai ii Figma */
    height: 210px; /* Eee?no?aoey no?iai ii Figma */
    object-fit: contain;
}

.approach-card__text {
    width: 309px;
    height: 80px;
    color: var(--gray-font);
    font-size: 18px;
    line-height: 1.1;
    text-align: center;
}
/* =========================================================
   6. DIRECTIONS
   ========================================================= */
/* =========================================================
   6. DIRECTIONS & PROGRAMS (DESKTOP 1440px PIXEL-PERFECT)
   ========================================================= */

.about-directions {
    position: relative;
    width: 1400px; /* Oe?eia o?aeia: 1440px - 20px ionooiu n aieia */
    height: 738px; /* Iauay aunioa ye?aia, iiaaiie iia iaeao anee io?ii */
    margin: 120px auto 0; /* Ionooi naa?oo io i?aauaouaai ye?aia */
    background: #3EA74F; /* Caeaiue oii ii Figma */
    border-radius: 10px; /* Ne?oaeaiea ii Figma */
    overflow: hidden; /* ?oiau neaeaa? ia eiiae oe?eio naeoa */
    box-sizing: border-box;
}

/* Aeaaiay noaia ? canoaaeyai a? auou ?anoeie nenoaiie eii?aeiao */
.about-directions__stage {
    position: relative;
    width: 1400px;
    height: 100%;
    margin: 0 auto;
}

/* Iai?aaeaiey aayoaeuiinoe (Caaieiaie no?iai ii Figma) */
.about-directions__title {
    position: absolute;
    width: 1400px;
    height: 56px;
    left: 0;
    top: 120px; /* No?iai ii Figma */
    text-align: center;
    color: var(--white);
    font-size: 56px; /* No?iai ii Figma */
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 400;
    margin: 0;
}

/* Ia?aee??aoaeu oaaia (No?iai ii Figma) */
.about-directions__tabs {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px;
    gap: 8px;
    width: 333px; /* No?iai ii Figma */
    height: 52px;  /* No?iai ii Figma */
    left: calc(50% - 333px / 2); /* Oaio?e?oai ?iaii ii na?aaeia ye?aia */
    top: 216px; /* ?an?ao: 120px (top caaieiaea) + 56px (height caaieiaea) + 40px (gap ec Figma) = 216px */
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    box-sizing: border-box;
}

/* Aaciaue o?eoo e noeeu aey oaaia ia?aee??aoaey */
/* Aaciaue o?eoo e noeeu aey oaaia ia?aee??aoaey */
.about-directions__tab {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px; /* Iaiiiai oiaiuoaai aieiaua iaaaeiae, ?oiau aaou oaenoo aieuoa naiaiau aioo?e oeene?iaaiiie oe?eiu */
    height: 40px;
    border: 0;
    border-radius: 100px;
    background: transparent;
    cursor: pointer;
    
    /* ?AEACIAAOIIIA? CAUEOA IO IA?AIINA NO?IE */
    white-space: nowrap; 
    
    /* O?eoou no?iai ii niaoeoeeaoee Figma */
    font-family: 'Roboto', sans-serif;
    font-weight: 500; 
    font-size: 14px;
    line-height: 1.1; /* ~15px */
    text-align: center;
    color: var(--white);
}

/* Aeoeaiue oaa */
.about-directions__tab.is-active {
    width: 141px; /* No?iai ii Figma */
    background: #FFFFFF;
    color: #343333;
}

/* Iaaeoeaiue oaa */
.about-directions__tab:not(.is-active) {
    width: 172px; /* No?iai ii Figma */
    color: #FFFFFF;
}
/* Eiioaeia? aey ea?oi?ae neaeaa?a (Frame 2087326200) */
.about-directions__viewport {
    position: absolute;
    width: 1240px; /* ?enoay oe?eia o?ao ea?oi?ae n caci?aie: 400*3 + 20*2 */
    height: 350px;
    left: 80px; /* Naaea ai?aai, ?oiau inoaaeou ii 40px iia no?aeee ii aieai (20px + 40px no?aeea + 20px gap) */
    top: 348px; /* No?iai ii Figma */
    overflow: hidden;
}

.about-directions__cards {
    display: none;
    grid-template-columns: repeat(3, 400px); /* 3 ea?oi?ee ii 400px */
    gap: 20px; /* Caci? no?iai ii Figma */
}

.about-directions__cards.is-active {
    display: grid;
}

/* Aaeay ea?oi?ea i?ia?aiiu (card_program) */
.about-direction-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Oaeno aaa?oo, eiiiea aieco */
    align-items: flex-start;
    padding: 30px; /* No?iai ii Figma */
    width: 400px;  /* No?iai ii Figma */
    height: 350px; /* No?iai ii Figma */
    border-radius: 10px;
    background: #FFFFFF;
    box-sizing: border-box;
    overflow: hidden;
    isolation: isolate;
}

/* Oaenoiaue aeie aioo?e ea?oi?ee */
.about-direction-card__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 340px;
    z-index: 2;
}

.about-direction-card__title {
    width: 340px;
    color: #343333;
    font-size: 30px; /* No?iai ii Figma */
    line-height: 0.9;
    margin: 0;
}

.about-direction-card__text {
    width: 300px;
    color: #5F5E5E;
    font-size: 18px; /* No?iai ii Figma */
    line-height: 1.1;
    margin: 0;
}

/* Eiiiea "IIA?IAIAA" */
.about-direction-card__button {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    width: 140px;  /* No?iai ii Figma */
    height: 40px;  /* No?iai ii Figma */
    background: #3EA74F;
    border-radius: 100px;
    color: var(--white);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box;
}

/* Eiioo?iua neiea ?enoiee iaoeiee/aieuieou */
.about-direction-card__image {
    position: absolute;
    width: 240px;  /* No?iai ii Figma */
    height: 240px; /* No?iai ii Figma */
    right: 0;
    bottom: 0;
    z-index: 1;
    object-fit: contain;
    pointer-events: none;
}

/* Eiiiee-no?aeee neaeaa?a (arrow no?iai ii eii?aeiaoai Figma) */
.about-directions__arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 503px; /* ?an?ao: top ea?oi?ae 348px + (height ea?oi?ae 350px / 2) - (height no?aeee 40px / 2) = 503px */
    border: 0;
    border-radius: 100px;
    background: #FFFFFF;
    color: #343333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Eaaay no?aeea */
.about-directions__arrow--prev {
    left: 20px; /* No?iai ii Figma (left: 20px o?aeia Frame 2087326200) */
}

/* I?aaay no?aeea */
.about-directions__arrow--next {
    right: 20px; /* Au?aaieaaai neiiao?e?ii ii i?aaiio e?a? */
}

/* Eeiiee no?aeie ia ?enoii CSS */
.about-directions__arrow::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #343333;
    border-left: 2px solid #343333;
}
.about-directions__arrow--prev::before {
    transform: rotate(-45deg);
    margin-left: 3px;
}
.about-directions__arrow--next::before {
    transform: rotate(135deg);
    margin-right: 3px;
}
/* =========================================================
   7. HISTORY (DESKTOP 1440px PIXEL-PERFECT)
   ========================================================= */

.about-history {
    position: relative;
    width: 100%;
    height: 1270px; /* No?iai ii Figma (Frame 2087326368) */
    padding: 0;
    background: #FFFFFF;
    overflow: hidden;
}

.about-history__stage {
    position: relative;
    width: 1440px;
    height: 1270px; /* Oeene?oai aunioo noaiu */
    margin: 0 auto;
}

.about-history__title {
    position: absolute;
    width: 392px;
    height: 56px;
    left: calc(50% - 392px / 2); /* Oaio?e?iaaiea no?iai ii Figma */
    top: 160px; /* No?iai ii Figma */
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #343333;
    margin: 0;
}

/* Iai?aaey?uay eeiey ceacaaa */
.about-history__line {
    position: absolute;
    left: 498.5px; /* No?iai ii Figma (Vector 417) */
    top: 219px;    /* No?iai ii Figma */
    width: 442px;  /* No?iai ii Figma */
    height: 891px; /* No?iai ii Figma */
    z-index: 1;
    pointer-events: none;
}

/* Noeee aey aiaia (2016 / 2020) ? ?aiaa?ei eae SVG eee eiioo?iue o?eoo */
.about-history__year {
    position: absolute;
    width: 341px;
    height: 180px;
    z-index: 2;
}
.about-history__year--2016 {
    left: calc(50% - 341px / 2 - 411.5px); /* No?iai ii Figma */
    top: 336px;
}
.about-history__year--2020 {
    /* Aey 2020 aiaa eii?aeiaou Frame 2087326361 */
    left: 138px; /* Aun?eoaii ec right: 955px */
    top: 818px;
}

/* Aeiee iienaiey enoi?ee */
.about-history__text {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-size: 16px; /* No?iai ii Figma 1440/txt 16 */
    line-height: 1.2; /* 120% */
    color: #5F5E5E;
    z-index: 2;
}

.about-history__text--2016 {
    width: 408px;
    left: calc(50% - 408px / 2 + 332px); /* No?iai ii Figma (Frame 2087325749) */
    top: 356px;
}

.about-history__text--middle {
    width: 334px;
    left: 968px; /* No?iai ii Figma */
    top: 727px; /* No?iai ii Figma */
}

.about-history__text--2020 {
    width: 422px;
    right: 170px; /* No?iai ii Figma */
    top: 1079px;  /* No?iai ii Figma */
}

/* Nnueea aioo?e ia?aiai oaenoiaiai aeiea */
.about-history__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    color: #3EA74F;
    font-size: 16px;
    text-decoration: none;
}

.about-history__link span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #3EA74F;
    border-right: 1.5px solid #3EA74F;
    transform: rotate(45deg);
}

/* Eiioaeia?u oioia?aoee */
.about-history__photo {
    position: absolute;
    z-index: 2; /* Iiceoeiie?oai iia oi?eaie */
}

.about-history__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
    top: 10px;
}

.about-history__photo--2016 {
    width: 200px;  /* No?iai ii Figma */
    height: 200px; /* No?iai ii Figma */
   left: 541px;
  top: 526px; /* No?iai ii Figma */
    transform: rotate(5.84deg); /* Oi?iue oaie iaeeiia ii Figma */
}

.about-history__photo--2020 {
    width: 156px;  /* No?iai ii Figma */
   left: 569px;
  top: 979px;/* Au?aaieaaiea ii Figma */
    top: 977px;   /* No?iai ii Figma */
    transform: rotate(-4deg); /* Iaeeii ii Figma */
}


/* Iioeiiaeuii aey iaiuoeo oi?ae */
.about-history__bullet {
    width: 10px;
    height: 10px;
}

/* Oi?iua eii?aeiaou anao oi?ae ia ceacaaa */
.about-history__bullet--1 { left: 317px; top: 520px; }
.about-history__bullet--2 { left: 738px; top: 613px; }
.about-history__bullet--3 { left: 630px; top: 976px; }
.about-history__bullet--4 { left: 710px; top: 1026px; }
.about-history__bullet--5 { left: 733px; top: 609px; }
.about-history__bullet--6 { left: 933px; top: 764px; }
.about-history__bullet--7 { left: 493px; top: 901px; }
.about-history__bullet--8 { left: 629px; top: 988px; }
.about-history__bullet--9 { left: 706px; top: 1036px; }
.about-history__bullet--10 { left: 814px; top: 1103px; }



/* =========================================================
   8. GEOGRAPHY
   ========================================================= */

.section-geography {
    padding: 86px 0 90px;
    background: linear-gradient(180deg, var(--white) 85%, var(--gray-light-font) 100%);
}

.section-geography h2 {
    margin-bottom: 42px;
    text-align: center;
}

.section-geography__map {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.section-geography__map svg {
    display: block;
    width: 100%;
    height: auto;
}

.section-geography__map .map-hover {
    cursor: pointer;
}

.section-geography__map .map-hover:hover,
.section-geography__map .map-hover:hover path {
    fill: var(--green-font);
}

.section-geography__map-info {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    color: var(--white);
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    pointer-events: none;
}

.section-geography__map-info.info1 {
    top: 45%;
    left: 42%;
    color: var(--black-font);
}

.section-geography__map-info.info2 {
    top: 39%;
    right: 24%;
}

.section-geography__num {
    width: 190px;
    height: auto;
}

@media (min-width: 1200px) {
    .section-geography__map-info {
        position: absolute;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 8px;
        color: var(--black-font);
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        pointer-events: none;
    }

    .section-geography__map-info.info1 {
        top: 45%;
        left: 42%;
        color: var(--black-font);
    }

    .section-geography__map-info.info2 {
        top: 39%;
        right: 24%;
        color: var(--white);
    }


    .section-geography__map-info.info1 .section-geography__num {
        display: block !important;
    }

    .section-geography__map-info.info2 .section-geography__num {
        display: none !important;
    }

    .section-geography__map-info.info2 .font-life {
        display: block !important;
    }
}

/* =========================================================
   9. TEAM
   ========================================================= */

.about-team {
    padding: 88px 0 84px;
    background: #F6F6F6;
    overflow: hidden;
}

.about-team__stage {
    width: min(1085px, calc(100vw - 40px));
    margin: 0 auto;
}

.about-team__title {
    margin-bottom: 40px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #343333;
}

.about-team__tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 50px;
    padding: 6px;
    gap: 8px;
    border: 1px solid #97CA94;
    border-radius: 100px;
    background: #FFFFFF;
    box-sizing: border-box;
}

.about-team__tab {
    height: 40px;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    background: transparent;
    color: #3EA74F;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.about-team__tab.is-active {
    background: #3EA74F;
    color: #FFFFFF;
    font-weight: 800;
}

.about-team__tab:not(.is-active):hover {
    background: rgba(62, 167, 79, 0.1);
}

.about-team__panel[hidden] {
    display: none !important;
}

.about-team__panel {
    display: none;
}

.about-team__panel.is-active {
    display: block;
}

.about-team__cards-wrap {
    width: 100%;
}

.about-team__cards {
    display: grid;
    grid-template-columns: repeat(3, 335px);
    justify-content: center;
    gap: 20px;
    background: transparent;
}

.about-team-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 335px;
    height: 460px;
    padding: 34px 30px;
    border-radius: 10px;
    background: #FFFFFF;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-team-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.about-team-card.is-hidden {
    display: none !important;
}

.about-team-card__content {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #FFFFFF;
}

.about-team-card__name {
    margin: 0;
    background: #FFFFFF;
    color: #343333;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 90%;
}

.about-team-card__position {
    margin: 0;
    background: #FFFFFF;
    color: rgba(95, 94, 94, 0.6);
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
}

.about-team-card__email {
    color: #343333;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: -0.01em;
    transition: color 0.2s ease;
}

.about-team-card__email:hover {
    color: #3EA74F;
}

.about-team-card__photo-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 284px;
    overflow: visible;
    background: #FFFFFF;
}

.about-team-card__photo {
    position: absolute;
    left: -19.2px;
    top: -0.37px;
    width: 302.42px;
    height: 314.33px;
    object-fit: cover;
    border-radius: 2px;
    transform: rotate(-4deg);
}

.about-team-card__dot {
    position: absolute;
    z-index: 5;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3EA74F;
}

.about-team-card__dot--top {
    left: 165px;
    top: 169px;
}

.about-team-card__dot--right-top {
    left: 269px;
    top: 187px;
}

.about-team-card__dot--right-middle {
    left: 278px;
    top: 334px;
}

.about-team__more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    height: 50px;
    margin: 36px auto 0;
    padding: 0 32px;
    border: 0;
    border-radius: 999px;
    background: #38aa4b;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .about-team__cards {
        grid-template-columns: repeat(2, 335px);
    }
}

@media (max-width: 767px) {
    .about-team {
        padding: 58px 0 64px;
        overflow: hidden;
    }

    .about-team__stage {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .about-team__title {
        margin-bottom: 24px;
        font-size: 42px;
    }

    .about-team__tabs {
        width: 100%;
        margin: 0 0 28px;
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow: visible;
        border-radius: 24px;
    }

    .about-team__tab {
        flex: 0 1 auto;
        white-space: normal;
    }

    .about-team__cards-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        touch-action: pan-x;
    }

    .about-team__cards-wrap::-webkit-scrollbar {
        display: none;
    }

    .about-team__cards {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 16px;
        width: max-content;
        min-width: 100%;
        max-width: none;
        margin: 0;
        padding: 0 0 2px;
    }

    .about-team__cards .about-team-card {
        flex: 0 0 calc(100vw - 40px);
        width: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
        max-width: calc(100vw - 40px);
        height: 460px;
        margin: 0;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .about-team__cards .about-team-card.is-hidden {
        display: flex !important;
    }

    .about-team__cards .about-team-card:hover {
        transform: none;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    }

    .about-team__more {
        display: none !important;
    }
}
/* =========================================================
   10. PARTNERS / DONATE
   ========================================================= */
/* =========================================================
   10. PARTNERS SLIDER
   ========================================================= */

.about-partners-offset {
    margin: 0;
    padding: 0px 0; /* Ie?oaeeee ionooi naa?oo/nieco */
 
    overflow: hidden; /* E?eoe?ii, ?oiau ooiayuea ca e?ae ye?aia ea?oi?ee ia nicaaaaee ai?eciioaeuiue ne?iee */
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f4f4f4;
}

/* Iauee eiioaeia? niaa??eiiai */
.partners-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Caaieiaie naeoee */
.partners-slider__title {
    margin-bottom: 48px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #343333;
}

/* Iaa?oea aey ?yaia ea?oi?ae (anee eniieucoaony iiiai?yaiue a?ea eee oeaen) */
.partners-slider__track {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap; /* Aey aaneoiia, anee yoi noaoe?iay naoea, eeai iia eanoiiiue neaeaa? */
    max-width: 1440px;
    padding: 0 40px;
    margin-bottom: 50px;
}

/* Ea?oi?ea ia?oia?a */
.partner-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 252px; /* Aun?eoaii i?iii?oeiiaeuii iia naoeo 1440px */
    height: 160px;
    padding: 20px;
    background: #FFFFFF; /* Aaeue oii ea?oi?ee ii OC */
    border-radius: 15px; /* Ne?oaeaiea oaeia ii iaeaoo */
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.01);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

/* Eioa?aeoeaiinou: i?eiiaieiaiea ea?oi?ee i?e iaaaaaiee */
.partner-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06);
}

/* Eiioaeia? aey naiiai eiaioeia (oaio?e?oao ea?oeieo) */
.partner-card__logo-wrap {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 80px; /* ?oiau eiaioeiu ia eiiaee aunioo ea?oi?ee */
}

.partner-card__logo-wrap img {
    max-width: 85%;
    max-height: 100%;
    object-fit: contain; /* ?oiau eiaioeiu ia aaoi?ie?iaaeenu */
    filter: grayscale(0%); /* Anee io?ii naaeaou eo oaaoiuie, eee grayscale(100%) aey iiiio?iia */
    transition: filter 0.3s ease;
}

/* Iiaienu iia eiaioeiii */
.partner-card__name {
    margin-top: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    color: #5F5E5E; /* Na?ue aeeo?aoiue oaao */
    opacity: 0.8;
}

/* Eiiiea «Eae noaou ia?oia?ii» */
.partners-slider__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    background: #3EA74F; /* Oe?iaiiue caeaiue */
    color: #FFFFFF;
    border: none;
    border-radius: 100px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase; /* Oaeno eainii, eae ia ne?eia eiiiee */
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    margin-top: 20px;
}

/* Eioa?aeoeaiinou eiiiee */
.partners-slider__btn:hover {
    background: #338B41; /* Oaiiaao i?e oiaa?a */
}

.partners-slider__btn:active {
    transform: scale(0.98); /* Yooaeo ia?aoey */
}

/* =========================================================
   AAAIOEAIINOU (?aceia e Mobile 375px)
   ========================================================= */
@media (max-width: 1024px) {
    .partners-slider__title {
        font-size: 42px;
        margin-bottom: 32px;
    }
    
    .partner-card {
        width: 220px; /* Neaaea oiaiuoaai ea?oi?ee ia ieaioaoao */
        height: 145px;
    }
}

@media (max-width: 768px) {
    .about-partners-offset {
        padding: 56px 0;
    }
    
    .partners-slider__title {
        font-size: 32px;
        padding: 0 20px;
    }

    .partners-slider__track {
        gap: 12px;
        padding: 0 20px;
    }

    .partner-card {
        width: calc(50% - 6px); /* Ia iiaeeuiuo ye?aiao auno?aeaaai ii 2 ea?oi?ee a ?ya */
        min-width: 140px;
        height: 130px;
        padding: 14px;
    }
    
    .partner-card__name {
        font-size: 12px;
    }
    
    .partners-slider__btn {
        font-size: 14px;
        padding: 12px 28px;
        width: calc(100vw - 40px); /* Eiiiea ia iiaeeea noaiiaeony ia an? oe?eio ye?aia n ionooiaie */
        max-width: 335px;
    }
}
.section-form-donate {
    margin: 0px;
    padding: 76px 0;
    background: #f4f4f4;
}

.section-form-donate > .container {
  
}


/* =========================================================
/* =========================================================
   5. HELP SYSTEM (DESKTOP 1440px PIXEL-PERFECT)
   ========================================================= */

.help-system {
position: relative;
    width: 100%;
    /* IAI?AI ?anoeo? height: 738px ia min-height */
    /* Yoi ia aano oiio noeiiioouny, ii e ia nicaano eeoiae ionoie "eeoee" nieco */
    min-height: 680px; 
    margin-top: 120px;
    margin-bottom: 0;
    padding: 0;
    background: #FFF;
    overflow: visible;
}
/* Noaia iaeaoa */
.help-system__stage {
    position: relative;
    width: 1440px;
    height: 738px; /* No?iai ii Figma */
    margin: 0 auto;
    overflow: visible;
}

/* Caaieiaie ye?aia */
.help-system__title {
    position: absolute;
    width: 725px;   
    left: 390px;    
    top: 0;
    color: var(--black-font);
    font-size: 30px; 
    line-height: 1.2;
    text-align: center;
    margin: 0;
    font-weight: 400;
}

/* Eaaay iaaea-ciia n oioia?aoeae */
.help-system__photo-wrap {
    position: absolute;
    left: 20px;     
    top: 188px;     
    width: 690px;
    height: 550px;
}

.help-system__photo {
    position: absolute;
    width: 490px; 
    height: 516.89px; 
    left: calc(50% - 490px / 2 - 19px); 
    top: 0;
    object-fit: cover;
    border-radius: 2px;
    transform: rotate(-3deg); 
    z-index: 2;
}

/* Cae?iua oi?ee ia oioia?aoee */
.help-system__dot {
    position: absolute;
    z-index: 3;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #5EB0E2; 
}
.help-system__dot--top   { left: 362px; top: -9px; }
.help-system__dot--left  { left: 76px; top: 260px; }
.help-system__dot--right { right: 114px; bottom: 347px; }

/* Aaeay ea?oi?ea (buble) */
.help-system__card {
    position: absolute;
    left: 730px;   /* No?iai ii Figma */
    top: 228px;    /* No?iai ii Figma */
    width: 572px;  /* No?iai ii Figma */
    height: 380px; /* No?iai ii Figma */
    padding: 30px; /* Noaiaa?oiue aioo?aiiee ionooi aey eiioaioa */
    border-radius: 10px; /* Niioaaonoaoao border-radius/outer */
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 3;
}

/* Oaeno oeoaou */
.help-system__quote {
    width: 100%;
    max-width: 488px;
    color: #5F5E5E;
    font-size: 18px; 
    line-height: 1.3;
    margin: 0; /* Oae?aai margin-bottom: auto ion?aa */
}

/* Aeie aaoi?a ? oaia?u II auoaeeeaaao nnueeo aiec e iiaieiaaony aee?a e oeoaoa */
.help-system__author {
    margin-top: 30px; /* Oeene?iaaiiue aeeo?aoiue caci? iia oaenoii oeoaou */
    color: var(--black-font);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0; /* Iaioeyai */
}

/* Aie?iinou */
.help-system__position {
    margin-top: 6px;
    color: rgba(95, 94, 94, 0.6); 
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: auto; /* Aio yoio auto oaia?u caae?aao an? naiaiaiia i?ino?ainoai e oieeaao nnueeo aiec! */
}
/* Nnueea «Aeaaiaa?iinoe» */
.help-system__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #3EA74F;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    width: fit-content;
}

.help-system__link span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1.5px solid #3EA74F;
    border-right: 1.5px solid #3EA74F;
    transform: rotate(45deg);
    margin-left: 2px;
}

/* Aaei?aoeaiay ioeoa */
.help-system__decor {
    position: absolute;
    width: 223px;       
    height: 240px;      
      left: 403px;
  top: 281px;        /* No?iai ii Figma */
    z-index: 4;
    pointer-events: none;
}

.help-system__decor img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* =========================================================
   11. ADAPTIVE 1024
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {
    body {
        font-size: 16px;
        line-height: 1.25;
    }

    h2 {
        font-size: 44px;
        line-height: 1;
        letter-spacing: -0.8px;
    }

    .container {
        width: calc(100% - 48px);
    }

    .section-slogan {
        height: 366px;
        padding: 110px 0 0;
        background: linear-gradient(180deg, #FFFFFF 66.74%, #F4F4F4 100%);
    }

    .section-slogan-logo {
        width: 666px;
        max-width: calc(100vw - 80px);
    }

    .section-slogan__text {
        margin-top: 30px;
        font-size: 16px;
        line-height: 16px;
    }

    .section-slogan__text > div {
        max-width: 666px;
    }

    .section-slogan__text span {
        display: block;
    }

    .section-slogan__text span:nth-child(1) {
        text-align: center;
    }

    .section-slogan__text span:nth-child(2) {
        text-align: right;
        padding-right: 62px;
    }

    .section-slogan__text span:nth-child(3),
    .section-slogan__text span:nth-child(4) {
        text-align: center;
    }

    .about-hero-media {
        height: 371px;
        background: var(--gray-light-font);
    }

    .about-hero-media__stage {
        left: 50%;
        top: 0;
        width: 1024px;
        height: 371px;
        transform: translateX(-50%);
    }

    .about-hero-media__line {
        display: block;
        left: 50%;
        top: 96px;
        width: 1278px;
        height: auto;
        transform: translateX(calc(-50% + 12px));
        stroke-width: 2px;
    }

    .about-hero-media__line-mobile {
        display: none;
    }

    .about-hero-media__photo--left {
        left: 65px;
        top: 67px;
        width: 165px;
        height: 165px;
    }

    .about-hero-media__photo--center {
        left: 347px;
        top: 0;
        width: 318px;
        height: 360px;
    }

    .about-hero-media__photo--right {
        left: 793px;
        top: 49px;
        width: 165px;
        height: 165px;
    }

    .about-hero-media__bullet {
        width: 6px;
        height: 6px;
    }

    .about-hero-media__bullet--1 { left: 305px; top: 112px; }
    .about-hero-media__bullet--2 { left: 342px; top: 118px; }
    .about-hero-media__bullet--3 { left: 662px; top: 171px; }
    .about-hero-media__bullet--4 { left: 790px; top: 133px; }
    .about-hero-media__bullet--5 { left: 720px; top: 180px; }
    .about-hero-media__bullet--6 { left: 225px; top: 135px; }
    .about-hero-media__bullet--7 { left: 62px; top: 140px; }
    .about-hero-media__bullet--8 { left: 958px; top: 97px; }

    .section-report {
        padding: 44px 0 90px;
    }

    .section-report > .container {
        row-gap: 34px;
    }

    .section-report__first {
        row-gap: 20px;
        margin-bottom: 38px;
        font-size: 24px;
        line-height: 30px;
    }

    .section-report__first .font-life {
        font-size: 100px;
    }

    .section-report__list {
        gap: 24px;
    }

    .section-report__list > div {
        width: 292px;
        min-height: 150px;
        padding: 58px 16px 32px;
        font-size: 16px;
        line-height: 18px;
    }

    .section-report__list .font-life {
        top: -24px;
        font-size: 60px;
    }

    .mission-screen {
        padding: 70px 0 120px;
    }

    .mission-screen__stage {
        width: 1024px;
        min-height: 1229px;
    }

    .mission-screen__head {
        width: calc(100% - 80px);
        margin: 0 auto 56px;
    }

    .mission-screen__title {
        margin-bottom: 24px;
    }

    .mission-screen__text {
        max-width: 820px;
        font-size: 16px;
        line-height: 1.3;
    }

    .mission-screen__line {
        display: none;
    }

    .mission-screen__line-1024 {
        display: block;
        position: absolute;
        left: 0;
        top: 8px;
        width: 1024px;
        height: auto;
        z-index: 1;
        pointer-events: none;
    }

    .mission-card {
        width: 326px;
        height: 236px;
        padding: 24px;
    }

    .mission-card--01 { left: 8px; top: 233px; }
    .mission-card--02 { left: 688px; top: 272px; }
    .mission-card--03 { left: 91px; top: 545px; }
    .mission-card--04 { left: 601px; top: 634px; }
    .mission-card--05 { left: 6px; top: 862px; }
    .mission-card--06 { left: 682px; top: 995px; }

    .mission-card__title {
        min-height: 48px;
        max-width: 210px;
        font-size: 24px;
        line-height: 1;
    }

    .mission-card__num-svg {
        right: 12px;
        top: 12px;
        height: 64px;
    }

    .mission-card__text {
        padding-top: 44px;
        font-size: 15px;
        line-height: 1.14;
    }

    .mission-screen__photo--top {
        left: 439px;
        top: 265px;
        width: 150px;
        height: 150px;
    }

    .mission-screen__photo--bottom {
        left: 420px;
        top: 1000px;
        width: 138px;
        height: 138px;
    }

    .mission-screen__bullet {
        width: 8px;
        height: 8px;
    }

    .mission-screen__bullet--01 { left: 334px; top: 280px; }
    .mission-screen__bullet--02 { left: 680px; top: 399px; }
    .mission-screen__bullet--03 { left: 419px; top: 651px; }
    .mission-screen__bullet--04 { left: 596px; top: 750px; }
    .mission-screen__bullet--05 { left: 333px; top: 985px; }
    .mission-screen__bullet--06 { left: 678px; top: 1108px; }
    .mission-screen__bullet--photo-01 { left: 680px; top: 399px; }
    .mission-screen__bullet--photo-02 { left: 434px; top: 314px; }
    .mission-screen__bullet--photo-03 { left: 582px; top: 365px; }
    .mission-screen__bullet--photo-04 { left: 550px; top: 1063px; }

    .approach-block__inner {
        min-height: 540px;
        padding: 72px 32px 86px;
    }

    .approach-block__title {
        margin-bottom: 40px;
    }

    .approach-block__cards {
        width: min(940px, 100%);
        gap: 18px;
    }

    .approach-card {
        min-height: 260px;
        padding: 24px;
    }

    .approach-card__title {
        min-height: 58px;
        font-size: 24px;
        line-height: 1.05;
    }

    .approach-card__icon {
        width: 166px;
        height: 133px;
        margin: 14px 0 18px;
    }

    .approach-card__text {
        font-size: 15px;
        line-height: 1.14;
    }

    .help-system {
        padding: 72px 0 210px;
        overflow: hidden;
    }

    .help-system__stage {
        width: 1024px;
        min-height: 650px;
    }

    .help-system__title {
        left: 145px;
        top: 0;
        width: 734px;
        font-size: 30px;
        line-height: 1.05;
    }

    .help-system__photo-wrap {
        left: 48px;
        top: 190px;
        width: 375px;
        height: 455px;
    }

    .help-system__card {
        left: 510px;
        top: 200px;
        width: 430px;
        height: 420px;
        padding: 32px 32px 28px;
    }

    .help-system__quote {
        max-width: 360px;
        font-size: 18px;
        line-height: 1.1;
    }

    .help-system__author {
        margin-top: 34px;
        font-size: 23px;
    }

    .help-system__position {
        font-size: 17px;
    }

    .help-system__link {
        left: 32px;
        bottom: 28px;
        font-size: 18px;
    }

    .help-system__decor {
        right: -38px;
        bottom: -145px;
        width: 240px;
    }

    .about-directions {
        padding: 70px 0 76px;
    }

    .about-directions__stage {
        width: calc(100vw - 64px);
    }

    .about-directions__title {
        margin-bottom: 24px;
    }

    .about-directions__tabs {
        margin-bottom: 36px;
    }

    .about-directions__cards {
        gap: 16px;
    }

    .about-direction-card {
        min-height: 300px;
        padding: 24px 20px 78px;
    }

    .about-direction-card__title {
        font-size: 24px;
    }

    .about-direction-card__text {
        max-width: 220px;
        font-size: 15px;
    }

    .about-direction-card__image {
        right: 12px;
        bottom: 22px;
        max-width: 140px;
        max-height: 108px;
    }

    .about-direction-card__image--ambulance { max-width: 152px; }
    .about-direction-card__image--hospital { max-width: 146px; }

    .about-history {
        height: 1080px;
        padding: 0;
    }

    .about-history__stage {
        width: 1024px;
        min-height: 1080px;
    }

    .about-history__title {
        top: 62px;
        margin-bottom: -20px;
    }

    .about-history__lead {
        top: 58px;
        max-width: 690px;
        font-size: 19px;
    }

    .about-history__line {
        left: 330px;
        top: 132px;
        width: 390px;
        height: auto;
    }

    .about-history__year--2016 {
        left: 110px;
        top: 260px;
        width: 180px;
    }

    .about-history__year--2020 {
        left: 105px;
        top: 710px;
        width: 185px;
    }

    .about-history__text {
        font-size: 15px;
        line-height: 1.16;
    }

    .about-history__text--2016 {
        left: 610px;
        top: 230px;
        width: 340px;
    }

    .about-history__text--middle {
        left: 710px;
        top: 570px;
        width: 245px;
    }

    .about-history__text--2020 {
        left: 600px;
        top: 855px;
        width: 340px;
    }

    .about-history__photo--2016 {
        left: 385px;
        top: 365px;
        width: 140px;
        height: 146px;
    }

    .about-history__photo--2020 {
        left: 390px;
        top: 790px;
        width: 130px;
        height: 136px;
    }

    .about-history__gallery {
        width: 760px;
        gap: 16px;
    }

    .about-history__gallery-item img {
        height: 170px;
    }

    .section-geography {
        padding: 72px 0 78px;
    }

    .section-geography h2 {
        margin-bottom: 34px;
    }

    .section-geography__map-info.info1 {
        top: 36%;
        left: 37%;
    }

    .section-geography__map-info.info2 {
        top: 38%;
        right: 22%;
    }

    .section-geography__num {
        width: 150px;
    }

    .section-geography__map-info.info2 .section-geography__num { display: none !important; }
    .section-geography__map-info.info2 .font-life { display: block !important; }

    .about-team {
        padding: 72px 0 76px;
    }

    .about-team__stage {
        width: calc(100vw - 64px);
    }

    .about-team__cards {
        gap: 18px;
    }

    .about-team-card {
        min-height: 440px;
        padding: 22px;
    }

    .about-team-card__name { font-size: 24px; }
    .about-team-card__position { font-size: 15px; }

    .about-team-card__photo-wrap {
        left: 22px;
        right: 22px;
        bottom: 22px;
        height: 220px;
    }

    .about-partners-offset { padding: 60px 0; }
    .section-form-donate { padding: 64px 0; }
}


/* =========================================================
 
    .mission-screen { padding: 62px 0 96px; }
    .mission-screen__stage { width: 768px; min-height: 1290px; }
    .mission-screen__head { width: calc(100% - 48px); margin: 0 auto 50px; }
    .mission-screen__title { margin-bottom: 22px; }
    .mission-screen__text { max-width: 650px; font-size: 16px; line-height: 1.3; }
    .mission-screen__line, .mission-screen__line-1024 { display: none; }

    .mission-screen__line-tablet {
        display: block;
        position: absolute;
        left: 0;
        top: 120px;
        width: 768px;
        height: auto;
        z-index: 1;
        pointer-events: none;
    }

    .mission-card { width: 286px; height: 225px; padding: 22px; }
    .mission-card--01 { left: 32px; top: 255px; }
    .mission-card--02 { left: 450px; top: 285px; }
    .mission-card--03 { left: 60px; top: 530px; }
    .mission-card--04 { left: 420px; top: 650px; }
    .mission-card--05 { left: 38px; top: 900px; }
    .mission-card--06 { left: 450px; top: 1010px; }

    .mission-card__title { min-height: 44px; max-width: 185px; font-size: 22px; }
    .mission-card__num-svg { right: 10px; top: 10px; height: 58px; }
    .mission-card__text { padding-top: 36px; font-size: 14px; line-height: 1.14; }

    .mission-screen__photo--top { left: 324px; top: 340px; width: 120px; height: 120px; }
    .mission-screen__photo--bottom { left: 310px; top: 1040px; width: 110px; height: 110px; }
    .mission-screen__bullet { width: 7px; height: 7px; }

    .approach-block__inner { min-height: auto; padding: 62px 24px 72px; }
    .approach-block__title { margin-bottom: 34px; }
    .approach-block__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; width: 100%; }
    .approach-card { min-height: 245px; padding: 18px; }
    .approach-card__title { min-height: 52px; font-size: 20px; }
    .approach-card__icon { width: 128px; height: 104px; margin: 12px 0 16px; }
    .approach-card__text { font-size: 14px; line-height: 1.14; }

    .help-system { padding: 64px 0 150px; overflow: hidden; }
    .help-system__stage { width: 768px; min-height: 720px; }
    .help-system__title { left: 74px; top: 0; width: 620px; font-size: 28px; line-height: 1.05; }
    .help-system__photo-wrap { left: 40px; top: 175px; width: 300px; height: 405px; }
    .help-system__card { left: 360px; top: 195px; width: 360px; height: 405px; padding: 28px 28px 26px; }
    .help-system__quote { max-width: 304px; font-size: 16px; line-height: 1.1; }
    .help-system__author { margin-top: 30px; font-size: 21px; }
    .help-system__position { font-size: 16px; }
    .help-system__link { left: 28px; bottom: 26px; font-size: 17px; }
    .help-system__decor { right: -36px; bottom: -130px; width: 220px; }

    .about-directions { padding: 62px 0 68px; }
    .about-directions__stage { width: calc(100vw - 40px); }
    .about-directions__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .about-direction-card { min-height: 286px; padding: 20px 16px 74px; }
    .about-direction-card__title { font-size: 21px; }
    .about-direction-card__text { max-width: 180px; font-size: 14px; }
    .about-direction-card__image { right: 10px; bottom: 18px; max-width: 112px; max-height: 88px; }
    .about-direction-card__button { left: 16px; bottom: 22px; height: 36px; padding: 0 18px; font-size: 12px; }
    .about-directions__arrow { display: none; }

    .about-history { height: 1000px; padding: 0; }
    .about-history__stage { width: 768px; min-height: 1000px; }
    .about-history__title { top: 58px; }
    .about-history__lead { top: 54px; max-width: 590px; font-size: 17px; }
    .about-history__line { left: 220px; top: 125px; width: 350px; height: auto; }
    .about-history__year--2016 { left: 52px; top: 250px; width: 145px; }
    .about-history__year--2020 { left: 50px; top: 680px; width: 150px; }
    .about-history__text { font-size: 14px; line-height: 1.15; }
    .about-history__text--2016 { left: 465px; top: 220px; width: 260px; }
    .about-history__text--middle { left: 520px; top: 525px; width: 210px; }
    .about-history__text--2020 { left: 440px; top: 805px; width: 270px; }
    .about-history__photo--2016 { left: 270px; top: 340px; width: 115px; height: 120px; }
    .about-history__photo--2020 { left: 280px; top: 750px; width: 105px; height: 110px; }
    .about-history__gallery { width: 650px; gap: 12px; }
    .about-history__gallery-item img { height: 145px; }

    .section-geography { padding: 64px 0 70px; }
    .section-geography h2 { margin-bottom: 30px; }
    .section-geography__map { overflow: visible; }
    .section-geography__map svg { width: 100%; max-width: 100%; transform: none; }
    .section-geography__map-info { position: absolute; width: auto; margin: 0; color: var(--white); }
    .section-geography__map-info.info1 { top: 42%; left: 50%; color: var(--black-font); }
    .section-geography__map-info.info2 { top: 48%; right: 16%; color: var(--white); }
    .section-geography__num { width: 130px; }
    .section-geography__map-info.info2 .section-geography__num { display: none !important; }
    .section-geography__map-info.info2 .font-life { display: block !important; }

    .about-team { padding: 64px 0 70px; }
    .about-team__stage { width: calc(100vw - 40px); }
    .about-team__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
    .about-team-card { min-height: 400px; padding: 18px; }
    .about-team-card__name { font-size: 21px; }
    .about-team-card__position { font-size: 14px; }
    .about-team-card__email { font-size: 13px; }
    .about-team-card__photo-wrap { left: 18px; right: 18px; bottom: 18px; height: 200px; }

    .about-partners-offset { padding: 54px 0; }
    .section-form-donate { padding: 58px 0; }
}


/* =========================================================
   13. Consolidate MOBILE (max-width: 767px)
   ENI?AAEAII: Oaia?u ana iiaeeuiua noeee ei??aeoii aioo?e neiaie!
   ========================================================= */

@media (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 1.25;
        background: var(--gray-light-font);
    }

    h2 {
        font-size: 34px;
        line-height: 1;
        letter-spacing: -0.5px;
        text-align: center;
    }

    .container {
        width: calc(100% - 40px);
        max-width: 317px;
        margin: 0 auto;
    }

    .section-page {
        overflow: hidden;
    }

    /* 1. FIRST SCREEN */
    .section-slogan {
        width: 100%;
        padding: 38px 20px 0;
        background: linear-gradient(180deg, #FFFFFF 78.64%, #F4F4F4 100%);
        overflow: hidden;
    }

    .section-slogan-logo {
        width: 317px;
        max-width: 100%;
        margin: 0 auto;
    }

    .section-slogan-logo__picture,
    .section-slogan-logo__img {
        width: 100%;
        height: auto;
    }

    .section-slogan__text {
        width: 317px;
        max-width: 100%;
        margin: -1px auto 0;
        padding: 0;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
    }

    .section-slogan__text > div {
        width: 100%;
        max-width: 317px;
        margin: 0 auto;
        text-align: center;
    }

    .section-slogan__text span,
    .section-slogan__text span:nth-child(2) {
        display: inline;
        text-align: center;
    }

    .about-hero-media {
        position: relative;
        width: 100%;
        height: 316px;
        margin: 0;
        padding: 0;
        background: linear-gradient(180deg, var(--white) 85.05%, var(--gray-light-font) 100.04%);
        overflow: hidden;
    }

    .about-hero-media__stage {
        position: absolute;
        left: 50%;
        top: 0;
        width: 357px;
        height: 316px;
        transform: translateX(-50%);
        overflow: hidden;
    }

    .about-hero-media__line { display: none; }

    .about-hero-media__line-mobile {
        display: block;
        position: absolute;
        left: -193px;
        top: -42px;
        width: 942px;
        height: 460px;
        max-width: none;
        z-index: 1;
    }

    .about-hero-media__photo--left,
    .about-hero-media__photo--right { display: none; }

    .about-hero-media__photo--center {
        display: block;
        position: absolute;
        left: 44px;
        top: 28px;
        width: 270px;
        height: 307px;
        object-fit: cover;
        transform: rotate(-2deg);
        z-index: 2;
    }

    .about-hero-media__bullet { width: 6px; height: 6px; z-index: 3; }
    .about-hero-media__bullet--1 { left: 38px; top: 121px; }
    .about-hero-media__bullet--2 { left: 312px; top: 205px; }
    .about-hero-media__bullet--3,
    .about-hero-media__bullet--4,
    .about-hero-media__bullet--5,
    .about-hero-media__bullet--6,
    .about-hero-media__bullet--7,
    .about-hero-media__bullet--8 { display: none; }

    /* 2. REPORT NUMBERS */
    .section-report { padding: 0 20px 90px; background: var(--gray-light-font); }
    .section-report > .container { width: 317px; max-width: 100%; display: flex; flex-direction: column; align-items: center; row-gap: 40px; }
    .section-report__first { width: 238px; display: flex; flex-direction: column; align-items: center; row-gap: 18px; margin: 0; font-size: 20px; line-height: 18px; text-align: center; }
    
    .section-report__first .font-life {
        position: static;
        display: block;
        width: 345px;
        transform: none;
        color: var(--green);
        font-size: 88px;
        line-height: 210px;
        letter-spacing: 1px;
        text-align: center;
    }

    .section-report__list { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 317px; max-width: 100%; margin: 0; padding: 0; }
    .section-report__list > div { width: 317px; max-width: 100%; height: 100px; min-height: 100px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; padding: 20px 20px 20px 16px; border-radius: 10px; background: #FFFFFF; color: var(--black-font); font-size: 16px; line-height: 110%; text-align: left; }
    .section-report__list > div .font-life { position: static; left: auto; top: auto; right: auto; bottom: auto; flex: 0 0 134px; width: 134px; max-width: 134px; display: block; margin: 0; padding: 0; transform: none; translate: none; color: var(--green); font-size: 64px; line-height: 60px; letter-spacing: 1px; text-align: left; white-space: nowrap; }
    .section-report__list > div br { display: block; }
    .section-report .btn { width: 200px; height: 40px; min-height: 40px; margin: -10px auto 0; padding: 10px 20px; border-radius: 100px; background: var(--green); color: #FFFFFF; font-size: 13px; line-height: 15px; font-weight: 800; text-align: center; text-transform: uppercase; }

    /* 3. MISSION */
    .mission-screen { padding: 0 0 64px; background: var(--gray-light-font); overflow: hidden; }
    .mission-screen__stage { display: block; width: 317px; max-width: 100%; min-height: 0; margin: 0 auto; }
    .mission-screen__head { margin: 0 0 36px; text-align: center; transform: translateX(32px); }
    .mission-screen__title { margin-bottom: 22px; }
    .mission-screen__text { max-width: 317px; font-size: 16px; line-height: 1.25; text-align: center; }
    .mission-screen__text br { display: none; }
    .mission-screen__line, .mission-screen__line-1024, .mission-screen__line-tablet, .mission-screen__line-mobile, .mission-screen__photo, .mission-screen__bullet { display: none; }
    
    .mission-card { height: auto; min-height: 220px; margin: 0 0 16px; padding: 24px 22px 26px; border-radius: 10px; background: #FFFFFF; overflow: hidden; position: relative; left: auto !important; top: auto !important; }
    .mission-card__title { max-width: 220px; min-height: 0; padding-right: 70px; font-size: 26px; line-height: 1; }
    .mission-card__num { display: none; }
    .mission-card__num-svg { position: absolute; right: 12px; top: 12px; display: block; width: auto; height: 64px; margin: 0; }
    .mission-card__text { margin: 44px 0 0; padding: 0; font-size: 16px; line-height: 1.2; }

    /* 4. APPROACH */
    .approach-block { background: var(--white); overflow: hidden; }
    .approach-block__inner { min-height: 0; padding: 56px 0 62px; background-position: center; background-size: cover; overflow: hidden; }
    .approach-block__title { width: 317px; max-width: calc(100vw - 40px); margin: 0 auto 32px; color: var(--white); text-align: center; }
    .approach-block__cards { display: flex; flex-wrap: nowrap; gap: 10px; width: 100vw; max-width: none; margin: 0; padding: 0 20px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-left: 20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .approach-block__cards::-webkit-scrollbar { display: none; }
    .approach-card { position: relative; flex: 0 0 308px; width: 308px; height: 319px; min-height: 319px; display: flex; flex-direction: column; align-items: center; padding: 28px 20px 26px; border-radius: 10px; background: var(--white); overflow: hidden; scroll-snap-align: start; }
    .approach-card__title { width: 100%; min-height: 0; margin: 0; color: var(--black-font); font-size: 30px; line-height: 1.05; text-align: center; }
    .approach-card__icon { width: 150px; height: 120px; margin: 26px auto 22px; }
    .approach-block__cards .approach-card:nth-child(1) .approach-card__icon, .approach-block__cards .approach-card:nth-child(2) .approach-card__icon { margin-top: 50px; margin-bottom: 12px; }
    .approach-card__icon img { width: 100%; height: 100%; object-fit: contain; }
    .approach-card__text { width: 100%; max-width: 260px; margin: auto 0 0; color: var(--gray-font); font-size: 18px; line-height: 1.15; text-align: center; }

    /* 5. HELP SYSTEM */
    .help-system { padding: 58px 20px 66px; background: var(--gray-light-font); overflow: hidden; }
    .help-system__stage { width: 317px; max-width: 100%; min-height: 0; margin: 0 auto; overflow: visible; }
    .help-system__title { position: relative; left: auto; top: auto; width: 100%; margin: 0 0 30px; font-size: 32px; line-height: 1; text-align: center; }
    .help-system__title br { display: none; }
    .help-system__photo-wrap { position: relative; left: auto; top: auto; width: 100%; height: 310px; margin: 0 0 20px; }
    .help-system__photo { width: 100%; height: 100%; object-fit: cover; }
    .help-system__dot { width: 8px; height: 8px; }
    .help-system__dot--top { left: 125px; top: -4px; }
    .help-system__dot--left { left: -4px; top: 150px; }
    .help-system__dot--right { right: -4px; bottom: 80px; }
    .help-system__card { position: relative; left: auto; top: auto; width: 100%; height: auto; min-height: 430px; padding: 30px 26px 34px; border-radius: 10px; overflow: visible; }
    .help-system__quote { max-width: 100%; font-size: 16px; line-height: 1.1; }
    .help-system__author { margin-top: 30px; font-size: 16px; line-height: 1; }
    .help-system__position { margin-top: 10px; font-size: 12px; line-height: 1.1; }
    .help-system__link { left: 26px; bottom: 30px; font-size: 14px; }
    .help-system__decor, .help-system__decor-crop { position: absolute; left: 178px !important; top: 330.8px !important; right: auto !important; bottom: auto !important; width: 120px !important; height: 129.34px !important; max-width: none !important; opacity: 1 !important; transform: none !important; object-fit: contain !important; pointer-events: none; z-index: 1; }

    /* 7. HISTORY */
    .about-history { width: 100%; height: auto; min-height: 0; padding: 58px 20px 64px; background: #FFFFFF; overflow: hidden; }
    .about-history__stage { width: 317px; max-width: 100%; min-height: 0; margin: 0 auto; }
    .about-history__title { position: relative; top: auto; margin: 0 0 24px; text-align: center; }
    .about-history__lead { max-width: 100%; margin: 0 0 30px; font-size: 20px; line-height: 1.15; text-align: left; }
    .about-history__lead br { display: none; }
    .about-history__line { display: none; }
    .about-history__line-mobile { display: block; position: relative; width: 193px; height: 31px; margin: 0 0 30px; }
    .about-history__year, .about-history__text, .about-history__photo, .about-history__gallery { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; }
    .about-history__year { width: 170px; margin: 34px 0 16px; }
    .about-history__text { width: 100%; margin: 0 0 22px; font-size: 16px; line-height: 1.2; }
    .about-history__photo { width: 100%; height: auto; aspect-ratio: 317 / 220; margin: 0 0 24px; }
    .about-history__gallery { display: grid; grid-template-columns: 1fr; gap: 16px; width: 100%; margin: 28px 0 0; }
    .about-history__gallery-item:nth-child(n + 2) { display: none; }
    .about-history__gallery-item img { width: 100%; height: auto; }

    /* 8. GEOGRAPHY */
    .section-geography { padding: 58px 20px 62px; background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%); }
    .section-geography h2 { margin-bottom: 28px; text-align: center; }
    .section-geography .container { width: 317px; max-width: 100%; }
    .section-geography__map { position: relative; width: 100%; min-height: 290px; overflow: hidden; }
    .section-geography__map > svg { position: absolute; left: 50%; top: 0; width: 620px; max-width: none; height: auto; transform: translateX(-50%); }
    .section-geography__map-info { position: absolute; z-index: 2; width: auto; margin: 0; row-gap: 6px; font-size: 14px; line-height: 1.1; text-align: center; }
    .section-geography__map-info.info1 { top: 122px; left: 104px; color: var(--black-font); }
    .section-geography__map-info.info2 { top: 98px; right: 36px; color: var(--white); }
    .section-geography__map-info.info1 .font-life { display: none !important; }
    .section-geography__map-info.info1 .section-geography__num { display: block !important; width: 98px; max-width: none; margin: 0 auto 4px; }
    .section-geography__map-info.info2 .section-geography__num { display: none !important; }
    .section-geography__map-info.info2 .font-life { display: block !important; font-size: 52px; line-height: .85; }

    /* 9. TEAM */
    .about-team { padding: 58px 20px 64px; background: var(--gray-light-font); }
    .about-team__stage { width: 317px; max-width: 100%; }
    .about-team__title { margin-bottom: 24px; }
    .about-team__tabs { justify-content: flex-start; width: 100%; margin-bottom: 28px; overflow-x: auto; scrollbar-width: none; }
    .about-team__tabs::-webkit-scrollbar { display: none; }
    .about-team__tab { flex: 0 0 auto; white-space: nowrap; }
    .about-team__cards { grid-template-columns: 1fr; gap: 16px; }
    .about-team-card { min-height: 440px; padding: 24px 22px; }
    .about-team-card__name { font-size: 26px; line-height: 1.05; }
    .about-team-card__position { font-size: 16px; line-height: 1.2; }
    .about-team-card__email { font-size: 15px; }
    .about-team-card__photo-wrap { left: 22px; right: 22px; bottom: 22px; height: 220px; }

    /* 10. PARTNERS / DONATE */
    .about-partners-offset { padding: 0px 20px; background: var(--white); }
    .section-form-donate { padding: 0px 20px; background: var(--green); }
    .section-form-donate > .container { width: 317px; max-width: 100%; }
}


/* =========================================================
   7. HISTORY MOBILE (max-width: 767px) ? OI?IUE IAEAO
   ========================================================= */
@media (max-width: 767px) {
    .about-history {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 54px 0 60px !important;
        background: #FFFFFF !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Eiioaeia?-eieiiea aey ?anoeiai oi?aaeaiey ii?yaeii ?a?ac order */
    .about-history__stage {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 1. AEAAIUE CAAIEIAIE NAEOEE */
    .about-history__title {
        order: 1 !important;
        position: relative !important;
        z-index: 2 !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 24px !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 34px !important;
        line-height: 120% !important;
        font-weight: 400 !important;
        text-align: left !important;
        color: var(--black-font) !important;
    }

    /* Aaei?aoeaiay caeaiay eeiey */
    .about-history__line-mobile {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 34px !important;
        width: 193px !important;
        height: auto !important;
        z-index: 1 !important;
    }

    /* 2. AAIAIUE OAENO (EEA) */
    .about-history__lead {
        order: 2 !important;
        position: relative !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 40px !important; /* E?oiiue caci? ia?aa ia?aeii o?iiieiaee */
        color: var(--gray-font) !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }

    /* ==================== AEIE 2016 ==================== */

    /* 3. AAOA 2016 (SVG/Ecia?a?aiea) */
    .about-history__year--2016 {
        order: 3 !important;
        position: relative !important;
        display: block !important;
        left: auto !important;
        top: auto !important;
        width: 160px !important;
        height: auto !important;
        margin: 0 20px 16px !important;
    }

    /* 4. OAENO AE? 2016 AIAA */
    .about-history__text--2016 {
        order: 4 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 16px !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: left !important;
    }

    /* 5. NNUEEA "?EOAOU ENOI?E?" */
    .about-history__link {
        order: 5 !important;
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 20px 48px !important; /* Aieuoie ionooi ioaaeyao aaoo 2016 io 2020 */
        color: var(--green) !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    /* ==================== AEIE 2020 ==================== */

    /* 6. AAOA 2020 (SVG/Ecia?a?aiea) ? OAIA?U NO?IAI NAA?OO */
    .about-history__year--2020 {
        order: 6 !important;
        position: relative !important;
        display: block !important;
        left: auto !important;
        top: auto !important;
        width: 160px !important;
        height: auto !important;
        margin: 0 20px 16px !important; /* Ionooi ai ia?aiai aacaoa oaenoa */
    }

    /* 7. IA?AUE OAENO 2020 ("Io aa?aniie iiiiue...") */
    .about-history__text--middle {
        order: 7 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 16px !important; /* Ionooi ia?ao aacaoaie */
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: left !important;
    }

    /* 8. AOI?IE OAENO 2020 ("Nicaai Nioeaeuiue oaio?...") */
    .about-history__text--2020 {
        order: 8 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 0 !important; /* Oeiae naeoee */
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: left !important;
    }

    /* Iieiinou? oae?aai aaneoiiiua ea?oeiee e oaaeaiiue aeie aaea?ae */
    .about-history__photo,
    .about-history__gallery {
        display: none !important;
    }
}
/* =========================================================
   8. GEOGRAPHY MOBILE (max-width: 767px)
   ========================================================= */
@media (max-width: 767px) {
    .section-geography {
        padding: 48px 0 40px !important;
        background: #F4F4F4 !important; /* Naaoeue oii naeoee, ?oiau aaeua ea?oi?ee auaaeyeenu */
    }

    .section-geography h2 {
        margin-bottom: 24px !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 34px !important;
        line-height: 110% !important;
        font-weight: 400 !important;
        text-align: center !important;
        color: var(--black-font) !important;
    }

    .section-geography .container {
        width: calc(100% - 40px) !important;
        max-width: 317px !important;
        margin: 0 auto !important;
    }

    /* Eiioaeia? ea?ou */
    .section-geography__map {
        position: relative !important;
        width: 100% !important;
        min-height: auto !important;
        margin-bottom: 24px !important;
        /* E?EOE?ANEE: iaiyai hidden ia visible, ?oiau iaeeiiiua oioi ia e?ayo ea?ou ia ia?acaeenu */
        overflow: visible !important; 
    }

    /* Naia SVG-ea?oa ?innee */
    .section-geography__map > svg {
        position: relative !important;
        display: block !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        transform: none !important;
        margin: 0 auto !important;
    }

    /* =========================================================
       EA?OI?EE N IAO?EEAIE (AUACAU E ?AAEIIU)
       ========================================================= */
    
    /* Na?anuaaai aanie?oiia iiceoeiie?iaaiea aaneoiia e i?aa?auaai aeiee a aaeua ea?oi?ee */
    .section-geography__map-info.info1,
    .section-geography__map-info.info2 {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: 71px !important;
        bottom: auto !important;
        transform: none !important;
        
        display: flex !important;
        flex-direction: row !important; /* Oeo?u neaaa, oaeno ni?aaa */
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        
        width: 100% !important;
        max-width: 317px !important;
        height: auto !important;
        margin: 0 auto 12px !important; /* Ionooi ia?ao ea?oi?eaie */
        padding: 16px 20px !important;
        
        background: #FFFFFF !important; /* ?enoi aaeue oii ea?oi?ee */
        border-radius: 10px !important;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.02) !important; /* Aaaa caiaoiay oaiu aey iauaia */
        box-sizing: border-box !important;
        pointer-events: auto !important; /* Aica?auaai eeeeaaaeuiinou, anee io?ii */
    }

    /* Oae?aai ie?iee ionooi o iineaaiae ea?oi?ee */
    .section-geography__map-info.info2 {
        margin-bottom: 0 !important;
    }

    /* E?oiiua cae?iua eiioo?iua ?enea */
    .section-geography__map-info.info1 .font-life,
    .section-geography__map-info.info2 .font-life {
        display: block !important; /* AEE??AAI aey iaaeo ea?oi?ae */
        flex: 0 0 85px !important; /* Oeene?iaaiiay iieea iia oeo?u, ?oiau oaeno ia i?uaae */
        width: 85px !important;
        
        color: var(--green) !important; /* Oe?iaiiue cae?iue */
        font-size: 56px !important;
        line-height: 100% !important;
        letter-spacing: 1px !important;
        text-align: left !important;
    }

    /* Iienaoaeuiue oaeno aioo?e ea?oi?ae */
    .section-geography__map-info.info1 { color: var(--black-font) !important; }
    .section-geography__map-info.info2 { color: var(--black-font) !important; } /* Ia?aaeaaai aaeue oaao aaneoiia */

    .section-geography__map-info.info1 div,
    .section-geography__map-info.info2 div,
    .section-geography__map-info p {
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 125% !important;
        text-align: left !important;
        white-space: normal !important;
    }

    /* Iieiinou? ne?uaaai aoaee?o?uea yeaiaiou iiia?ia-ea?oeiie */
    .section-geography__num {
        display: none !important;
    }

    /* =========================================================
       AIIIEIEOAEUII: IEIE-OIOIA?AOEE IA EA?OA
       (Aiaaauoa yoe eeannu aaoei oaaai <img> ia ea?oa a PHP)
       ========================================================= */
    .map-photo {
        position: absolute !important;
        z-index: 3 !important;
        width: 64px !important; /* Eiiiaeoiue ?acia? aey iiaeeuiuo */
        height: 64px !important;
        object-fit: cover !important;
        background: #FFFFFF !important;
        padding: 2px !important; /* Eieoaoey aaeie ?aiee */
        border-radius: 4px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
    }

    /* I?eia?iua eii?aeiaou aey oi?iiai iiceoeiie?iaaiey oioi iiaa?o ea?ou ia iiaeeea */
    .map-photo--boy {
        left: 8% !important;
        top: 24% !important;
        transform: rotate(-6deg) !important;
    }

    .map-photo--doctor {
        right: 22% !important;
        top: 18% !important;
        transform: rotate(6deg) !important;
    }

    .map-photo--baby {
        left: 36% !important;
        top: 48% !important;
        transform: rotate(-4deg) !important;
    }
}
/* ?anoei ne?uaaai aoaee?o?uo? aaneoiiio? ea?oeieo-oeo?o a ea?oi?ea */
.section-geography__map-info .section-geography__num,
.section-geography__map-info > img {
    display: none !important;
}
/* Iieiia oioaeuiia ne?uoea aaneoiiiie ea?oeiee-oeo?u ia iiaeeuiuo */
.section-geography__num,
img.section-geography__num,
.section-geography__map-info img,
.section-geography svg ~ img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* Oeene?oai eaaia au?aaieaaiea oaenoa aioo?e ea?oi?ae aaiia?aoee */
.section-geography__map-info.info1,
.section-geography__map-info.info2 {
    justify-content: flex-start !important; /* I?e?eiaai eiioaio e eaaiio e?a? ea?oi?ee */
    text-align: left !important;
}

/* Iaoaeeaaainy ia e?aua oaenoiaua aeiee, oaae div, p eee span aioo?e yoeo ea?oi?ae */
.section-geography__map-info.info1 div,
.section-geography__map-info.info2 div,
.section-geography__map-info p,
.section-geography__map-info span:not(.font-life) {
    text-align: left !important; /* No?iai aeaai aey ea?aie no?iee oaenoa */
    display: block !important;
}
/* =========================================================
   9. TEAM MOBILE (max-width: 767px)
   ========================================================= */
@media (max-width: 767px) {
    .about-team {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        padding: 48px 0 40px !important; /* Iaioeyai aieiaua ionooiu naeoee aey neaiciiai ne?ieea */
        background: var(--gray-light-font) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .about-team__stage {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .about-team__title {
        margin-bottom: 24px !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 34px !important;
        line-height: 110% !important;
        font-weight: 400 !important;
        text-align: center !important;
        color: var(--black-font) !important;
    }

    /* IAI?-OAAU: I?aa?auaai a aeeo?aoiia iaeaei eiiiie ii oaio?o */
    .about-team__tabs {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important; /* ?ac?aoaai ia?aiin ia iiaua no?iee */
        justify-content: center !important; /* Oaio?e?oai eiiiee */
        gap: 8px 6px !important; /* Ionooiu ia?ao oaaaie ii aa?oeeaee e ai?eciioaee */
        width: calc(100% - 32px) !important;
        max-width: 340px !important;
        margin: 0 auto 32px !important;
        padding: 0 !important;
        background: transparent !important; /* Oae?aai aaneoiiio? iauo? iiaei?eo */
        border-radius: 0 !important;
    }

    /* Aaciaue noeeu oaaa (iaaeoeaiue) */
    .about-team__tab {
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 16px !important;
        border: 1px solid #3EA74F !important; /* Cae?iay ?aiea ii iaeaoo */
        border-radius: 100px !important;
        background: transparent !important;
        color: #185E30 !important; /* O?iii-cae?iue oaeno */
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 100% !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        flex: 0 0 auto !important;
        cursor: pointer !important;
    }

    /* Aeoeaiue aua?aiiue oaa */
    .about-team__tab.is-active {
        background: #3EA74F !important; /* Caeeaea oe?iaiiui cae?iui */
        border-color: #3EA74F !important;
        color: #FFFFFF !important; /* Aaeue oaeno */
        font-weight: 700 !important;
    }

    /* EAIOA EA?OI?AE: Aee??aai ai?eciioaeuio? i?ie?ooeo */
    .about-team__panel.is-active {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        overflow-x: auto !important; /* Ai?eciioaeuiue naaei */
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .about-team__panel.is-active::-webkit-scrollbar {
        display: none !important; /* Ne?uaaai iieino i?ie?ooee */
    }

    .about-team__cards {
        display: block !important; /* Na?anuaaai aaneoiiio? naoeo grid */
        white-space: nowrap !important; /* Cai?auaai ea?oi?eai iaaaou aiec */
        width: auto !important;
        padding: 0 20px 10px 20px !important; /* Ionooiu, ?oiau ea?oi?ee ia eeiee e e?ayi oaeaoiia */
        box-sizing: border-box !important;
    }

    /* NOEEECAOE? EA?OI?EE NIO?OAIEEA */
    .about-team__cards .about-team-card {
        display: inline-flex !important; /* Auno?aeaaai a ?ya nia?o?e, oi?aaeyai eiioaioii eae oeaenii aioo?e */
        vertical-align: top !important;
        white-space: normal !important; /* Aica?auaai oaenoo aioo?e noaiaa?oiue ia?aiin no?ie */
        
        /* Oeene?iaaiiua ?acia?u ieaoee */
        width: 290px !important;
        max-width: 290px !important;
        min-width: 290px !important;
        height: 460px !important;
        
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        
        margin-right: 14px !important; /* ?annoiyiea ia?ao ea?oi?eaie */
        padding: 24px 20px 0 20px !important; /* Iaioeyai ie?iee iaaaeia, ?oiau oioi i?eeeiaei e ieco */
        
        background: #FFFFFF !important;
        border-radius: 10px !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Oae?aai ionooi o iineaaiae ea?oi?ee a ea?onaee */
    .about-team__cards .about-team-card:last-child {
        margin-right: 0 !important;
    }

    /* Aeie n oaenoiaie eioi?iaoeae */
    .about-team-card__content {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    /* OEI nio?oaieea */
    .about-team-card__name {
        margin: 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 24px !important;
        line-height: 115% !important;
        font-weight: 700 !important;
        color: var(--black-font) !important;
        text-align: left !important;
    }

    /* Aie?iinou */
    .about-team-card__position {
        margin: 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 120% !important;
        color: #A6A6A6 !important; /* I?eaeooaiiue na?ue oaao */
        text-align: left !important;
    }

    /* Email-aa?an */
    .about-team-card__email {
        margin: 2px 0 0 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 120% !important;
        color: #3EA74F !important; /* ??eee cae?iue aey nnueee */
        text-align: left !important;
        word-break: break-all !important;
    }

    /* Iaa?oea aey oioia?aoee aieco ea?oi?ee */
    .about-team-card__photo-wrap {
        position: absolute !important;
        left: 20px !important;
        right: 20px !important;
        bottom: 0 !important; /* I?e?eiaai no?iai e ie?iaio e?a? ieaoee */
        top: auto !important;
        height: 280px !important; /* Oeene?iaaiiay aunioa oioiciiu */
        border-radius: 2px !important;
        overflow: visible !important; /* Iicaieyao aaei?aoeaiui oi?eai auoiaeou ca ?aiee */
        background: transparent !important;
    }

    .about-team-card__photo {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        /* Nicaaai noeeuiue nein aa?oiaai e?ay oioia?aoee, eae ia iaeaoa */
        clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%) !important; 
    }

    /* Iaeaiueea caeaiua ia?ea?u-oi?ee ia oaeao oioia?aoee */
    .about-team-card__dot {
        position: absolute !important;
        z-index: 3 !important;
        display: block !important;
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
        background: #3EA74F !important; /* ??eee cae?iue ia?ea? */
    }

    /* Ei??aeoe?oai ?aniiei?aiea oi?ae iia nein iiaeeuiiai oioi */
    .about-team-card__dot--top { left: 50% !important; top: 0px !important; transform: translateX(-50%) !important; }
    .about-team-card__dot--right-top { right: -4px !important; top: 12% !important; }
    .about-team-card__dot--right-middle { right: -4px !important; bottom: 20% !important; }
}
/* =========================================================
   10. DONATE FORM MOBILE (max-width: 357px)
   ========================================================= */
@media (max-width: 357px) {
  
}
/* =========================================================
   13. ADAPTIVE: IAOA IENNE? (Canvas 357px / Content 317px)
   ========================================================= */

@media (max-width: 767px) {

    /* Aeaaiue eiioaeia? naeoee iennee (Frame 2087330751) */
    .section-mission,
    .mission-screen,
    [class*="Frame 2087330751"] {
        position: relative !important;
        width: 100% !important;
        height: auto !important; /* Oae?aai ?anoeea 2031px, ?oiau eiioaio ia ?acaeny */
        padding: 40px 0 90px !important; /* Ionooi nieco 90px ii Figma */
        background: #F4F4F4 !important; /* Na?ue oii naeoee */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        box-sizing: border-box !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* Aa?oiee aeie: Caeaiay eeiey + Caaieiaie + Iienaiea (Frame 2087330750) */
    .mission-screen__head,
    [class*="Frame 2087330750"] {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
        gap: 30px !important; /* Caci? 30px ii Figma */
        width: 317px !important;
        height: auto !important;
        margin: 0 auto 50px !important; /* Ionooi 50px ai ea?oi?ae ii Figma */
        transform: none !important;
        left: auto !important;
        isolation: isolate !important;
    }

    /* Aaei?aoeaiay caeaiay eeiey iaa caaieiaeii (Group 2087330684) */
    .mission-screen__line-mobile,
    [class*="Group 2087330684"] {
        position: relative !important;
        display: none	 !important;
        width: 220.25px !important;
        height: 31px !important;
        margin: 0 auto !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* Caeaiay ieou-?aiea */
    .mission-screen__line-mobile [class*="Vector 354"],
    [class*="Group 2087330684"] [class*="Vector 354"] {
        position: absolute !important;
        width: 218.5px !important;
        height: 27.5px !important;
        left: 2px !important;
        top: 4px !important;
        border: 2px solid #3EA74F !important;
    }

    /* Oi?ee (bullets) ia eeiee */
    .mission-screen__line-mobile [class*="bullet"],
    [class*="Group 2087330684"] [class*="bullet"] {
        position: absolute !important;
        width: 6px !important;
        height: 6px !important;
        top: 0 !important;
    }
    .mission-screen__line-mobile [class*="bullet"]:nth-of-type(1) { left: 0 !important; }
    .mission-screen__line-mobile [class*="bullet"]:nth-of-type(2) { right: 0 !important; }
    .mission-screen__line-mobile [class*="Vector"] { background: #185E30 !important; }

    /* Caaieiaie «Iaoa ienney» */
    .mission-screen__title,
    .section-mission h2 {
        width: 317px !important;
        height: 36px !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 36px !important; /* No?iai ii Figma */
        line-height: 100% !important;
        text-align: center !important;
        letter-spacing: -0.02em !important;
        color: #343333 !important;
        margin: 0 !important;
    }

    /* Iiacaaieiaie-iienaiea iennee */
    .mission-screen__text,
    [class*="Frame 2087330750"] p {
        width: 317px !important;
        height: auto !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important; /* No?iai ii Figma */
        line-height: 110% !important; /* 18px ii Figma */
        text-align: center !important;
        color: #343333 !important;
        margin: 0 !important;
    }
    .mission-screen__text br { display: none !important; }

    /* Aeooei aaneoiiiua oiiiaua ea?oeiee e eeiee */
    .mission-screen__line, 
    .mission-screen__line-1024, 
    .mission-screen__line-tablet, 
    .mission-screen__photo, 
    .mission-screen__bullet { 
        display: none !important; 
    }

    /* =========================================================
       NIENIE EA?OI?AE E EO AIOO?AIIINOE
       ========================================================= */

    /* Neo?aaiue eiioaeia? aey noiiee ea?oi?ae (Frame 2087330749) */
    .mission-list,
    [class*="Frame 2087330749"] {
        display: flex !important;
        flex-direction: column !important; /* No?iai aa?oeeaeuii */
        gap: 10px !important; /* Caci? 10px ii Figma */
        width: 317px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    /* Iiaeeuiay aaeay ea?oi?ea (card-357) */
    .mission-card,
    [class*="card-357"] {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important; /* Eiioaio eaao naa?oo aiec */
        align-items: flex-start !important;
        justify-content: flex-start !important;
        
        width: 317px !important; /* No?iai ii Figma */
        height: auto !important; /* Aaoi-aunioa, ?oiau oaeno ia auaaeeaaeny */
        min-height: 290px !important; /* Caueoa ii ieieiaeuiie aunioa ec Figma */
        padding: 20px !important; /* Aioo?aiiea iaaaeiae ii Figma */
        box-sizing: border-box !important;
        
        background: #FFFFFF !important; /* ?enoue aaeue oii ea?oi?ee */
        border-radius: 10px !important; /* Ne?oaeaiea 10px ii Figma */
        isolation: isolate !important;
        
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 0 10px !important;
    }

    /* O?EOO ROBOTO NO?IAI AE? OAENOA EA?OI?EE (Aaeoi?iua oeo?u ia o?iaaai) */
    .mission-card__title,
    .mission-card__text,
    [class*="card-357"] h3,
    [class*="card-357"] p,
    [class*="card-357"] div:not([class*="Numbers"]):not([class*="Vector"]):not([class*="Frame"]):not([class*="Image"]) {
        font-family: 'Roboto', sans-serif !important;
    }

    /* Iiceoeiie?iaaiea oeo?u (01, 02...) a i?aaii aa?oiai oaeo ieaoee */
    .mission-card__num-svg,
    [class*="card-357"] > [class*="Image"],
    [class*="card-357"] > .mission-card__num-svg {
        position: absolute !important;
        display: block !important;
        width: 80px !important;  
        height: 80px !important; 
        right: 0px !important;   /* I?e?eiaai ai?aai */
        top: -5px !important;     /* I?e?eiaai aaa?o */
        z-index: 1 !important;
        margin: 0 !important;
    }

    /* Iaa?oea aaoieaeaooa aioo?e oeo?u (Frame 2087326359) */
    [class*="card-357"] [class*="Frame 20873263"] {
        position: absolute !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        width: 62px !important;
        height: 60px !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important; /* Oaio?e?oai aaeoi?u aioo?e iaeanoe 80x80 */
        margin: 0 !important;
    }

    /* Ioaaeuiue neiaie-aaeoi? (Numbers) */
    [class*="card-357"] [class*="Numbers"] {
        position: relative !important;
        display: block !important;
        width: 34px !important; /* Iiaeeuiay oe?eia ii Figma */
        height: 57px !important; /* Iiaeeuiay aunioa ii Figma */
        margin: 0 -6px !important; /* Iaoeano aaeoi?ia ii oaiae Figma */
        flex-shrink: 0 !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* Inoaaeyai i?eaeiaeuiua aaneoiiiua noeee e o?eoou aey aaeoi?ia oi?ae aioo?e oeo?u */
    [class*="card-357"] [class*="Numbers"] *,
    [class*="card-357"] [class*="Vector"] {
        position: absolute !important;
        display: block !important;
        font-family: inherit !important;
    }

    /* Caaieiaie oaee («Nii?iai?aaou», «Niaaenoaiaaou»...) */
    .mission-card__title,
    [class*="card-357"] h3 {
        position: relative !important;
        width: 224px !important; /* Ia?aie?eaaai oe?eio, ?oiau oaeno ia caeac ia oeo?o ni?aaa */
        min-height: 20px !important;
        font-size: 22px !important; /* No?iai ii Figma */
        line-height: 1.1 !important; 
        font-weight: 400 !important;
        color: #343333 !important;
        margin: 0 0 16px 0 !important; /* Caci? ai iienaiey */
        z-index: 2 !important;
        text-align: left !important;
    }

    /* Iienaiea i?ia?aiiu (Iniiaiie oaeno ea?oi?ee) */
    .mission-card__text,
    [class*="card-357"] > div:not([class*="Image"]):not([class*="Frame"]) {
        position: relative !important;
        width: 277px !important; /* Oe?eia no?iai ii Figma */
        font-size: 16px !important; /* No?iai ii Figma */
        line-height: 120% !important; /* 19px ii Figma */
        color: #5F5E5E !important; /* Oaao Gray */
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2 !important;
top: 54px;

    }
}
/* =========================================================
   15. ADAPTIVE: OIEEAEUIINOU IAOAAI IIAOIAA (Canvas 357px)
   ========================================================= */

@media (max-width: 767px) {

    /* 1. AEAAIUE OAIIUE EIIOAEIA? YE?AIA (Frame 3) */
    .approach-block {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 512px !important; /* No?iai ii Figma */
        padding: 40px 0 30px !important; /* Ionooi naa?oo iia caaieiaie */
        
        /* A?aaeaio iiaa?o oiiiaiai ecia?a?aiey ii iaeaoo */
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%), 
                    url('/local/templates/doroga_new/assets/img/about/approach-bg.jpg') center center / cover no-repeat !important;
        
        overflow: hidden !important;
        box-sizing: border-box !important;
        left: auto !important;
        transform: none !important;
    }

    /* Aioo?aiiee iiaeeuiue eiioaioiue o?aei */
    .approach-block__inner {
        position: relative !important;
        width: 100% !important;
        max-width: 357px !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* 2. CAAIEIAIE NAEOEE (Aaa no?iee, aaeue oaao) */
    .approach-block__title,
    .approach-block h2 {
        position: relative !important;
        width: 317px !important; /* No?iai ii Figma */
        height: 72px !important;  /* No?iai ii Figma */
        margin: 0 auto 30px !important; /* Ionooi aiec ai eaiou ea?oi?ae */
        left: auto !important;
        top: auto !important;
        
        font-family: 'Roboto', sans-serif !important;
        font-size: 36px !important; /* No?iai ii Figma */
        line-height: 100% !important; /* 36px */
        font-weight: 400 !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        color: #FFFFFF !important; /* Aaeue ii Figma */
    }

    /* 3. IEII I?INIIO?A EAIOU AE? AI?ECIIOAEUIIAI NAAEIA (Frame 2087330752) */
    .approach-block__cards,
    [class*="Frame 2087330752"] {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important; /* Auno?aeaaai ea?oi?ee no?iai a oa?aiao */
        flex-wrap: nowrap !important; /* Cai?auaai ia?aiin aiec */
        align-items: center !important;
        justify-content: flex-start !important;
        
        width: 100% !important;
        height: 330px !important; /* Aunioa n caianii iia oaiu ea?oi?ee */
        margin: 0 !important;
        padding: 0 20px !important; /* Aieiaua ionooiu, ?oiau ea?oi?ee ia eeiee e e?ayi ye?aia */
        left: auto !important;
        top: auto !important;
        
        /* Iaaey ieaaiiai iiaeeuiiai ne?ieea */
        overflow-x: auto !important; 
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important; /* Ieaaiinou ia iOS */
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important; /* I?y?ai iieino i?ie?ooee a Firefox */
        box-sizing: border-box !important;
    }

    /* I?y?ai iieino i?ie?ooee a Webkit (Chrome/Safari) */
    .approach-block__cards::-webkit-scrollbar,
    [class*="Frame 2087330752"]::-webkit-scrollbar {
        display: none !important;
    }

    /* 4. AAEA? IIAEEUIA? EA?OI?EA (card_program) */
    .approach-card,
    [class*="card_program"] {
        position: relative !important;
        flex: 0 0 308px !important; /* ??noei oeene?oai oe?eio ii Figma, cai?auay n?aoea */
        width: 308px !important;
        height: 319px !important; /* No?iai ii Figma */
        padding: 20px !important;  /* No?iai ii Figma */
        margin-right: 12px !important; /* ?annoiyiea ia?ao ea?oi?eaie a ea?onaee */
        
        background: #FFFFFF !important; /* Aaeue oii */
        border-radius: 10px !important;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
        
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important; /* I?eaycea ne?ieea */
        isolation: isolate !important;
    }

    /* Na?in ia?aeia o iineaaiae ea?oi?ee a eaioa */
    .approach-block__cards .approach-card:last-child,
    [class*="Frame 2087330752"] > div:last-child {
        margin-right: 0 !important;
    }

    /* Oaenoiaue eiioaeia? aioo?e ea?oi?ee (txt) */
    .approach-card__content,
    [class*="card_program"] [class*="txt"] {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 14px !important; /* Caci? 14px ii Figma */
        width: 268px !important; /* No?iai ii Figma */
        height: 100% !important;
        margin: 0 !important;
        z-index: 2 !important; /* Oaeno ea?eo iiaa?o aanie?oiie eee?no?aoee */
    }

    /* Iacaaiea oieona («Oieon ia cai?iaua»...) */
    .approach-card__title,
    [class*="card_program"] h3 {
        width: 268px !important;
        height: auto !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 22px !important; /* No?iai ii Figma */
        line-height: 1.1 !important; /* 90% ii Figma */
        font-weight: 400 !important;
        text-align: center !important;
        color: #343333 !important;
        margin: 0 !important;
    }

    /* Iienaiea oieona (Iniiaiie oaeno ea?oi?ee) */
    .approach-card__text,
    [class*="card_program"] p {
        width: 268px !important;
        height: auto !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important; /* No?iai ii Figma */
        line-height: 120% !important; /* ?iaiua 120% ii Figma */
        font-weight: 400 !important;
        text-align: center !important;
        color: #5F5E5E !important; /* Oaao Gray */
        margin: 0 !important;
    }

    /* 5. AANIE?OIIA IICEOEIIE?IAAIEA EEE?NO?AOEE */
    /* Eiioaeia? ea?oeiee (IMAGE) */
    .approach-card__icon,
    [class*="card_program"] > [class*="IMAGE"] {
        position: absolute !important;
        width: 281.25px !important; /* No?iai ii Figma */
        height: 180px !important;    /* No?iai ii Figma */
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, calc(-50% + 20px)) !important; /* Oaio?e?oai e neaaea iioneaai iia oaeno */
        z-index: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    /* Naia aioo?aiiyy aaeoi?iay eeiiea (Illustration) */
    .approach-card__icon [class*="Illustration"],
    .approach-card__icon img,
    .approach-card__icon svg {
        position: absolute !important;
        width: 157.5px !important; /* No?iai ii Figma */
        height: 157.5px !important; /* No?iai ii Figma */
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    /* I?iyaeyai e caueuaai aaneoiiiua aanie?oiua aaeoi?u aioo?e eeiiie */
    .approach-card__icon [class*="Vector"] {
        position: absolute !important;
        display: block !important;
    }
}
@media (max-width: 767px) {

    /* Oaaee?eaaai aunioo ieia i?iniio?a ea?onaee, ?oiau iiianoeeenu ea?oi?ee n oaiyie */
    .approach-block__cards,
    [class*="Frame 2087330752"] {
        height: 355px !important;
    }

    /* Oaaee?eaaai aunioo naiie aaeie ea?oi?ee, ?oiau oaeno ia aueaoae */
    .approach-card,
    [class*="card_program"] {
        height: 340px !important; /* Aaai caian ii aunioa */
        padding: 24px 20px !important; /* Ooi?iyai iaaaeiae */
    }

    /* Ei??aeoe?oai aioo?aiiee oaenoiaue aeie */
    .approach-card__content,
    [class*="card_program"] [class*="txt"] {
        height: 100% !important;
        justify-content: flex-start !important;
    }

    /* Neaaea aaeaaai aanie?oio? iiaei?eo n eeiieie ie?a, inaiai?aay ianoi iia caaieiaie */
    .approach-card__icon,
    [class*="card_program"] [class*="icon"] {
        top: auto !important;
        bottom: 1px !important; /* ?aoei i?e?eiaai a?aoeeo aee?a e ie?iae ?anoe */
        transform: translateX(-50%) !important; /* Oaio?e?oai oieuei ii ai?eciioaee */
    }
}
@media (max-width: 767px) {

    /* 1. Aaai ieio i?iniio?a aua aieuoa ianoa (aunioa n caianii) */
    .approach-block__cards,
    [class*="Frame 2087330752"] {
        height: 380px !important; /* Oaaee?eee, ?oiau ea?oi?ee naiaiaii auoaee */
    }

    /* 2. Oaaee?eaaai aunioo ea?oi?ee e ia?aaiaei a aaoi-?a?ei, anee oaeno aeeiiue */
    .approach-card,
    [class*="card_program"] {
        width: 308px !important;
        height: 350px !important; /* Iiaiyee aunioo ai 350px no?iai aey iiaeeee */
        min-height: 350px !important;
        padding: 24px 20px 20px !important;
    }

    /* 3. Ia?aaeaaai aaneoiiiia oaio?e?iaaiea eeiiee-eee?no?aoee */
    .approach-card__icon,
    [class*="card_program"] > [class*="IMAGE"] {
        top: unset !important; /* AUEE??AAI aaneoiiiue top: calc(50%...) */
        bottom: 10px !important; /* I?e?eiaai no?iai e ie?iaio iaaaeiao ea?oi?ee */
        left: 50% !important;
        
        /* Naaeaaai ia 50% aeaai aey oaio?e?iaaiey ii ai?eciioaee, a ii aa?oeeaee ia o?iaaai */
        transform: translate(-50%, 0) !important; 
        
        width: 281.25px !important;
        height: 180px !important;
        z-index: 1 !important;
    }

    /* Naia aaeoi?iay ea?oeiea aioo?e iaa?oee */
    .approach-card__icon [class*="Illustration"],
    .approach-card__icon img,
    .approach-card__icon svg {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    /* 4. Caueuaai oaeno io iaei?aiey */
    .approach-card__content,
    [class*="card_program"] [class*="txt"] {
        height: auto !important;
        min-height: 110px !important;
        gap: 10px !important;

    }
}
@media (max-width: 767px) {

    /* 1. Aeaaiue eiioaeia? ea?onaee */
    .approach-block__cards,
    [class*="Frame 2087330752"] {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important; /* Au?aaieaaai ea?oi?ee ii aa?oiae eeiee */
        
        width: 100% !important;
        height: 360px !important; /* Aunioa anae eaiou ii Figma */
        padding: 10px 20px !important;
        
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    /* 2. Aaeay ea?oi?ea i?ia?aiiu */
    .approach-card,
    [class*="card_program"] {
        position: relative !important;
        flex: 0 0 308px !important; /* Oe?eia no?iai ii Figma */
        width: 308px !important;
        height: 319px !important; /* Aunioa no?iai ii Figma */
        padding: 24px 20px 20px !important;
        margin-right: 12px !important;
        
        background: #FFFFFF !important;
        border-radius: 10px !important;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
        
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important; /* Eiioaio ieaaii eaao naa?oo aiec */
        align-items: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        isolation: isolate !important;
    }

    /* 3. Oaenoiaue eiioaeia? (txt) */
    .approach-card [class*="txt"],
    [class*="card_program"] [class*="txt"] {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        
        width: 100% !important;
        height: auto !important; /* Na?anuaaai aaneoiiio? aunioo */
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 12px !important; /* Caci? ia?ao caaieiaeii e iienaieai */
        z-index: 2 !important; /* Oaeno anaaaa no?iai iaa ea?oeieie */
    }

    /* Caaieiaie («Oieon ia cai?iaua») */
    [class*="card_program"] h3,
    [class*="card_program"] h3 span {
        width: 100% !important;
        height: auto !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 22px !important; /* No?iai ii Figma */
        line-height: 1.2 !important;
        font-weight: 400 !important;
        text-align: center !important;
        color: #343333 !important;
        margin: 0 !important;
    }

    /* Iienaiea («Iaania?eaaai nia?aiaiiia ea?aiea...») */
    [class*="card_program"] p,
    [class*="card_program"] [class*="txt"] p {
        width: 100% !important;
        height: auto !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important; /* No?iai ii Figma */
        line-height: 1.25 !important;
        font-weight: 400 !important;
        text-align: center !important;
        color: #5F5E5E !important;
        margin: 0 !important;
        
        /* E?eoe?ii: nicaaai iaaeaeiue ionooi nieco oaenoa, 
           ?oiau eeiiea ia ia?ae?uaaea aoeau */
        padding-bottom: 120px !important; 
    }

    /* 4. Aanie?oiia iiceoeiie?iaaiea eee?no?aoee ia aii ea?oi?ee */
    .approach-card__icon,
    [class*="card_program"] > [class*="IMAGE"] {
        position: absolute !important;
        
        /* Niinei aanie?oii ana aaneoiiiua ?an?aou ii oaio?o */
        top: unset !important; 
        bottom: 0px !important; /* Iaia?oai na?aai ia naiue ie?iee e?ae ea?oi?ee */
        left: 50% !important;
        
        /* Oaio?e?oai oieuei ii ai?eciioaee, a ii aa?oeeaee ia aaeaaai */
        transform: translateX(-50%) !important; 
        
        width: 281.25px !important; /* ?acia?u ii oaiae Figma */
        height: 180px !important;
        z-index: 1 !important; /* Iia oaenoii */
        margin: 0 !important;
    }

    /* Aioo?aiiee SVG-aaeoi? (noaoineii e a?.) */
    .approach-card__icon [class*="Illustration"],
    .approach-card__icon img,
    .approach-card__icon svg {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 157.5px !important;
        height: 157.5px !important;
    }
}
/* =========================================================
   16. ADAPTIVE: NENOAIA IIIIUE (Canvas 357px / Content 317px)
   ========================================================= */

@media (max-width: 767px) {

    /* Aiaoiee eiioaeia? ye?aia ? noaaei o?iiue oii ii iaeaoo */
    .help-system { 
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 58px 0 66px !important; 
        background: #000000 !important; /* ???iue oii naeoee ii iaeaoo */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Iiaeeuiay noaia-iaa?oea */
    .help-system__stage { 
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 317px !important; 
        max-width: 100% !important; 
        min-height: 0 !important; 
        margin: 0 auto !important; 
        overflow: visible !important; /* Aa?ii, ?oiau ioeoa aueaoaea ca e?ae */
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* Caaieiaie ye?aia */
    .help-system__title { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 100% !important; 
        margin: 0 0 30px !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 32px !important; 
        line-height: 1 !important; 
        text-align: center !important; 
        color: #FFFFFF !important; /* Aaeue oaeno caaieiaea ia ???iii oiia */
    }
    .help-system__title br { display: none !important; }

    /* Eiioaeia? iaeeiiiie oioia?aoee */
    .help-system__photo-wrap { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 100% !important; 
        height: 310px !important; 
        margin: 0 0 20px !important; 
    }

    /* Naia oioia?aoey */
    .help-system__photo { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important;
        border-radius: 2px !important;
        transform: rotate(-3deg) !important; /* Nio?aiyai oe?iaiiue iaeeii */
    }

    /* Aieoaua oi?ee ia oioia?aoee */
    .help-system__dot { 
        position: absolute !important;
        width: 8px !important; 
        height: 8px !important; 
        background: #5EB0E2 !important;
        border-radius: 50% !important;
    }
    .help-system__dot--top   { left: 125px !important; top: -4px !important; }
    .help-system__dot--left  { left: -4px !important; top: 150px !important; }
    .help-system__dot--right { right: -4px !important; bottom: 80px !important; left: auto !important; }

    /* AAEA? EA?OI?EA OEOAOU */
    .help-system__card { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 100% !important; 
        height: auto !important; 
        min-height: 430px !important; 
        padding: 30px 26px 34px !important; 
        border-radius: 10px !important; 
        background: #FFFFFF !important; /* ?enoue aaeue oii ieaoee */
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
        overflow: visible !important; /* ?oiau ioeoa ia ?acaeanu a?aieoaie */
    }

    /* Oaeno oeoaou */
    .help-system__quote { 
        width: 100% !important;
        max-width: 100% !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important; 
        line-height: 1.25 !important; 
        color: #343333 !important; /* Aaeaai oaeno eiio?anoiui e ?eoaaiui */
        text-align: left !important;
        margin: 0 0 24px 0 !important;
    }

    /* Aaoi? oeoaou */
    .help-system__author { 
        width: 100% !important;
        font-family: 'Roboto', sans-serif !important;
        margin-top: 30px !important; 
        font-size: 16px !important; 
        line-height: 1 !important; 
        font-weight: 700 !important;
        color: #343333 !important;
        text-align: left !important;
        margin-bottom: 0 !important;
    }

    /* Aie?iinou */
    .help-system__position { 
        width: 100% !important;
        max-width: 160px !important; /* Ia?aie?eaaai oe?eio, ?oiau ia iaeacou ia ioeoo */
        font-family: 'Roboto', sans-serif !important;
        margin-top: 10px !important; 
        font-size: 12px !important; 
        line-height: 1.2 !important; 
        color: #5F5E5E !important;
        text-align: left !important;
        margin-bottom: auto !important; /* Auoaeeeaaao nnueeo aiec */
    }

    /* Nnueea «Aeaaiaa?iinoe» */
    .help-system__link { 
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        left: auto !important; 
        bottom: auto !important; 
        margin-top: 30px !important; /* Oeene?oai caci? */
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px !important; 
        color: #3EA74F !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        z-index: 3 !important; /* Eeeeaaaeuia iiaa?o oainoa ioeou */
    }

    .help-system__link span {
        display: inline-block !important;
        width: 6px !important;
        height: 6px !important;
        border-top: 1.5px solid #3EA74F !important;
        border-right: 1.5px solid #3EA74F !important;
        transform: rotate(45deg) !important;
    }

    /* ENI?AAEAIIUE ?IIEI: Neiyy eiioo?iay ioeoa aueaoaao no?iai ec oaea ea?oi?ee */
    .help-system__decor, 
    .help-system__decor-crop { 
        position: absolute !important; 
        
        /* Iieiinou? niinei eiia?uea aaneoiiiua left e top */
        left: unset !important; 
        top: unset !important; 
        
        /* Na?aai iaia?oai a i?aaue ie?iee oaie AAEIE ea?oi?ee */
        right: 10px !important; 
        bottom: -20px !important; /* ?anoe?ii aueaoaao ca e?ae ea?oi?ee aiec */
        
        width: 120px !important; 
        height: 129px !important; 
        max-width: none !important; 
        opacity: 1 !important; 
        transform: none !important; 
        object-fit: contain !important; 
        pointer-events: none !important; 
        z-index: 1 !important; 
    }
}
/* =========================================================
   16. ADAPTIVE: NENOAIA IIIIUE (Canvas 357px / Content 317px)
   ========================================================= */

@media (max-width: 767px) {

    /* Aiaoiee eiioaeia? ye?aia ? aica?auaai oaie naaoeue eee neaiciie oii */
    .help-system { 
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 58px 20px 66px !important; 
        background: var(--gray-light-font) !important; /* Oaie ?iaiie naaoeue oii */
        overflow: hidden !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Iiaeeuiay noaia-iaa?oea */
    .help-system__stage { 
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 317px !important; 
        max-width: 100% !important; 
        min-height: 0 !important; 
        margin: 0 auto !important; 
        overflow: visible !important; /* Aa?ii, ?oiau ioeoa aueaoaea ca e?ae */
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* Caaieiaie ye?aia (aica?auaai o?iiue oaao aoea) */
    .help-system__title { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 100% !important; 
        margin: 0 0 30px !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 32px !important; 
        line-height: 1 !important; 
        text-align: center !important; 
        color: var(--black-font) !important; /* ?iaiie o?iiue oaao oaenoa */
    }
    .help-system__title br { display: none !important; }

    /* Eiioaeia? iaeeiiiie oioia?aoee */
    .help-system__photo-wrap { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 100% !important; 
        height: 310px !important; 
        margin: 0 0 20px !important; 
    }

    /* Naia oioia?aoey */
    .help-system__photo { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important;
        border-radius: 2px !important;
        transform: rotate(-3deg) !important; 
    }

    /* Aieoaua oi?ee ia oioia?aoee */
    .help-system__dot { 
        position: absolute !important;
        width: 8px !important; 
        height: 8px !important; 
        background: #5EB0E2 !important;
        border-radius: 50% !important;
    }
    .help-system__dot--top   { left: 125px !important; top: -4px !important; }
    .help-system__dot--left  { left: -4px !important; top: 150px !important; }
    .help-system__dot--right { right: -4px !important; bottom: 80px !important; left: auto !important; }

    /* AAEA? EA?OI?EA OEOAOU */
    .help-system__card { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 100% !important; 
        height: auto !important; 
        min-height: 430px !important; 
        padding: 30px 26px 34px !important; 
        border-radius: 10px !important; 
        background: #FFFFFF !important; 
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
        overflow: visible !important; 
    }

    /* Oaeno oeoaou */
    .help-system__quote { 
        width: 100% !important;
        max-width: 100% !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important; 
        line-height: 1.1 !important; 
        color: #5F5E5E !important;
        text-align: left !important;
        margin: 0 0 24px 0 !important;
    }

    /* Aaoi? oeoaou */
    .help-system__author { 
        width: 100% !important;
        font-family: 'Roboto', sans-serif !important;
        margin-top: 30px !important; 
        font-size: 16px !important; 
        line-height: 1 !important; 
        font-weight: 700 !important;
        color: var(--black-font) !important;
        text-align: left !important;
        margin-bottom: 0 !important;
    }

    /* Aie?iinou */
    .help-system__position { 
        width: 100% !important;
        max-width: 160px !important; 
        font-family: 'Roboto', sans-serif !important;
        margin-top: 10px !important; 
        font-size: 12px !important; 
        line-height: 1.1 !important; 
        color: #5F5E5E !important;
        text-align: left !important;
        margin-bottom: auto !important; 
    }

    /* Nnueea «Aeaaiaa?iinoe» */
    .help-system__link { 
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        left: auto !important; 
        bottom: auto !important; 
        margin-top: 30px !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px !important; 
        color: #3EA74F !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        z-index: 3 !important; 
    }

    .help-system__link span {
        display: inline-block !important;
        width: 6px !important;
        height: 6px !important;
        border-top: 1.5px solid #3EA74F !important;
        border-right: 1.5px solid #3EA74F !important;
        transform: rotate(45deg) !important;
    }

    /* Neiyy ioeoa ia ianoa ? i?eaycaia no?iai e oaeo aaeie ea?oi?ee */
    .help-system__decor, 
    .help-system__decor-crop { 
        position: absolute !important; 
        left: unset !important; 
        top: unset !important; 
        right: 10px !important; 
        bottom: -20px !important; 
        width: 120px !important; 
        height: 129px !important; 
        max-width: none !important; 
        opacity: 1 !important; 
        transform: none !important; 
        object-fit: contain !important; 
        pointer-events: none !important; 
        z-index: 1 !important; 
    }
}
/* =========================================================
   18. ADAPTIVE: ENOI?E? OIIAA (Canvas 357px / Content 317px)
   ========================================================= */

@media (max-width: 767px) {

    .about-history {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 54px 0 60px !important;
        background: #FFFFFF !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Eiioaeia?-eieiiea aey ?anoeiai oi?aaeaiey iioieii eiioaioa */
    .about-history__stage {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Oaio?e?oai an? aioo?aiiaa niaa??eiia */
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 1. AEAAIUE CAAIEIAIE NAEOEE (No?iai ii oaio?o iaeaoa) */
    .about-history__title {
        order: 1 !important;
        position: relative !important;
        z-index: 2 !important;
        width: 317px !important;
        margin: 45px auto 24px !important; /* Ionooi naa?oo 45px, ?oiau inaiaiaeou ianoi iia ceacaa */
        font-family: 'Roboto', sans-serif !important;
        font-size: 34px !important;
        line-height: 120% !important;
        font-weight: 400 !important;
        text-align: center !important; /* Oaio?e?oai ii iaeaoo */
        color: var(--black-font) !important;
        left: auto !important;
    }

    /* AAEI?AOEAIA? CAEAIA? EEIE? IAA CAAIEIAEII */
    .about-history__line-mobile {
        display: block !important;
        position: absolute !important; 
        width: 220px !important;       /* Ia?aie?eaaai iiaeeuio? oe?eio */
        height: 31px !important;
        left: 50% !important;          /* Oaio?e?oai iaa aoeaaie */
        top: 40px !important;          /* Iiceoey iaa caaieiaeii */
        transform: translateX(-50%) !important;
        z-index: 1 !important;
        margin: 0 !important;
    }

    /* Aeooei ia?iiiue aaneoiiiue oiiiaue ceacaa */
    .about-history__line {
        display: none !important;
    }

    /* 2. AAIAIUE OAENO EEAA (Ii oaio?o iaeaoa) */
    .about-history__lead {
        order: 2 !important;
        position: relative !important;
        width: 317px !important;
        margin: 0 auto 40px !important; 
        color: var(--gray-font) !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
        text-align: center !important; /* Oaio?e?oai ii iaeaoo */
        left: auto !important;
    }
    .about-history__lead br { display: none !important; }


    /* ==================== AAOA 2016 ==================== */

    /* 3. OI?A?IUE AIA 2016 (Ii oaio?o iaeaoa) */
    .about-history__year--2016 {
        order: 3 !important;
        position: relative !important;
        display: block !important;
        width: 160px !important; /* Oia?aiiue iiaeeuiue ianooaa */
        height: auto !important;
        margin: 0 auto 16px !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* 4. OAENO IIENAIE? 2016 */
    .about-history__text--2016 {
        order: 4 !important;
        position: relative !important;
        width: 317px !important;
        margin: 0 auto 16px !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: center !important; /* Oaeno oaio?e?iaai ii iaeaoo */
        left: auto !important;
        top: auto !important;
    }

    /* 5. NNUEEA "?EOAOU ENOI?E?" */
    .about-history__link {
        order: 5 !important;
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: auto !important;
        margin: 0 auto 48px !important; /* Caci? ai neaao?uae aaou */
        color: var(--green) !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }


    /* ==================== AAOA 2020 ==================== */

    /* 6. OI?A?IUE AIA 2020 (Ii oaio?o iaeaoa) */
    .about-history__year--2020 {
        order: 6 !important;
        position: relative !important;
        display: block !important;
        width: 160px !important;
        height: auto !important;
        margin: 0 auto 16px !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* 7. IA?AUE AACAO OAENOA 2020 */
    .about-history__text--middle {
        order: 7 !important;
        position: relative !important;
        width: 317px !important;
        margin: 0 auto 16px !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: center !important; /* Oaio?e?oai ii iaeaoo */
        left: auto !important;
        top: auto !important;
    }

    /* 8. AOI?IE AACAO OAENOA 2020 */
    .about-history__text--2020 {
        order: 8 !important;
        position: relative !important;
        width: 317px !important;
        margin: 0 auto 30px !important; /* Caci? ia?aa ea?onaeu? oioia?aoee */
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: center !important; /* Oaio?e?oai ii iaeaoo */
        left: auto !important;
        top: auto !important;
        right: auto !important;
    }

    /* Aeooei iaeii?iua aaneoiiiua oioia?aoee, ?aneeaaiiua aanie?oaie */
    .about-history__photo {
        display: none !important;
    }


    /* =========================================================
       9. AI?ECIIOAEUIA? EA?ONAEU N OIOIA?AOE?IE AAOAE
       ========================================================= */

    /* Aee??aai aeie aaea?ae ia iiaeeuiuo e iano?aeaaai naaei */
    .about-history__gallery {
        order: 9 !important;
        position: relative !important;
        display: flex !important; /* Iaiyai grid/block ia flex-no?ieo */
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        
        width: 100% !important;
        height: 230px !important; /* Aunioa iia iiaeeuiua oioia?aoee */
        margin: 0 !important;
        padding: 0 20px !important; /* Ionooiu ii e?ayi ye?aia nia?ooiia */
        left: auto !important;
        top: auto !important;
        transform: none !important;
        
        /* Ieaaiue ai?eciioaeuiue naaei */
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important; /* Ne?uaaai iieino a Firefox */
        box-sizing: border-box !important;
    }

    /* Ne?uaaai ne?ieeaa? a Webkit (Chrome/Safari) */
    .about-history__gallery::-webkit-scrollbar {
        display: none !important;
    }

    /* Aica?auaai ioia?a?aiea aey anao yeaiaioia aaea?ae ia iiaeeea */
    .about-history__gallery-item {
        display: inline-block !important; /* Ia?aaeaaai ne?uoea (:nth-child(n+2)) */
        flex: 0 0 270px !important;       /* Oeene?iaaiiay oe?eia oioia?aoee a eaioa */
        width: 270px !important;
        height: 210px !important;
        margin-right: 12px !important;    /* Caci? ia?ao oioeaie */
        box-sizing: border-box !important;
    }

    /* Na?in ia?aeia o naiiai iineaaiaai oioi a ea?onaee */
    .about-history__gallery-item:last-child {
        margin-right: 0 !important;
    }

    /* Naia ea?oeiea aioo?e yeaiaioa neaeaa?a */
    .about-history__gallery-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 6px !important; /* Aeeo?aoiia ne?oaeaiea ii UI-eeoo */
    }
}
/* =========================================================
   16. ADAPTIVE: NENOAIA IIIIUE (ENI?AAEAII: OIOI AICA?AUAII)
   ========================================================= */

@media (max-width: 767px) {

    /* Aiaoiee eiioaeia? ye?aia */
    .help-system { 
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 58px 0 66px !important; 
        background: var(--gray-light-font) !important; /* Oaie naaoeue neaiciie oii */
        overflow: hidden !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Iiaeeuiay noaia-iaa?oea */
    .help-system__stage { 
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 317px !important; 
        max-width: 100% !important; 
        min-height: 0 !important; 
        margin: 0 auto !important; 
        overflow: visible !important; /* ?oiau neiyy ioeoa aueaoaea ca e?ae ea?oi?ee */
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* Caaieiaie ye?aia («Iu iino?ieee eiiieaenio? nenoaio iiiiue...») */
    .help-system__title { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 100% !important; 
        margin: 0 auto 30px !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 22px !important; /* Oia?aiiue iiaeeuiue ?acia? aey aeeiiiai oaenoa */
        line-height: 1.3 !important; 
        text-align: center !important; 
        color: var(--black-font) !important;
    }
    .help-system__title br { display: none !important; }

    /* =========================================================
       AICA?AUAAI E EA?EI IAEEIIIO? OIOIA?AOE? NIO?sub?OAIEEIA
       ========================================================= */
    
    /* Eiioaeia?-iaa?oea aey oioi */
    .help-system__photo-wrap { 
        position: relative !important; 
        display: block !important; /* ?ANOEI INOAAE?AI IOIA?A?AIEA */
        left: auto !important; 
        top: auto !important; 
        width: 290px !important; /* ?oou o?a eiioaioa, ?oiau nicaaou iauai ii e?ayi */
        height: 310px !important; /* I?iii?oeiiaeuiay iiaeeuiay aunioa */
        margin: 0 auto 35px !important; /* Ionooi nieco ai aaeie ea?oi?ee oeoaou */
    }

    /* Naia oioia?aoey aioo?e iaa?oee */
    .help-system__photo,
    .help-system__photo-wrap img { 
        display: block !important;
        position: relative !important;
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important;
        border-radius: 2px !important;
        transform: rotate(-3deg) !important; /* Oaie oe?iaiiue iaeeii oioee ec Figma */
left: -11px;
    }

    /* Aieoaua oi?ee ia oaeao oioia?aoee */
    .help-system__dot { 
        position: absolute !important;
        display: block !important;
        width: 8px !important; 
        height: 8px !important; 
        background: #5EB0E2 !important;
        border-radius: 50% !important;
        z-index: 3 !important;
    }
    /* Iiceoeiie?oai oi?ee aeeo?aoii ii eiioo?o iiaeeuiiai oioi */
    .help-system__dot--top   { left: 125px !important; top: -4px !important; }
    .help-system__dot--left  { left: -14px !important; top: 150px !important; }
    .help-system__dot--right { right: 5px !important; bottom: 80px !important; left: auto !important; }

    /* =========================================================
       AAEA? EA?OI?EA OEOAOU IIA OIOIA?AOEAE
       ========================================================= */
    .help-system__card { 
        position: relative !important; 
        left: auto !important; 
        top: auto !important; 
        width: 317px !important; 
        height: auto !important; 
        min-height: 380px !important; 
        padding: 30px 26px 34px !important; 
        border-radius: 10px !important; 
        background: #FFFFFF !important; 
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
        overflow: visible !important; 
    }

    /* Oaeno oeoaou */
    .help-system__quote { 
        width: 100% !important;
        max-width: 100% !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important; 
        line-height: 1.3 !important; 
        color: #5F5E5E !important;
        text-align: left !important;
        margin: 0 0 24px 0 !important;
    }

    /* Aaoi? oeoaou */
    .help-system__author { 
        width: 100% !important;
        font-family: 'Roboto', sans-serif !important;
        margin-top: 30px !important; 
        font-size: 16px !important; 
        line-height: 1 !important; 
        font-weight: 700 !important;
        color: var(--black-font) !important;
        text-align: left !important;
        margin-bottom: 0 !important;
    }

    /* Aie?iinou */
    .help-system__position { 
        width: 100% !important;
        max-width: 160px !important; 
        font-family: 'Roboto', sans-serif !important;
        margin-top: 10px !important; 
        font-size: 12px !important; 
        line-height: 1.2 !important; 
        color: #5F5E5E !important;
        text-align: left !important;
        margin-bottom: auto !important; 
    }

    /* Nnueea «Aeaaiaa?iinoe» */
    .help-system__link { 
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        left: auto !important; 
        bottom: auto !important; 
        margin-top: 30px !important; 
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px !important; 
        color: #3EA74F !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        z-index: 3 !important; 
    }

    .help-system__link span {
        display: inline-block !important;
        width: 6px !important;
        height: 6px !important;
        border-top: 1.5px solid #3EA74F !important;
        border-right: 1.5px solid #3EA74F !important;
        transform: rotate(45deg) !important;
    }

    .help-system__decor {
        position: absolute !important;
        
        /* ?anoeea ?acia?u ec iiaeeuiiai iaeaoa */
        width: 147px !important; 
        height: 142px !important;
        
        /* Oi?iia iiceoeiie?iaaiea a i?aaue ie?iee oaie */
       right: -5px !important;
    bottom: -34px !important; /* Naaea aiec, ?oiau iia neaaea aueacaea, eae ia iaeaoa */
        left: auto !important; /* Iaioeyai left, anee ii i?eeaoaao ec aaneoiia */
        top: auto !important; /* Iaioeyai top, ?oiau ia oyioei aaa?o */
        
        object-fit: contain !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }
    /* =========================================================
       AEIE: ENOI?E? O?IIIEIAE? (.about-history)
       ========================================================= */

    .about-history {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 54px 0 60px !important;
        background: #FFFFFF !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Eiioaeia?-eieiiea aey ?anoeiai oi?aaeaiey ii?yaeii ?a?ac order */
    .about-history__stage {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 1. AEAAIUE CAAIEIAIE NAEOEE */
    .about-history__title {
        order: 1 !important;
        position: relative !important;
        z-index: 2 !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 24px !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 34px !important;
        line-height: 120% !important;
        font-weight: 400 !important;
        text-align: left !important;
        color: var(--black-font) !important;
    }

    /* Aaei?aoeaiay caeaiay eeiey */
    .about-history__line-mobile {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 34px !important;
        width: 193px !important;
        height: auto !important;
        z-index: 1 !important;
    }

    /* 2. AAIAIUE OAENO (EEA) */
    .about-history__lead {
        order: 2 !important;
        position: relative !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 40px !important; /* E?oiiue caci? ia?aa ia?aeii o?iiieiaee */
        color: var(--gray-font) !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }

    /* ==================== AEIE 2016 ==================== */

    /* 3. AAOA 2016 (SVG/Ecia?a?aiea) */
    .about-history__year--2016 {
        order: 3 !important;
        position: relative !important;
        display: block !important;
        left: auto !important;
        top: auto !important;
        width: 160px !important;
        height: auto !important;
        margin: 0 20px 16px !important;
    }

    /* 4. OAENO AE? 2016 AIAA */
    .about-history__text--2016 {
        order: 4 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 16px !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: left !important;
    }

    /* 5. NNUEEA "?EOAOU ENOI?E?" */
    .about-history__link {
        order: 5 !important;
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 20px 48px !important; /* Aieuoie ionooi ioaaeyao aaoo 2016 io 2020 */
        color: var(--green) !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    /* ==================== AEIE 2020 ==================== */

    /* 6. AAOA 2020 (SVG/Ecia?a?aiea) */
    .about-history__year--2020 {
        order: 6 !important;
        position: relative !important;
        display: block !important;
        left: auto !important;
        top: auto !important;
        width: 160px !important;
        height: auto !important;
        margin: 0 20px 16px !important; 
    }

    /* 7. IA?AUE OAENO 2020 */
    .about-history__text--middle {
        order: 7 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 16px !important; 
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: left !important;
    }

    /* 8. AOI?IE OAENO 2020 */
    .about-history__text--2020 {
        order: 8 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 0 !important; 
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        color: var(--black-font) !important;
        text-align: left !important;
    }

  }
/* =========================================================
   MOBILE ADAPTIVE: MISSION SECTION (No?iai <= 768px)
   ========================================================= */
@media (max-width: 768px) {
    
    .mission-section {
        padding: 60px 0 90px; /* Iaaaeia nieco 90px no?iai ii Figma */
        background: var(--gray-light-font); /* Eee eniieucoe yaiue oaao #F6F6F6 / #EBEAE6 */
    }

    .mission-section__stage {
        width: 100%;
        max-width: 357px; /* Ia?aie?eaaai ii oe?eia breakout-o?aeia */
        margin: 0 auto;
        padding: 0 20px; /* Aaciianiua ionooiu io e?aaa ye?aia oaeaoiia */
        box-sizing: border-box;
    }

    /* Oaiea naeoee */
    .mission-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px; /* Ionooi ia?ao caaieiaeii e oaenoii ii Figma */
        margin-bottom: 50px; /* Ionooi ai aeiea ea?oi?ae */
        text-align: center;
    }

    .mission-header__title {
        position: relative;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 36px; /* ?acia? o?eooa ec OC */
        line-height: 100%;
        letter-spacing: -0.02em;
        color: #343333;
        margin: 0;
    }

    /* Oaeno iia caaieiaeii */
    .mission-header__text {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px; /* ?acia? no?iai ec Figma */
        line-height: 110%;
        color: #343333;
        margin: 0;
    }

    /* Noae ea?oi?ae */
    .mission-cards {
        display: flex;
        flex-direction: column;
        gap: 10px; /* ?annoiyiea ia?ao ea?oi?eaie no?iai 10px ii iaeaoo */
        width: 100%;
    }

    /* Noeee naiie ea?oi?ee */
    .mission-card {
        position: relative; /* ?oiau iiceoeiie?iaaou iiia? a oaeo */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        min-height: 221px; /* Ieieiaeuiay aunioa aey i?aaioa?auaiey noeiiuaaiey */
        padding: 20px; /* Aioo?aiiea iaaaeiae ec Figma */
        background: #FFFFFF;
        border-radius: 10px;
        box-sizing: border-box;
        overflow: hidden;
    }

    /* Eeiiea-iiia? a aa?oiai i?aaii oaeo */
    .mission-card__number {
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none; /* ?oiau aaei?aoeaiue yeaiaio ia ia?aoaaouaae oaiu */
    }

    .mission-card__number svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Caaieiaie aioo?e ea?oi?ee (Nii?iai?aaou e o.a.) */
    .mission-card__title {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px; /* Ii OC */
        line-height: 90%;
        color: #343333;
        margin: 0 0 24px 0; /* Aaeaai ionooi aiec ai oaenoa */
        max-width: 70%; /* ?oiau aeeiiue oaeno ia iaeacae ia iiia? 01/02 */
    }

    /* Iienaiea oaiiinoe */
    .mission-card__description {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        color: #5F5E5E; /* Na?ue oaao o?eooa */
        margin: 0;
    }
}
/* =========================================================
   MOBILE ADAPTIVE: MISSION CARD 01 (No?iai <= 768px)
   ========================================================= */
@media (max-width: 768px) {

    /* Eiioaeia? ea?oi?ee (card-357) */
    .mission-card {
        position: relative; /* ?oiau n iiceoeiie?iaaieai iiia?a ia auei i?iaeai */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px; /* Iaaaeia ec Figma */
        
        /* Aianoi ?anoeie height: 278px eniieucoai min-height, 
           ?oiau ea?oi?ea ia i?aa?auaeanu a eaoo, anee oaeno ia?aiieieony */
        min-height: 278px; 
        width: 100%;
        background: #FFFFFF;
        border-radius: 10px;
        box-sizing: border-box;
        overflow: hidden;
    }

    /* Eeiiea / Aaei?aoeaiue iiia? a oaeo */
    .mission-card__number {
        position: absolute;
        width: 80px;
        height: 80px;
        right: 0px; /* No?iai ii iaeaoo i?e?eiaai e aa?oiaio i?aaiio oaeo */
        top: 0px;
        z-index: 1;
        pointer-events: none; /* ?oiau aaei?aoey ia iaoaea oaiaou ii ea?oi?ea */
    }

    /* Aaaioeaiinou aey SVG aioo?e aeiea iiia?a */
    .mission-card__number svg,
    .mission-card__number img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Caaieiaie (Nii?iai?aaou) */
    .mission-card__title {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px; /* Ii iaeaoo */
        line-height: 90%;
        color: #343333;
        
        /* ?annoiyiea (gap) ai ie?iaai oaenoa */
        margin: 0 0 24px 0; 
        
        /* Ia?aie?aiea ii oe?eia, ?oiau caaieiaie ia a?acaeny a eeiieo iiia?a */
        max-width: calc(100% - 70px); 
        z-index: 2;
    }

    /* Iienaiea (Iaania?eaaai ?aaaeeeoaoeiiiia...) */
    .mission-card__description {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px; /* Ii iaeaoo */
        line-height: 120%;
        color: #5F5E5E; /* Na?ue oaao ec Figma */
        margin: 0;
        z-index: 2;
        
        /* ?ani?aaeyai ia an? oe?eio */
        align-self: stretch; 
    }
}
/*/* =========================================================
   ?ANOEEE NA?IN AUNIOU AE? NAEOEE HELP SYSTEM (<= 768px)
   ========================================================= */
@media (max-width: 768px) {
    
    /* Naia naeoey aie?ia naiaiaii ?anoyaeaaouny aiec */
    .help-system {
        padding: 40px 0 60px;
        background: #000000;
        height: auto !important; /* Na?anuaaai ?anoeo? aunioo, anee iia i?eeaoaea ec aaneoiia */
        position: relative;
    }

    /* Aeaaiue aioo?aiiee eiioaeia?-iaa?oea */
    .help-system__stage {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 357px;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
        
        /* E?EOE?ANEIA ENI?AAEAIEA: */
        height: auto !important; /* ?ac?aoaai ?iaeoae? ?anoe aneaa ca eiioaioii */
    }

    /* Aeie n aeaaiui aa?oiei oaenoii-caaieiaeii */
    .help-system__title {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px;
        line-height: 120%; /* Neaaea oaaee?ei ia?no?i?iue eioa?aae aey iiaeeee, ?oiau ia auei eaoe */
        text-align: center;
        color: #FFFFFF;
        margin: 0 auto 36px;
        width: 100%;
        max-width: 317px;
        box-sizing: border-box;
    }

   /* Eiioaeia? iiaa?iooiai oioi (IMAGE o?aei ec Figma) */
    .help-system__photo-wrap {
        position: relative;
        width: 317px; /* No?iai ii Figma */
        height: 320px; /* No?iai ii Figma */
        margin: 0 auto 40px; /* Oaio?e?oao nai eiioaeia? ia ye?aia oaeaoiia */
        overflow: visible; /* ?oiau oi?ee ii aieai ia ?acaeenu */
        flex-shrink: 0;
    }

    /* Naia oioia?aoey (image 11) */
    .help-system__photo {
        position: absolute;
        width: 270px; /* No?iai ii Figma */
        height: 307px; /* No?iai ii Figma */
        top: 0px;
        
        /* ?anoeay i?eaycea e eaaiio e?a? eiioaeia?a aianoi calc */
        left: 16px; 
        
        object-fit: cover;
        border-radius: 2px;
        
        /* Oi?iay iao?eoa iaeeiia ec Figma */
        transform: matrix(1, -0.05, 0.05, 1, 0, 0); 
    }

    /* Aaciaue eeann aey aieoauo oi?ae-aoeeeoia */
    .help-system__dot {
        position: absolute;
        width: 7.98px;
        height: 7.98px;
        background: #5EB0E2; /* Oi?iue oaao Blue */
        border-radius: 50%;
        z-index: 5;
    }

    /* Aa?oiyy oi?ea */
    .help-system__dot--top {
        left: 120.33px; /* No?iai ii Figma */
        top: 5px;
    }

    /* Eaaay oi?ea */
    .help-system__dot--left {
        left: 14px; /* No?iai ii Figma */
        top: 90.34px;
    }

    /* I?aaay oi?ea */
    .help-system__dot--right {
        /* I?eaycuaaai e i?aaiio e?a? eiioaeia?a 317px, ?oiau oi?ea ia oeaoaea */
        left: auto;
        right: -21px; /* No?iai ii Figma */
        top: 189.71px;
    }    /* Naia ea?oi?ea (aaeay ieaoea) */
    .help-system__card {
        position: relative;
        width: 100%;
        padding: 30px 24px 40px; /* Aieuoie aioo?aiiee ionooi nieco */
        background: #FFFFFF;
        border-radius: 14px;
        box-sizing: border-box;
        
        /* E?EOE?ANEIA ENI?AAEAIEA: */
        height: auto !important; /* Ea?oi?ea IA?CAIA auou ?aceiiaie */
        overflow: visible; /* Ioee??aai ia?aceo eiioaioa */
        flex-shrink: 0; /* Aa?aioe?oai, ?oi oeaen ia ni?iao aaeo? ea?oi?eo */
    }

    /* Noeee yeaiaioia aioo?e ea?oi?ee (aey eiio?iey ionooiia) */
    .help-system__quote {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #343333;
        margin: 0 0 24px 0;
    }

    .help-system__author {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 110%;
        color: #343333;
        margin: 0 0 6px 0;
    }

    .help-system__position {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 120%;
        color: rgba(95, 94, 94, 0.6);
        margin: 0 0 32px 0;
    }

    .help-system__link {
        display: inline-flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #3EA74F;
        text-decoration: none;
    }
}

/* =========================================================
   6. DIRECTIONS & PROGRAMS (NO?IAEE DESKTOP 1440px)
   ========================================================= */

.about-directions {
    position: relative;
    width: 1400px; /* Oe?eia o?aeia: 1440px - 20px ionooiu n aieia */
    height: 738px; 
    margin: 120px auto 0; 
    background: #3EA74F; 
    border-radius: 10px; 
    overflow: hidden; 
    box-sizing: border-box;
}

.about-directions__stage {
    position: relative;
    width: 1400px;
    height: 100%;
    margin: 0 auto;
}

.about-directions__title {
    position: absolute;
    width: 1400px;
    height: 56px;
    left: 0;
    top: 120px; 
    text-align: center;
    color: #FFFFFF;
    font-size: 56px; 
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 400;
    margin: 0;
}

.about-directions__tabs {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px;
    gap: 8px;
    width: 333px; 
    height: 52px;  
    left: calc(50% - 333px / 2); 
    top: 216px; 
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    box-sizing: border-box;
}

.about-directions__tab {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px; 
    height: 40px;
    border: 0;
    border-radius: 100px;
    background: transparent;
    cursor: pointer;
    white-space: nowrap; 
    font-family: 'Roboto', sans-serif;
    font-weight: 500; 
    font-size: 14px;
    line-height: 1.1; 
    text-align: center;
    color: #FFFFFF;
}

.about-directions__tab.is-active {
    width: 141px; 
    background: #FFFFFF;
    color: #343333;
    font-weight: 700;
}

.about-directions__tab:not(.is-active) {
    width: 172px; 
    color: #FFFFFF;
}

.about-directions__viewport {
    position: absolute;
    width: 1240px; 
    height: 350px;
    left: 80px; 
    top: 348px; 
    overflow: hidden;
}

/* Aaneoiiiay Grid-naoea */
.about-directions__cards {
    display: none;
    grid-template-columns: repeat(3, 400px); 
    gap: 20px; 
    width: 100%;
    height: 100%;
}

.about-directions__cards.is-active {
    display: grid !important; 
}

.about-direction-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    align-items: flex-start;
    padding: 30px; 
    width: 400px;  
    height: 350px; 
    border-radius: 10px;
    background: #FFFFFF;
    box-sizing: border-box;
    overflow: hidden;
    isolation: isolate;
}

.about-direction-card__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 340px;
    z-index: 2;
}

.about-direction-card__title {
    width: 340px;
    color: #343333;
    font-size: 30px; 
    line-height: 0.9;
    margin: 0;
}

.about-direction-card__text {
    width: 300px;
    color: #5F5E5E;
    font-size: 18px; 
    line-height: 1.1;
    margin: 0;
}

.about-direction-card__button {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    width: 140px;  
    height: 40px;  
    background: #3EA74F;
    border-radius: 100px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box;
}

.about-direction-card__image {
    position: absolute;
    width: 219px;  
    height: 225px; 
    right: 0;
    bottom: 0;
    z-index: 1;
    object-fit: contain;
    pointer-events: none;
}

.about-directions__arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 503px; 
    border: 0;
    border-radius: 100px;
    background: #FFFFFF;
    color: #343333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.about-directions__arrow--prev { left: 20px; display: none;}
.about-directions__arrow--next { right: 20px; }

.about-directions__arrow::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #343333;
    border-left: 2px solid #343333;
}
.about-directions__arrow--prev::before { transform: rotate(-45deg); margin-left: 3px; }
.about-directions__arrow--next::before { transform: rotate(135deg); margin-right: 3px; }


/* =========================================================
   ECIEE?IAAIIUE OAEOE?ANEEE IAAEA-CAI?IN AE? IIAEEIE (<= 767px)
   ========================================================= */
@media (max-width: 767px) {

    /* Aiaoiee caeaiue eiioaeia?-ieaoea ii Figma */
    .about-directions {
        position: relative !important;
        width: 100% !important;
        max-width: 357px !important; 
        height: 500px !important; /* Aunioa no?iai ii Figma */
        min-height: 500px !important;
        margin: 0 auto !important;
        
        /* Iaaaeia 20px naa?oo, ?oiau iiaiyou caaieiaie iiauoa */
        padding: 20px 0 0 0 !important; 
        
        background: #3EA74F !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    .about-directions__stage {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    /* Iiaiyoue caaieiaie naeoee */
    .about-directions__title {
        position: relative !important;
        width: 100% !important;
        max-width: 317px !important;
        
        /* Oiaiuoeee ia??ei ai 15px, ?oiau iiaoyioou oaau auoa */
        margin: 0 auto 15px !important; 
        
        top: auto !important;
        left: auto !important;
        transform: none !important;
        
        font-family: 'Roboto', Arial, sans-serif !important;
        font-weight: 400 !important;
        font-size: 36px !important; /* No?iai ii Figma */
        line-height: 100% !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        color: #FFFFFF !important;
    }

    /* Ia?aee??aoaeu oaaia */
    .about-directions__tabs {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 308px !important;
        max-width: calc(100% - 32px) !important;
        height: 38px !important;
        
        /* Oiaiuoaiiue caci? ai ai?eciioaeuiie eaiou */
        margin: 0 auto 20px !important; 
        
        padding: 4px !important;
        border: 1px solid #97CA94 !important;
        border-radius: 100px !important;
        background: transparent !important;
        box-sizing: border-box !important;
        z-index: 10 !important;
        top: 30px !important;
        left: auto !important;
        transform: none !important;
    }

    .about-directions__tab {
        height: 30px !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 100px !important;
        background: transparent !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 110% !important;
        font-weight: 500 !important;
        color: #FFFFFF !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        flex: 1 1 auto !important;
        width: auto !important;
    }

    .about-directions__tab.is-active {
        background: #FFFFFF !important;
        color: #343333 !important;
        font-weight: 700 !important;
    }

    /* I?y?ai aanie?oii e?aua no?aeee neaeaa?a ia iiaeeea */
    .about-directions__arrow,
    .about-directions button.slick-arrow,
    .about-directions .slick-prev,
    .about-directions .slick-next {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Ieii i?iniio?a aey ai?eciioaeuiiai ne?ieea */
    .about-directions__viewport {
        position: relative !important;
        display: flex !important; /* Aee??aai Flexbox ?ya */
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        
        width: 100% !important;
        height: 270px !important; /* Aunioa iia ea?oi?eo 260px n caianii oaie */
        margin: 0 !important;
        padding: 0 20px !important; /* Ionooiu io e?aaa o?aeia ii Figma */
        
        overflow-x: auto !important; /* Aee??aai iaoeaiue naaei */
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        box-sizing: border-box !important;
        top: 48px !important;
        left: auto !important;
    }

    .about-directions__viewport::-webkit-scrollbar {
        display: none !important;
    }

    /* ECIEE?IAAIIUE NA?IN O?AEA AE? IIAEEEE (I?eiaiyaony oieuei aioo?e iiaeeuiiai au?ii?oa) */
    .about-directions__viewport .about-directions__cards,
    .about-directions__viewport .slick-list,
    .about-directions__viewport .slick-track,
    .about-directions__viewport .slick-slide,
    .about-directions__viewport .slick-slide > div {
        display: contents !important; /* I?aa?auaao oaoie?aneea iaa?oee neaeaa?a a i?ic?a?iua */
        transform: none !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
    }

    /* Oi?aaeyai ne?uoeai iaaeoeaiiai oaaa */
    .about-directions__viewport .about-directions__cards:not(.is-active) {
        display: none !important;
    }

    /* Iiaeeuiay noeeecaoey naiie ea?oi?ee */
    .about-directions__viewport .about-direction-card {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        white-space: normal !important;
        
        width: 308px !important; /* Ii Figma */
        max-width: 308px !important;
        min-width: 308px !important;
        height: 260px !important; /* Ii Figma */
        
        margin: 0 10px 0 0 !important; /* Caci? ia?ao ea?oi?eaie gap: 10px */
        padding: 20px !important;
        background: #FFFFFF !important;
        border-radius: 10px !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important; /* Caueoa io n?aoey oeaenii */
        
        float: none !important;
        top: auto !important;
        left: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .about-directions__viewport .about-direction-card:last-child {
        margin-right: 0 !important;
    }

    .about-direction-card__content {
        position: relative !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important; /* Ionooi gap ii Figma */
        width: 100% !important;
    }

    .about-direction-card__title {
        width: 100% !important;
        margin: 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-weight: 400 !important;
        font-size: 22px !important;
        line-height: 90% !important;
        color: #343333 !important;
    }

    .about-direction-card__text {
        width: 100% !important;
        max-width: 240px !important;
        margin: 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 110% !important;
        color: #5F5E5E !important;
    }

    .about-direction-card__image {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        top: auto !important;
        z-index: 1 !important;
        width: 140px !important;
        height: 140px !important;
        object-fit: contain !important;
        pointer-events: none !important;
        transform: none !important;
    }

    .about-direction-card__button {
        position: relative !important;
        z-index: 3 !important;
        width: 140px !important;
        height: 40px !important;
        margin-top: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 20px !important;
        background: #3EA74F !important;
        border-radius: 100px !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 15px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        color: #FFFFFF !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   7. HISTORY & CHRONOLOGY (IIAEEUIUE A?AAEAIO AIECO <= 767px)
   ========================================================= */
@media (max-width: 767px) {
    
    /* Aeaaiue eiioaeia? naeoee enoi?ee */
    .about-history {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 357px !important; /* Oe?eia ye?aia ii Figma */
        height: auto !important; /* ?aceiiaue ?ino iia eiioaio */
        margin: 0 auto !important;
        
        /* Aica?auaai ?iaiie aa?oiee iaaaeia 90px ii Figma */
        padding: 90px 10px 0px !important; 
        
        /* A?AAEAIOIUE IA?AOIA AIECO: naeoey ia?eiaaony eae ?enoi aaeay, 
           a a naiii ieco (iineaaiea 120px) iyaei ooiaeo a na?ue oaao */
        background: linear-gradient(
            to bottom, 
            #FFFFFF 0%, 
            #FFFFFF calc(100% - 120px), /* Aa??ei aaeue oaao ii?oe ai naiiai eiioa */
            #F4F4F4 100%                 /* Iyaei ?anoai?yai a na?ue oaao ia oeiaeuiii io?acea */
        ) !important;
        
        box-sizing: border-box !important;
        overflow: hidden !important;
        
        left: auto !important; top: auto !important; transform: none !important;
    }

    /* Aeaaiay noaia */
    .about-history__stage {
        display: flex !important;
        flex-direction: column !important; 
        align-items: center !important; 
        padding: 0 0 60px 0 !important; /* Ionooi a naiii ieco noaiu aey ieaaiinoe ia?aoiaa */
        gap: 50px !important; /* ?annoiyiea ia?ao aeieaie ii Figma */
        width: 317px !important; 
        height: auto !important;
        position: relative !important;
    }

    /* Aeaaiue caaieiaie «Enoi?ey oiiaa» (Aica?auaai o?iiue oaao) */
    .about-history__title {
        position: relative !important;
        width: 317px !important;
        height: auto !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-weight: 400 !important;
        font-size: 36px !important; 
        line-height: 100% !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        color: #343333 !important; /* ?iaiie o?iiue oaao oaenoa */
        margin: 0 0 -20px 0 !important; 
        z-index: 2 !important;
        left: auto !important; top: auto !important; transform: none !important;
    }

    /* Cae?iue ceacaa-aaeoi? iaa caaieiaeii (Aica?auaai ?iaiua oaaoa) */
    .about-history__line-mobile {
        display: block !important;
        position: absolute !important;
        width: 216.5px !important;
        height: 32px !important;
        left: calc(50% - 216.5px / 2) !important;
        top: -45px !important; 
        z-index: 1 !important;
    }
    .about-history__line-mobile path {
        stroke: #3EA74F !important; /* ?iaiie cae?iue */
    }
    .about-history__line-mobile circle {
        fill: #185E30 !important; /* ?iaiie o?iii-cae?iue */
    }

    /* Oaeno aaiaiiai iiacaaieiaea-eeaa (Aica?auaai o?iiue oaao) */
    .about-history__stage > p:not([class]), 
    .about-history__stage > div:not([class]) p {
        text-align: center !important;
        color: #343333 !important; /* ?iaiie oaao */
        text-shadow: none !important;
    }

    /* Iieiinou? aeooei aaneoiiio? a?aoeeo */
    .about-history__line,
    .about-history__bullet,
    .about-history__photo {
        display: none !important;
    }

    /* Aeiee n oaenoii aao (2016 / 2020) */
    .about-history__text {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 317px !important;
        height: auto !important;
        left: auto !important; top: auto !important; right: auto !important;
        margin: 0 !important;
    }

    .about-history__text p {
        font-family: 'Roboto', Arial, sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 120% !important; 
        color: #5F5E5E !important; 
        text-align: left !important; 
        margin: 0 !important;
    }

    /* Ea?oeiee-oeo?u eao */
    .about-history__year {
        position: relative !important;
        display: block !important;
        width: 192px !important; 
        height: 102px !important; 
        margin: 10px 0 -10px 0 !important; 
        left: auto !important; top: auto !important; transform: none !important;
    }

    /* Nnueea «?eoaou enoi?e?» */
    .about-history__link {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: auto !important;
        height: 15px !important;
        margin-top: 5px !important;
        color: #3EA74F !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 110% !important;
    }

    .about-history__link span {
        display: inline-block !important;
        width: 6px !important;
        height: 6px !important;
        border-top: 1.5px solid #3EA74F !important;
        border-right: 1.5px solid #3EA74F !important;
        transform: rotate(45deg) !important;
        margin: 0 0 1px 2px !important;
    }
}
/* =========================================================
   9. TEAM & STAFF (IIAEEUIA? AA?NE? N ENI?AAEAIEAI OAAIA)
   ========================================================= */
@media (max-width: 767px) {
    .about-team {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        padding: 48px 0 40px !important;
        background: #F6F6F6 !important; /* Na?ue oii naeoee */
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .about-team__stage {
        width: 100% !important;
        max-width: 357px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Caaieiaie naeoee */
    .about-team__title {
        margin: 0 0 24px 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-weight: 400 !important;
        font-size: 34px !important;
        line-height: 100% !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        color: #343333 !important;
    }

    /* ENI?AAEAIIUE EIIOAEIA? OAAIA (Aaoieaeaoo aac ?aiie) */
    .about-team__tabs {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important; /* ?ac?aoaai ia?aiin oaaia */
        justify-content: center !important; /* Oaio?e?oai eiiiee ia ye?aia */
        align-items: center !important;
        padding: 0 !important;
        gap: 6px !important; /* No?iai 6px ii Oeaia */
        width: 100% !important;
        max-width: 316px !important; /* Ia?aie?eaaai eiioo? iaeaea ii Oeaia */
        height: auto !important; /* Aunioa ?aceiiaay iia ia?aiin no?ie */
        min-height: 102px !important; /* Aunioa ii Oeaia aey 3-o ?yaia */
        margin: 0 auto 32px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
    }

    /* ENI?AAEAIIUE OAA: oae?aai oeene?iaaiio? oe?eio, aaai oaenoo naiaiao */
    .about-team__tab {
        display: inline-flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 14px !important; /* No?iai ii Oeaia */
        height: 30px !important; /* No?iai ii Oeaia */
        border-radius: 100px !important;
        
        /* Aaoi-oe?eia iia ?acia? oaenoa, ?oiau eiiiee anoaee ?iaii */
        width: auto !important; 
        min-width: fit-content !important;
        max-width: none !important;
        
        font-family: 'Roboto', Arial, sans-serif !important;
        font-style: normal !important;
        font-size: 13px !important; /* No?iai 13px ii Oeaia */
        line-height: 110% !important;
        text-align: center !important;
        white-space: nowrap !important; /* Cai?auaai ia?aiin oaenoa aioo?e iaiie eiiiee */
        cursor: pointer !important;
        box-sizing: border-box !important;
        flex: 0 0 auto !important; /* Na?in aaneoiiiiai ?anoy?aiey */
    }

    /* Aeoeaiue oaa (Caeeoue cae?iue) */
    .about-team__tab.is-active {
        background: #3EA74F !important;
        border: none !important;
        color: #FFFFFF !important;
        font-weight: 700 !important; /* Ec Oeaiu: 700 */
    }

    /* Iaaeoeaiue oaa (I?ic?a?iue n eiioo?ii) */
    .about-team__tab:not(.is-active) {
        background: transparent !important;
        border: 1px solid #97CA94 !important; /* Light Green ?aiea */
        color: #3EA74F !important; /* Cae?iue oaeno */
        font-weight: 400 !important;
    }

    .about-team__panel {
        width: 100% !important;
    }
    
    .about-team__panel.is-active {
        display: block !important;
    }

    /* ENI?AAEAIIUE AU?II?O AE? AEE??AIE? NE?IEEA */
    .about-team__cards-viewport {
        position: relative !important;
        width: 100% !important;
        /* ?anoei aeoeae?oai iaoeaiue ai?eciioaeuiue ne?iee */
        overflow-x: auto !important; 
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important; /* Ieaaiue eia?oeiiiue naaei ia iOS */
        scrollbar-width: none !important; /* I?y?ai ne?ieeaa? a Firefox */
    }

    .about-team__cards-viewport::-webkit-scrollbar {
        display: none !important; /* I?y?ai ne?ieeaa? a Chrome/Safari */
    }

    /* Eaioa ea?oi?ae nio?oaieeia (Na?in aeeyiey ieaaeia neaeaa?a) */
    .about-team__cards,
    .about-team__cards-viewport .slick-list,
    .about-team__cards-viewport .slick-track {
        display: flex !important; /* I?eioaeoaeuii no?iei oeaen-?ya */
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Cai?auaai ea?oi?eai iaaaou ia aoi?o? no?ieo */
        width: max-content !important; /* ?ac?aoaai ?aeuna ?anoyaeaaouny a aaneiia?iinou */
        height: auto !important;
        margin: 0 !important;
        padding: 0 20px 15px 20px !important; /* Ionooiu ii e?ayi ye?aia nia?ooiia */
        box-sizing: border-box !important;
        transform: none !important; /* Oaeaaai JS-i?u?ee e naaeae aaneoiiiiai neaeaa?a */
    }

    /* Naia aaeay ea?oi?ea nio?oaieea */
    .about-team-card,
    .about-team__cards-viewport .slick-slide {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        white-space: normal !important;
        
        width: 290px !important; /* Iioeiaeuiay oe?eia iia iiaeeuiue ye?ai */
        max-width: 290px !important;
        min-width: 290px !important;
        height: 460px !important;
        
        margin: 0 14px 0 0 !important; /* ?annoiyiea ia?ao ea?oi?eaie */
        padding: 24px 20px 0 20px !important; /* Iaioeyai ie?iee iaaaeia, ?oiau oioi i?eeeiei e aio */
        background: #FFFFFF !important;
        border-radius: 10px !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important; /* Cai?auaai oeaeno aaoi?ie?iaaou e n?eiaou ea?oi?ee */
        float: none !important;
    }

    .about-team__cards .about-team-card:last-child {
        margin-right: 0 !important;
    }

    /* Oaenoiaay eioi?iaoey aioo?e */
    .about-team-card__content {
        position: relative !important;
        z-index: 10 !important; /* Oaeno ea?eo no?iai iiaa?o oioia?aoee */
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .about-team-card__name {
        margin: 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 24px !important;
        line-height: 115% !important;
        font-weight: 700 !important;
        color: #343333 !important;
    }

    .about-team-card__position {
        margin: 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 120% !important;
        color: rgba(95, 94, 94, 0.6) !important;
    }

    .about-team-card__email {
        margin: 2px 0 0 0 !important;
        font-family: 'Roboto', Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 120% !important;
        color: #3EA74F !important;
        word-break: break-all !important; /* Caueoa io aueacaiey aeeiiiai email ca e?ay ea?oi?ee */
    }

    /* Iaa?oea oioia?aoee */
    .about-team-card__photo-wrap {
        position: absolute !important;
        left:  0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: 284px !important;
        z-index: 1 !important;
        overflow: visible !important;
    }

    /* Oioia?aoey ni neinii ii Figma */
    .about-team-card__photo {
        position: absolute !important;
        width: 302px !important; /* No?iai ii oaiae Oeaia */
        height: 314px !important; /* No?iai ii oaiae Oeaia */
        left: -30px !important; /* Niauaiea aeaai no?iai ii oaiae Oeaia */
        top: 0px !important; /* Niauaiea aaa?o no?iai ii oaiae Oeaia */
        object-fit: cover !important;
        border-radius: 2px !important;
        transform: rotate(-4deg) !important; /* Iiai?io no?iai ia -4 a?aaona */
    }

    /* Aaei?aoeaiua oi?ee */
    .about-team-card__dot {
        position: absolute !important;
        width: 10px !important;
        height: 10px !important;
        background: #3EA74F !important;
        border-radius: 50% !important;
        z-index: 5 !important;
    }
    .about-team-card__dot--top { left: 50% !important; top: 175px !important; transform: translateX(-50%) !important; }
    .about-team-card__dot--right-top { right: 106px !important; top: 195px !important; left: auto !important; }
    .about-team-card__dot--right-middle { right: 95px !important; top: 361px !important; left: auto !important; }
}
@media (max-width: 767px) {
    /* Ne?uaaai aaneoiiiua no?aeee e oi?ee, anee iie anou */
    .about-team__cards .slick-arrow,
    .about-team__cards .slick-dots {
        display: none !important;
    }

    /* Iaoeaiue ne?iee oieuei aioo?e iaoaai iiaiai eiioaeia?a */
    .about-team__cards-viewport {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 15px !important;
    }

    /* OAEAAAI SLICK-EIAEEO OIEUEI AIOO?E IIAEEUIIAI AU?II?OA */
    .about-team__cards-viewport .about-team__cards {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        transform: none !important; /* Oae?aai JS-naaeae */
    }

    .about-team__cards-viewport .about-team-card {
        display: flex !important;
        flex-direction: column !important;
        width: 290px !important;
        min-width: 290px !important;
        margin-right: 14px !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important; /* Na?anuaaai aanie?ou Slick */
    }
}
@media (max-width: 767px) {
    /* I?eioaeoaeuii ioee??aai JS-eioa?aeoeaiinou Slick */
    .about-team__cards.slick-initialized {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        transform: none !important; /* Oaeaaai JS-iiceoeiie?iaaiea */
        opacity: 1 !important;
    }

    /* Na?anuaaai aanie?oiia iiceoeiie?iaaiea neaeaia */
    .about-team__cards .slick-slide {
        position: relative !important;
        float: none !important;
        width: 290px !important;
        margin-right: 14px !important;
        transform: none !important;
    }

    /* Aee??aai ne?iee eiioaeia?o */
    .about-team__cards-viewport {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x !important;
    }
}
@media (max-width: 767px) {
    /* I?eioaeoaeuii ioee??aai JS-eioa?aeoeaiinou Slick */
    .about-team__cards.slick-initialized {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        transform: none !important; /* Oaeaaai JS-iiceoeiie?iaaiea */
        opacity: 1 !important;
    }

    /* Na?anuaaai aanie?oiia iiceoeiie?iaaiea neaeaia */
    .about-team__cards .slick-slide {
        position: relative !important;
        float: none !important;
        width: 290px !important;
        margin-right: 14px !important;
        transform: none !important;
    }

    /* Aee??aai ne?iee eiioaeia?o */
    .about-team__cards-viewport {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x !important;
    }
}

@media (max-width: 767px) {
  .about-hero-media__line {
    display: block;
    position: fixed;
    max-width: 755px;
    height: 312px;
    top: 54px;
rotate: 14deg;
  }
}
@media (max-width: 767px) {
  .about-hero-media__bullet--1 {
    left: 40px;
    top: 121px;
  }
}
@media (max-width: 767px) {
  .about-hero-media__bullet--2 {
    left: 311px;
    top: 185px;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 40px);
    max-width: 451px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .section-form-donate > .container {
    width: 396px;
    max-width: 100%;
  }
}

.section-partners-slider.section-page {
    padding-top: 0;
    background: #f4f4f4;
    padding-bottom: 142px;
}
.section-partners-slider h2 {
    margin-bottom: 62px;
}
.section-partners-slider .grid-slider {
    display: grid;
    grid-template-columns: repeat(auto-fit, 320px);
    grid-template-rows: repeat(3, 165px);
    grid-auto-flow: column;
    gap: 8px;

}
.section-partners-slider>.container {
    text-align: center;
}
.section-partners-slider>.container>a.btn {
    margin: 40px 0 0;
}
.section-partners-slider .swiper-slide {
    width: auto !important;
}

.section-partners__item {
    width: 320px;
    border-radius: 10px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    padding: 18px;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.section-partners__item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.section-partners__img {
    flex: 1 1 auto;
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.section-partners__img img {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
    background: transparent;
}
.section-partners__name {
    font-size: var(--size16);
    line-height: var(--size18);
    text-align: center;
    font-weight: 600;
    background: #FFFF;
}
.section-partners-slider .swiper-slide.empty {
    width: 0 !important;
    margin: 0 !important;
}
.section-partners__item:nth-of-type(2),
.section-partners__item:nth-of-type(3n+2) {
    translate: 50% 0;
}

@media (max-width: 1400px) {
    .section-partners-slider h2 {
        margin-bottom: var(--60-40);
margin-top: 21px;
    }
    .section-partners__item {
        width: var(--320-230);
        padding: 15px;
    }
    .section-partners-slider .grid-slider {
        grid-template-columns: repeat(auto-fit, var(--320-230));
        grid-template-rows: repeat(3, var(--165-130));
    }
    .section-partners__img img {
        max-height: var(--60-40);
    }
    .section-partners__img {
        max-width: 100%;
    }
    .section-partners-slider>.container>a.btn {
        margin-top: 26px;
    }
    .section-partners-slider.section-page {
        padding-bottom: 88px;
    }
}
@media (max-width: 767px) {
  .section-partners-slider h2 {
    margin-bottom: var(--60-40);
    margin-top: 3px;
  }
}
/* Aaciaua noeee */
.about-team {
    padding: 88px 0 84px;
    background: #F6F6F6;
}

.about-team__stage {
    width: min(1085px, calc(100vw - 40px));
    margin: 0 auto;
}

.about-team__title {
    margin-bottom: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #343333;
}

/* Ia?aee??aoaee */
.about-team__tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 50px;
    padding: 6px;
    gap: 8px;
    border: 1px solid #97CA94;
    border-radius: 100px;
    background: #FFFFFF;
    box-sizing: border-box;
}

.about-team__tab {
    height: 40px;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    background: transparent;
    color: #3EA74F;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.about-team__tab.is-active {
    background: #3EA74F;
    color: #FFFFFF;
    font-weight: 800;
}

/* Iaiaee */
.about-team__panel { display: none; }
.about-team__panel.is-active { display: block; }

/* Aaneoii: Naoea */
.about-team__desktop { display: block; }
.about-team__cards {
    display: grid;
    grid-template-columns: repeat(3, 335px);
    justify-content: center;
    gap: 20px;
}
.about-team-card {
    position: relative;
    width: 335px;
    height: 460px;
    padding: 34px 30px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
}
.about-team-card.is-hidden { display: none !important; }

/* Iiaeeuiue neaeaa?: ne?uo ia aaneoiia */
.about-team__mobile-slider { display: none; }

/* AAAIOEA */
@media (max-width: 1023px) {
    .about-team__cards { grid-template-columns: repeat(2, 335px); }
}

@media (max-width: 767px) {
    .about-team__desktop { display: none !important; }
    
    .about-team__mobile-slider { 
        display: block !important; 
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    
    .about-team__mobile-track {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
    }

    .about-team__mobile-track .about-team-card {
        flex: 0 0 calc(100vw - 40px);
        width: calc(100vw - 40px);
        scroll-snap-align: start;
        margin: 0;
    }

    .about-team__tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        border-radius: 100px;
    }
    
    .about-team__title { font-size: 42px; }
}
@media (max-width: 767px) {
    .about-team {
        overflow: hidden !important;
    }

    .about-team__stage {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 18px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .about-team__title {
        font-size: 42px !important;
        line-height: 0.95 !important;
        margin-bottom: 32px !important;
    }

    .about-team__tabs {
        overflow: visible !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        touch-action: manipulation !important;
    }

    .about-team__tab {
        flex: 0 1 auto !important;
        white-space: normal !important;
    }

    .about-team__cards-wrap {
        width: calc(100% + 18px) !important;
        max-width: calc(100% + 18px) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        position: relative !important;
        margin-right: -18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        touch-action: pan-x pan-y !important;
    }

    .about-team__cards-wrap::-webkit-scrollbar {
        display: none !important;
    }

    .about-team__cards {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: max-content !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    .about-team__cards .about-team-card {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 0 min(308px, calc(100vw - 40px)) !important;
        width: min(308px, calc(100vw - 40px)) !important;
        min-width: min(308px, calc(100vw - 40px)) !important;
        max-width: min(308px, calc(100vw - 40px)) !important;
        height: 460px !important;
        margin: 0 !important;
        padding: 18px 20px 0 !important;
        box-sizing: border-box !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        transform: none !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }

    .about-team__cards .about-team-card.is-hidden {
        display: flex !important;
    }

    .about-team__cards .about-team-card:hover {
        transform: none !important;
    }

    .about-team-card__photo-wrap {
        margin-top: auto !important;
    }

    .about-team__more,
    .about-team__slider-nav,
    .about-team__slider-btn {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .about-team {
        overflow: hidden !important;
    }

    .about-team__stage {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 18px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .about-team__panel[hidden] {
        display: none !important;
    }

    .about-team__panel.is-active {
        display: block !important;
    }

    .about-team__panel > .about-team__cards {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        grid-template-columns: none !important;
        gap: 10px !important;

        width: calc(100% + 18px) !important;
        max-width: calc(100% + 18px) !important;
        margin: 0 -18px 0 0 !important;
        padding: 0 18px 0 0 !important;
        box-sizing: border-box !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;

        touch-action: pan-x pan-y !important;

        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    .about-team__panel > .about-team__cards::-webkit-scrollbar {
        display: none !important;
    }

    .about-team__cards .about-team-card {
        display: flex !important;
        flex-direction: column !important;

        flex: 0 0 min(308px, calc(100vw - 40px)) !important;
        width: min(308px, calc(100vw - 40px)) !important;
        min-width: min(308px, calc(100vw - 40px)) !important;
        max-width: min(308px, calc(100vw - 40px)) !important;

        height: 460px !important;
        margin: 0 !important;
        padding: 18px 20px 0 !important;
        box-sizing: border-box !important;

        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;

        transform: none !important;

        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }

    .about-team__cards .about-team-card.is-hidden {
        display: flex !important;
    }

    .about-team__cards .about-team-card:hover {
        transform: none !important;
    }

    .about-team-card__photo-wrap {
        margin-top: auto !important;
    }

    .about-team__more,
    .about-team__slider-nav,
    .about-team__slider-btn {
        display: none !important;
    }
}

/* =========================================================
   FIX: mobile swipe for ABOUT TEAM
   ========================================================= */
@media (max-width: 767px) {
    .about-team {
        overflow: hidden !important;
    }

    .about-team__stage {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .about-team__desktop {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .about-team__mobile-slider {
        display: none !important;
    }

    .about-team__panel[hidden],
    .about-team__panel:not(.is-active) {
        display: none !important;
    }

    .about-team__panel.is-active {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .about-team__cards-wrap,
    .about-team__cards-viewport {
        display: block !important;
        width: calc(100% + 20px) !important;
        max-width: calc(100% + 20px) !important;
        margin: 0 -20px 0 0 !important;
        padding: 0 20px 4px 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        touch-action: pan-x !important;
        overscroll-behavior-x: contain !important;
        box-sizing: border-box !important;
    }

    .about-team__cards-wrap::-webkit-scrollbar,
    .about-team__cards-viewport::-webkit-scrollbar {
        display: none !important;
    }

    .about-team__cards,
    .about-team__cards.slick-initialized,
    .about-team__cards-viewport .slick-list,
    .about-team__cards-viewport .slick-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        width: max-content !important;
        min-width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        transition: none !important;
        box-sizing: border-box !important;
    }

    .about-team__panel.is-active > .about-team__cards {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        touch-action: pan-x !important;
    }

    .about-team__panel.is-active > .about-team__cards::-webkit-scrollbar {
        display: none !important;
    }

    .about-team__cards .about-team-card,
    .about-team__cards-viewport .slick-slide {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 0 calc(100vw - 40px) !important;
        width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
        max-width: calc(100vw - 40px) !important;
        height: 460px !important;
        margin: 0 !important;
        padding: 34px 30px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        transform: none !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        box-sizing: border-box !important;
    }

    .about-team__cards .about-team-card.is-hidden {
        display: flex !important;
    }

    .about-team__cards .about-team-card:hover {
        transform: none !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    }

    .about-team__more,
    .about-team__slider-nav,
    .about-team__slider-btn,
    .about-team__cards .slick-arrow,
    .about-team__cards .slick-dots {
        display: none !important;
    }
}
.section-slogan-logo {
    display: block;
    width: 926px;
    max-width: calc(100vw - 40px);
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.section-slogan-logo__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.about-page-hero {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0px 0 10px;
    background: var(--white);
    overflow: visible;
}

.about-page-hero__title {
    display: block;
    width: 927px;
    max-width: calc(100vw - 40px);
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 0;
    line-height: 0;
    background: none;
    top: 10px;
    padding-top: 135px;
}

.about-page-hero__title-img {
    width: 100%;
    height: auto;
    max-width: 120%;
    /*! object-fit: ; */
    top: 38px;
}

.about-page-hero__text {
    display: block;
    width: 100%;
    margin: 30px auto 0;
    color: var(--black-font);
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
}
@media (max-width: 757px)
{.about-page-hero__text {
    display: block;
    width: 100%;
    margin: 30px auto 0;
    color: var(--black-font);
    font-size: 16px;
    line-height: 1.2;
    text-align: center;}
}
.about-page-hero__text > div {
    width: 696px;
    min-height: 80px;
    margin: 0 auto;
}

.about-page-hero__visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.about-page-hero__title::before,
.about-page-hero__title::after {
    content: none !important;
    display: none !important;
}
.support__collect-icon {
    flex: 0 0 auto;
    margin-right: 8px;
}