/* ----- reset css ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
:root {
    --unnamed-color-ffffff: #FFFFFF;
    --secondary-red: #EF4B36;
    --primary-black: #000000;
}
*{
    font-family: 'Poppins', sans-serif !important;
}
a{
    text-decoration: none !important;
}
button:focus{
    outline: none;
}
img{
    max-width: 100%;
}
input:focus,
select:focus{
    outline: none;
}
a:focus{
    box-shadow: none !important;
}
/* =====================================
            common css
======================================== */
section{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 40px 0 70px;
}
.container-fluid{
    max-width: 1366px;
}
.container{
    max-width: 1270px;
}
.contact-container{
    padding: 0 80px;
}
.common-title{
    text-align: center;
    font: normal  600 40px/56px Poppins;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
}
.common-title-contain{
    text-align: center;
    font:  normal 18px/25px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.5;
    padding-top: 6px;
}
.common-btn{
    background: #EF4B36 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 16px #ED422F66;
    border-radius: 4px;
    opacity: 1;
    text-align: left;
    font: normal 14px/21px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    padding: 10.8px 28px;
    border: 1px solid #EF4B36;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.common-btn:hover{
    background-color: #fff;
    color: #EF4B36;
    border: 1px solid #EF4B36;
}
.cursor-pointer{
    cursor: pointer;
}
/* =====================================
            header
======================================== */
.header{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 2px #00000029;
    opacity: 1;
    padding: 19px 8px;
}
.header .navbar-collapse{
    flex-grow: unset;
}
.header .navbar .collapse .nav-item .nav-link{
    color: var(--primary-black);
    text-align: left;
    font: normal normal 14px/21px Poppins;
    letter-spacing: 0px;
    text-transform: capitalize;
    opacity: 0.44;
    padding: 9px 16px;
}
.header .navbar .collapse .nav-item .nav-link:hover{
    background-color: #EF4B36;
    color: #fff;
    opacity: 1;
    border-radius: 4px;
}
/* ================================
            banner
=================================== */
.banner-title{
    text-align: left;
    font: normal 600 36px/55px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
 .banner-contain{
    text-align: left;
    font: normal normal 18px/32px Poppins;
    letter-spacing: 0px;
    color: #00000080;
    /* opacity: 0.5; */
    margin: 27.5px 0 28px;
}
/* ================================
            Thought
=================================== */
.thought-title-contain{
    color: #000000 ;
    opacity: 0.54 ;
    font: normal normal normal 20px/36px Poppins;
    letter-spacing: 0px;
    color: #000000;
    padding-top: 30px;
}
.opinions-row{
    padding-top: 40px;
}
.opinions-box{
    padding: 22px 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #00000029;
    border-radius: 8px;
    opacity: 1;
}
.opinions-box1{
    border-left: 10px solid #757575;
}
.opinions-box2{
    border-left: 10px solid #F69E92;
}
.opinions-box .opinions-box-title{
    text-align: left;
    font: normal normal 600 20px/36px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.opinions-box .opinions-box-contain{
    text-align: left;
    font: normal normal normal 14px/26px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.44;
    padding: 30px 0;
}
.opinions-box .read-more{
    text-align: left;
    font: normal normal normal 14px/20px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}
/* ================================
            get-quote
=================================== */
.get-quote{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 16px #00000029;
    border: 1px solid #0000000D;
    border-radius: 8px;
    opacity: 1;
    padding: 38px 63px 38px 37px;
    border-left: 12px solid #EF4B36;
}
.quote-title{
    text-align: left;
    font: normal normal 600 26px/26px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.quote-btn{
    text-align: left;
    font: normal normal 600 16px/25px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    background: #EF4B36;
    border-radius: 4px;
    opacity: 1;
    display: inline-block;
    padding: 10.5px 17px;
    border: 1px solid #EF4B36;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.quote-btn:hover{
    border: 1px solid #EF4B36;
    background-color: #fff;
    color: #EF4B36;
}
/* ================================
            simply work flow
=================================== */
.simply-work-flow{
    background-color: #2A2B3B;
    padding: 71px 0;
}
.simply-work-flow .quote-icon {
    width: 154px;
    height: 154px;
    border-radius: 50%;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    margin-right: 70px;
}
.simply-work-flow .work-title,
.scaleteam-sub-title{
    font: normal normal 600 16px/25px Poppins;
    letter-spacing: 0.29px;
    color: #EF4B36;
    text-transform: uppercase;
}
.simply-work-flow .work-contain{
    text-align: left;
    font: normal normal 600 46px/69px Poppins;
    letter-spacing: 0.83px;
    color: #fff;
    text-transform: capitalize;
    opacity: 1;
}
.join-our-team{
    margin-top: 32px;
}
.pioneer-row{
    margin-top: 41px;
}
.pionner-img{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
}
.pionner-img img{
    object-fit: cover;
    /* height: 100%; */
    box-shadow: 0px 0px 6px #00000029;
}
.pionner-imgs{
    height: 100%;
}
/* ================================
            our vision
=================================== */
.vision-row{
    padding-top: 40px;
}
.our-vision-section .vision-box{
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #00000029;
    border-radius: 8px;
    padding: 20px 28px 50px 27px;
}
.our-vision-section .vision-box:nth-child(2){
    padding-bottom: 110px;
}
.our-vision-section .vision-title{
    text-align: left;
    font: normal normal 600 18px/25px Poppins;
    letter-spacing: 0.47px;
    text-transform: uppercase;
    padding-bottom: 15px;
    opacity: 1;
    color: #FD71AF;
}
.our-vision-section .vision-box-title{
    font-size: 29px;
    font-weight: 600;
    color: #EF4B36;
    padding-right: 18px;
    padding-top: 6px;
}
.our-mission{
    background-image: url('../img/XMLID_996_.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
}
.our-vision{
    background-image: url('../img/vision.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
}
.core-value{
    background-image: url('../img/reliability.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
}
.our-vision-section .vision-contain{
    text-align: left;
    font: normal normal normal 16px/29px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
    padding-right: 65px;
}
.our-vision-section .our-mission{
    border-left: 7px solid #EF4B36;
}
.our-vision-section .our-mission .vision-title{
    color: #EF4B36;
}
.our-vision-section .our-vision{
    margin-top: 40px;
}
.our-vision-section .our-vision{
    border-left: 7px solid #FD71AF;
}
.our-vision-section .core-value{
    border-left: 7px solid #EF4B36;
    height: 100%;
} 
.our-vision-section .core-value .vision-title{
    color: #EF4B36;
}
.core-value-list{
    padding-top: 31px;
}
.core-value-list li{
    padding-bottom: 22px;
}
.core-contain-img {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000029;
}
.core-value .core-value-contain{
    text-align: left;
    font: normal normal 600 20px/32px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
    margin-left: 15px;
}
.blogs,.events{
	padding-bottom: 58px;
	padding-right: 43px;
}
/* ================================
            responssive
=================================== */
@media screen and (min-width:991.98px) and (max-width:1200px){
    .client-img-data .slick-list{
        height: 369px !important;
    }
}
@media screen and (max-width:1140px){
    .blogs,.events{
        padding-right: 15px;
    }
}
@media screen and (min-width:767px) and (max-width:1024px){
    .service-contain{
        padding: 30px 15px;
    }
}
@media screen and (max-width:1024px){
    .timeline-data{
        padding: 0;
    }
}
@media screen and (max-width:991px){
    section{
        padding: 40px 0;
    }
    .work-details h2,.banner-title,.common-title{
        font: normal normal 600 30px/45px Poppins;
    }
    .pionner-imgs{
        height: auto;
    }
    .thought-title-contain{
        font: normal normal normal 17px/36px Poppins;
    }
    .expert-techno-title{
        font: normal normal 600 22px/32px Poppins;
    }
    .country-client{
        background-position-x: 29px;
    }
    .quote-icon{
        margin: 0 auto !important;
    }
    .Benefits h2{
        font-size: 35px;
    }
    .role-title{
        font: normal normal 600 23px/40px Poppins;
    }
    .role-data{
        padding-bottom: 20px;
    }
}
@media screen and (max-width:767px){
    .common-title, .simply-work-flow .work-contain,.banner-title{
        font: normal normal 600 25px/35px Poppins;
    }
    .thought-title-contain,.work-box-contain{
        font: normal normal normal 16px/25px Poppins;
    }
    .banner-contain,
    .modal-detail-subtitle,.loaction-address,.email-address{
        font: normal normal 16px/30px Poppins;
    }
    .quote-title,
    .work-box-sub-title{
        font: normal normal 600 20px/22px Poppins;
    }
    .modal-detail-title,.client-review-title{
        font: normal 600 20px/30px Poppins;
    }
    .contact-container{
        padding: 0px 40px;
    }
    
    .sub-banner-title,
    .challange-title,
    .work-details h2,.conculation-title{
        font: normal normal 600 25px/35px Poppins;
    }
    .challenge-task-contain{
        font: normal normal 600 18px/25px Poppins;
    }
    .common-career{
        font-size: 18px;
        margin-top: 8px;
    }
    .thing2 h4,.thing3 h4,.thing4 h4,.thing h4,.card h3{
        font-size: 18px;
    }
    .Benefits h2{
        font-size: 29px;
    }
    .blogs,.events{
        padding-bottom: 24px;
    }
}
@media screen and (max-width:607px){
    .quote-btn{
        margin-top: 20px;
    }
}
@media screen and (max-width:576px){
    
    .contact-container{
        padding: 0px !important;
    }
}