/* =========================================
   GRID HELPERS
   ========================================= */

.grid {
    display: grid;
}

.flex {
    display: flex;
}
.ds-hide-grid{
	display: none;
}
.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-auto-fit {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.fz56{
    font-size: 56px;
}
.grid-dynamic-3 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px; 
}
.flex-row{
  flex-direction: row;
  flex-wrap: wrap;
}

/* Базовый элемент: 2 из 6 колонок = 33.33% */
.grid-dynamic-3 > .rebuild-services__item {
    grid-column: span 2;
}

/* Элемент на 50% ширины: 3 из 6 колонок */
.grid-dynamic-3 > .grid-item-span-3 {
    grid-column: span 3;
}

/* Элемент на 100% ширины: 6 из 6 колонок */
.grid-dynamic-3 > .grid-item-span-6 {
    grid-column: span 6;
}

/* Адаптив: на мобильных всегда 1 колонка (100%) */
@media (max-width: 768px) {
    .grid-dynamic-3 {
        grid-template-columns: 1fr;
    }
    .grid-dynamic-3 > .rebuild-services__item,
    .grid-dynamic-3 > .grid-item-span-3,
    .grid-dynamic-3 > .grid-item-span-6 {
        grid-column: span 1;
    }
}

.grid-dynamic-3 > * {
    grid-column: span 2;
}
/* 
.grid-dynamic-3 > *:nth-last-child(2):nth-child(odd),
.grid-dynamic-3 > *:nth-last-child(1):nth-child(even) {
    grid-column: span 3;
} */

/* Адаптивные модификаторы для превращения в колонку */
@media (max-width: 768px) {
    .grid-md-column {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .grid-xs-column {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================
   GAP HELPERS (5px - 100px, step 5)
   ========================================= */
.gap5 {
    gap: 5px;
}

.gap10 {
    gap: 10px;
}

.gap15 {
    gap: 15px;
}

.gap20 {
    gap: 20px;
}

.gap25 {
    gap: 25px;
}

.gap30 {
    gap: 30px;
}

.gap35 {
    gap: 35px;
}

.gap40 {
    gap: 40px;
}

.gap45 {
    gap: 45px;
}

.gap50 {
    gap: 50px;
}

.gap55 {
    gap: 55px;
}

.gap60 {
    gap: 60px;
}

.gap65 {
    gap: 65px;
}

.gap70 {
    gap: 70px;
}

.gap75 {
    gap: 75px;
}

.gap80 {
    gap: 80px;
}

.gap85 {
    gap: 85px;
}

.gap90 {
    gap: 90px;
}

.gap95 {
    gap: 95px;
}

.gap100 {
    gap: 100px;
}
.gap110 {
    gap: 110px;
}
.gap120 {
    gap: 120px;
}

/* =========================================
   BORDER-RADIUS HELPERS (1px - 100px, step 1)
   ========================================= */
.br1 {
    border-radius: 1px;
}

.br2 {
    border-radius: 2px;
}

.br3 {
    border-radius: 3px;
}

.br4 {
    border-radius: 4px;
}

.br5 {
    border-radius: 5px;
}

.br6 {
    border-radius: 6px;
}

.br7 {
    border-radius: 7px;
}

.br8 {
    border-radius: 8px;
}

.br9 {
    border-radius: 9px;
}

.br10 {
    border-radius: 10px;
}

.br11 {
    border-radius: 11px;
}

.br12 {
    border-radius: 12px;
}

.br13 {
    border-radius: 13px;
}

.br14 {
    border-radius: 14px;
}

.br15 {
    border-radius: 15px;
}

.br16 {
    border-radius: 16px;
}

.br17 {
    border-radius: 17px;
}

.br18 {
    border-radius: 18px;
}

.br19 {
    border-radius: 19px;
}

.br20 {
    border-radius: 20px;
}

.br21 {
    border-radius: 21px;
}

.br22 {
    border-radius: 22px;
}

.br23 {
    border-radius: 23px;
}

.br24 {
    border-radius: 24px;
}

.br25 {
    border-radius: 25px;
}

.br26 {
    border-radius: 26px;
}

.br27 {
    border-radius: 27px;
}

.br28 {
    border-radius: 28px;
}

.br29 {
    border-radius: 29px;
}

.br30 {
    border-radius: 30px;
}

.br31 {
    border-radius: 31px;
}

.br32 {
    border-radius: 32px;
}

.br33 {
    border-radius: 33px;
}

.br34 {
    border-radius: 34px;
}

.br35 {
    border-radius: 35px;
}

.br36 {
    border-radius: 36px;
}

.br37 {
    border-radius: 37px;
}

.br38 {
    border-radius: 38px;
}

.br39 {
    border-radius: 39px;
}

.br40 {
    border-radius: 40px;
}

.br41 {
    border-radius: 41px;
}

.br42 {
    border-radius: 42px;
}

.br43 {
    border-radius: 43px;
}

.br44 {
    border-radius: 44px;
}

.br45 {
    border-radius: 45px;
}

.br46 {
    border-radius: 46px;
}

.br47 {
    border-radius: 47px;
}

.br48 {
    border-radius: 48px;
}

.br49 {
    border-radius: 49px;
}

.br50 {
    border-radius: 50px;
}

.br51 {
    border-radius: 51px;
}

.br52 {
    border-radius: 52px;
}

.br53 {
    border-radius: 53px;
}

.br54 {
    border-radius: 54px;
}

.br55 {
    border-radius: 55px;
}

.br56 {
    border-radius: 56px;
}

.br57 {
    border-radius: 57px;
}

.br58 {
    border-radius: 58px;
}

.br59 {
    border-radius: 59px;
}

.br60 {
    border-radius: 60px;
}

.br61 {
    border-radius: 61px;
}

.br62 {
    border-radius: 62px;
}

.br63 {
    border-radius: 63px;
}

.br64 {
    border-radius: 64px;
}

.br65 {
    border-radius: 65px;
}

.br66 {
    border-radius: 66px;
}

.br67 {
    border-radius: 67px;
}

.br68 {
    border-radius: 68px;
}

.br69 {
    border-radius: 69px;
}

.br70 {
    border-radius: 70px;
}

.br71 {
    border-radius: 71px;
}

.br72 {
    border-radius: 72px;
}

.br73 {
    border-radius: 73px;
}

.br74 {
    border-radius: 74px;
}

.br75 {
    border-radius: 75px;
}

.br76 {
    border-radius: 76px;
}

.br77 {
    border-radius: 77px;
}

.br78 {
    border-radius: 78px;
}

.br79 {
    border-radius: 79px;
}

.br80 {
    border-radius: 80px;
}

.br81 {
    border-radius: 81px;
}

.br82 {
    border-radius: 82px;
}

.br83 {
    border-radius: 83px;
}

.br84 {
    border-radius: 84px;
}

.br85 {
    border-radius: 85px;
}

.br86 {
    border-radius: 86px;
}

.br87 {
    border-radius: 87px;
}

.br88 {
    border-radius: 88px;
}

.br89 {
    border-radius: 89px;
}

.br90 {
    border-radius: 90px;
}

.br91 {
    border-radius: 91px;
}

.br92 {
    border-radius: 92px;
}

.br93 {
    border-radius: 93px;
}

.br94 {
    border-radius: 94px;
}

.br95 {
    border-radius: 95px;
}

.br96 {
    border-radius: 96px;
}

.br97 {
    border-radius: 97px;
}

.br98 {
    border-radius: 98px;
}

.br99 {
    border-radius: 99px;
}

.br100 {
    border-radius: 100px;
}

/* =========================================
   PADDING HELPERS (5px - 150px, step 5)
   ========================================= */
/* All sides */
.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p25 {
    padding: 25px;
}

.p30 {
    padding: 30px;
}

.p35 {
    padding: 35px;
}

.p40 {
    padding: 40px;
}

.p45 {
    padding: 45px;
}

.p50 {
    padding: 50px;
}

.p55 {
    padding: 55px;
}

.p60 {
    padding: 60px;
}

.p65 {
    padding: 65px;
}

.p70 {
    padding: 70px;
}

.p75 {
    padding: 75px;
}

.p80 {
    padding: 80px;
}

.p85 {
    padding: 85px;
}

.p90 {
    padding: 90px;
}

.p95 {
    padding: 95px;
}

.p100 {
    padding: 100px;
}

.p105 {
    padding: 105px;
}

.p110 {
    padding: 110px;
}

.p115 {
    padding: 115px;
}

.p120 {
    padding: 120px;
}

.p125 {
    padding: 125px;
}

.p130 {
    padding: 130px;
}

.p135 {
    padding: 135px;
}

.p140 {
    padding: 140px;
}

.p145 {
    padding: 145px;
}

.p150 {
    padding: 150px;
}



/* Vertical (Top + Bottom) */
.py5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.py10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.py30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.py40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.py45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.py50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.py55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.py60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.py70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.py75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.py80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.py85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.py90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.py95 {
    padding-top: 95px;
    padding-bottom: 95px;
}

.py100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py105 {
    padding-top: 105px;
    padding-bottom: 105px;
}

.py110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.py115 {
    padding-top: 115px;
    padding-bottom: 115px;
}

.py120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.py125 {
    padding-top: 125px;
    padding-bottom: 125px;
}

.py130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.py135 {
    padding-top: 135px;
    padding-bottom: 135px;
}

.py140 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.py145 {
    padding-top: 145px;
    padding-bottom: 145px;
}

.py150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

/* Horizontal (Left + Right) */
.px5 {
    padding-left: 5px;
    padding-right: 5px;
}

.px10 {
    padding-left: 10px;
    padding-right: 10px;
}

.px15 {
    padding-left: 15px;
    padding-right: 15px;
}

.px20 {
    padding-left: 20px;
    padding-right: 20px;
}

.px25 {
    padding-left: 25px;
    padding-right: 25px;
}

.px30 {
    padding-left: 30px;
    padding-right: 30px;
}

.px35 {
    padding-left: 35px;
    padding-right: 35px;
}

.px40 {
    padding-left: 40px;
    padding-right: 40px;
}

.px45 {
    padding-left: 45px;
    padding-right: 45px;
}

.px50 {
    padding-left: 50px;
    padding-right: 50px;
}

.px55 {
    padding-left: 55px;
    padding-right: 55px;
}

.px60 {
    padding-left: 60px;
    padding-right: 60px;
}

.px65 {
    padding-left: 65px;
    padding-right: 65px;
}

.px70 {
    padding-left: 70px;
    padding-right: 70px;
}

.px75 {
    padding-left: 75px;
    padding-right: 75px;
}

.px80 {
    padding-left: 80px;
    padding-right: 80px;
}

.px85 {
    padding-left: 85px;
    padding-right: 85px;
}

.px90 {
    padding-left: 90px;
    padding-right: 90px;
}

.px95 {
    padding-left: 95px;
    padding-right: 95px;
}

.px100 {
    padding-left: 100px;
    padding-right: 100px;
}

.px105 {
    padding-left: 105px;
    padding-right: 105px;
}

.px110 {
    padding-left: 110px;
    padding-right: 110px;
}

.px115 {
    padding-left: 115px;
    padding-right: 115px;
}

.px120 {
    padding-left: 120px;
    padding-right: 120px;
}

.px125 {
    padding-left: 125px;
    padding-right: 125px;
}

.px130 {
    padding-left: 130px;
    padding-right: 130px;
}

.px135 {
    padding-left: 135px;
    padding-right: 135px;
}

.px140 {
    padding-left: 140px;
    padding-right: 140px;
}

.px145 {
    padding-left: 145px;
    padding-right: 145px;
}

.px150 {
    padding-left: 150px;
    padding-right: 150px;
}
/* Top */
.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}

.pt55 {
    padding-top: 55px;
}

.pt60 {
    padding-top: 60px;
}

.pt65 {
    padding-top: 65px;
}

.pt70 {
    padding-top: 70px;
}

.pt75 {
    padding-top: 75px;
}

.pt80 {
    padding-top: 80px;
}

.pt85 {
    padding-top: 85px;
}

.pt90 {
    padding-top: 90px;
}

.pt95 {
    padding-top: 95px;
}

.pt100 {
    padding-top: 100px;
}

.pt105 {
    padding-top: 105px;
}

.pt110 {
    padding-top: 110px;
}

.pt115 {
    padding-top: 115px;
}

.pt120 {
    padding-top: 120px;
}

.pt125 {
    padding-top: 125px;
}

.pt130 {
    padding-top: 130px;
}

.pt135 {
    padding-top: 135px;
}

.pt140 {
    padding-top: 140px;
}

.pt145 {
    padding-top: 145px;
}

.pt150 {
    padding-top: 150px;
}

/* Bottom */
.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb45 {
    padding-bottom: 45px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb55 {
    padding-bottom: 55px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb65 {
    padding-bottom: 65px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb75 {
    padding-bottom: 75px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb85 {
    padding-bottom: 85px;
}

.pb90 {
    padding-bottom: 90px;
}

.pb95 {
    padding-bottom: 95px;
}

.pb100 {
    padding-bottom: 100px;
}

.pb105 {
    padding-bottom: 105px;
}

.pb110 {
    padding-bottom: 110px;
}

.pb115 {
    padding-bottom: 115px;
}

.pb120 {
    padding-bottom: 120px;
}

.pb125 {
    padding-bottom: 125px;
}

.pb130 {
    padding-bottom: 130px;
}

.pb135 {
    padding-bottom: 135px;
}

.pb140 {
    padding-bottom: 140px;
}

.pb145 {
    padding-bottom: 145px;
}

.pb150 {
    padding-bottom: 150px;
}

/* Left */
.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl40 {
    padding-left: 40px;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px;
}

.pl55 {
    padding-left: 55px;
}

.pl60 {
    padding-left: 60px;
}

.pl65 {
    padding-left: 65px;
}

.pl70 {
    padding-left: 70px;
}

.pl75 {
    padding-left: 75px;
}

.pl80 {
    padding-left: 80px;
}

.pl85 {
    padding-left: 85px;
}

.pl90 {
    padding-left: 90px;
}

.pl95 {
    padding-left: 95px;
}

.pl100 {
    padding-left: 100px;
}

.pl105 {
    padding-left: 105px;
}

.pl110 {
    padding-left: 110px;
}

.pl115 {
    padding-left: 115px;
}

.pl120 {
    padding-left: 120px;
}

.pl125 {
    padding-left: 125px;
}

.pl130 {
    padding-left: 130px;
}

.pl135 {
    padding-left: 135px;
}

.pl140 {
    padding-left: 140px;
}

.pl145 {
    padding-left: 145px;
}

.pl150 {
    padding-left: 150px;
}

/* Right */
.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pr35 {
    padding-right: 35px;
}

.pr40 {
    padding-right: 40px;
}

.pr45 {
    padding-right: 45px;
}

.pr50 {
    padding-right: 50px;
}

.pr55 {
    padding-right: 55px;
}

.pr60 {
    padding-right: 60px;
}

.pr65 {
    padding-right: 65px;
}

.pr70 {
    padding-right: 70px;
}

.pr75 {
    padding-right: 75px;
}

.pr80 {
    padding-right: 80px;
}

.pr85 {
    padding-right: 85px;
}

.pr90 {
    padding-right: 90px;
}

.pr95 {
    padding-right: 95px;
}

.pr100 {
    padding-right: 100px;
}

.pr105 {
    padding-right: 105px;
}

.pr110 {
    padding-right: 110px;
}

.pr115 {
    padding-right: 115px;
}

.pr120 {
    padding-right: 120px;
}

.pr125 {
    padding-right: 125px;
}

.pr130 {
    padding-right: 130px;
}

.pr135 {
    padding-right: 135px;
}

.pr140 {
    padding-right: 140px;
}

.pr145 {
    padding-right: 145px;
}

.pr150 {
    padding-right: 150px;
}
/* =========================================
   MARGIN HELPERS (5px - 150px, step 5)
   ========================================= */
/* All sides */
.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.m25 {
    margin: 25px;
}

.m30 {
    margin: 30px;
}

.m35 {
    margin: 35px;
}

.m40 {
    margin: 40px;
}

.m45 {
    margin: 45px;
}

.m50 {
    margin: 50px;
}

.m55 {
    margin: 55px;
}

.m60 {
    margin: 60px;
}

.m65 {
    margin: 65px;
}

.m70 {
    margin: 70px;
}

.m75 {
    margin: 75px;
}

.m80 {
    margin: 80px;
}

.m85 {
    margin: 85px;
}

.m90 {
    margin: 90px;
}

.m95 {
    margin: 95px;
}

.m100 {
    margin: 100px;
}

.m105 {
    margin: 105px;
}

.m110 {
    margin: 110px;
}

.m115 {
    margin: 115px;
}

.m120 {
    margin: 120px;
}

.m125 {
    margin: 125px;
}

.m130 {
    margin: 130px;
}

.m135 {
    margin: 135px;
}

.m140 {
    margin: 140px;
}

.m145 {
    margin: 145px;
}

.m150 {
    margin: 150px;
}
.m155 {
    margin: 150px;
}

/* Auto Centering */
.m-x-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
}

/* Top */
.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px;
}

.mt75 {
    margin-top: 75px;
}

.mt80 {
    margin-top: 80px;
}

.mt85 {
    margin-top: 85px;
}

.mt90 {
    margin-top: 90px;
}

.mt95 {
    margin-top: 95px;
}

.mt100 {
    margin-top: 100px;
}

.mt105 {
    margin-top: 105px;
}

.mt110 {
    margin-top: 110px;
}

.mt115 {
    margin-top: 115px;
}

.mt120 {
    margin-top: 120px;
}

.mt125 {
    margin-top: 125px;
}

.mt130 {
    margin-top: 130px;
}

.mt135 {
    margin-top: 135px;
}

.mt140 {
    margin-top: 140px;
}

.mt145 {
    margin-top: 145px;
}

.mt150 {
    margin-top: 150px;
}

/* Bottom */
.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb65 {
    margin-bottom: 65px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb75 {
    margin-bottom: 75px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb85 {
    margin-bottom: 85px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb95 {
    margin-bottom: 95px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb105 {
    margin-bottom: 105px;
}

.mb110 {
    margin-bottom: 110px;
}

.mb115 {
    margin-bottom: 115px;
}

.mb120 {
    margin-bottom: 120px;
}

.mb125 {
    margin-bottom: 125px;
}

.mb130 {
    margin-bottom: 130px;
}

.mb135 {
    margin-bottom: 135px;
}

.mb140 {
    margin-bottom: 140px;
}

.mb145 {
    margin-bottom: 145px;
}

.mb150 {
    margin-bottom: 150px;
}
.mb165 {
    margin-bottom: 165px;
}
/* Left */
.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}

.ml55 {
    margin-left: 55px;
}

.ml60 {
    margin-left: 60px;
}

.ml65 {
    margin-left: 65px;
}

.ml70 {
    margin-left: 70px;
}

.ml75 {
    margin-left: 75px;
}

.ml80 {
    margin-left: 80px;
}

.ml85 {
    margin-left: 85px;
}

.ml90 {
    margin-left: 90px;
}

.ml95 {
    margin-left: 95px;
}

.ml100 {
    margin-left: 100px;
}

.ml105 {
    margin-left: 105px;
}

.ml110 {
    margin-left: 110px;
}

.ml115 {
    margin-left: 115px;
}

.ml120 {
    margin-left: 120px;
}

.ml125 {
    margin-left: 125px;
}

.ml130 {
    margin-left: 130px;
}

.ml135 {
    margin-left: 135px;
}

.ml140 {
    margin-left: 140px;
}

.ml145 {
    margin-left: 145px;
}

.ml150 {
    margin-left: 150px;
}

/* Right */
.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.mr50 {
    margin-right: 50px;
}

.mr55 {
    margin-right: 55px;
}

.mr60 {
    margin-right: 60px;
}

.mr65 {
    margin-right: 65px;
}

.mr70 {
    margin-right: 70px;
}

.mr75 {
    margin-right: 75px;
}

.mr80 {
    margin-right: 80px;
}

.mr85 {
    margin-right: 85px;
}

.mr90 {
    margin-right: 90px;
}

.mr95 {
    margin-right: 95px;
}

.mr100 {
    margin-right: 100px;
}

.mr105 {
    margin-right: 105px;
}

.mr110 {
    margin-right: 110px;
}

.mr115 {
    margin-right: 115px;
}

.mr120 {
    margin-right: 120px;
}

.mr125 {
    margin-right: 125px;
}

.mr130 {
    margin-right: 130px;
}

.mr135 {
    margin-right: 135px;
}

.mr140 {
    margin-right: 140px;
}

.mr145 {
    margin-right: 145px;
}

.mr150 {
    margin-right: 150px;
}

/* Vertical (Top + Bottom) */
.my5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.my10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.my30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.my35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.my40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.my45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.my50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.my55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.my60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.my65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.my70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.my75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.my80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.my85 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.my90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.my95 {
    margin-top: 95px;
    margin-bottom: 95px;
}

.my100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.my105 {
    margin-top: 105px;
    margin-bottom: 105px;
}

.my110 {
    margin-top: 110px;
    margin-bottom: 110px;
}

.my115 {
    margin-top: 115px;
    margin-bottom: 115px;
}

.my120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.my125 {
    margin-top: 125px;
    margin-bottom: 125px;
}

.my130 {
    margin-top: 130px;
    margin-bottom: 130px;
}

.my135 {
    margin-top: 135px;
    margin-bottom: 135px;
}

.my140 {
    margin-top: 140px;
    margin-bottom: 140px;
}

.my145 {
    margin-top: 145px;
    margin-bottom: 145px;
}

.my150 {
    margin-top: 150px;
    margin-bottom: 150px;
}

/* Horizontal (Left + Right) */
.mx5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mx10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mx15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mx20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mx30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mx35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mx40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mx45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mx50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mx55 {
    margin-left: 55px;
    margin-right: 55px;
}

.mx60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mx65 {
    margin-left: 65px;
    margin-right: 65px;
}

.mx70 {
    margin-left: 70px;
    margin-right: 70px;
}

.mx75 {
    margin-left: 75px;
    margin-right: 75px;
}

.mx80 {
    margin-left: 80px;
    margin-right: 80px;
}

.mx85 {
    margin-left: 85px;
    margin-right: 85px;
}

.mx90 {
    margin-left: 90px;
    margin-right: 90px;
}

.mx95 {
    margin-left: 95px;
    margin-right: 95px;
}

.mx100 {
    margin-left: 100px;
    margin-right: 100px;
}

.mx105 {
    margin-left: 105px;
    margin-right: 105px;
}

.mx110 {
    margin-left: 110px;
    margin-right: 110px;
}

.mx115 {
    margin-left: 115px;
    margin-right: 115px;
}

.mx120 {
    margin-left: 120px;
    margin-right: 120px;
}

.mx125 {
    margin-left: 125px;
    margin-right: 125px;
}

.mx130 {
    margin-left: 130px;
    margin-right: 130px;
}

.mx135 {
    margin-left: 135px;
    margin-right: 135px;
}

.mx140 {
    margin-left: 140px;
    margin-right: 140px;
}

.mx145 {
    margin-left: 145px;
    margin-right: 145px;
}

.mx150 {
    margin-left: 150px;
    margin-right: 150px;
}

/* =========================================
   FONT-SIZE HELPERS
   ========================================= */

/* Заголовки */
.fz-h1 {
    font-size: 60px;
}

.fz-h2 {
    font-size: 42px;
    line-height: 114%;
}

/* Текстовые размеры (12px - 26px, шаг 1) */
.fz12 {
    font-size: 12px;
}

.fz13 {
    font-size: 13px;
}

.fz14 {
    font-size: 14px;
}

.fz15 {
    font-size: 15px;
}

.fz16 {
    font-size: 16px;
}

.fz17 {
    font-size: 17px;
}

.fz18 {
    font-size: 18px;
}

.fz19 {
    font-size: 19px;
}

.fz20 {
    font-size: 20px;
}

.fz21 {
    font-size: 21px;
}

.fz22 {
    font-size: 22px;
}

.fz23 {
    font-size: 23px;
}

.fz24 {
    font-size: 24px;
}

.fz25 {
    font-size: 25px;
}

.fz26 {
    font-size: 26px;
}
.fz36 {
    font-size: 36px;
}
.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 900;
}

.lh100 {
    line-height: 100%;
}

.lh120 {
    line-height: 120%;
}

.lh130 {
    line-height: 130%;
}

.lh140 {
    line-height: 140%;
}

.lh150 {
    line-height: 150%;
}

.lh160 {
    line-height: 160%;
}

/* =========================================
      COLOR HELPERS
      ========================================= */
.c-white {
    color: #ffffff !important;
}
.c-black {
    color: #33302F !important;
} 

.c-yellow {
    color: #FFBB53 !important;
}
.pos-a{
    position: absolute;
}
.pos-r{
    position: relative;
}
/* Опционально: фоновые цвета, если понадобятся */
.bg-white {
    background-color: #ffffff;
}

.bg-black {
    background-color: #33302F;
}

.ds-hide{
    display: none;
}
.ds-hide-grid{
    display: none;
}
.bg-green{
    background-color: #134B42;
}
.bg-lite-white{
    background-color: #F5F5F5;
}

.bg-yellow{
    background-color: #FFBB53;
}
.bg-transparent{
    background-color: transparent;
}
.uppercase{
    text-transform: uppercase;
}
.w-fit {
    width: fit-content;
}

.bg-blur-simple {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
}

.opacity08{
    opacity: 0.8;
}
.opacity05{
    opacity: 0.5;
}
.opacity03{
    opacity: 0.3;  
}
.jost{
    font-family: 'Jost', sans-serif;
}
.flex-column{
    flex-direction: column;
}
.justify-content-between{
    justify-content: space-between;
}
.bd-1-yellow{
 border: 1.5px solid rgba(255, 187, 83, 0.5);
}

.w-full{
    width: 100%;
}

.input-default::-webkit-input-placeholder{
    color:  #33302F;
    font-weight: 500;
}
.input-default::-moz-placeholder{
    color:  #33302F;
    font-weight: 500;
}


@media (max-width: 1500px) {
    .fz56{
        font-size: 2.9vw;
        text-transform: uppercase;
    }
}
@media (max-width: 768px){
    .mb-hide{
        display: none;
    }
    .ds-hide{
        display: flex;
    }
    .ds-hide-grid{
        display: grid;
    }
    .fz56{
        font-size: 26px;
    }
}