.category_tiles_section {
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    padding: max(8px, 4.8rem) 0 max(66px, 6.6rem);
}
.category_tiles_section__tiles_wrapper {
    grid-template-columns: calc(32%) auto;
    gap: max(25px, 2.5rem);
}
.category_tiles_section__tiles_inner::after {
    content: unset;
}
.category_tiles_container {
    grid-template-columns: repeat(2, 1fr);
    gap: max(25px, 2.5rem);
    grid-auto-rows: 1fr;
}
.category_tile {
    border-radius: max(10px, 1rem);
}
.category_tile_link {
    padding: max(20px, 2rem) max(28px, 2.8rem);
    align-items: center;
    gap: max(20px, 2rem);
    width: 100%;
    height: 100%;
}
.category_tile--main .category_tile_link {
    flex-direction: column;
    padding: max(44px, 4.4rem) max(36px, 3.6rem);
    gap: max(23px, 2.3rem);
}
.category_tile--main .btn--primary {
    border: 1px solid var(--color-white);
}

.category_tile--main:hover .btn--primary {
    background: var(--color-white);
    color: var(--color-blue);
}

.category_tile--main:hover .btn--primary::after {
    background-image: url("data:image/svg+xml,%3Csvg width= '16' height= '10' viewBox= '0 0 16 10' fill= 'none' xmlns= 'http://www.w3.org/2000/svg' %3E%3Cpath d= 'M15.4133 3.60666L12.8333 0.999994C12.7714 0.937509 12.6976 0.887912 12.6164 0.854067C12.5351 0.820221 12.448 0.802795 12.36 0.802795C12.272 0.802795 12.1849 0.820221 12.1036 0.854067C12.0224 0.887912 11.9486 0.937509 11.8867 0.999994C11.7625 1.1249 11.6928 1.29387 11.6928 1.46999C11.6928 1.64612 11.7625 1.81509 11.8867 1.93999L14.26 4.33333H0.666667C0.489856 4.33333 0.320286 4.40357 0.195262 4.52859C0.0702379 4.65361 0 4.82318 0 4.99999C0 5.17681 0.0702379 5.34637 0.195262 5.4714C0.320286 5.59642 0.489856 5.66666 0.666667 5.66666H14.3L11.8867 8.07333C11.8242 8.1353 11.7746 8.20904 11.7407 8.29028C11.7069 8.37152 11.6895 8.45865 11.6895 8.54666C11.6895 8.63467 11.7069 8.72181 11.7407 8.80305C11.7746 8.88429 11.8242 8.95802 11.8867 9.02C11.9486 9.08248 12.0224 9.13208 12.1036 9.16592C12.1849 9.19977 12.272 9.21719 12.36 9.21719C12.448 9.21719 12.5351 9.19977 12.6164 9.16592C12.6976 9.13208 12.7714 9.08248 12.8333 9.02L15.4133 6.43333C15.7879 6.05833 15.9982 5.55 15.9982 5.01999C15.9982 4.48999 15.7879 3.98166 15.4133 3.60666Z' fill= '%230B6FFF' /%3E%3C/svg%3E%0A");
    transform: translateX(5px);
}
.category_tile:hover .btn::after {
    transform: translateX(5px);
}
.category_tile_inner {
    width: 100%;
}
.category_tile_img {
    width: 46%;
}
.category_tile_img img {
    width: 100%;
    height: auto;
}
.category_tile--main .category_tile_img {
    width: 60%;
}
.category_tile--main .category_tile_name {
    text-align: center;
}
.category_tile_name {
    line-height: normal;
}
.category_tile_description {
    margin: max(14px, 1.4rem) 0;
    line-height: 1.75em;
}
.category_tile--main .btn {
    margin: max(23px, 2.3rem) auto 0;
}
@media screen and (max-width: 992px) {
    .category_tiles_section__tiles_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .category_tile--main .category_tile_link {
        flex-direction: row;
        justify-content: space-between;
    }
    .category_tile--main .btn {
        margin: max(23px, 2.3rem) 0 0;
    }
    .category_tile--main .category_tile_img {
        width: 30%;
    }
    .category_tile--main .category_tile_name {
        text-align: left;
    }
}
@media screen and (max-width: 676px) {
    .category_tiles_container {
        grid-template-columns: repeat(1, 1fr);
    }
    .category_tile_img {
        width: 30%;
    }
    .category_tile_link {
        justify-content: space-between;
    }
    .category-tile-content {
        max-width: 60%;
    }
}
@media screen and (max-width: 500px) {
    .category_tile--main .category_tile_img {
        width: 50%;
    }
    .category_tile_link {
        overflow: hidden;
    }
    .category_tile_img {
        position: absolute;
        right: 0;
        height: 100%;
        width: 50%;
        top: 0;
        opacity: 0.2;
        transform: translate(10%, 10%);
    }
    .category-tile-content {
        max-width: 85%;
    }
    .category_tile_description {
        max-width: 75%;
    }
}