.hader-text_to,.mission_vision .mv_text .hader-text_p{
    margin-bottom:1rem
}
.people_excellence_bg-1 img,.people_excellence_bg-2 img,.people_excellence_bg-3 img,.service_info_bg img,.service_info_img img,.wwa_item,.wwa_item_text{
    width:100%
}
.wwa{
    padding:120px 0;
    background-color:#212121;
    background-image:url(../img/About_us/bg-1.webp);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.wwa_hadding h2{
    text-align:center;
    margin-top:0
}
.hader-text_to{
    color:var(--white);
    font-weight:700;
    font-size:35px;
    line-height:54px;
    text-transform:capitalize
}
.hader-text_to span,.hader-text_to:first-letter,.mission_vision .mv_text .hader-text_p span{
    color:var(--orange)
}
.wwa_item h3,.wwa_item p{
    color:var(--white);
    text-align:center;
    line-height:normal;
    text-transform:capitalize
}
.wwa_hadding p{
    margin-top:20px;
    padding:0 100px;
    text-align:center
}
.wwa_card{
    padding:50px 0 0
}
.wwa_item{
    position:relative;
    border-radius:10px;
    background:#171717;
    height:205px;
    display:flex;
    align-items:center;
    overflow:hidden
}
.wwa_item_overlay{
    position:absolute;
    top:-100px;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center
}
.wwa_item_overlay>div{
    border-radius:300px;
    width:200px;
    height:200px;
    background-color:rgba(167,167,167,.1);
    animation:2s ease-in-out wwa_card_bg
}
@keyframes wwa_card_bg{
    0%{
        transform:scale(3)
    }
    100%{
        transform:scale(1)
    }
}
.wwa_item h3{
    font-weight:500;
    font-size:29px;
    margin-bottom:10px
}
.wwa_item p{
    font-weight:300;
    font-size:15px
}
@media (max-width:1200px){
    .wwa{
        padding:100px 0
    }
    .wwa_hadding p{
        padding:0
    }
    .wwa_item h3{
        font-size:26px
    }
    .wwa_item p{
        font-size:13px
    }
    .wwa_item{
        height:180px
    }
    .wwa_item_overlay>div{
        width:80%;
        height:100%
    }
}
@media (max-width:991px){
    .wwa_item{
        margin:12px 0
    }
    .wwa_item_overlay>div{
        width:60%;
        height:106%
    }
    .wwa_card{
        padding:30px 0 0
    }
}
@media (max-width:575px){
    .wwa_item_text{
        padding:0 30px
    }
    .wwa_item p{
        margin-bottom:0
    }
    .service_info_bg{
        display:none
    }
}
.service_info{
    padding:120px 0;
    overflow:hidden
}
.about_badges .container,.mission_vision_inner,.people_excellence .container,.service_info .container{
    position:relative;
    z-index:0
}
.service_info_bg{
    position:absolute;
    top:-150px;
    right:-25.5rem;
    z-index:-1;
    width:320px
}
.service_info_inner{
    display:flex;
    gap:36px
}
.service_info_text{
    width:50%
}
.service_info_img{
    width:50%;
    display:flex;
    align-items:center
}
.service_info_text h2{
    color: #fff;
    text-transform:capitalize;
    margin-bottom:23px
}
.service_info_text p{
    color: #fff;
    margin-bottom:15px;
    text-align:justify
}
@media (max-width:1440px){
    .service_info_bg{
        right:-21.5rem;
        width:300px
    }
    .work_process .service_info_bg{
        right:-2.5rem
    }
}
@media (max-width:425px){
    .wwa_item_text{
        padding:0 15px
    }
    .wwa_item p{
        height:40px;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .wwa_card .row{
        --bs-gutter-x:20px;
        --bs-gutter-y:20px
    }
    .wwa_item{
        margin:0
    }
    .service_info_text h3{
        font-size:25px;
        line-height:30px
    }
}
.about_2{
    background-color:#212121
}
.people_excellence{
    padding:120px 0;
    position:relative;
    z-index:0;
    overflow:hidden
}
.people_excellence_bg-1{
    position:absolute;
    left:-5px;
    top:0;
    z-index:-1;
    width:23%
}
.people_excellence_bg-2{
    position:absolute;
    width:95px;
    top:221px;
    left:-300px;
    z-index:-1
}
.people_excellence_bg-3{
    position:absolute;
    width:41px;
    top:0;
    right:-310px;
    z-index:-1
}
.people_excellence_hadding h2{
    text-align:center;
    margin-top:0;
    margin-bottom:15px
}
.people_excellence_hadding p{
    text-align:center;
    padding:0 100px;
    margin-top:20px
}
.people_excellence_card{
    padding-top:50px
}
.people_excellence_card .row .col-xl-3{
    display:flex
}
.people_excellence_card .row{
    --bs-gutter-y:24px
}
.people_excellence_item{
    border-radius:10px;
    border:1px solid #f94c30;
    background:#282828;
    box-shadow:0 4px 12px 0 rgba(249,76,48,.25);
    padding:25px
}
.people_excellence_item h4{
    text-transform:capitalize;
    margin-bottom:20px;
    font-weight:500
}
.people_excellence_item p{
    position:relative;
    padding-left:20px;
    color:var(--white);
    font-weight:300;
    font-size:14px;
    letter-spacing:.4px;
    line-height:1.7;
    text-transform:capitalize;
    margin-bottom:0
}
.people_excellence_item .first_p{
    margin-bottom:20px
}
.people_excellence_item p::before{
    content:"";
    position:absolute;
    left:0;
    top:7px;
    background-color:var(--orange);
    width:6px;
    height:6px;
    border-radius:10px
}
.about_badges{
    z-index:2;
    position:relative
}
.about_badges_inner{
    padding:40px 0;
    border-radius:10px;
    background:#171717;
    box-shadow:0 4px 20px 0 rgba(188,188,188,.18);
    animation:2.3s ease-in-out about_badges_inner;
    -webkit-animation:2.3s ease-in-out about_badges_inner;
    position:relative;
    z-index:9
}
.about_badges_bg_blue,.about_badges_bg_red{
    position:absolute;
    width:300px;
    height:150px;
    border-radius:0 0 300px 300px;
    transition:filter .2s ease-in-out;
    -webkit-backdrop-filter:blur(75px)
}
@-webkit-keyframes about_badges_inner{
    0%,60%{
        box-shadow:0 0 0 0 rgba(188,188,188,.18)
    }
    100%{
        box-shadow:0 4px 20px 0 rgba(188,188,188,.18)
    }
}
@keyframes about_badges_inner{
    0%,60%{
        box-shadow:0 0 0 0 rgba(188,188,188,.18)
    }
    100%{
        box-shadow:0 4px 20px 0 rgba(188,188,188,.18)
    }
}
.about_badges_bg_blue{
    bottom:-30%;
    left:100px;
    background:rgba(55,112,222,.6);
    filter:blur(75px);
    -webkit-filter:blur(75px);
    animation:2s ease-in-out about_badges_bg_blue;
    -webkit-animation:2s ease-in-out about_badges_bg_blue
}
@-webkit-keyframes about_badges_bg_blue{
    0%{
        left:100%;
        opacity:0
    }
}
@keyframes about_badges_bg_blue{
    0%{
        left:100%;
        opacity:0
    }
}
.about_badges_bg_red{
    top:-30%;
    right:100px;
    transform:rotate(180deg);
    background:rgba(249,76,48,.6);
    filter:blur(75px);
    -webkit-filter:blur(75px);
    animation:2s ease-in-out about_badges_bg_red;
    -webkit-animation:2s ease-in-out about_badges_bg_red
}
@-webkit-keyframes aabout_badges_bg_red{
    0%{
        right:100%;
        opacity:0
    }
}
@keyframes about_badges_bg_red{
    0%{
        right:100%;
        opacity:0
    }
}
.about_badges_item{
    display:flex;
    justify-content:center
}
.about_badges_item img{
    width:120px;
    transition:filter .5s ease-in-out
}
.about_badges_item img.tech_behemoths{
    width:145px
}
.about_badges_item img:hover{
    filter:drop-shadow(7px 13px 9px #f94b3025) drop-shadow(20px 35px 20px #f94c302b);
    -webkit-filter:drop-shadow(7px 13px 9px #f94b3025) drop-shadow(20px 35px 20px #f94c302b)
}
.mission_vision{
    padding-top:120px;
    position:relative;
    overflow:hidden
}
.mission_vision_bg-1{
    position:absolute;
    width:37px;
    top:50%;
    left:-250px;
    z-index:-1
}
.mv_img img{
    width:100%;
    border-bottom:2px solid var(--white)
}
.mission_vision_inner .row{
    --bs-gutter-x:63px
}
.mv_text h2{
    margin-bottom:51px
}
.mv_text p{
    text-align:justify
}
@media (max-width:1200px){
    .people_excellence,.service_info{
        padding:100px 0
    }
    .service_info_text h2{
        margin-bottom:15px;
        margin-top:0
    }
    .service_info_img{
        display:flex;
        align-items:center
    }
    .service_info_bg{
        top:-168px;
        right:-13rem;
        width:200px
    }
    .people_excellence_hadding p{
        padding:0
    }
    .people_excellence_item .first_p,.people_excellence_item h4{
        margin-bottom:17px
    }
    .people_excellence_bg-1{
        width:28%
    }
    .people_excellence_bg-2{
        width:60px;
        top:186px;
        left:-86px
    }
    .people_excellence_bg-3{
        width:30px;
        bottom:120px;
        right:-80px
    }
    .about_badges_bg_red{
        top:-19%
    }
    .about_badges_bg_blue{
        bottom:-19%
    }
    .mission_vision{
        padding-top:100px
    }
    .mv_text h2{
        margin-bottom:20px
    }
    .mv_img{
        display:flex;
        align-items:center;
        height:100%
    }
}
@media (max-width:991px){
    .mv_text h2,.service_info_text h2{
        margin-bottom:10px
    }
    .service_info_inner{
        gap:24px
    }
    .people_excellence_card{
        padding-top:30px
    }
    .about_badges_item img{
        width:100px
    }
    .about_badges_item img.tech_behemoths{
        width:140px
    }
    .patner-company{
        flex-wrap:wrap;
        row-gap:25px
    }
    .patner-company li{
        width:33.33%
    }
    .about_badges_inner{
        padding:30px 0
    }
    .about_badges_bg_blue,.about_badges_bg_red{
        width:200px;
        height:90px
    }
    .mission_vision{
        padding-top:100px
    }
    .mission_vision_inner .row{
        --bs-gutter-x:24px
    }
    .mission_vision_bg-1{
        width:25px;
        left:-100px
    }
}
@media (max-width:767px){
    .mv_text h2,.service_info_text h2{
        margin-bottom:13px;
        text-align:center
    }
    .hader-text_to,.mv_text h2{
        text-align:center
    }
    .people_excellence,.service_info,.wwa{
        padding:80px 0
    }
    .people_excellence_hadding p,.wwa_hadding p{
        margin-top:10px
    }
    .wwa_card{
        padding:20px 0 0
    }
    .wwa_item{
        height:150px
    }
    .wwa_item_overlay>div{
        width:71%;
        height:117%
    }
    .service_info_inner{
        flex-direction:column;
        gap:35px
    }
    .service_info_img,.service_info_text{
        width:100%
    }
    .service_info_bg{
        top:-155px;
        right:-10.5rem;
        width:170px
    }
    .people_excellence_card{
        padding-top:20px
    }
    .about_badges_inner,.people_excellence_item{
        padding:20px
    }
    .people_excellence_bg-1{
        width:40%
    }
    .about_badges_item img{
        width:80px
    }
    .about_badges_item img.tech_behemoths{
        width:110px
    }
    .patner-company{
        row-gap:15px
    }
    .about_badges_bg_blue{
        bottom:-17%;
        width:160px;
        height:60px;
        filter:blur(35px);
        left:60px
    }
    .about_badges_bg_red{
        right:60px;
        top:-17%;
        width:160px;
        height:60px;
        filter:blur(35px)
    }
    .mission_vision{
        padding-top:80px
    }
    .mission_vision_inner .row{
        flex-direction:column-reverse
    }
    .mv_img{
        margin-top:35px
    }
    .mission_vision_bg-1{
        left:-75px;
        top:35%
    }
}
@media (max-width:575px){
    .mission_vision_bg-1,.people_excellence_bg-2,.people_excellence_bg-3{
        display:none
    }
    .people_excellence_bg-1{
        width:44%
    }
    .people_excellence_item{
        width:100%
    }
    .about_badges_inner{
        padding:20px 0
    }
    .about_badges_inner .row{
        --bs-gutter-y:20px
    }
    .about_badges_item img{
        width:85px
    }
    .patner-company li{
        width:50%
    }
    .about_badges_bg_blue{
        left:25px
    }
    .about_badges_bg_red{
        right:25px
    }
}
