#top-features.top-features-2025 {
    padding: var(--sec-padding1);

    ul.wrap_cards {
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: var(--common-gap2);
        row-gap: 35px;

        li {
            padding: 30px;
            border-radius: var(--common-br1);
            background: #fff;
            border: var(--card-border1);
            display: flex;
            flex-direction: column;
            align-items: center
        }

        .wrap_img {
            background: var(--main-color-l3);
            border-radius: 999px;
            width: 110px;
            height: 110px;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
                width: 75px;
                margin: 0 auto
            }
        }

        h3 {
            margin: 20px 0 20px;
            text-align: center
        }

        p {
            margin: 0
        }
    }

    .wrap_L_cards {
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: var(--common-gap1);
        row-gap: 35px;
        padding: 60px 0;

        .wrap_cards_browser,
        .wrap_cards_mobile {
            background-color: var(--main-color-l1);
            border-radius: var(--common-br1);
            padding: 60px 35px;

            p.title {
                font-size: 28px;
                margin: 0 auto 40px;
                display: block;
                font-weight: 600;
                text-align: center;

                &.title1::before {
                    font: var(--fa-font-solid);
                    content: "\e163";
                    margin-right: 10px
                }

                &.title2::before {
                    font: var(--fa-font-solid);
                    content: "\f3cf";
                    margin-right: 10px
                }
            }
        }

        ul {
            list-style: none;
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: var(--common-gap2);
            row-gap: 35px;

            li {
                padding: 30px;
                border-radius: var(--common-br1);
                background: #fff;
                border: var(--card-border1);
                display: flex;
                justify-content: start;
                flex-direction: column;
                align-items: center;
                min-height: 250px;
                min-height: 320px;

                h3 {
                    margin: 20px 0 20px;
                    text-align: center;
                    min-height: 63px
                }

                p {
                    margin: 0
                }

                .wrap_img {
                    background: var(--main-color-l3);
                    border-radius: 999px;
                    width: 110px;
                    height: 110px;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    img {
                        width: 75px;
                        margin: 0 auto
                    }
                }
            }
        }
    }

    .sec_footer {
        padding-top: 0;

        p {
            font-size: 23px;
            font-weight: 600;
            color: var(--main-color-1);
            text-align: center;
            margin-bottom: 20px
        }
    }
}

@media screen and (max-width:1399px) {
    #top-features.top-features-2025 {
        & ul.wrap_cards {
            row-gap: 30px;

            & .wrap_img {
                width: 100px;
                height: 100px;

                img {
                    width: 67px;
                    height: auto;
                }
            }
        }

        & .wrap_L_cards {

            & .wrap_cards_browser,
            & .wrap_cards_mobile {
                p.title {
                    font-size: 27px;
                    margin: 0 auto 40px;
                    display: block;
                    font-weight: 600;
                    text-align: center
                }

                ul {
                    row-gap: 30px;

                    & li {
                        & .wrap_img {
                            width: 100px;
                            height: 100px;

                            img {
                                width: 67px;
                                height: auto;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1199px) {
    #top-features.top-features-2025 {
        & ul.wrap_cards {
            grid-template-columns: 1fr 1fr;

            li {
                padding: 30px 40px;

                & .wrap_img {
                    width: 100px;
                    height: 100px;

                    img {
                        width: 60px;
                    }
                }
            }
        }

        & .wrap_L_cards {
            grid-template-columns: 1fr;

            & .wrap_cards_browser,
            & .wrap_cards_mobile {
                grid-template-columns: 1fr 1fr;

                p.title {
                    font-size: 25px;
                    margin-bottom: 30px
                }

                ul {
                    _row-gap: 30px;

                    li {
                        padding: 30px 40px;
                        min-height: 200px;

                        h3 {
                            min-height: initial
                        }

                        & .wrap_img {
                            width: 100px;
                            height: 100px;

                            img {
                                width: 60px
                            }
                        }
                    }
                }
            }
        }

        .sec_footer {
            p {
                font-size: 22px
            }
        }
    }
}

@media screen and (max-width:959px) {
    #top-features.top-features-2025 {
        ul.wrap_cards {
            grid-template-columns: 1fr 1fr;

            li {
                padding: 30px
            }
        }

        .wrap_L_cards {
            grid-template-columns: 1fr;
            padding: 60px 0;

            .wrap_cards_browser,
            .wrap_cards_mobile {
                padding: 45px 30px;
                margin: 0 calc(50% - 50vw);
                width: 100vw;
                overflow: hidden;
                border-radius: var(--sec-br)
            }
        }

        .sec_footer {
            p {
                font-size: 20px
            }
        }
    }
}

@media screen and (max-width:767px) {
    #top-features.top-features-2025 {
        ul.wrap_cards {
            grid-template-columns: 1fr;
            gap: 30px 20px;

            li {
                padding: 30px;
                display: grid;
                grid-template-columns: 1fr 3fr;
                column-gap: 3vw;

                & .wrap_img {
                    width: 100%;
                    height: initial;
                    background: initial;
                    position: relative;

                    img {
                        width: 45px;
                        z-index: 1
                    }

                    &::after {
                        content: "";
                        width: 75px;
                        position: absolute;
                        height: 75px;
                        background: var(--main-color-l3);
                        border-radius: 999px
                    }
                }

                h3 {
                    margin: 0 0 15px;
                    text-align: initial
                }
            }
        }

        & .wrap_L_cards {

            & .wrap_cards_browser,
            & .wrap_cards_mobile {
                ul {
                    grid-template-columns: 1fr;
                    gap: 20px;

                    li {
                        padding: 30px;
                        display: initial;
                        grid-template-columns: initial;
                        column-gap: initial;
                        min-height: initial;

                        h2 {
                            margin: 0 0 15px;
                            text-align: initial
                        }

                        & .wrap_img {
                            width: 100%;
                            height: initial;
                            background: initial;
                            position: relative;

                            img {
                                width: 45px;
                                z-index: 1
                            }

                            &::after {
                                content: "";
                                width: 75px;
                                position: absolute;
                                height: 75px;
                                background: var(--main-color-l3);
                                border-radius: 999px
                            }
                        }
                    }
                }
            }
        }

        .sec_footer {
            p {
                font-size: 18px
            }
        }
    }
}

@media screen and (max-width:480px) {
    #top-features.top-features-2025 {
        ul.wrap_cards {
            gap: 20px 15px;

            li {
                padding: 25px 20px;

                h3 {
                    margin: 0 0 12px
                }

                & .wrap_img {
                    &::after {
                        width: 70px;
                        height: 70px
                    }
                }
            }
        }

        & .wrap_L_cards {

            & .wrap_cards_browser,
            & .wrap_cards_mobile {
                padding: 60px 20px;

                & ul {
                    gap: 20px 15px;

                    li {
                        padding: 25px 20px;

                        h3 {
                            margin: 0 0 12px
                        }

                        & .wrap_img {
                            &::after {
                                width: 70px;
                                height: 70px
                            }
                        }
                    }
                }
            }
        }

        .sec_footer {
            p {
                font-size: 17px
            }
        }
    }
}

;
height:auto;