.section5 {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .section5::after {
        content: "";
        display: block;
        width: 50%;
        height: 100%;
        background: #f3f3f3;
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 0%;
    }

    .Box5 {
        position: relative;
        z-index: 2;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .text5 {
        width: 400px;
    }

    .text5 h1 {
        font-weight: bold;
        font-size: 68px;
        color: var(--color);
        margin-bottom: 15px;
    }

    .text5 a {
        display: block;
        width: 70px;
    }

    .text5 a img {
        width: 100%;
    }

    .img5 {
        width: calc(100% - 400px);
    }

    @media (max-width: 1600px) {}

    @media (max-width: 1440px) {}

    @media (max-width: 1200px) {
        .section5 {
            background: #f3f3f3;
        }

        .text5 h1 {
            font-size: 48px;
            margin-bottom: 10px;
        }

        .text5 {
            width: 300px;
        }

        .img5 {
            width: calc(100% - 300px);
        }
    }

    @media (max-width: 720px) {
        .text5 {
            width: 100%;
            margin-bottom: 15px;
        }

        .text5 h1 {
            font-size: 38px;
            margin-bottom: 10px;
        }

        .text5 a img {
            width: 45px;
        }

        .img5 {
            width: 100%;
        }
    }

    @media (max-width: 460px) {}

    @media (max-width: 380px) {}