@media (min-width: 960px) {
    #tools .banner .banner-item img {
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
    }
}
#tools.tools-2025 {
    background-color: #f8f8fc;
    border-radius: var(--sec-br) var(--sec-br) 0 0;
    padding: var(--sec-padding1);
    ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        align-items: initial;
        flex-wrap: initial;
        column-gap: var(--common-gap3);
        row-gap: 30px;
        li.banner-item {
            margin: initial;
            width: 100%;
            padding: 3rem 1.5rem;
            _width: calc(20% - 2.8rem);
            font-size: 1.6rem;
            background: #fff;
            border: 0;
            border-radius: 8px;
            &:hover a {
                color: #2a3037;
            }
            a {
                transition: color 0.3s;
                width: 100%;
                &:hover {
                    text-decoration: none;
                }
                .wrap_img {
                    height: 125px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img {
                        margin: initial;
                        padding: initial;
                    }
                }
                span {
                    display: block;
                }
                .span_1 {
                    font-weight: 700;
                }
                .span_2 {
                    background: #4a4a4a;
                    color: #fff;
                    border-radius: 999px;
                    width: -moz-fit-content;
                    width: fit-content;
                    margin: 0 auto 5px;
                    font-size: clamp(11px, 1.05vw, 12px);
                    padding-top: 2px;
                    padding-bottom: 2px;
                    padding-left: clamp(10px, 1.25vw, 20px);
                    padding-right: clamp(10px, 1.25vw, 20px);
                }
            }
        }
    }
}
@media screen and (max-width: 1399px) {
    #tools.tools-2025 {
        ul {
            _display: grid;
            li.banner-item {
                padding: 2.5rem 1.5rem;
                a {
                    _transition: color 0.3s;
                    .wrap_img {
                        height: 125px;
                        img {
                            width: 70px;
                        }
                    }
                }
            }
        }
    }
}
@media screen and (max-width: 1199px) {
    #tools.tools-2025 {
        ul {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            li.banner-item {
                a {
                    img {
                        width: 65px;
                    }
                }
            }
        }
    }
}
@media screen and (max-width: 959px) {
    #tools.tools-2025 {
        ul {
            grid-template-columns: 1fr 1fr 1fr;
            row-gap: 20px;
            li.banner-item {
                padding: 2.5rem 1.5rem;
                height: initial;
                a {
                    .wrap_img {
                        height: 85px;
                        img {
                            width: 60px;
                            max-width: initial;
                            aspect-ratio: initial;
                            object-fit: initial;
                        }
                    }
                    span {
                        font-size: 14px;
                    }
                }
            }
        }
    }
}
@media screen and (max-width: 767px) {
    #tools.tools-2025 {
        & ul {
            _grid-template-columns: 1fr 1fr;
            column-gap: 15px;
            row-gap: 15px;
            & li.banner-item {
                padding: 2.5rem 1rem;
                & a {
                    & .wrap_img {
                        img {
                            width: 55px;
                            max-width: initial;
                            aspect-ratio: initial;
                            object-fit: initial;
                        }
                    }
                    span {
                        font-size: clamp(13px, 2vw, 15px);
                        font-weight: 600;
                    }
                    .span_2 {
                        font-size: clamp(8px, 1.5vw, 12px);
                        padding-left: clamp(10px, 2vw, 20px);
                        padding-right: clamp(10px, 2vw, 20px);
                        font-weight: 400;
                    }
                }
            }
        }
    }
}
@media screen and (max-width: 480px) {
    #tools.tools-2025 {
        & ul {
            grid-template-columns: 1fr 1fr;
            & li.banner-item {
                padding: 2rem 1rem;
                & a {
                    padding: 17px 0 20px;
                    & .wrap_img {
                        height: 80px;
                        img {
                            width: clamp(44px, 11.5vw, 55px);
                        }
                    }
                    span {
                        font-size: min(3.5vw, 13px);
                        display: block;
                    }
                    .span_2 {
                        font-size: clamp(8px, 2.5vw, 12px);
                        padding-left: clamp(9px, 1.25vw, 20px);
                        padding-right: clamp(9px, 1.25vw, 20px);
                    }
                }
            }
        }
    }
}