.services-content {
    background-color: #FAFAFA;
}

.backgroundimg-services {
    position: relative;
}

.services-img {
    width: 100%;
}

.background-services-content {
    position: absolute;
    top: 50%;
    margin-left: 50px;
}

.bg-about-title {
    font-family: sans-serif;
    font-weight: 500;
    font-size: 80px;
    color: #FAFAFA;
    display: inline;
    border-bottom: 1px solid #FAFAFA;
}

.bg-about-text {
    font-family: sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #FAFAFA;
    width: 37%;
}

.bg-about-text span {
    color: #FEB912;
}

/* SECTION 1 */

.section1-services-main {
    background-color: #FAFAFA;
}

.section1-services {
    display: flex;
    padding: 40px 60px;
}

.section1-services-left {
    width: 40%;
    /* text-align: center; */
}   

.section1-services-left img {
    width: 90%;
}

.section1-services-right {
    width: 60%;
    margin-left: 25px;
}


.section1-services-maintitle {
    font-family: sans-serif;
    font-weight: 700;
    color: #FEB912;
    font-size: 40px;
    padding: 5px;

    /* background-color: #034E7B; */
}

.section1-services-maintext {
    font-family: sans-serif;
    font-weight: 500;
    color: #212121;
    font-size: 23px;
}

.section1-services-subtitle {
    font-family: sans-serif;
    font-weight: 700;
    color: #034E7B;
    font-size: 40px;
    padding: 5px;

    
    /* background-color: #FEB912; */
}

.section1-services-subtext {
    font-family: sans-serif;
    font-weight: 500;
    color: #212121;
    font-size: 24px;
}

/* SECTION 2 */

.section2-services-main {
    background-image: url("../assets/services/bg.webp");
    background-size: cover;        
    background-repeat: repeat; 
}

.section2-services {
    display: flex;
    padding: 40px 60px;
}

.section2-services-left {
    width: 60%;
    /* text-align: center; */
}   

.section2-services-right img {
    width: 90%;
}

.section2-services-right {
    width: 40%;
    /* margin-left: 25px; */
}

.section2-services-maintitle {
    font-family: sans-serif;
    font-weight: 700;
    color: #FEB912;
    font-size: 40px;
    padding: 5px;

    /* background-color: #034E7B; */
}

.section2-services-maintext {
    font-family: sans-serif;
    font-weight: 500;
    color: #212121;
    font-size: 23px;
}

.section2-services-subtitle {
    font-family: sans-serif;
    font-weight: 700;
    color: #034E7B;
    font-size: 40px;
    padding: 5px;

    
    /* background-color: #FEB912; */
}

.section2-services-subtext {
    font-family: sans-serif;
    font-weight: 500;
    color: #212121;
    font-size: 24px;
}


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

    .background-services-content {
        top: 40%;
    }

    .bg-about-title {
        font-size: 50px;
    }

    .bg-about-text {
        font-size: 20px;
        width: 38%;
    }

}

@media screen and (max-width: 1110px) { 
    .background-services-content {
        top: 25%;
    }


    .bg-about-title {
        font-size: 35px;
    }

    .bg-about-text {
        font-size: 13px;
    }

}

@media screen and (max-width: 980px) {
    
    /* SECTION 1 & 2 */

    .section1-services-left img,
    .section2-services-right img {
        width: 100%;
    }

    .section1-services-right {
        margin-left: 15px;
    }


    .section1-services-maintitle,
    .section2-services-maintitle {
        font-size: 30px;
    }

    .section1-services-maintext,
    .section2-services-maintext {
        font-size: 18px;
    }

    .section1-services-subtitle,
    .section2-services-subtitle {
        font-size: 30px;
    }

    .section1-services-subtext,
    .section2-services-subtext {
        font-size: 18px;
    }

}

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

    .backgroundimg-services {
        margin-top: 40px;
    }


    .background-services-content {
        top: 23%;
        margin-left: 10px;
    }

    .bg-about-title {
        font-size: 11px;
    }

    .bg-about-text {
        font-size: 7px;
        width: 47%;
    }

    /* SECTION 1 & SECTION 2 */

    .section1-services,
    .section2-services{
        flex-direction: column;
        padding: 10px 30px;
    }

    .section1-services-left,
    .section1-services-right,
    .section2-services-left,
    .section2-services-right  {
        width: 100%;
        /* text-align: center; */
        margin-left: 0px;
    }

    .section2-services-left {
        order: 2;
    }
    
    .section2-services-right {
        order: 1;
    }

    .section1-services-left img,
    .section2-services-right img {
        width: 100%;
    }


    .section1-services-maintitle,
    .section2-services-maintitle {
        font-size: 20px;
    }

    .section1-services-maintext,
    .section2-services-maintext {
        font-size: 15px;
    }

    .section1-services-subtitle,
    .section2-services-subtitle {
        font-size: 20px;
    }

    .section1-services-subtext,
    .section2-services-subtext {
        font-size: 15px;
    }

}