/* about us banner */
.about-banner-wrapper {
    width: 100%;
    height: calc(100vh - 5rem);
}

.about-banner-wrapper .upper-about {
    width: 100%;
    height: 35%;
}

.upper-about .upper-text {
    /* width: 50%; */
    padding-left: 250px;
}

.upper-text .heading-about {
    font-size: 75px;
    line-height: 65px;
    font-weight: 700;
    color: #B7BBC4;
}

.upper-text .highlight {
    font-size: 75px;
    font-weight: 700;
    color: #0E0E0E;
    margin-left: 250px;
}

.upper-about .img-box {
    width: 50%;
    background-image: url("/assets/service-shadow.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.lower-about {
    width: 100%;
    height: 65%;
    background-image: url("/assets/service-page-banner.png");
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: aqua;
}

.lower-about img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* ideas start */
.ideas-wrapper {
    width: 100%;
    color: #FFFFFF;
    background-color: #0D0D0D;
}

.ideas-wrapper .upper-ideas {
    padding-inline: 200px;
}

.upper-ideas .ideas-heading {
    font-size: 60px;
    font-weight: 500;
}

.upper-ideas .ideas-text {
    font-size: 18px;
    color: #B7BBC4;
}

.service-btn {
    width: 180px;
    height: 50px;
    background-color: #2D57FF;
    border: none;
    border-radius: 10px;
    color: #F9F9F9;
    font-size: 18px;
}
.ideas-image-box{
    width: 100%;
    overflow-x: hidden !important;
}
.ideas-image-box .img-idea{
    width: 100%;
}
/* ideas end */
/* work  */
.work-wrapper {
    width: 100%;
}

.work-wrapper .mini-heading {
    font-size: 22px;
    color: #B7BBC4;
    text-transform: capitalize;
}

.work-wrapper .work-heading {
    font-size: 75px;
    font-weight: 600;
    color: #0D0D0D;
}

.work-images-wrapper {
    flex-wrap: wrap;
}

.work-images-wrapper section {
    width: 25%;
}

.work-images-wrapper section img {
    width: 90%;
}

/* work ends */
/* empower */
.empower-wrapper {
    width: 100%;
}

.empower-wrapper .empower-left {
    width: 50%;
}

.empower-left img {
    width: 90%;
}

.empower-wrapper .empower-right {
    width: 50%;
}

.empower-right .mini-heading {
    font-size: 22px;
    color: #B7BBC4;
    text-transform: capitalize;
}

.empower-right .heading-empower {
    font-size: 75px;
    color: #0D0D0D;
}

.heading-empower span {
    font-weight: 600;
}

.about-empower .description-empower {
    font-size: 18px;
    color: #090909;
    opacity: 70%;
}

/* empower ends */

/* responsive */
@media screen and (max-width:1400px) {

    /* work */
    .work-wrapper .work-heading {
        font-size: 65px;
    }

    /* empower */

    .empower-right .heading-empower {
        font-size: 65px;
    }
}

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

    /* about banner */
    .upper-about .upper-text {
        /* width: 50%; */
        padding-left: 150px;
    }

    /* ideas */

    .upper-ideas .ideas-heading {
        font-size: 45px;
    }

    .upper-ideas .ideas-text {
        font-size: 18px;
    }

    /* work */
    .work-wrapper .work-heading {
        font-size: 55px;
    }

    /* empower */

    .empower-right .heading-empower {
        font-size: 55px;
    }
}

/* 900 */
@media screen and (max-width:992px) {
    /* about banner */

    .upper-about .upper-text {
        padding-left: 150px;
    }

    .upper-text .highlight {
        margin-left: 200px;
    }

    /* ideas */
    .ideas-wrapper .upper-ideas {
        padding-inline: 50px;
    }

    .upper-ideas .ideas-heading {
        font-size: 40px;
    }

    .upper-ideas .ideas-text {
        font-size: 18px;
    }
    /* work */
    .work-wrapper .work-heading {
        font-size: 45px;
    }
    .work-wrapper .mini-heading {
        font-size: 18px;
    }
    /* empower */
    .empower-right .mini-heading {
        font-size: 18px;
        color: #B7BBC4;
        text-transform: capitalize;
    }
    
    .empower-right .heading-empower {
        font-size: 45px;
        color: #0D0D0D;
    }
    
    .about-empower .description-empower {
        font-size: 16px;
        color: #090909;
        opacity: 70%;
    }
}

/* 768 */
@media screen and (max-width:768px) {
    /* about banner */

    .upper-about .upper-text {
        padding-left: 100px;
    }

    .upper-text .highlight {
        font-size: 65px;
        margin-left: 200px;
    }

    .upper-text .heading-about {
        font-size: 65px;
        line-height: 65px;
    }

    /* ideas */
    .ideas-wrapper .upper-ideas {
        padding-inline: 25px;
    }

    .upper-ideas .ideas-heading {
        font-size: 30px;
    }

    .upper-ideas .ideas-text {
        font-size: 16px;
    }
    /* work */
    .work-images-wrapper section {
        width: 50%;
        margin-top: 20px;
    }
    /* empower */
    .empower-wrapper .empower-left {
        width: 100%;
    }
    
    .empower-left img {
        width: 90%;
    }
    
    .empower-wrapper .empower-right {
        width: 100%;
    }
}

/* 576px */
@media screen and (max-width:576px) {
    /* about banner */

    .upper-about .upper-text {
        padding-left: 30px;
    }

    .upper-text .highlight {
        font-size: 50px;
        margin-left: 100px;
    }

    .upper-text .heading-about {
        font-size: 50px;
        line-height: 50px;
    }

    /* ideas */
    .upper-ideas .ideas-heading {
        font-size: 24px;
    }

    .upper-ideas .ideas-text {
        font-size: 14px;
    }

    .service-btn {
        width: 150px;
        height: 45px;
        font-size: 16px;
    }
    .ideas-image-box .img-idea{
        width: 150%;
    }
}