.section-advantages {
    padding: 94px 0 100px;
}

.section-advantages.ny-pattern .bg-pattern {
    display: none;
}

.features__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
    padding-top: 19px;
}

.features__item-image {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.features__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.features__item {
    position: relative;
    display: flex;
    align-items: end;
    cursor: pointer;
    overflow: hidden;
    min-height: 270px;
    padding: 30px 38px 32px;
}

.features__item:before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background-color: rgba(0, 170, 133, 1);
    background-repeat: repeat;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='327' height='379' viewBox='0 0 327 379' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M206.509 493.097C184.857 449.786 177.198 397.824 180.537 344.781C136.368 265.672 82.3497 240.914 0 248.882V223.385C81.4297 213.994 141.837 235.508 185.258 303.747C190.677 271.114 199.757 239.178 212.325 208.531C193.091 139.153 184.051 70.8571 213.994 0L237.605 4.21154C215.779 60.3281 218.083 115.819 230.004 171.195C256.148 122.079 290.989 81.2153 331.127 57.3686L356.927 72.5076C303.715 112.347 264.787 159.528 240.313 211.832C246.891 234.845 254.515 257.872 262.158 280.952C269.503 303.137 276.865 325.369 283.33 347.684C312.757 279.843 359.288 227.596 444 210.295L443.884 232.15L444 232.263C361.938 250.419 319.092 305.966 293.753 387.58C298.95 409.847 302.281 432.499 303.715 455.307L275.959 471.3C274.472 404.38 254.212 341.508 234.494 280.326C231.306 270.43 228.131 260.578 225.052 250.76C201.325 324.748 203.859 407.784 232.597 496L206.509 493.097Z' fill='url(%23paint0_linear_376_459)'/%3E%3Cpath d='M135.961 178.035C138.302 169.985 140.86 161.195 142.07 150.993C179.189 180.309 174.789 192.417 167.444 212.636C164.236 221.464 160.466 231.839 159.346 245.868C124.172 218.559 129.159 201.423 135.961 178.035Z' fill='url(%23paint1_linear_376_459)'/%3E%3Cpath d='M67.4208 148.784C67.1551 140.406 66.8652 131.241 64.8451 121.114C109.595 137.827 109.147 150.691 108.398 172.242C108.073 181.587 107.691 192.565 110.914 206.199C68.7558 190.829 68.1937 173.128 67.4208 148.784Z' fill='url(%23paint2_linear_376_459)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_376_459' x1='222' y1='225.5' x2='98' y2='119.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_376_459' x1='222' y1='225.5' x2='98' y2='119.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_376_459' x1='222' y1='225.5' x2='98' y2='119.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.features__item:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43.33%, rgba(70, 83, 110, 0)), to(rgba(70, 83, 110, 0.85)));
    background: -o-linear-gradient(top, rgba(70, 83, 110, 0) 43.33%, rgba(70, 83, 110, 0.85) 100%);
    background: linear-gradient(180deg, rgba(70, 83, 110, 0) 43.33%, rgba(70, 83, 110, 0.85) 100%);
}

.features__item__name {
    position: relative;
    font-size: 20px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    z-index: 10;
}

.features__item__desc {
    position: absolute;
    top: 30px;
    left: 38px;
    right: 70px;
    width: calc(100% - 108px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.1;
}

.features__item .icon.icon-arrow {
    position: absolute;
    top: 38px;
    right: 38px;
    display: inline-block;
    width: 23px;
    height: 23px;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 21V1M22 1H2M22 1L2 21' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.features__wrapper .features__item:nth-child(1) {
    grid-column: span 1;
}

.features__wrapper .features__item:nth-child(2) {
    grid-column: span 2;
    grid-row: span 1;
}

.features__wrapper .features__item:nth-child(3) {
    grid-column: span 1;
}

.features__wrapper .features__item:nth-child(4) {
    grid-column: span 1;
    grid-row: span 2;
}

.features__wrapper .features__item:nth-child(5) {
    grid-column: span 1;
    grid-row: span 1;
}

.features__wrapper .features__item:nth-child(6) {
    grid-column: span 2;
}

.features__wrapper .features__item:nth-child(7) {
    grid-column: span 2;
}

.features__wrapper .features__item:nth-child(8) {
    grid-row: span 1;
}

@media all and (max-width: 1599px) {
    .features__wrapper {
        grid-gap: 20px;
    }
    .features__item {
        padding: 30px 20px 20px;
    }
    .features__item__name {
        font-size: 16px;
    }
}

@media all and (max-width: 1399px) {
    .features__wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 30;
    }
    .features__item {
        width: calc(33.3333333% - 15px);
    }    
}

@media all and (max-width: 1199px) {
    .section-advantages {
        padding: 60px 0;
    }
    .features__wrapper {
        padding: 0;
    }
}

@media all and (max-width: 959px) {
    .features__item {
        width: calc(50% - 15px);
    }
}

@media all and (max-width: 767px) {
    .features__item__name {
        font-size: 18px;
    }
    .features__item {
        width: 100%;
    }
    .features__wrapper {
        row-gap: 20px;
    }
}

@media all and (min-width:960px) {
    .features__item:hover {
        -webkit-box-shadow: 0px 20px 60px -10px rgba(0, 170, 133, 0.65);
        box-shadow: 0px 20px 60px -10px rgba(0, 170, 133, 0.65);
    }
    .features__item:hover:before,
    .features__item:hover .icon.icon-arrow,
    .features__item:hover .features__item__desc {
        opacity: 1;
        visibility: visible;
    }
}







#features_modal_id {
    display: none;
    background: unset;
    padding: 0;
    max-width: 1134px;
    position: relative;
}

.features_modal__title {
    text-align: center;
    padding: 30px 200px 0;
    position: relative;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
    background-color: #fff;
}

.features_modal__title .bg-pattern {
    background-size: 99px;
}

.features_modal__title__item {
    display: inline-block;
    cursor: pointer;
    transition: color .3s ease-in-out;
    position: relative;
    padding-bottom: 35px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(70, 83, 110, 0.5);
}

.features_modal__title__item:before {
    content: "";
    height: 5px;
    background: rgba(0, 170, 133, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.features_modal__title__item:hover {
    color: rgba(70, 83, 110, 1);
}

.features_modal__content__item {
    padding-top: 27px;
    background-color: #fff;
}

.features_modal__content__img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 500px;
    width: 100%;
}

.features_modal__content__img img {
    width: 100%;
    object-fit: cover;
}

.features_modal__content__content__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -40px;
    row-gap: 30px;
}

.features_modal__content__content__item {
    padding: 0 40px;
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.features_modal__content__content__item__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.features_modal__content__content__item__text {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    color: rgba(9, 38, 49, .85);
}

.features_modal__content__title.h3 {
    margin-bottom: 34px;
    padding: 0 60px;
}

.features_modal__content__content {
    padding: 0 60px 25px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.4;
    color: #46536E;
}

.features_modal__content__content p {
    line-height: 1.4;
    margin: 0 0 15px;
}

.swiper-slide-active .features_modal__title__item {
    color: rgba(0, 170, 133, 1);
}

.swiper-slide-active .features_modal__title__item:before {
    opacity: 1;
    visibility: visible;
}

/*#features_modal_id .swiper-button-next,
#features_modal_id .swiper-button-prev {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 6px;
    bottom: 40px;
    top: unset;
    left: 40px;
    min-width: 194px;
    width: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 20px 25px;
    gap: 25px;
    height: 65px;
    justify-content: center;
}

#features_modal_id .swiper-button-next {
    right: 40px;
    left: unset;
}

#features_modal_id .swiper-button-next:after,
#features_modal_id .swiper-button-prev:after {
    content: unset;
}*/

#features_modal_id .swiper-button {
    top: 20px;
    transform: unset;
}

#features_modal_id .swiper-button-next {
    right: 18px;
}

#features_modal_id .swiper-button-prev {
    left: 18px;
}

.swiper-button__text {
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}

#features_modal_id.fancybox__content>.f-button.is-close-btn {
    position: absolute;
    top: 32px;
    right: 32px;
}

.features_modal__content-photos {
    position: relative;
    margin-bottom: 40px;
}

.features_modal__content-photos .swiper-slide {
    width: 100%!important;
}

.features_modal__content-photos .swiper-sub-button {
    position: absolute;
    z-index: 10;
}

.features_modal__content-photos .swiper-sub-button-next {
    right: 20px;
}

.features_modal__content-photos .swiper-sub-button-prev {
    left: 20px;
}

/*.features_modal__content-photos .swiper-sub-button:before {
    background: rgba(255, 255, 255, 0.3);
}*/

@media all and (max-width: 1399px) {
    #features_modal_id {
        max-width: 100%;
        height: 100%;
    }
    #features_modal_id .swiper-button {
        top: 16px;
    }
}

@media all and  (max-width: 1199px) {
    .features_modal__content__content__item {
        padding: 0 10px;
    }
    .features_modal__title__item {
        font-size: 12px;
        padding-bottom: 25px;
    }
    #features_modal_id.fancybox__content>.f-button.is-close-btn {
        top: 25px;
        right: 25px;
    }
    .features_modal__content__title.h3 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .features_modal__content__img {
        height: 320px;
    }
    .features_modal__content__content {
        padding: 0 30px 25px;
    }
    .features_modal__content__content p {
        font-size: 18px;
    }
    #features_modal_id .swiper-button {
        top: 12px;
    }
}

@media all and  (max-width: 1000px) {
    .features_modal__title__wrapper {
        gap: 10px;
    }
    .features_modal__title {
        padding-left: 15px;
    }
/*    #features_modal_id .swiper-button-next, #features_modal_id .swiper-button-prev {
        padding: 10px 15px;
        height: auto;
    }*/
    .swiper-button__text {
        font-size: 14px;
    }
}

@media all and (max-width: 767px) {
    #features_modal-nav .swiper-slide {
        width: 100%;
    }
    .features_modal__content__item {
        padding-top: 25px;
        overflow: hidden;
    }
    .features_modal__title {
        padding: 20px 20px 0;
    }
    .features_modal__content__content__wrapper {
        flex-direction: column;
    }
    .features_modal__content__content__item {
        width: 100%;
    }
    .features_modal__content__content__item__title {
        font-size: 15px;
    }
    .features_modal__content__content__item__text {
        font-size: 12px;
    }
/*    #features_modal_id .swiper-button-next, #features_modal_id .swiper-button-prev {
        padding: 5px 10px;
        gap: 10px;
        min-width: unset;
    }
    .swiper-button__text {
        display: none;
    }*/
    .features_modal__title__wrapper {
        flex-wrap: wrap;
    }
    .features_modal__content__title.h3 {
        font-size: 24px;
        padding: 0 70px;
    }
    .features_modal__content-photos {
        margin-bottom: 30px;
    }
    .features_modal__content__img {
        height: 300px;
        align-items: unset;
    }
    .features_modal__content__content {
        padding: 0 20px 25px;
    }
    .features_modal__content__content p {
        font-size: 16px;
    }
    #features_modal_id .swiper-button {
        top: 10px;
    }
    #features_modal_id .swiper-button-next {
        right: 15px;
    }
    
    #features_modal_id .swiper-button-prev {
        left: 15px;
    }
}