@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');


.product-features * {
    box-sizing: border-box;
}

.product-features {
    font-family: "Epilogue", sans-serif;
    overflow: hidden;
    margin-bottom: 115px;
}

.product-features .product-features__inner {}

.product-features .product-features__wrapper {
    width: 100%;
    max-width: 1032px;
    padding: 0 20px;
    margin: 0 auto;
}

.product-features .product-features__list {
    width: 100%;
    max-width: 991px;
    margin: 0 auto;
}

.product-features .product-features__list .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    align-items: stretch;
    padding: 0;
}

.product-features .product-features__list .item {
    width: 100%;
    height: auto;
    min-height: 323px;
    padding: 20px 30px;
    position: relative;
    z-index: 2;

    border: 1px solid #DADADA;
    border-radius: 2px;
    overflow: hidden;
}

.product-features .product-features__list .item::before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #22333B 0%, #426671 100%);
}

.product-features .product-features__list .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.product-features .product-features__list .item:nth-child(even)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='488' height='323' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.06' d='m32.305 392.485-384.711 61.7-273.698-89.155 129.255-287.64 423.014 81.91 106.14 233.185ZM186.2 730.59 32.305 392.485l124.3-19.934L186.2 730.59ZM90.582-426.206l51.858 627.385L-73.835 159.3l-299.412-657.801 287.636-216.666L90.582-426.206Zm66.023 798.757L142.44 201.179l490.499 94.98-476.334 76.392Z'/%3E%3C/svg%3E");
}

.product-features .product-features__list .item:nth-child(odd)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='488' height='323' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.06' d='m535.305 393.485-384.711 61.7-273.698-89.155L6.151 78.39l423.014 81.91 106.14 233.185ZM689.2 731.59 535.305 393.485l124.3-19.934L689.2 731.59ZM593.582-425.206l51.858 627.385L429.165 160.3 129.753-497.501l287.636-216.666 176.193 288.961Zm66.023 798.757L645.44 202.179l490.5 94.98-476.335 76.392Z'/%3E%3C/svg%3E");
}



.product-features .product-features__list .item-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.product-features .product-features__list .item-icon {
    width: 60px;
    height: 67px;
    margin-bottom: 19px;
}

.product-features .product-features__list .item-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.product-features .product-features__list .item-title {
    font-weight: 500;
    line-height: 1.25;
    font-size: 30px;
    color: #F8FFF4;
    margin-bottom: 10px;
}

.product-features .product-features__list .item-text {
    font-weight: 400;
    line-height: 1.55;
    font-size: 18px;
    color: #F8FFF4;
}

@media screen and (max-width:991px) {
    .product-features {
        margin-bottom: 100px;
    }

    .product-features .product-features__wrapper {
        max-width: 768px;
    }

    .product-features .product-features__list .list {
        grid-template-columns: 1fr;
    }

    .product-features .product-features__list .item {
        min-height: 355px;
        padding: 25px;
    }

    .product-features .product-features__list .item:nth-child(even)::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='370' height='355' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.06' d='m143.799 178.181-381.132-80.914L-460.594-84.43l224.13-221.834L128.71-77.58l15.089 255.761Zm21.877 370.837-21.877-370.837 123.144 26.144-101.267 344.693ZM492.861-564.656 315.414 39.341 128.71-77.579 86.145-799.063l346.346-98.606 60.37 333.013ZM266.943 204.325l48.471-164.984 423.432 265.171-471.903-100.187Z'/%3E%3C/svg%3E");
    }

    .product-features .product-features__list .item:nth-child(odd)::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='370' height='355' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.06' d='m143.798 548.181-381.133-80.914-223.26-181.698 224.129-221.835 365.175 228.687 15.089 255.76Zm21.878 370.837-21.878-370.837 123.144 26.144-101.266 344.693ZM492.86-194.656 315.413 409.341l-186.704-116.92-42.565-721.484 346.347-98.606 60.369 333.013ZM266.942 574.325l48.471-164.984 423.432 265.171-471.903-100.187Z'/%3E%3C/svg%3E");
    }


    .product-features .product-features__list .item-icon {
        width: 50px;
        height: 55px;
        margin: 0 auto 25px;
    }

    .product-features .product-features__list .item-title,
    .product-features .product-features__list .item-text {
        text-align: center;
    }
}