.section4 {
        position: relative;
        overflow: hidden;
    }

    .Box4 {
        display: flex;
        flex-wrap: wrap;
    }

    .img4 {
        width: 55%;
    }

    .text4 {
        padding-left: 60px;
        width: 45%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .text4 p {
        font-size: 14px;
        color: var(--color);
        margin-bottom: 10px;
    }

    .text4 .sectionTitle {
        text-align: left;
        margin-bottom: 0;
    }

    .text4 .desc {
        font-size: 16px;
        line-height: 2;
        margin: 15px 0 30px;
    }



    .text4 a {
        width: 175px;
        height: 45px;
        background: var(--color1);
        color: #fff;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media (max-width: 1200px) {
        .Box4 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .img4 {
            width: 50%;
        }

        .text4 {
            padding-left: 30px;
            width: 50%;
        }

        .text4 .desc {
            font-size: 14px;
            line-height: 1.5;
        }
    }

    @media (max-width:800px) {
        .Box4 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex-direction: column-reverse;
        }

        .img4 {
            width: 100%;
        }

        .text4 {
            padding-left: 0px;
            width: 100%;
            margin-bottom: 30px;
        }
    }

    @media (max-width: 460px) {
        .text4 a {
            font-size: 12px;
            width: 140px;
            height: 35px;
        }
    }