section.what-we-do {
    width: 100vw;
    overflow: hidden;
    background-image: url('../img/background/blue-arrow.png');
    background-repeat: no-repeat;
    background-position-x: -32em;
    background-position-y: -18em;
}

.wrapper-grid {
    display: grid;
    justify-content: initial;
    align-items: center;
    width: 100vw;
    height: 17em;
    padding-left: 12em;
}
.blue-line {
    width: 94px;
    height: 0px;
    border: 3px solid #57C1DB;
    opacity: 1;
    margin-bottom: -7em;
}
.txt-wrapper h1{
    color: #2B0556;
    font: normal normal 900 60px/72px Poppins;
}
.txt-wrapper p {
    max-width: 782px;
    width: auto;
    color: #000000;
    font: normal normal 400 17px/20px Poppins;
}

.img-center {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}



.wrapper-flex {
    width: 100vw;
    height: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icons-wrapper {
    width: 14em;
    height: 5em;
    /* background: aqua; */
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin: 0 0.5em;
}
.icons-wrapper p {
    color: #2B0556;
    font: normal normal 824 15px/20px Poppins;
}
.btn-pourple {
    width: 100vw;
    height: 10em;
}

.btn-pourple button {
    border-style: solid;
    border-color: #57c1db;
    text-align: center;
    font: normal normal medium 22px/22px Poppins;
    letter-spacing: 0.44px;
    color: #57C1DB;
}



@media only screen and (max-width: 880px) {
    .wrapper-grid {
        padding-left: 3em;
    }

    .img-center img {
        width: 48em;
    }
}

@media only screen and (max-width: 725px) {
    .blue-line {
        display: none;
    }
    .txt-wrapper h1 {
        color: #2B0556;
        font: normal normal 900 40px/72px Poppins;
    }
    .txt-wrapper p {
        max-width: 395px;
        width: auto;
        font: normal normal 400 18px/20px Poppins;
    }
    .wrapper-grid {
        padding-left: 0em;
        justify-items: center;
    }
    .img-center img {
        width: 34em;
    }
    .wrapper-flex {
        width: 100vw;
        height: 14em;
        display: grid;
        justify-content: center;
        align-items: center;
        /* background: antiquewhite; */
    }
    section.what-we-do {

        background-image: initial;
    }
}


@media only screen and (max-width: 442px) {
    .img-center img {
        width: 25em;
    }
    .txt-wrapper p {
        font: normal normal 400 15px/20px Poppins;
        text-align: justify;
        padding: 1em;
    }
    .txt-wrapper h1 {
        font: normal normal 900 28px/42px Poppins;
        text-align: center;
    }
    .wrapper-grid {
        height: 11em;
    }
}