@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.work-sec-main {
    padding: 200px 0 10px;
    background-color: #011e4d
}

.work-sec-banners img {
    width: 100%;
    height: auto
}

.work-sec-banners {
    margin-bottom: 65px
}

.work-sec-content h2 {
    text-align: center;
    margin-bottom: 50px
}

.work-sec-banner {
    display: flex;
    background-color: #fff;
    width: 100%;
    padding: 0;
    margin: 60px 0;
    border-radius: 20px;
    overflow: hidden;
    font-family: Open Sans, sans-serif;
}

.work-sec-banner-art {
    width: 50%;
}

.work-sec-banner-art img {
    width: 100%;
    height: 100%;
}

.work-sec-banner-copy {
    width: 50%;
    align-content: center;
}

.work-sec-banner-text {
    padding: 20%;
}

.work-sec-banner-text h4 {
    font-family: Open Sans, sans-serif;
    color: #0d60ae;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 20px;
}

.work-sec-banner-text p {
    font-size: 12px;
    text-justify: inter-word;
    text-wrap: pretty;
}

.work-sec-banner-text img {
    float: right;
    max-width: 50%;
}

@media (max-width: 428px) {
    .work-sec-main {
        padding: 150px 0 10px
    }
}

@media (max-width: 390px) {
    .work-sec-content h2 {
        font-size: 55px
    }

    .work-sec-banners {
        margin-bottom: 35px
    }
}

@media (max-width:991px){
    .work-sec-banner {
        flex-direction: column;
    }

    .work-sec-banner-art {
        width: 100%;
    }

    .work-sec-banner-copy {
        width: 100%;
    }
}