.redbtn{padding:10px 28px;font-size:16px;line-height:22px;color:#EB482F;margin:10px 0 0;border-radius:0;border:2px solid #EB482F;transition:.3s linear;text-transform:uppercase;display:inline-flex;align-items:flex-start;flex-direction:column;gap:10px;font-weight:600;}
.redbtn:hover{border:2px solid #EB482F;color:#fff;background:#EB482F;transition:.3s linear;}

.mainsection{display:flex;align-items:center;padding-top:150px;padding-bottom:50px;}
.mainsection h1{padding-bottom:20px;border-bottom:1px solid #B2B2B2;font-size:53px;line-height:1.5;font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;margin-bottom:30px;}
.mainsection .mstext{max-width:54%;padding-right:50px;}
.mainsection .mstext p{font-size:18px;line-height:32px;color:#535353;}
.mainsection .mstext p span{display:inline-block;margin-right:60px;}
.mainsection .reach{margin:40px 0;}

.deliverables h4{font-size:20px;font-weight:600;color:#000;}
.deliverables ul{padding-left:20px;}
.deliverables ul li{font-size:14px;line-height:21px;color:#535353;margin-top:5px;}

.brandImg{width:54%;margin:0!important;}
.devider{width:100%;height:2px;background:#CCC;margin:0 auto;}

.summery{text-align:left;padding:50px 0;}
.summery h2{color:#000;font-weight:600;font-size:32px;}
.summery p{font-size:15px;line-height:26px;color:#535353;}

.tech{margin:50px 0 80px;}
.tech .row{display:flex;align-items:center;}
.tech .img img{}
.tech .tech-text{padding-right:50px;}
.tech h2{font-weight:600;font-size:28px;line-height:46px;margin-bottom:20px;color:#000;}
.tech .tech-text .tech-list .tech-block{display:flex;align-items:center;border:1px solid #CCC;padding:20px;margin-bottom:10px;transition:.5s;}
.tech .tech-text .tech-list .tech-block .icon img{min-width:65px;}
.tech .tech-text .tech-list .tech-block .text{margin-left:20px;}
.tech .tech-text .tech-list .tech-block .text h4{font-size:18px;line-height:24px;font-weight:600;margin-bottom:20px;}
.tech .tech-text .tech-list .tech-block .text p{margin-bottom:0;font-size:15px;line-height:26px;font-weight:400;}
.tech .tech-text .tech-list .tech-block:last-child{margin-bottom:0;}
.tech.over_view .tech-text{padding-right:50px;padding-left:0;}
.tech .tech-text p{font-size:15px;line-height:26px;color:#000;}
.tech .tech-text ul li{list-style:none;margin-top:5px;font-size:15px;color:#000;display:flex;}
.tech .tech-text .tech-list .tech-block:hover{box-shadow:0 0 10px #c9c9c9;transition:.5s;}
.tech .tech-text ul li img{width:18px;height:18px;margin:3px 5px 0 0;}
.tech.with-bg{background:#F1F1F1;padding:40px;}
.tech.with-bg h3{color:#000;font-weight:600;font-size:28px;line-height:44px;margin-bottom:20px;}
.tech .rightimg{text-align:right;padding:20px 50px 20px 20px;}
.tech .rightimg img{width:auto;}

.challenge{background:#F1F1F1;display:flex;align-items:center;justify-content:space-between;padding:30px;margin:50px 0;}
.challenge .icon{width:300px;margin-right:100px;}
.challenge .text h4{font-weight:600;font-size:28px;line-height:46px;margin-bottom:15px;color:#000;}
.challenge .text p{font-size:15px;line-height:26px;color:#000;}

.why-company{margin:50px 0;}
.why-company h2{color:#000;font-weight:600;margin-bottom:15px;font-size:30px;}
.why-company .why_list{display:flex;justify-content:space-between;text-align:center;}
.why-company .why_list li{list-style:none;box-shadow:0 3px 8px rgba(0,0,0,.24);margin:5px;width:16.66%;padding:15px;}
.why-company .why_list li .title_w_icon .icon img{width:85px;}
.why-company .why_list li .title_w_icon label{font-size:15px;font-weight:400;color:#000;}

.the-result{margin:50px 0;}
.the-result .d_flex{display:flex;align-items:center;justify-content:space-between;}
.the-result .img{width:100%;}
.the-result .img img{width:100%;}
.the-result .tech-text{width:50%;background:#FBF2F3;padding:40px;}
.the-result .tech-text h2{font-weight:600;font-size:28px;line-height:46px;margin-bottom:15px;color:#000;}
.the-result .tech-text p{font-size:15px;color:#535353;line-height:26px;}
.the-result .tech-text ul li{list-style:none;margin-top:5px;font-size:15px;color:#535353;}
.the-result .tech-text ul li img{width:18px;margin-right:5px;}

.approch{margin:50px 0;}
.approch .head h2{font-weight:600;font-size:28px;line-height:46px;margin-bottom:15px;color:#000;text-align:center;}
.approch .approch-list{display:flex;justify-content:space-between;}
.approch .approch-list .approch-block{position:relative;background:#FBF2F3;padding:50px 35px;text-align:center;width:100%;margin:10px;}
.approch .approch-list .approch-block .icon{margin-bottom:20px;}
.approch .approch-list .approch-block .icon img{width:50px;}
.approch .approch-list .approch-block h4{font-size:20px;font-weight:600;}
.approch .approch-list .approch-block.greays{background:#F1F1F1;}
.approch .approch-list .approch-block:hover .afterhover{visibility:visible;}
.approch .approch-list .approch-block .afterhover{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;text-align:left;background:#d5272e;color:#fff;visibility:hidden;}
.approch .approch-list .approch-block.greays .afterhover{background:#515151;}


.result-section{padding:70px 50px;background:url(../images/bg-result.jpg) no-repeat center center;background-size:cover;}
.result-section h3{font-weight:600;font-size:28px;line-height:46px;margin-bottom:20px;color:#000;}
.result-section p{font-size:15px;line-height:26px;color:#000;font-weight:400;margin-bottom:10px;}
.result-section ul li{font-size:12px;line-height:22px;color:#000;font-weight:400;margin-bottom:10px;}
.whitebg{background:#fff;padding:30px;}
.mb-30{margin-bottom:30px;}
.resultbx{display:flex;align-items:center;}
.resultbx .resultbxL{width:45%;margin-right:3%;}
.resultbx .resultbxR{width:52%;}
.img{overflow:hidden;}
.img img{width:100%;transition:.5s;}
.img:hover img{transform:scale(1.05);transition:.5s;}

.approach-section{padding:60px 0;}
.approach-section h2{font-size:28px;line-height:44px;font-weight:700;margin-bottom:40px;}
.approach-wrapper{display:flex;gap:30px;}
.side-menu{width:28%;}
.content-box{width:44%;padding:35px;background:#efefef;border-radius:12px;}
.content-box h3{font-size:22px;line-height:28px;font-weight:600;margin-bottom:25px;}
.content-box p{font-size:16px;line-height:26px;color:#333;margin-bottom:18px;}
.side-menu a{color:#111;text-decoration:none;}
.menu-item{display:flex;align-items:center;gap:15px;padding:20px;margin-bottom:18px;background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:.3s;}
.menu-item span{font-size:16px;line-height:20px;font-weight:600;}
.icon1{width:50px;height:50px;display:flex;justify-content:center;align-items:center;flex-shrink:0;background:#000;border-radius:50%;transition:.3s;}

.menu-item:hover,.menu-item.active{background:#000;color:#fff;}
.menu-item:hover span,.menu-item.active span{color:#fff;}
.menu-item:hover .icon1,.menu-item.active .icon1{background:#fff;}
.menu-item:hover .icon1 img,.menu-item.active .icon1 img{filter:invert(1);}


	
@media only screen and (min-width:1620px) {
}
@media only screen and (max-width:1024px) {
    .brand{max-width: 100%;}
}

@media (max-width:992px){
.approach-wrapper{flex-direction:column;}
.side-menu,.content-box{width:100%;}
.content-box{min-height:auto;}
.approach-section h2{font-size:34px;}
.content-box h3{font-size:28px;}
.menu-item span{font-size:18px;}
}

@media (max-width:820px){
.resultbx{display:block;}
.resultbx .resultbxL{width:100%;margin-right:0;}
.resultbx .resultbxR{width:100%;padding:50px 50px 0;}
}


@media only screen and (max-width: 600px) {
        .why-company h2{font-size: 24px;}
        .approch .approch-list .approch-block{margin: 0px;margin-bottom: 20px;}
        .tech .tech-text .tech-list .tech-block .text h4{font-size: 18px;}
        .challenge .text h4{font-size: 28px;text-align: center;}
        .challenge .icon {width: 100%;margin-right: 0px;text-align: center;}
        .challenge{display: block;padding: 15px;}
        .brand.brandInner .text {max-width: 100%;padding-right: 0px;margin-bottom: 50px;margin-top: 40px;}
        .brandImg {width: 100%;}
        .btn-primary{width: 350px;}
        .tech .row{display: block;}
        .tech .row .col-sm-6{width: 100%;}
        .tech .tech-text {padding-left: 0px;margin-top: 25px;}
        .tech .tech-text h2{text-align: center;font-size: 28px;line-height: normal;}
        .tech.over_view .tech-text {padding-right: 0px;padding-bottom: 25px;}
        .approch .approch-list{display: block;}
        .the-result .d_flex {display: block;}
        .the-result .img {width: 100%;}
        .the-result .tech-text{width: 100%;padding: 20px;}
        .why-company .why_list{display: block;}
        .why-company .why_list li{width: 48%;float: left;height: 128px;}
    }
    @media only screen and (max-width:460px) {
        .why-company .why_list li{width: 100%;height: auto;margin: 0px;margin-bottom: 8px;}

    }