:root{
    --marg: 120px;
    --play: 140px;
}

body h2 {max-width: 800px;font-weight: 500;font-size: 36px;color:#222222}

.youtube {background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;display: block;overflow: hidden;transition: all 200ms ease-out;cursor: pointer;    height: 0;padding-top: 56.5%;margin-bottom: 40px;}
.youtube .play {background-position: center center;background-repeat: no-repeat;position: absolute;height: var(--play);width: var(--play);opacity: .8;filter: alpha(opacity=80);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='144' height='144' viewBox='0 0 144 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.4' d='M71.8771 131.432C104.755 131.432 131.408 104.777 131.408 71.8953C131.408 39.014 104.755 12.3584 71.8771 12.3584C38.9988 12.3584 12.3457 39.014 12.3457 71.8953C12.3457 104.777 38.9988 131.432 71.8771 131.432Z' fill='white'/%3e%3cpath d='M89.7409 61.3571L72.4768 51.4145C68.1905 48.9139 63.0113 48.9139 58.725 51.4145C54.4388 53.915 51.8789 58.3208 51.8789 63.3219V83.2667C51.8789 88.2083 54.4388 92.6736 58.725 95.1741C60.8682 96.4244 63.2494 97.0198 65.5711 97.0198C67.9524 97.0198 70.2741 96.4244 72.4172 95.1741L89.6813 85.2315C93.9676 82.7309 96.5275 78.3252 96.5275 73.3241C96.6465 68.323 94.0867 63.8577 89.7409 61.3571Z' fill='white'/%3e%3c/svg%3e ");background-size: cover;top:50%;left:50%;transform: translate(-50%, -50%)}
.youtube .play:hover {opacity: 1;filter: alpha(opacity=100);}

.farm--text {margin-bottom: 40px;font-size: 16px;line-height: 26px;color:#555555}

.farm--misiion {display: flex;align-items: flex-start;gap:24px;background-color: #12B2E7;padding: 33px;border-radius: 8px;margin-bottom: var(--marg)}
.farm--misiion .icon svg{fill:#fff}
.farm--misiion .text{color:#fff;font-size: 16px;line-height: 26px;max-width: 600px}

.why--list-box {margin-bottom: var(--marg)}
.why--list {display: flex;gap: 24px}
.why--item {border:1px solid #EDEDED;border-radius: 8px;padding: 24px;width: 33.33333%}
.why--icon {margin-bottom: 14px;}
.why--name {margin-bottom: 8px;font-size: 14px;font-weight: 500;color:#000000;line-height: 26px}
.why--text {margin-bottom: 8px;font-size: 14px;font-weight: 400;color:#555555;line-height: 26px}

body .swiper {margin-bottom: var(--marg)}
body .swiper-slide {height: 482px;}
.swiper-slide img{width: 100%}
.banners-big__nav-wrap {position: absolute;top: auto;bottom: 24px;left: 0;right: 0;display: flex;align-items: center;justify-content: flex-end;}
.banners-big__nav-wrap .swiper-pagination{width: auto;padding-right: 14px;position: static; max-width: 600px; display: flex;align-items: center; justify-content: flex-end;}
.banners-big__nav-wrap .slider-nav-wrap {display: flex;justify-content: space-between;width: 88px;}

.partners {display: flex;gap:40px;justify-content: space-between;margin-bottom: var(--marg)}
.partners--text h2 {max-width: 700px}
.partners--text p {max-width: 700px}

.napr--item {display: flex;gap:40px;margin-bottom: 40px}
.napr--item:last-child {margin-bottom: 0}
.napr--icon {border-radius: 8px;overflow: hidden;}
.napr--icon img {object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;}
.napr--box {        display: inline-flex;
    flex-wrap: wrap;
    align-items: center;width: 100%}
.napr--item:nth-child(odd) .napr--box{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
.napr--item:nth-child(odd) .napr--icon{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order:2;order: 2;}
.napr--name {margin-bottom: 8px;font-size: 18px;font-weight: 500;color:#000000;line-height: 26px}
.napr--text {margin-bottom: 8px;font-size: 14px;font-weight: 400;color:#555555;line-height: 26px;max-width: 480px}

iframe {height: auto;width: 100%;margin-bottom: 40px;aspect-ratio: 16 / 9;}

@media (min-width: 767px) {
    .napr--item > div {width: 50%;flex: 0 1 auto;}
}

@media (max-width: 1540px) {
    body .swiper-slide {height: 292px}
}

@media (max-width: 1480px) {
    .partners--image svg {width: 300px;height: auto}

}

@media (max-width: 1280px) {
    :root{
        --marg: 80px;
    }
    .partners--image svg {width: 250px;}

}

@media (max-width: 1158px) {
    .swiper-slide img {object-fit: cover;object-position: center;width: 100%;height: 100%;}
}

@media (max-width: 1024px) {
    .why--list {flex-wrap: wrap}
    .why--item {width: 100%}
    .partners--image svg {width: 188px;}
    :root{
        --play: 90px;
    }
}

@media (max-width: 900px) {
    .napr--icon {min-width: 100%;}
    .napr--icon img {width: 100%;}
    .napr--item {width: 100%;flex-wrap: wrap;gap: 20px}
    .napr--item .napr--box{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
    .napr--item .napr--icon{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order:2;order: 2;}
    .napr--text {max-width: 100%}
}

@media (max-width: 767px) {
    body h2, .partners--text h2 {
        font-size: 20px
    }
    body .slider-nav:not(.slider-nav--no-auto-hide) {display: flex}
    .farm--misiion {flex-wrap: wrap;gap:10px}
    :root{
        --play: 40px;
    }
}

@media (max-width: 500px) {
    .partners {flex-wrap: wrap;gap: 0}
    .partners--image svg {width: 100%;}
}