.section-4 .section-4-heading{
    text-align: center;
    color: #464646;
    padding: 5rem 0 3rem 0;
}

.section-4 .section-4-heading h2{
    font-weight: 400;
    font-size: 3rem;
}

.section-4 .section-4-heading h2 span{
    font-weight: bold;
}

.section-4 .section-4-content .section-4-modules{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5rem 10% 0 10%;
}

.section-4 .section-4-content .section-4-modules .section-4-module-1,
.section-4 .section-4-content .section-4-modules .section-4-module-2,
.section-4 .section-4-content .section-4-modules .section-4-module-3{
    display: flex;
    color: #464646;
    padding-bottom: 5rem;
}

.section-4 .section-4-content .section-4-modules .section-4-module-1 .section-4-module-img,
.section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-img,
.section-4 .section-4-content .section-4-modules .section-4-module-3 .section-4-module-img{
    display: flex;
    justify-content: end;
    width: 50%;
}

.section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-img{
    justify-content: start;
}

.section-4 .section-4-content .section-4-modules .section-4-module-1 .section-4-module-img img,
.section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-img img,
.section-4 .section-4-content .section-4-modules .section-4-module-3 .section-4-module-img img{
    max-width: 70%; 
    object-fit: contain;
}

.section-4 .section-4-content .section-4-modules .section-4-module-2{
    flex-direction: row-reverse;
}

.section-4 .section-4-content .section-4-modules .section-4-module-1 .section-4-module-text,
.section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-text,
.section-4 .section-4-content .section-4-modules .section-4-module-3 .section-4-module-text{
    max-width: 35%;
    margin: auto;
}

.section-4 .section-4-content .section-4-modules .section-4-module-text h3{
    font-size: 2.5rem;
    font-weight: 500;
}

.section-4 .section-4-content .section-4-modules .section-4-module-text p{
    padding: 1.5rem 0;
}

.section-4 .section-4-content .section-4-modules .section-4-module-text ul li{
    padding: .5rem 0;
}

.section-4 .section-4-content .section-4-modules .section-4-module-text ul li::marker{
    color: #13cbcd;
    font-size: 30px;
}



@media screen and (max-width: 700px) {
    
    .section-4 .section-4-heading h2{
        font-size: 2.5rem;
    }
    
}

@media screen and (max-width: 480px) {
    
    .section-4 .section-4-heading h2{
        font-size: 2rem;
    }
    
}

@media screen and (max-width: 1300px){

    .section-4 .section-4-content .section-4-modules .section-4-module-text h3{
        font-size: 2rem;
    }

    .section-4 .section-4-content .section-4-modules .section-4-module-text p{
        padding: 0rem 0;
    }

    .section-4 .section-4-content .section-4-modules .section-4-module-text ul li {
        padding: 0rem 0; 
    }

    .section-4 .section-4-content .section-4-modules .section-4-module-1 .section-4-module-img img,
    .section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-img img,
    .section-4 .section-4-content .section-4-modules .section-4-module-3 .section-4-module-img img{
        max-width: 100%; 
        object-fit: contain;
    }

    .section-4 .section-4-content .section-4-modules .section-4-module-1 .section-4-module-text,
    .section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-text,
    .section-4 .section-4-content .section-4-modules .section-4-module-3 .section-4-module-text{
        max-width: 35%;
        margin: auto;
    }
}

@media screen and (max-width: 875px){
    .section-4 .section-4-content .section-4-modules .section-4-module-1,
    .section-4 .section-4-content .section-4-modules .section-4-module-2,
    .section-4 .section-4-content .section-4-modules .section-4-module-3{
        flex-direction: column-reverse;
    }

    .section-4 .section-4-content .section-4-modules .section-4-module-1 .section-4-module-text,
    .section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-text,
    .section-4 .section-4-content .section-4-modules .section-4-module-3 .section-4-module-text{
        max-width: 100%;
        margin: auto;
    }

    .section-4 .section-4-content .section-4-modules .section-4-module-1 .section-4-module-img, 
    .section-4 .section-4-content .section-4-modules .section-4-module-2 .section-4-module-img, 
    .section-4 .section-4-content .section-4-modules .section-4-module-3 .section-4-module-img{
        display: flex;
        justify-content: center;
        width: 100%;
        padding-top: 3rem;
    }

    .section-4 .section-4-content .section-4-modules .section-4-module-text p{
        padding: 2rem 0;
    }
}