.section-category:not(.bg-white) {
    background-color: #E9F2FB4A;
    padding: 73px 0;
}

.section-category .category-item-link {
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: var(--white);
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: 0.3s;
    margin-top: 1.25rem;
}

.section-category.bg-white .category-item-link {
    background-color: #F8F8F8;
}

.section-category a.category-item-link:hover,
.section-category.bg-white a.category-item-link:hover {
    background-color: #E9F2FB;
}

.section-category .category-item-link .cat-items-title-per {
    font-size: 1.125rem;
    font-family: var(--bold_font);
    color: var(--bg_light);
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

.section-category .category-item-link .cat-items-title-en {
    color: #020202;
    font-family: var(--regular_font);
    line-height: 1.4;
    margin-bottom: 10px;
}

.section-category .category-item-link .cat-items-image .cat-item-main-image {
    border-radius: 1rem;
    filter: grayscale(1);
    transition: 0.3s;
}

.section-category a.category-item-link:hover .cat-items-image .cat-item-main-image {
    filter: grayscale(0);
}

.section-category .category-item-link .cat-items-icon {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='91' viewBox='0 0 89 91' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0H3.96734C3.96734 0 -9.16166 57.076 12.3473 78.584C33.8563 100.092 90.0053 86.033 90.0053 86.033V79C87.4503 79.1826 84.9012 78.1569 82.7053 76.838C80.3223 75.613 78.8233 73.164 77.9183 70.721C77.0206 67.6368 76.4603 64.4642 76.2473 61.259C75.9913 56.35 75.6403 51.448 75.2683 46.547L75.1253 46.552C74.7734 42.9821 74.0433 39.4597 72.9473 36.044C71.5962 31.471 69.1184 27.3105 65.7413 23.944C64.732 22.7405 63.4955 21.7476 62.1023 21.022C56.0053 16.983 48.3793 16.449 41.2883 16.89C34.6533 17.339 27.7763 18.857 21.2823 16.699C19.4944 16.1522 17.845 15.2272 16.446 13.9868C15.0471 12.7464 13.9868 11.5172 13.1743 9.51C12.5998 8.09058 12.5817 7.19002 12.3523 5.676C12.16 4.40638 12.0358 2.7841 12.0325 1.5C12.0198 0.914214 12 0 12 0Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 89px;
    height: 91px;
    left: -12px;
    bottom: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 12px 0 0;
    transition: 0.3s;
}

.section-category.bg-white .category-item-link .cat-items-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='91' viewBox='0 0 89 91' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0H3.96734C3.96734 0 -9.16166 57.076 12.3473 78.584C33.8563 100.092 90.0053 86.033 90.0053 86.033V79C87.4503 79.1826 84.9012 78.1569 82.7053 76.838C80.3223 75.613 78.8233 73.164 77.9183 70.721C77.0206 67.6368 76.4603 64.4642 76.2473 61.259C75.9913 56.35 75.6403 51.448 75.2683 46.547L75.1253 46.552C74.7734 42.9821 74.0433 39.4597 72.9473 36.044C71.5962 31.471 69.1184 27.3105 65.7413 23.944C64.732 22.7405 63.4955 21.7476 62.1023 21.022C56.0053 16.983 48.3793 16.449 41.2883 16.89C34.6533 17.339 27.7763 18.857 21.2823 16.699C19.4944 16.1522 17.845 15.2272 16.446 13.9868C15.0471 12.7464 13.9868 11.5172 13.1743 9.51C12.5998 8.09058 12.5817 7.19002 12.3523 5.676C12.16 4.40638 12.0358 2.7841 12.0325 1.5C12.0198 0.914214 12 0 12 0Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
}

.section-category a.category-item-link:hover .cat-items-icon,
.section-category.bg-white a.category-item-link:hover .cat-items-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='91' viewBox='0 0 89 91' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0H3.96734C3.96734 0 -9.16166 57.076 12.3473 78.584C33.8563 100.092 90.0053 86.033 90.0053 86.033V79C87.4503 79.1826 84.9012 78.1569 82.7053 76.838C80.3223 75.613 78.8233 73.164 77.9183 70.721C77.0206 67.6368 76.4603 64.4642 76.2473 61.259C75.9913 56.35 75.6403 51.448 75.2683 46.547L75.1253 46.552C74.7734 42.9821 74.0433 39.4597 72.9473 36.044C71.5962 31.471 69.1184 27.3105 65.7413 23.944C64.732 22.7405 63.4955 21.7476 62.1023 21.022C56.0053 16.983 48.3793 16.449 41.2883 16.89C34.6533 17.339 27.7763 18.857 21.2823 16.699C19.4944 16.1522 17.845 15.2272 16.446 13.9868C15.0471 12.7464 13.9868 11.5172 13.1743 9.51C12.5998 8.09058 12.5817 7.19002 12.3523 5.676C12.16 4.40638 12.0358 2.7841 12.0325 1.5C12.0198 0.914214 12 0 12 0Z' fill='%23E9F2FB'/%3E%3C/svg%3E%0A");
}

.section-category .category-item-link .cat-items-icon i {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8;
    font-size: 1.75rem;
    border-radius: 50%;
    color: #707070;
    transition: 0.3s;
}

.section-category.bg-white .category-item-link .cat-items-icon i {
    background-color: var(--white);
}

.section-category .category-item-link .cat-items-icon i.icon-direction-left {
    font-size: 0.75rem;
}

.section-category .category-item-link .cat-items-icon .cat-items-icon-img {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8;
    border-radius: 50%;
    color: #707070;
    transition: 0.3s;
}

.section-category a.category-item-link:hover .cat-items-icon .cat-items-icon-img {
    background-color: var(--white);
}

.section-category .category-item-link .cat-items-icon .cat-items-icon-img img {
    max-width: 2rem;
    max-height: 2rem;
}

.section-category .category-item-link .cat-items-icon--empty .cat-items-icon-dots {
    width: 50px;
    height: 50px;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8;
    font-size: 1.5rem;
    border-radius: 50%;
    transition: 0.3s;
}

.section-category a.category-item-link:hover .cat-items-icon i,
.section-category a.category-item-link:hover .cat-items-icon--empty .cat-items-icon-dots {
    color: var(--color1);
    background-color: var(--white);
}

.section-category--desktop-type2.section-category a.category-item-link:hover .cat-items-icon i,
.section-category--desktop-type2.section-category a.category-item-link:hover .cat-items-icon--empty .cat-items-icon-dots {
    color: #147A7F;
}

@media screen and (max-width:991.99px) {
    .section-category .category-item-link {
        box-sizing: border-box;
        max-width: 100%;
    }

    .section-category .swiper-cat .swiper-slide {
        box-sizing: border-box;
        height: auto;
        min-width: 0;
    }

    .section-category .swiper-cat .category-item-link {
        margin-bottom: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199.99px) {

    .section-category .category-grid-item--1 .category-item-link {
        margin-top: 0;
    }
}

@media screen and (min-width:576px) and (max-width:767.99px) {
    .section-category--desktop-type2 .category-desktop-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        width: 100%;
    }
}

@media screen and (min-width:768px) and (max-width:991.99px) {
    .section-category--desktop-type2 .category-desktop-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        width: 100%;
    }
}

@media screen and (min-width:992px) {

    .section-category--desktop-type2 .section-category__intro {
        text-align: center;
    }

    .section-category--desktop-type2 .section-category__intro .editor-content {
        margin-left: auto;
        margin-right: auto;
    }

    .section-category--desktop-type2 .section-category__desktop-grid-wrap {
        margin-top: 2rem;
    }

    .section-category--desktop-type2 .category-desktop-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
        width: 100%;
    }

    .section-category--desktop-type2 .category-desktop-grid__cell {
        min-width: 0;
    }

    .section-category--desktop-type2 .category-desktop-grid .category-item-link {
        margin-top: 0;
    }
}

@media screen and (min-width:1200px) {

    .section-category .category-grid-item--1 .category-item-link,
    .section-category .category-grid-item--2 .category-item-link {
        margin-top: 0;
    }

    .section-category--desktop-type2 .category-desktop-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 20px;
        width: 100%;
    }
}