.contactBtn_wrap{position: relative;} 
.customBanner .bannerRight .txtBox{position: relative;}
.customBanner .bannerRight .txtBox .abt_video{position: absolute; top:0px; right:0px;}
.customBanner .bannerRight.mt0{margin-top:0px;}
.customBanner .bannerText{ width:50%; position: relative;z-index: 55;}
.customBanner .home-slider{width: 100%; height: 100%;}
.home-slider  li{display: none; height: 100%;}
.home-slider  li.active{display: block;}
.home-slider  li .d-flex{height: 100%;}
.customBanner .home-slider .bottom{position: relative;}
@keyframes dropDwonFade {
0%{bottom:50px;opacity:0}
50%{opacity:.2}
100%{bottom:0;opacity:1}
}
@-webkit-keyframes dropDwonFade {
0%{bottom:50px;opacity:0}
50%{opacity:.2}
100%{bottom:0;opacity:1}
}
.customBanner p{color:#fff;font-size:17px;font-weight:300;line-height:30px;opacity:0;letter-spacing:0;font-weight:300; position:absolute;width:calc(100%- 100px);left:100px}
.customBanner .home-slider .active p{animation:dropDwonFade;animation-duration:1s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@keyframes dropDwonFade {
0%{bottom:50px;opacity:0}
50%{opacity:.2}
100%{bottom:0;opacity:1}
}
@-webkit-keyframes dropDwonFade {
0%{bottom:50px;opacity:0}
50%{opacity:.2}
100%{bottom:0;opacity:1}
}
.customBanner p{color:#fff;font-size:17px;font-weight:300;line-height:30px;opacity:1;letter-spacing:0;font-weight:300;color:#E0E0E0;position:absolute;width:calc(100%- 100px);left:100px}
.customBanner .home-slider .active p{animation:dropDwonFade;animation-duration:1s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@keyframes typewriter {
0%{width:0}
100%{opacity:1}
}
@-webkit-keyframes typewriter {
0%{width:0}
100%{opacity:1}
}
@keyframes typewriter2 {
0%{width:100%;opacity:1}
10%,100%{width:0}
}
@-webkit-keyframes typewriter2 {
0%{width:100%;opacity:1}
10%,100%{width:0}
}
.customBanner h1 span{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:top}
.customBanner h1 span:nth-child(1){width:100%;animation:typewriter .25s steps(80,end),typewriter2 2s steps(80,end) 8s;-webkit-animation:typewriter .25s steps(80,end),typewriter2 2s steps(80,end) 8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.customBanner h1 span:nth-child(2){width:100%;opacity:0;-webkit-animation:typewriter .25s steps(80,end) 0.5s,typewriter2 4s steps(80,end) 7.5s;animation:typewriter .25s steps(80,end) 0.5s,typewriter2 4s steps(80,end) 7.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.customBanner h1 span:nth-child(3){width:100%;opacity:0;-webkit-animation:typewriter .25s steps(80,end) 1s,typewriter2 5s steps(80,end) 7s;animation:typewriter .25s steps(80,end) 1s,typewriter2 5s steps(80,end) 7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.customBanner .boderDiv{position: absolute;left: 50px;height:150px;top: 0;margin-top:25px; width: 4px; background:#fff;}
.customBanner .lineWrap{position:absolute;left:0;bottom:0;height:100%;width:100%;-moz-transition:all 5s ease;-webkit-transition:all 5s ease;transition:all 5s ease;-moz-transition-delay:3s;-webkit-transition-delay:3s;transition-delay:2s}
.customBanner .lineBar{height:0;background:#fff;width:2px;-moz-transition:all 2s ease;-moz-transition-delay:.2s;-webkit-transition:all 2s ease;-webkit-transition-delay:.2s;transition:all 2s ease;transition-delay:.2s;position:absolute;top:0}
section.businessWrap.background_ill{background: url(../images/ill_working_illus.png) #fcefe0 no-repeat; background-size: 40%; background-position: top right; }
.customBanner .bannerLeft ,.banner .bannerLeft{width: 60%; margin-top: 100px;position: relative;display: flex; flex-direction: column;  padding:0; justify-content: flex-start;}
/*========= section.awardsWrap =============*/
.awardsWrap{position: relative;text-align: center;}
.awardsWrap .image-grid-outer .image-grid .headingWrap{ text-align: left;margin:50px 0px; }
.awardsWrap .image-grid-outer .image-grid .getintouch-btn{display:block;}
.awardsWrap .gridWrap{margin-left: -10px; margin-right: -10px;}
.awardsWrap .image-grid-outer { padding: 0px 10px; width: 33.333%; float: left; box-sizing: border-box;}
.awardsWrap .image-grid-outer .image-grid { box-sizing: border-box; position: relative; overflow: hidden; margin: 5px 0px; -webkit-transition: all .3s; transition: all .3s;}
.awardsWrap .image-grid-outer .image-grid .img_box {position: relative; overflow: hidden; min-height: 124px;}
.awardsWrap .image-grid-outer .image-grid .img_box img { max-width: 100%; display: block; -webkit-transition: all .3s; transition: all .3s;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.awardsWrap .fullWidth{overflow: hidden; padding-top:70px;}
.awardsWrap .fullWidth .imgBox{padding: 0 35px 0px 35px;}
.awwards_icons {display: inline-block; width: 100%; position: absolute; bottom: 0px; left: 130px;}
.awwards_icons li {display: inline-block; vertical-align: middle; padding-right: 10px;}
.awwards_icons li img{max-width:70px;}
.awwards_icons li.ic_clutch img { max-width: 17px;}
.txtBox p.header-box { background: rgba(17,17,17,0.6); padding: 15px;text-align: center; width: 100%; }
.awwards_box img{width:70px;}
.col-sm-4.ic_google_cloud img{width:180px;}
.col-sm-4.ic_freshworks img{width:120px;}
.col-sm-4.ic_mixpanel img{width:100px;}
.awwards_box {width:100%; position:absolute;top: 100px;left: 100px;}
.col-sm-4.ic_stripe, .col-sm-4.ic_aws{border-bottom: 1px solid #333;}
.awwards_box .col-sm-4{  padding: 15px 15px; text-align: center;}
.col-sm-4.ic_google_cloud {border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333;  }
.col-sm-4.ic_freshworks{border-left: 1px solid #333; border-right: 1px solid #333; }
.abt_video a { display: inline-block; width: 100%; position: relative;}
.abt_video img.ply {width: 70px; position: absolute; top: 40%; left: 50%; transform: translate(-35px, -20%);}
.contrary .titleWrap{color: #2B2B2B; text-align: center; font-size: 48px; line-height: 50px; font-weight: 700; }
.quote_box { width: 100%; min-height: 250px; background: url(../images/quote_bg.svg) no-repeat bottom; background-size: 90%; position: relative; }
.quote_box h2 {width: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:50px; font-weight: 700;}
.Vertical_line { width: 1px; height: 200px; background: #F06824; text-align: center; margin: 0px auto;     margin-top: 50px;}
.content_box h4{font-weight:700;}
.content_box p{font-size:20px;}
a.content_panel{min-height: 202px; display: block; text-align: center; padding:20px; position: relative;}
a.content_panel p{font-size: 16px;}
a.content_panel h3 img {-webkit-transition: 0.4s ease; transition: 0.4s ease;}
a.content_panel:hover h3 img { -webkit-transform: scale(1.1 ); transform: scale(1.1 );}
a.content_panel:hover {box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);}
.btn_wrap{text-align: center;}
.btn_wrap .getintouch-btn {position: relative; z-index: 1; }
button.readmore-btn {max-width: 192px; background:#F06824; color: #fff; border: 1px solid #F06824; font-weight:500; font-size: 15px; padding: 7px 20px;  display: inline-block; text-transform: uppercase; margin-top: 25px; outline: none; position: absolute; bottom: 30px; left: 50%; transform: translate(-64px, 0px); transition: 0.3s ease-in-out;}
button.readmore-btn:hover{background:transparent; color: #F06824; border: 1px solid #F06824; transition: 0.3s ease-in-out; }
/* ========== Button - Lines ========== */
.box-lines { position:relative;   margin:0 auto; text-align:center;padding: 0px 15px; }
.box-lines .line-top,.line-bottom,.line-left,.line-right { position: absolute; background: #e24f1d; -webkit-transition: width 210ms ease-out 10ms, height 210ms ease-out 10ms;  -moz-transition: width 210ms ease-out 10ms, height 210ms ease-out 10ms; -o-transition: width 210ms ase-out 10ms, height 210ms ease-out 10ms;  transition: width 220ms ease-out 10ms, height 220ms ease-out 10ms;}
.box-lines .line-top,
.box-lines .line-bottom {width: 0; height: 1px;}
.box-lines .line-top {top: 0;left: 0;}
.box-lines .line-bottom { bottom: 0; right: 0;}
.box-lines .line-left,
.box-lines .line-right {width: 1px; height: 0;}
.box-lines .line-left { bottom: 0; left: 0;}
.box-lines .line-right {top: 0; right: 0;}
.box-lines:hover .line-top,
.box-lines:hover .line-bottom { width: 100%;}
.box-lines:hover .line-left,
.box-lines:hover .line-right { height: 100%;}
/*------------------------------------ hover effect -----------------------------------*/
.box-border-light {display: block; border: solid 3px rgba(255, 255, 255, .5); color: #fff; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;padding: 5px 30px 5px 30px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;  display: inline-block;}
.box-one-third .inner {color: #fff;padding: 10%;text-align: center;padding-top: 25%;padding-bottom: 25%;}
.box-one-third .inner p {color: #fff;font-size:16px;}
.box-border-light:hover { background: #e24f1d; color: #222; text-decoration: none; -o-transition: .5s; -ms-transition: .5s;
    -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.box-one-third .inner{margin-bottom: 0; line-height: 1.4;font-size:32px;}   
/*------------------------------------ hover effect -----------------------------------*/
.content_panel h3 {font-size: 32px; color:#e24f1d; letter-spacing:2px; font-weight: 900;text-transform: uppercase;line-height: 23px; margin-bottom: 20px; }
.content_panel h3 img{width:180px;}
.clientInfo {text-align: center;}
.clientInfo img{margin:20px 10px;}
.swiper-container_2 {width: 100%;padding-top: 50px;padding-bottom: 50px; }
.swiper-pagination-bullet-active{background:#fff;}
.clientlogo{min-height: auto; background: url(../images/clientlogo_bg.svg) no-repeat; position: relative; background-size: cover;z-index: 1; }
.clientlogo_img{width:100%; padding-top: 130px;}
.technology_icons .imgbox{margin: 100px 0 25px 0;text-align: center; }
.technology_icons h4 {color: #fff; font-size: 20px; text-align: center; }
.customContainer.innovate { margin-top: 100px;}
.innovate .swiper-wrapper{max-height: 200px;}
.innovate .swiper-slide{max-width: 100%; margin:0 auto; text-align: center; padding: 0px 100px;}
.innovate .swiper-slide h3{ font-size: 36px; font-weight: 700;margin-bottom:10px;}
.innovate .swiper-slide strong { color: #CECECE; font-size: 25px; display: block; }
/*=========== rapidstore ================*/
.rapidstore{width: 100%; height: 100%;background: url(../images/ic_bg_rapid.png) no-repeat bottom right; background-size:cover; position: relative; }
.rapidstore:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; background: url(../images/ill-rapid.svg) no-repeat bottom right; background-size: 42% auto;}
.rapidstore_content {max-width:510px;  color:#fff;}
.rapidstore_content h4{color: #FFFFFF; margin-bottom: 20px;}
.rapidstore_content h2{font-size: 65px; font-weight: 900; letter-spacing: -1px; color:#F06824;line-height:75px; margin-bottom: 25px;}
/*=========== perks css  ================*/
.perks_img { text-align: center;}
/*======= testimonials css ========*/
.testimonial__section { position: relative; overflow: hidden; color: #fff}
.testimonial__section.light-mod {background-color: #fff;color: #202c46;}
.testimonial__bg { position: absolute; left: 50%; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; min-width: 1440px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0)}
.testimonial__section .gridWrap { margin-left: -10px; margin-right: -10px; }
.testimonial__section .testimonial-grid-outer { padding: 0px 10px; width: 33.333%; float: left; box-sizing: border-box;}
.testimonial__section .testimonial-grid-outer .testimonial-grid { box-sizing: border-box; position: relative; overflow: hidden; margin: 10px 0px; -webkit-transition: all .3s; transition: all .3s; }
.testimonial__section .testimonial-grid-outer .testimonial-grid .testimonial-card-text-wrapper{background-color: #141414; padding: 20px 20px 12px;border-radius: 4px;}
.testimonial-card-text-wrapper .testimonial-card-header { margin-bottom: 15px;}
.testimonial__text-wrapper.headingWrap{padding-top: 300px;}
.testimonial__section .author img {max-width: 40px;display: inline-block;vertical-align: middle;margin-right: 12px;border-radius: 50%;}
.testimonial__section .author img {max-width: 40px;display: inline-block;vertical-align: middle;margin-right: 12px;border-radius: 50%;}
.testimonial__section .author .name{display: inline-block; vertical-align: middle; font-weight: 600; font-size: 16px;color:#fff; }
.testimonial__section .headingWrap p{color:#fff;}
.testimonial-card-text-wrapper.video_testimonial {padding: 0px; position: relative;}
.testimonial-card-text-wrapper.video_testimonial img.ply_vid { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 40px;}
.testimonial-card-text-wrapper.video_testimonial .tag_lines { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px;}
.testimonial-card-text-wrapper.video_testimonial .tag_lines h5 { font-size: 18px; color: #fff; margin: 0 0 5px 0;}
.testimonial-card-text-wrapper.video_testimonial .tag_lines span { color: #fff; font-size: 10px;}
/*video pop*/
.modal-window-wrapper,
.modal-window-wrapper_1 { background: rgba(0, 0, 0, .9); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index:999; overflow: auto; display: none;}
.modal-window.popup-inner { max-width: 96%; text-align: center; margin: 40px auto 40px; position: relative;}
.modal-window.modal-window-visible { display: block; opacity: 0;  -webkit-transition: .3s; transition: .3s; -webkit-transform: translate(0px, -100px); transform: translate(0px, -100px); -moz-transform: translate(0px, -100px);}
.modal-window.modal-window-visible1 { opacity: 1; transform: translate(0px, 0px); -moz-transform: translate(0px, 0px);}
.modal-window-wrapper.modal-wrapper-visible, .modal-window-wrapper_1.active.modal-wrapper-visible { display: block;}
.modal-window.popup-inner.videoPopup video{max-width:100%;max-height:700px;} 
.popup-close-button-inner{position: fixed; right:80px; top:50px;font-size: 7px;cursor: pointer;}
.text_descrip{text-align: center;background: #000;}
.text_descrip video#elizabeth{width:100%; margin: 0 auto;}
.text_descrip video#fleetapp{width:100%; margin: 0 auto;}
/*=============== perks css =================*/
.perks .headingWrap {text-align: center;}

/*========== navbar-toggle css ===========*/

.bannerRight.video_testimonial .awwards_icons { left: 0;bottom: -50px;}
.bannerRight.video_testimonial ul.awwards_icons {position: absolute;bottom: -8px;left: 15px;}
.bannerRight.video_testimonial .txtBox{margin-bottom: 50px;}
.home .headerScroll .navbar-top{background: transparent;}
.home .headerScroll.sticky .navbar-top{background: #000;}
.bannerRight.video_testimonial .txtBox {position: relative;width: 330px !important;display: inline-block;}
.bannerRight.video_testimonial .bottom {width: 100%;text-align: center;}
img.ply_vid {cursor: pointer;}
.bannerRight.video_testimonial .tag_lines{bottom: 0;}
.txtBox a { display: inline-block; background: #000;opacity: 0.7;}
.video_testimonial a {display: inline-block;background: #000;opacity: 0.7;}
.awwards_icons.logo_sld {left: 22px;}
.contrary .content_box h4 {margin-bottom: 10px;}
.rapid_im{display: none;}
/* ::marker {
    -webkit-display:inline-block !important;
    -moz-display:inline-block !important;
    -webkit-visibility:visible !important;
    -moz-visibility:visible !important;
    -webkit-unicode-bidi: isolate;
    -moz-unicode-bidi: isolate;
    -webkit-font-variant-numeric: tabular-nums;
    -moz-font-variant-numeric: tabular-nums;
    -moz-text-transform: none;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -webkit-text-indent: 0px !important;
    -moz--text-indent: 0px !important;
    -webkit-text-align: start !important;
    -moz-text-align: start !important;
    -webkit-text-align-last: start !important;
    -moz-text-align-last: start !important;
} */
.businessWrap li span { position: absolute; left: -18px; width: 10px; text-align: center; display: inline-block;}
.sticky-top {position: fixed;}
.home .header .logo {z-index: 99;}
.sticky-top.sticky canvas.draw{left: -90px;}
.trustUs .squerbox.sbox_2{background:url("../images/p-center2.png") center center no-repeat !important;
background-size: 100% !important;}
.trustUs .squerbox.sbox_3{
background:url("../images/p-center3.png") center center no-repeat !important;
background-size: 100% !important;}
.trustUs .squerbox.sbox_4{background:url("../images/p-center4.png") center center no-repeat !important;
background-size: 100% !important;}
.trustUs .squerbox.sbox_5{ background:url("../images/p-center5.svg") center center no-repeat !important;
background-size: 100% !important;}
.trustUs .squerbox{background-size: 100% !important;}
 .clientInfo {text-align: center;position: absolute;
top: -70px;left: 50%;transform: translate(-50%, 0);}
.trustUs .effectDiv .customContainer{position: relative;}
.trustUs .clientInfo img { max-height: 46px; width: 165px; vertical-align: top; margin: 0;display: table-cell;}
.mob-port{display: none;}
.portfolio img {opacity: 0.7;}
.section {position: relative;
max-width: 920px;min-height: 75vh;padding: 40px;margin: auto;background-color: #48c9b0;
color: #ffffff;}
/* */
.bg-static, .slide_rgt {overflow:hidden;white-space:nowrap;
position:static; top:0; left:0;right:0;bottom:0;background-color:transparent;
display:flex;flex-wrap:no-wrap;padding-top: 0px;
transition: all ease-in-out 0.9s;
-webkit-transition: all ease-in-out 0.9s;
-moz-transition: all ease-in-out 0.9s;}
.bg-move, .sld_move_right{height:70px;
display:flex;position:relative;align-items:center;justify-content:center;
background-color: transparent;padding-top: 0;transition: all ease-in-out 0.9s;
 -webkit-transition: all ease-in-out 0.9s;-moz-transition: all ease-in-out 0.9s;}
.bg-move li, .sld_move_right li {flex: 0 0 20vw;text-align: center;
transition: all ease-in-out 0.9s;-webkit-transition: all ease-in-out 0.9s;-moz-transition: all ease-in-out 0.9s;}
.clientlogo {padding: 70px 0 40px 0;}
html {scroll-behavior: smooth;}
img.l_mob {opacity: 0;max-height: 82px;margin-top: 7px;}
.sticky-top.sticky .l_mob{opacity: 1 !important;}
.sticky-top.sticky .l_desk {opacity: 0 !important;}
.sld_first {left: 50px !important;}
.sld_three { left: -12px !important;}
canvas.draw {width: 400px !important;}
.header .logo .anmiationLogo { width: 255px; height: 350px ;}
.clientlogo {background-size:cover; background-position: bottom center;padding: 90px 0 !important;}
.contactWrap .addressWrap .loactionTxt {width: 100%;}
.sticky-top{z-index: 1;}
.sticky-top.sticky {z-index: 1020;}
/*bakground*/
.blueBg{background: url("../images/p-bg1.png") 0 0 no-repeat; background-size: cover;}
.banner{background: url("../images/bnr_bg2.png") 0 0 no-repeat; background-size:cover;/*height:650px;*/padding-bottom:100px;padding-top:100px;}
.banner.bnr_ios{background: url("../images/bnr_ios.png") 0 0 no-repeat; background-position: right;}
.banner.bnr_android{background: url("../images/bnr_android.png") 0 0 no-repeat; background-position: right;}
.banner.flutter_pag{background: url("../images/flutter-bg.png") 0 0 no-repeat; background-position: right;}
.it_staff .banner {background: url("../images/banner2.png") 0 0 no-repeat;background-position:right;}

/*=======16 feb 202 A ==========*/  
.banner.hire_web {background: url("../images/hire-web-developer.png") 0 0 no-repeat;background-position:right;}
.banner.hire_mobile {background: url("../images/hire-mobile-developer.png") 0 0 no-repeat;background-position:right;}
.banner.it_staff {background: url("../images/banner2.png") 0 0 no-repeat;background-position:center;}
.banner.offshore {background: url("../images/offshore-development-center.png") 0 0 no-repeat;background-position:right;}
.banner.dedicated {background: url("../images/dedicated-development-team.png") 0 0 no-repeat;background-position:right;}
.banner.backend{background: url("../images/backend-development-company.png") 0 0 no-repeat;background-position:right;}
.customBanner .bannerLeft, .banner .bannerLeft{z-index:1;}
.awwards .awward_mob{display:none; padding-bottom:38px;}
.awwards .awardDesktop{display:block; }
/* banner css */

/*======= 16 feb 202 end A ==========*/
.grayBg{background: #f7f7f7;}
.blackBg{background: #000;}
.redBg{background: #EF2837;}
.gradientVertical{background: #cbebdc;background: -moz-linear-gradient(top,  #cbebdc 0%, #dce8d4 33%, #ede4cc 66%, #f9e1c7 100%);background: -webkit-linear-gradient(top,  #cbebdc 0%,#dce8d4 33%,#ede4cc 66%,#f9e1c7 100%);background: linear-gradient(to bottom,  #cbebdc 0%,#dce8d4 33%,#ede4cc 66%,#f9e1c7 100%);}
.gradientBg1{ background: #f9e1c7; background: -moz-linear-gradient(-45deg,  #f9e1c7 0%, #cbebdc 100%); background: -webkit-linear-gradient(-45deg,  #f9e1c7 0%,#cbebdc 100%);    background: linear-gradient(135deg,  #f9e1c7 0%,#cbebdc 100%);}
.gradientBg2{background: #cbebdc;background: -moz-linear-gradient(-45deg,  #cbebdc 0%, #f9e1c7 100%);background: -webkit-linear-gradient(-45deg,  #cbebdc 0%,#f9e1c7 100%);background: linear-gradient(135deg,  #cbebdc 0%,#f9e1c7 100%);}
.gradientVertical p{font-size: 20px; font-weight: 500; padding: 20px 0 0 0; margin: 0; color: #000;}

.customContainer{max-width: 1200px; width:100%; margin: 0 auto;}
.smallContainer {max-width: 1000px; width:100%; margin: 0 auto;}

.home .headerScroll .navbar-top{background: #000;padding: 0;}
.home .headerScroll .navbar-expand-lg{padding-top: 50px;}

.home .headerScroll .align-items-center{align-items: flex-start !important;}
.home .header .logo{max-width: 180px;}
.header .logo .anmiationLogo{width:250px; position: relative; height:350px;}
.header .draw{position: absolute; top: 0;right:0;left:0;bottom: 0px; margin: auto;}
.header .slides, .dg {width: 100%; position: relative; height: 100%;}
.header #particle-slider{height: 100%; width:100%; }
/* upated css */
/* .body_top_space {padding-top: 95px;} */
.tab-position {position: relative;top: -30px;}
.tab-position .nav-link { background: #F4F9FF;
    font-family: 'metropolisregular',sans-serif;font-size: 14px;font-weight: 500;
    padding: 15px;border-radius: 0px;letter-spacing: 0px;}
.tab-position .nav-pills .nav-link.active { background-color: #F56D22;border-radius: 0px;}
.tab-position .nav{display: flex;}
.expert p.para, .partner p.para{text-align: center;}
.expert.letus p.para{text-align: left;}
.header .navbar.navbar-top {display: inline-block;width: 100%;}
.pb_0{padding-bottom: 0 !important;}
.mrt_0{margin-top: 0 !important;}
.align_lft p.para{text-align: left !important;}
.send_request_us {background: #F7F9FC;}
.faq .card {background: transparent;border: none;}
.faq .card-header {padding: 0;position: relative;}
.faq .card-header {border: none;background: none;padding: 20px 0px;}
.faq .card-header a {letter-spacing: 0.45px;
    color: #475E83;font-size: 18px;font-weight: 600;display: inline-block;
    width: 100%;margin: 0;cursor: pointer;}
.accordion .card-header:after {position: absolute;
    right: 15px;top: 50%;transform: translate(0, -50%);font-weight: 100;color: #484646;}
.accordion .card-header:after {font-family: 'FontAwesome';
    content: "\f068";float: right;}
.content-l p{float: left;vertical-align: top;
margin: 0;padding: 13px 15px 0 0;}
.content-l a{margin: 0;float: right;vertical-align: top;}
.hire p.para.text-center {text-align: left !important;}
.hire .subtitle{text-align: left;}
.content-l {padding: 40px 0 !important;}
.dream_text {margin-top: 12px;}
.page_layout_change .banner h1 {font-size: 34px;}
.page_layout_change .banner h1 {font-size: 34px;}
.page_layout_change .banner p {padding-right: 8%;font-size: 18px;line-height: 32px;}
.page_layout_change .pd-tb {padding: 65px 0px;}
.page_layout_change .tech .para {line-height: 28px;}
.page_layout_change .black_bk .tab-content p {margin:12px 0 20px 0;}
.page_layout_change .black_bk .tab-content ul li {
    list-style: none;font-size: 16px;font-weight: normal;
    position: relative;padding-left: 25px;line-height: 26px;margin-bottom: 18px;}
.page_layout_change .black_bk .tab-content ul li:before{
    position: absolute;left: 0;top:8px;
    content: '';background: #475E83;border-radius: 100%;width: 8px;height: 8px;}
.page_layout_change .expert {padding: 65px 0 !important;display: inline-block;width: 100%;}
.page_layout_change .expert.content-l {padding: 30px 0 !important;}
.page_layout_change .expert p.para {margin: 0;font-size: 18px;line-height: 32px;}
.page_layout_change .tech_exp_bx ul li {
    margin: 10px 0;display: inline-block;text-align: left;
    width: auto;padding: 0 20px 0 0;vertical-align: top;}
.partner .getintouch-btn {max-width: 310px;}
.page_layout_change .tech_exp_bx ul{margin-top: 20px;}
.page_layout_change #pills-tabContent img { margin-bottom: 50px;}
.page_layout_change .hire.hire_react h5 {font-size: 22px;font-weight: 600;margin-bottom: 12px;}
.page_layout_change .dream_text h6 {margin: 15px 0 10px 0;}
.page_layout_change .dream_text  p{ margin-bottom: 0;}
.page_layout_change .partner {padding: 52px 0;}
.page_layout_change .blogs span.text-right a {margin: 0;}
.page_layout_change .blogs .subtitle{padding: 0;}
.page_layout_change .faq_sc h2 {font-size: 34px;color: #484646;letter-spacing: 0px;}
.page_layout_change .faq_sc h2 span {font-size: 28px;}
.page_layout_change .faq .card p, .page_layout_change .faq .card ul li {letter-spacing: 0;font-size: 16px;color: #4b4b4b;line-height: 30px;}
.page_layout_change .faq .card-header {padding: 0px;}
.page_layout_change .faq .card-header a{padding: 18px 0px;}
.page_layout_change .faq #accordion ul li {position: relative;padding: 2px 0 2px 18px;}
.page_layout_change .faq #accordion ul li:before {
    position: absolute;left: 0;top: 13px;background: #555;
    width: 7px;height: 7px;border-radius: 100%;content: '';}
.page_layout_change .faq .card-body {
    padding: 0 0 15px 0;transition: all ease-In-Out 0.5s;-webkit-transition: all ease-In-Out 0.5s;
    -moz-transition: all ease-In-Out 0.5s;}
.page_layout_change .faq .card-header { padding-right: 45px;}
.page_layout_change .faq .card p{padding-right: 45px;}
.page_layout_change .banner { padding: 75px 0;}
.page_layout_change .banner .getintouch-btn{margin-top: 28px;}
.page_layout_change .partner.start_partner .para {line-height: 30px;padding: 0 10%;}
.page_layout_change .partner.start_partner .tech_exp_bx.technology_bg_none {
    background: none;}
.page_layout_change .hire .para {font-weight: normal;
    font-size: 16px;line-height: 30px;text-align: left;}
.padding0-bg-none {background: none !important;}
.page_layout_change #pills-tabContent.android_tabs img{margin: 0;}
.page_layout_change .expert.expert_android p.para {margin-bottom: 14px;}
.page_layout_change .expert_android .expertimg p.para {line-height: 26px;margin-top: 10px;}
.page_layout_change .expert_android .expertimg{margin-top: 15px;}
.page_layout_change .what_get_steps {padding-top: 75px;}
.page_layout_change .abt_bx{height: 320px;}
.page_layout_change .what_get_steps .head_ttl p { margin-top: 15px;}
.page_layout_change .all_logo_teamx .head_ttl p {
 margin: 20px 0 12px 0;padding: 0 8%;text-align: center;}
.page_layout_change .clients_love .head_ttl p{text-align: center;}
.justify_none p{text-align:left;}
.page_layout_change .services .card {height: 100%;border: 0px solid #DDE6F1;border-radius: 25px;}
.page_layout_change .team, .page_layout_change .controllerButtons {position: relative;}
.page_layout_change .services .card-img-top {border-top-left-radius: calc(1.4rem - 0px);
border-top-right-radius: calc(1.4rem - 0px);}
.page_layout_change .services .card-img-top {
border-top-left-radius: calc(1rem - 1px);
 border-top-right-radius: calc(1rem - 1px);}
.page_layout_change .services .card .card-img-top {
    background: #F6D7C5;height: 125px;cursor: pointer;}
.page_layout_change .services .card-body {background: #EDF4FF;}
.page_layout_change .services .card-body {
 border-bottom-left-radius: calc(1rem - 1px);
 border-bottom-right-radius: calc(1rem - 1px);
}
.page_layout_change .services .card-body p { font-weight: 500;color: #2c2c2c;font-size: 16px;margin-bottom: 5px;margin-top: 5px;}
.page_layout_change .services .card-body img {height: 25px;}
.page_layout_change .services .chip {margin: 8px 0px;}
.page_layout_change .services .card-body p {font-weight: 500;color: #2c2c2c;
font-size: 16px;margin-bottom: 5px;margin-top: 5px;text-align: left;}
.page_layout_change .services .chip p {background: #c4c4c4;
    border-radius: 25px;width: 50%;color: #2c2c2c;text-align: center;font-size: 14px;font-weight: 900;}
.page_layout_change .startX .folding {
transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    animation-duration: 2s;
}
.page_layout_change .services .card-body .para {font-size: 15px;}
.page_layout_change .services .card-body h3{text-align: left;}
.page_layout_change .services .card-body h3 {text-align: left;margin: 10px 0;}
.contrary_cstm .head_ttl { padding: 0 15px;}
.contrary_cstm.pad-top-50 {padding-top: 25px;}
/*animations*/

/*develop css*/
.develop { position: relative;   }
.develop svg{ overflow: hidden;}
.board { position: relative; z-index: 1;  }
 
.develop .arrow{  position: absolute;  transform: translate(184px,210px);  z-index: 9999;}
.services:hover .arrow{   -moz-animation: arrow 0.8s ease-in-out; -ms-animation: arrow 0.8s ease-in-out; -webkit-animation: arrow 0.8s ease-in-out; animation: arrow 0.8s ease-in-out;  }
.develop:hover .stickM{ -webkit-animation: 1.1s stick-shake ease-in-out;
  -moz-animation: 1.1s stick-shake ease-in-out;
  -o-animation: 1.1s stick-shake ease-in-out;
  animation: 1.1s stick-shake ease-in-out;
  animation-delay: 1.4s; 
  transform: translate(118px,60px) skewX(0deg);
}
.services:hover .band{
    -webkit-animation:  1.1s band-shake ease-in-out;
  -moz-animation:  1.1s band-shake ease-in-out;
  -o-animation:  1.1s band-shake ease-in-out;
  animation:  1.1s band-shake ease-in-out;
  animation-delay: 1.4s; 
  transform: translate(188px,78px) skewX(0deg);
} 

@keyframes arrow {
    0% {
        -webkit-transform: translate(465px,210px);
        -ms-transform: translate(465px,210px);
        transform: translate(465px,210px);
    }  
    100% { 
        -webkit-transform: translate(184px,210px);
        -ms-transform: translate(184px,210px);
        transform: translate(184px,210px);
    } 
    }
@keyframes stick-shake {
        0%  {
          -webkit-transform: translate(118px,60px) skewX(0deg);
          -moz-transform: translate(118px,60px) skewX(0deg);
          -o-transform: translate(118px,60px) skewX(0deg);
          transform: translate(118px,60px) skewX(0deg);
        } 
        50% {
          -webkit-transform: translate(118px,59px) skewX(2deg);
          -moz-transform: translate(118px,59px) skewX(2deg);
          -o-transform: translate(118px,59px) skewX(2deg);
          transform: translate(118px,59px) skewX(2deg);
        } 
        100% {
          -webkit-transform: translate(118px,60px) skewX(0);
          -moz-transform: translate(118px,60px) skewX(0);
          -o-transform: translate(118px,60px) skewX(0);
          transform: translate(118px,60px) skewX(0);
        }
      }
@keyframes band-shake {
        0% {
          -webkit-transform: translate(188px,78px) skewX(0deg);
          -moz-transform: translate(188px,78px) skewX(0deg);
          -o-transform: translate(188px,78px) skewX(0deg);
          transform: translate(188px,78px) skewX(0deg);
        }
        50% {
          -webkit-transform: translate(188px,79px) skewX(2deg);
          -moz-transform: translate(188px,79px) skewX(2deg);
          -o-transform: translate(188px,79px) skewX(2deg);
          transform: translate(188px,79px) skewX(2deg);
        }
        100% {
          -webkit-transform: translate(188px,78px) skewX(0deg);
          -moz-transform: translate(188px,78px) skewX(0deg);
          -o-transform: translate(188px,78px) skewX(0deg);
          transform: translate(188px,78px) skewX(0deg);
        }
      }  


/* startX css */
.startX{position: relative;}
.startX .folding { 
    transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    -webkit-animation-play-state: paused;  
  animation-play-state: paused;
    animation-duration:2s
}
.services:hover .folding {
    -webkit-animation:  1.1s folding-shake ease-in-out infinite;
    -moz-animation:  1.1s folding-shake ease-in-out infinite;
    -o-animation:  1.1s folding-shake ease-in-out infinite;
    animation:  1.1s folding-shake ease-in-out infinite; 
    -webkit-animation-play-state: running;
  animation-play-state: running;
    animation-duration:2s
}
@keyframes folding-shake{
    0%{
    transform: translate(61.6px, 88.05px);
    }
    50%{
    transform: translate(90px, 87px);
    }
    100%{
        transform: translate(61.6px, 88.05px);;
    }
} 

.startX .startling1 path{
    transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    animation-play-state: paused;
 }
.services:hover .startling1 path{
    -webkit-animation:  1.1s startling1 ease-in-out infinite;
   -moz-animation:  1.1s startling1 ease-in-out infinite;
   -ms-animation:  1.1s startling1 ease-in-out infinite;
   animation:  1.1s startling1 ease-in-out infinite;   
}
@keyframes startling1 {
   0%{
       transform: translate3d(0px, 0px, 0px);
       d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659")
   } 
   30%{
       transform: translate3d(-27px, 14px, 15px);
       d: path("M 22.553 -12.389 C 18.752 -10.301 1.035 -0.569 -11.226 6.166")
    
   }
   55%{
       transform: translate3d(-34px, 18px, 15px);
       d:path("M 19.426 -10.671 C 19.426 -10.671 14.193 -7.797 7.569 -4.158")
   }
   75%{
       display: none;
       opacity: 0;
       transform: translate3d(0px, 0px, 0px);
       d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659")
   }
   100%{
       transform: translate3d(0px, 0px, 0px);
       d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659")
   }
}
.startX .startling2 path{
    transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    animation-play-state: paused;
 }
.startX:hover .startling2 path{
     -webkit-animation:  1.1s startling2 ease-in-out infinite;
    -moz-animation:  1.1s startling2 ease-in-out infinite;
    -ms-animation:  1.1s startling2 ease-in-out infinite;
    animation:  1.1s startling2 ease-in-out infinite;   
}
@keyframes startling2 {
    0%{
        transform: translate3d(0px, 0px, 0px);
        d: path("M 22.553 -12.389 C 18.752 -10.301 1.035 -0.569 -11.226 6.166")
    } 
    30%{
        transform: translate3d(-34px, 18px, 15px);
    d:path("M 19.426 -10.671 C 19.426 -10.671 14.193 -7.797 7.569 -4.158")
     
    }
    55%{
        transform: translate3d(-34px, 18px, 15px);
        d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659")
    }
    75%{
        display: none;
        opacity: 0;
        transform: translate3d(0px, 0px, 0px);
        d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659")
    }
    100%{
        transform: translate3d(0px, 0px, 0px);
        d:path("M 19.426 -10.671 C 19.426 -10.671 14.193 -7.797 7.569 -4.158")
    }
}
.startX .startling3 path{
    transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    animation-play-state: paused;
 }
.services:hover .startling3 path{
    -webkit-animation:  1.1s startling3 ease-in-out infinite;
    -moz-animation:  1.1s startling3 ease-in-out infinite;
    -ms-animation:  1.1s startling3 ease-in-out infinite;
    animation:  1.1s startling3 ease-in-out infinite; 
}
@keyframes startling3 {
    0%{
        transform: translate3d(0px, 0px, 0px);
        d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659") 
    }
    15%{
         transform:translate3d(0px, 0px, 0px);
         d: path("M 22.553 -12.389 C 18.752 -10.301 1.035 -0.569 -11.226 6.166")
    }
    30%{
        transform: translate3d(-34px, 18px, 15px);
    d:path("M 19.426 -10.671 C 19.426 -10.671 14.193 -7.797 7.569 -4.158")
     
    }
    55%{
        transform: translate3d(-34px, 18px, 15px);
        d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659"); 
    }
    75%{
        display: none;
        opacity: 0;
        transform: translate3d(0px, 0px, 0px);
        d: path("M 29.205 -16.043 C 29.205 -16.043 27.577 -15.149 24.866 -13.659")
    }
    100%{
        transform: translate3d(0px, 0px, 0px);
        d: path("M 22.553 -12.389 C 18.752 -10.301 1.035 -0.569 -11.226 6.166")
    }
}
/* teamX css */
.team,.controllerButtons{position: relative;}
.services:hover .controller1 {
    -webkit-animation:  2s controller1 ease-in-out;
    -moz-animation:  2s controller1 ease-in-out;
    -o-animation:  2s controller1 ease-in-out;
    animation:  2s controller1 ease-in-out;
    animation-delay: 0.8s; 
    transform: translate(322px, 185px);
}
@keyframes  controller1{
    0%{
        -webkit-transform: translate(322px, 185px);
        -moz-transform: translate(322px, 185px);
        -ms-transform: translate(322px, 185px);
        -o-transform: translate(322px, 185px);
        transform: translate(322px, 185px);
    }
    50%{
        -webkit-transform: translate(322px, 232px);
        -moz-transform: translate(322px, 232px);
        -ms-transform: translate(322px, 232px);
        -o-transform: translate(322px, 232px);
        transform: translate(322px, 232px);
    }
    100%{
        -webkit-transform: translate(322px, 185px);
        -moz-transform: translate(322px, 185px);
        -ms-transform: translate(322px, 185px);
        -o-transform: translate(322px, 185px);
        transform: translate(322px, 185px);
    }
}
.services:hover .controller2 {
    -webkit-animation:  1.7s controller2 ease-in-out;
    -moz-animation:  1.7s controller2 ease-in-out;
    -o-animation:  1.7s controller2 ease-in-out;
    animation:  1.7s controller2 ease-in-out;
    animation-delay: 0.6s; 
    transform: translate(253px, 225px);
}
@keyframes  controller2{
    0%{
        -webkit-transform: translate(253px, 225px);
        -moz-transform: translate(253px, 225px);
        -ms-transform: translate(253px, 225px);
        -o-transform: translate(253px, 225px);
        transform: translate(253px, 225px);
    }
    30%{
        -webkit-transform: translate(253px, 190px);
        -moz-transform: translate(253px, 190px);
        -ms-transform: translate(253px, 190px);
        -o-transform: translate(253px, 190px);
        transform: translate(253px, 190px);
    }
    70%{
        -webkit-transform: translate(253px, 240px);
        -moz-transform: translate(253px, 240px);
        -ms-transform: translate(253px, 240px);
        -o-transform: translate(253px, 240px);
        transform: translate(253px, 240px);
    }
    100%{
        -webkit-transform: translate(253px, 225px);
        -moz-transform: translate(253px, 225px);
        -ms-transform: translate(253px, 225px);
        -o-transform: translate(253px, 225px);
        transform: translate(253px, 225px);
    }
}
.services:hover .controller3 {
    -webkit-animation:  1.5s controller3 ease-in-out;
    -moz-animation:  1.5s controller3 ease-in-out;
    -o-animation:  1.5s controller3 ease-in-out;
    animation:  1.5s controller3 ease-in-out;
    transform: translate(184px, 265px);
}
@keyframes  controller3{
    0%{
        -webkit-transform: translate(184px, 265px);
        -moz-transform: translate(184px, 265px);
        -ms-transform: translate(184px, 265px);
        -o-transform: translate(184px, 265px);
        transform: translate(184px, 265px);
    }
    50%{
        -webkit-transform: translate(184px, 190px);
        -moz-transform: translate(184px, 190px);
        -ms-transform: translate(184px, 190px);
        -o-transform: translate(184px, 190px);
        transform: translate(184px, 190px);
    }
    100%{
        -webkit-transform: translate(184px, 265px);
        -moz-transform: translate(184px, 265px);
        -ms-transform: translate(184px, 265px);
        -o-transform: translate(184px, 265px);
        transform: translate(184px, 265px);
    }
}

.page_layout_change .services:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.page_layout_change .services {
    cursor: pointer;
    transition: transform 330ms ease-in-out;
}
.page_layout_change .hire.justify_none .para{
    text-align: left;
}
.page_layout_change .clients_love {
    padding: 80px 0 0 0;
    margin: 0;
}
.pd_top_0{
    padding-top: 0 !important;
}

/*** 30-01-2022 Ankit ***/
.team_hire {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding-right: 15px;
    padding-top: 15px;
}
.hire_android img {
    position: absolute;
    left: 0;
    top: -6px;
}

.hire_android h5 {
    position: relative;
    padding-left: 40px;
}
.tabs_sec .tab-content h3 {
    color: #484646;
}
.page_layout_change .black_bk.tabs_sec .tab-content p{
    color: #475E83;
}
.page_layout_change .black_bk.tabs_sec .tab-content ul li{
    color: #475E83;
}
.black_bk.tabs_sec {
    background: #f9f9f9;
}
.black_bk.tabs_sec .tab-position .nav-link {
    background: #f1f1f1;
}
.page_layout_change .black_bk .tab-content ul li{
    padding-left: 0 !important;
}
.page_layout_change .black_bk .tab-content ul li:before{
    display: none;
}
.bg_bk {
    background: #1b1b1b !important;
}
.bg_bk p{
    color: #fff !important;
}
.thank_pg {
    text-align: center;
}
.thankyou_sec {
    width: 50%;
    margin: 0 auto;
    padding: 38px 25px;
    border: solid 1px #f1f1f1;
    box-shadow: rgb(0 0 0 / 7%) 0 0 22px;
    border-radius: 22px;
}
.thankyou_sec img {
    max-height: 80px;
}
.thankyou_sec .headingWrap h2 {
    font-size: 40px;
    padding: 20px 0 0 0;
}
.thankyou_sec .headingWrap p {
    padding: 10px 0 0 0;
}
.thank_pg {
    padding: 160px 0 50px 0;
}
.page_layout_change .tech_exp_bx ul {
    margin: 0;
}
.page_layout_change .tech .tech_exp_bx{
    margin-bottom: 0;
}
.page_layout_change .what_get_steps .abt_bx {
    padding: 10px 8%;
    height: auto;
}
.page_layout_change .what_get_steps span.img_crcl {
    height: 100px;
    line-height: 100px;
    width: 100px;
}
.sec_steps_flutter .subtitle, .sec_steps_flutter p.para {
  
    margin: 0;
    padding: 0;
}

.page_layout_change .contrary {
    padding: 80px 0;
}
.content-l a.free_cosult{
    max-width: 100%;
}

/*** 11-02-2022 V ***/


.aboutpage .banner .bannerLeft {
    width: 100%;
}

.aboutpage .banner .getintouch-btn {
    display: inline-block;
    float: none;
    margin: 0 auto;
    margin-top: 12px;
}
.abt_page_week_status .step_1 .step_images {
    text-align: right;
    padding-right: 5%;
}
.abt_page_week_status .step_1.step_2 .step_images {
    text-align: left;
    padding: 0 0 0 5%;
}
.aboutpage .illustrations img {
    height: auto;
}
.aboutpage .banner{
    padding: 65px 0;
}
.aboutpage .week_status_sec.fourstep_week {
    padding: 0px 0 65px 0;
}
.aboutpage .hire .subtitle {
    text-align: center;
    color: #fff;
}
.aboutpage .hire .para {
    text-align: center;
    padding: 0 10%;
}
.aboutpage #whatapplify .left_outer p {
    text-align: center;
}
.aboutpage .illustrations {
    padding: 15px;
    margin-top: 20px;
}
.page_layout_change.aboutpage .tech .illustrations .para {
    font-size: 14px;
    line-height: 20px;
}
.page_layout_change.aboutpage .leader img {
    left: 50%;
    top: -50px;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    height: auto;
    max-height: 80px;
}
.page_layout_change.aboutpage .leader .co {
    font-size: 13px;
    text-align: center;
}
.page_layout_change.aboutpage .leader .name {
    font-size: 18px;
}
.page_layout_change.aboutpage .leader .bkwhite .para {
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}
.page_layout_change.aboutpage #whatapplify .para {
    font-size: 16px;
    text-align: center;
    padding: 0 5%;
}
.grp_sml{
    display: none;
}
.left_outer p {
    text-align: center;
}
.aboutpage .banner h3{
    text-align: left;
}
.aboutpage .banner p {
    text-align: left;
}
.aboutpage .banner .getintouch-btn {
    margin: 12px 0 0 0;
}
img.mob-w {
    padding-top: 8%;
}
.aboutpage .artist_top {
    padding-top: 15px;
    background: none;
}
.aboutpage .filled_circle {
    background: none;
}
.aboutpage .illustrations {
    text-align: center;
}

/*** 14-02-2022 ***/
.journey_mob{
    display: none !important;
}
img.web{
    display: block;
}
.what_get_steps .abt_bx:after {
    top: 55px;
}
.aboutpage .main_circle .center_circle_text p, .aboutpage .main_circle .right_circle p {
    font-size: 14px !important;
}
.aboutpage .main_circle .left_circle_text p{
    font-size: 14px !important;
}
.page_layout_change .pd-tb {
    padding: 70px 0px;
}
.page_layout_change .what_get_steps .abt_bx:after {
    top: 58px;
    width: 70%;
}
.abt_bx h4 {
   text-align: left;
}
.page_layout_change .what_get_steps .abt_bx p {
    text-align: left;
    margin: 0;
    line-height: 28px;
}
.page_layout_change .head_ttl p {
    margin-bottom: 38px;
}
.banner.flutter_pag p {
    text-align: left;
}


/** 15-02-2022 V**/
.aboutpage .hire.journey .para {
    padding: 0;
}
.journey .imgsection {
    position: relative;
    display: inline-block;
    align-items: normal;
    padding-left: 60px;
    margin: 15px 0;
}
.journey .imgsection img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
}
.journey .imgsection h5 {
    margin: 0;
}
.banner.flutter_pag {
    background-size: 100%;
    background-position: 0 0;
}

/**** 18-02-2022 V **/
.hire.hire_android h5 {
    font-size: 14px !important;
}
a.getintouch-btn.btn_same_size {
    width: 185px !important;
}


/*** Ankit ****/
.industry-wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
    .indus-box {width: calc(25% - 20px); margin: 10px 0; background:transparent; padding: 35px 10px; box-shadow: none; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; border: 1px solid #cfe5f7; border-radius: 10px;}
    .indus-box h3 {font-size: 17px; font-weight: 900; color:#212529; margin-top: 10px; margin-bottom: 0;}
    .indus-box img{width:80px;margin-bottom:20px;}
    .indus-box .para{font-size:14px;text-align:left;}
    .industry-wrap .indus-box:hover {background: #fff; box-shadow: 2px 2px 32px rgb(23 22 22 / 20%);}
/*05-oct-2021-Nish*/
.banner .bannerLeft {margin-top:40px;}
.banner h1{font-family: 'metropolisregular',sans-serif;font-size:40px;font-weight:600;letter-spacing: 0px;color: #FFFFFF;padding-bottom:20px;}
.banner p{font-family: 'metropolisregular',sans-serif;font-size:16px;font-weight:400;letter-spacing: 0.4px;
color: #FFFFFF;}
.subtitlediv{margin:0 auto; width:60%;}
.subtitle{font-family: 'metropolisregular',sans-serif;color: #484646;opacity: 1; text-align:center;font-weight:700;font-size:38px;padding-bottom:20px;}
.para{font-family: 'metropolisregular',sans-serif;letter-spacing: 0.4px;color: #475E83;opacity: 1;font-size:18px;font-weight:500;}
.pd-tb{padding:80px 0px;}
.choose p.para  {padding-bottom:40px;font-family: 'metropolisregular',sans-serif;}

.black_bk{background: #000;position: relative;z-index:100;}
.ios-devices{z-index:1}
.tab-position .nav-pills .nav-link.active{background-color: #F56D22;border-radius:0px;}
.tab-position .nav-link{background: #F4F9FF;font-family: 'metropolisregular',sans-serif;font-size:14px;font-weight:500;padding:15px;border-radius:0px;letter-spacing: 0px;}
.tab-content h3{font-family: 'metropolisregular',sans-serif;color: #FFFFFF;font-size:30px;font-family: 'metropolisregular',sans-serif;}
.tab-content p{font-family: 'metropolisregular',sans-serif;font-size:17px;color:#fff;font-weight:500;margin-bottom:10px;margin-top:20px;}
.tab-content ul li{font-family: 'metropolisregular',sans-serif;font-size:17px;color:#fff;font-weight:500;margin-bottom:10px;list-style: disc;}
.expert{background: #F4F9FF;}
.tab-position{position:relative;top:-30px;}
.tech_exp_bx {padding:25px;background: #F7FAFF;margin-top:20px;margin-bottom:20px;}
.tech_exp_bx img {max-width: 100%;max-height:40px;}
.tech_exp_bx ul li {display: inline-block;list-style: none;text-align: center;padding-right:40px;}
.tech_exp_bx h4{text-align: left;font-family: 'metropolisregular',sans-serif;
font-size:16px;letter-spacing: 0.44px;color: #484646;font-weight:600;margin-bottom:40px;}
.tech_exp_bx ul li span{font-size:12px;font-weight:500;font-family: 'metropolisregular',sans-serif;
letter-spacing: 0.32px;color: #89A0C3;}
.ptb{padding-top:40px;}
.hire{background: url("../images/img_bg_2.png") 0 0 no-repeat; background-size:cover;}
.orange{color:#F56D22;}
.white{color:#fff !important;}
.hire h5{margin-bottom:20px;margin-top:20px;font-weight:500;font-size:18px;font-family: 'metropolisregular',sans-serif;}
.hire .para{font-size:17px;font-family: 'metropolisregular',sans-serif;}
.hire .para.white.text-center{font-size:18px;}
.dream_text img{width:50px;height:50px;}
.dream_text p{color: #475E83;font-size:14px;font-family: 'metropolisregular',sans-serif;font-weight:500;}
.mgtop{margin-top:20px;}
.dream_text h6{ margin-top:10px; margin-bottom:10px;color: #575757;text-transform: capitalize;font-size:16px;font-weight:600;font-family: 'metropolisregular',sans-serif;}
.spacing{line-height: 40px;width: 70%;margin: 0 auto;}
.partner .getintouch-btn{max-width:300px;}
 .contentext{justify-content: space-between;align-items:baseline;margin-bottom:40px;display:flex;}
.partner{background: url("../images/img_bg_4.png") 0 0 no-repeat; background-size:cover;padding-bottom:80px;padding-top:80px;}


.send_request_us{ background: #F7F9FC;/*padding: 120px 0 80px*/}
.msge_form {background: #fff;padding: 50px 12%;box-shadow: 0px 16px 16px #0000000a;display: inline-block;
}
.msge_form label {width: 100%;display: inline-block;font-size: 12px;
    color: #5E7495;font-weight: normal;
    margin-top: 12px;
}
.msge_form input {
    width: 100%;
    border: none;
    font-size: 16px;
    color: #484646;
    border-bottom: solid 1px #ddd;
/*    padding: 8px 0;*/
}
.msge_form label:first-child{
    margin-top: 0;
}
.file_att {
    position: relative;
    padding-left:25px;
    margin: 35px 0 20px 0;
}
.file_att input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
.file_att img {
    position: absolute;
    left: -7px;
    top: 0;
}
.file_att span{
    color: #5E7495;
    font-size: 16px;
    font-weight: 500;
}
.attech_f p {
    color: #5E7495;
    font-size: 12px;
    text-align: left;
}

.msge_form input[type="submit"] {
    margin-top: 35px;
    color: #fff;
    text-transform: none;
    font-weight: 500;
}
input, button{
    outline: none !important;
}
.msge_form input:focus{
    border-color: #F06824;
}
.msge_form h2 {
    font-size: 35px;
    font-weight: bold;
    line-height: 45px;
    width: 260px;
    position: relative;
    margin: 0 0 18px 0;
}
.msge_form h2 img {
    position: absolute;
    right: -50px;
    bottom: 14px;
}

.faq_sc h2 {
    margin: 0;
    font-size: 68px;
    color: #E2E7F0;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.faq_sc h2 span {
    font-size: 50px;
}
.faq_sc .right-arrow {
    margin-top: 12px;
    margin-left: 20px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 20px;
}
.faq_sc .panel-default>.panel-heading{
    padding:0;
    background: none;
    border: none;
}
.faq_sc #accordion .panel-heading a {
    padding: 20px;
    display: inline-block;
    width: 90%;
    text-decoration: none;
}
.faq_sc #accordion .panel-heading a {
    padding: 20px 70px 20px 0;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #484646;
    position: relative;
    line-height: 26px;
    border: none;
}
.plus_icn, .minus_icn {
    position: absolute;
    right: 0px;
    top: 50%;
    font-size: 32px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.plus_icn{
    display: none;
}
.collapsed .plus_icn{
    display: block;
}
.collapsed .minus_icn{
    display: none;
}
.send_request_us .panel-body {
    color: #9F9F9F;
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 15px 0;
}
.send_request_us .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    background: none;
}
.send_request_us .collapse.in{
    border-bottom: solid 1px #eee;
}
.faq_sc #accordion .panel-heading a{
    border: none;
}
.faq_sc #accordion .panel-heading a.collapsed{
    border-bottom: solid 1px #eee;
    cursor: pointer;
}
.faq_sc .panel-default>.panel-heading+.panel-collapse>.panel-body{
border-top:0; 
}
.faq_sc .panel-collapse{display:none;}
.faq_sc .panel-default.active .panel-collapse{display:block;}
.faq_sc .panel-default.active .minus_icn{display: block;}
.faq_sc .panel-default.active .plus_icn{display: none;}

.faq_sc #accordion .panel-heading a span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #5E7495;
    margin-top: 2px;
}

ptb-4-8{padding-top:40px;padding-bottom:80px;}
.faq .card-header {padding:0;position: relative;}
.faq .card-header a{letter-spacing: 0.45px;color: #475E83;font-size:18px;font-weight:600;display: inline-block;width: 100%;margin: 0;cursor: pointer;}
.accordion .card-header:after{position: absolute;right: 15px;top: 50%;
 transform: translate(0, -50%);font-weight: 100;color:#484646;}
.faq  .card-body {border-bottom: 1px solid #DDE6F1;padding: 0 0 15px 0;}
.faq  .card-header{border: none; background:none;padding:20px 0px;}
.faq.card-header.collapsed{border-bottom: 1px solid #DDE6F1;position: relative;}
.accordion .card-header:after {font-family: 'FontAwesome';content: "\f068";float: right;}
.accordion .card-header.collapsed:after {content: "\f067"; }
.faq .card{background:transparent;border:none;}
.faq.card-header {padding: 1.25rem 1.25rem;}
.faq.card-body{border-bottom:1px solid #919191}
.faq .card p,.faq .card  ul li{text-align: left;letter-spacing: 0.16px;font-size:18px;color:#9F9F9F;opacity: 1;}
.blogs .card img{background: #F4F9FF;}
.blogs .card {border: 1px solid #DDE6F1;}

.blogs .card-title{color: #484646;font-size:20px;font-weight:bold;letter-spacing:0px;}
.blogs .card-text.para{font-size:14px;letter-spacing:0px;}

/*staff css*/
.pm-staff {
    background: #23252c;
}



.pm-staff .pm-t p {
    max-width: 770px
}

.pm-staff .team-list {
    /*margin-top: 30px;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}

.pm-staff .person__w {
    width: 23%
}

.pm-staff .person__w .person {
    margin: 0;
    padding: 0;
    height: initial;
    max-width: 100%
}

.pm-staff .person__w .person .person-info {
    padding-bottom: 10px
}

.pm-staff .person__w .person .person-info .person-name {
    line-height: 36px;
    margin-bottom: 3px
}

.pm-staff .person__w .person-descr {
    font-size: 18px;
    line-height: 24px;
    color: white;
    font-family:"FaktProSoft","Helvetica Neue",sans-serif;
    text-align: left;
    margin-top: 35px;
    text-align: justify;
    opacity: .8
}

/*============= Ankit Responsive css ===============*/
@media(max-width: 1920px){
.customBanner {
    padding-top: 330px !important;
}
.sld_three {
    left: 100px !important;
}
ul.awwards_icons.sld_first {bottom: -40px;}
}

@media(min-width: 1600px){
    .customBanner h1 {font-size: 50px ;  }
    .customContainer { max-width: 1400px ;}
    .contrary .titleWrap{font-size:65px ; line-height: 65px;}
    .headingWrap h2 {font-size:50px ;}
    .headingWrap h3 { font-size: 50px ;}
    .blackBg .titleWrap { font-size: 60px ;}
    .snapshotWrap .txtWrap{font-size: 20px ;}
    .snapshotWrap .stat-count .odometer, .snapshotWrap .stat-count .hrs{font-size: 40px ;}

}

@media screen and (max-width: 1600px){
    .main_cont_page h2 {
        font-size: 32px;
        margin-bottom: 14px;
    }
    }


@media(max-width: 1400px){

    .customContainer { max-width: 1170px ;}
    .customBanner h1 {font-size: 45px ; min-height: 150px ; }
    .contrary .titleWrap{font-size:40px ; line-height: normal;}
    .headingWrap h2 {font-size:40px ; line-height: normal;}
    .headingWrap h3 { font-size: 40px ; line-height: normal;}
    .blackBg .titleWrap { font-size: 50px ; line-height: normal;}
    .snapshotWrap .txtWrap{font-size: 18px ;}
    .snapshotWrap .stat-count .odometer, .snapshotWrap .stat-count .hrs{font-size: 35px ;}
    .trustUs .title{font-size:35px ; letter-spacing: 1px; line-height: 45px;}
    .smallHeading h3 { font-size: 25px; }
    .innovate .swiper-slide h3 { font-size:25px; }
    .rapidstore_content h2{font-size: 45px; line-height: normal; }
    .footerBotton h4{font-size:35px;}
    .footerBotton h5{font-size:20px;}
    .customBanner .txtBox p {position: static;padding-left: 100px;
    margin-bottom: 55px;display: -webkit-box;-webkit-line-clamp: 4 ;-webkit-box-orient: vertical;overflow: hidden;}
.contrary .row {margin: 0 !important;}
.customBanner .bannerLeft,.banner .bannerLeft{ width:50%; }
.customBanner .bannerRight{width: 50%;}
.customBanner .txtBox p.header-box{left: 0px;}
.customBanner .txtBox p{left:100px;}
.awwards_box{left: 20px;}
.awwards_icons{left: 70px;}
canvas.draw {width: 330px !important;}
ul.awwards_icons.sld_first {bottom: 0;}
.header .logo .anmiationLogo {width: 240px;height: 310px;}
.customBanner{padding-top: 270px !important;}
.customBanner {height: 660px !important;}
.awwards_box {position: static;vertical-align: top;margin-bottom: 55px;}
.customBanner .txtBox p.header-box{margin-bottom: 0;}
.sld_three {left: 0px !important;}
canvas.draw {width: 400px !important;}
.header .logo .anmiationLogo {width: 255px;height: 350px;}
}
@media( min-width:1281px){
.banner h1{font-size:50px;font-family: 'metropolisregular',sans-serif;}
.banner p{font-size:18px;font-family: 'metropolisregular',sans-serif;}
}
@media( max-width:1280px){
.banner{padding-top:20px;}
}
@media(max-width: 1279px){
    .customContainer{padding: 0px 15px;}
    .customBanner .bannerRight{width: 50%;}

}
@media(max-width: 1199px){
.header .logo .anmiationLogo {width: 220px;position: relative;height: 280px;}
canvas.draw {width: 280px !important;}
.customBanner h1 {font-size: 38px;min-height: 100px;}
.customBanner { height: 600px !important;padding-top: 250px !important;}
.bannerRight.video_testimonial .txtBox {width: 290px !important;}
.customBanner .bannerRight {width: 45%;}
.sld_second {left: 35px !important;}
.sld_first {left: 95px !important;}
.header .logo .anmiationLogo {width: 240px;height: 310px;}
.founders .headingWrap h3 {font-size: 38px;}
}

@media( max-width:1024px){
    .banner{height:auto;padding-top:10px;}
    .banner .bannerLeft {width:80%;}

    
}
@media( max-width:991px) {  
.customBanner h1 {font-size: 30px;min-height: 100px;}
.customBanner .bannerLeft {width: 42%;}
.customBanner .bannerRight {width: 55%;}
.awwards_icons li img{max-width: 60px;}
.contrary .titleWrap {font-size: 32px;text-align: left;padding: 0 15px;}
.pad-topBottom-50 {padding: 28px 0;}
.contrary .content_box {margin: 10px 0;display: inline-block;width: 100%;}
.quote_box h2 {font-size: 36px;}
.quote_box {min-height: 150px;background-size: 535px;text-align: center;}
.Vertical_line {height: 120px;margin-top: 35px;}
.headingWrap p{font-size: 18px;}
.content_panel h3 img{width: 160px;}
a.content_panel {padding: 20px 12px;}
.content_panel h3{margin-bottom: 15px;}
.headingWrap h2 {font-size: 36px;}
.quote_box h2 {width: 100%;}
.founders .headingWrap h3 {font-size: 36px;}
.founders .orgtext {padding-bottom: 20px;}
.technology_icons .imgbox {margin: 70px 0 15px 0;}
.blackBg .titleWrap {font-size: 40px;padding: 60px 0;}
.remove_991 {display: none !important;}
.testimonial__section .testimonial-grid-outer {width: 50%;}
section.blackBg.founders {text-align: center;}
.snapshotWrap .col-lg-4.col-sm-6 {max-width: 33.33%;}
.tag_batch_testi h3 {font-size: 32px;}
.padd70.foot_txt {padding: 20px 70px;font-size: 46px;}
.addressWrap{display: none !important;}
.trustUs .title {font-size: 32px;line-height: 40px;padding: 0 15px;}
.trustUs .title br{display: none;}
.bg-move li, .sld_move_right li {flex: 0 0 25vw;}
img.l_mob {max-height: 60px;}
.sld_second {left: 15px !important;}
}




/* @media( max-width:996px){


} */


@media( max-width:768px){
    .banner p{font-size:14px;font-family: 'metropolisregular',sans-serif;}
    .banner h1{font-size:36px;padding-bottom:0px;font-family: 'metropolisregular',sans-serif;}
    .banner .getintouch-btn{margin-top:5px;}
    .subtitle{font-size:24px;}
    .para{font-size:16px;}
    .tab-content h3{font-size:22px;}
    .tab-content p{font-size:16px;}
    .web-title .pm-t .pm-t-text{font-size:36px;line-height:36px;}
    .web-title .pm-t .pm-t-text::after{bottom:-4px;}
    .pm-t p{font-size:16px;}

    
}

/*end*/




.tech .col-lg-4 p{color: #475E83;font-weight:500;font-size:15px;margin-top:10px;}

/*web page css*/

.web-page{background-color: #16181c;}
body.dark_black-scene .wrapper {
    background-color: #16181c;
}
/*end*/
.pt0{padding-bottom:0px !important;}
/*Responisve*/
.center{text-align:center;}

@media only screen and (max-width: 520px) {.center{text-align:left;} 
.subtitle{text-align:left;}
.pd-tb{padding-top:40px;
padding-bottom:40px;}
}


/*it staff css*/
.getintouch-btn.lngbtn{max-width:300px;}
.getintouch-btn.lngbtn.wd{max-width:250px;}
.itaug{background:url(../images/bk2.png) 0 0 no-repeat; background-size:cover;}
.team_hire img{height:40px;margin-bottom:10px;}
.team_hire h3{color: #484646;font-size:16px;}
.team_hire p{font-size:14px;color:#5E7495;margin:10px 0px;letter-spacing: 0.32px;}
.it_staff .tech .para{margin-bottom:40px;}
.innerbox{background: #F5F9FF 0% 0% no-repeat padding-box;border-radius: 6px;padding:25px;margin:10px 15px;position:relative;}
.number{text-align:center;font-size:14px;font-weight:600;right:10px;top:10px;background:#A6B8D2;color:#fff;height:20px;width:20px;border-radius:50%;position:absolute;}
.innerbox h4{font-weight:600;letter-spacing: 0px;color: #484646;font-size:16px;margin-bottom:5px;}
.innerbox p{font-size:14px;}
.slideboxMain .slick-prev,.slideboxMain .slick-next{display:none !important;}
.slick-center  {
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  background-color:#E1FFED;
  opacity: 1;
  transform: scale(1.08);
}
.slick-center .number{background: #52C280;}

.tab_steps{display: inline-block;width: 100%;position: relative;
    margin-top:30px;margin-bottom:100px;}
.tab_steps #container {
position: absolute;top: 0;
 right: 0;width: 50%;background: #F5F9FF;padding:30px;}
.stages_sec ul li{list-style: none;}
.stages_sec ul li a{display: inline-block;
width: 100%;padding: 20px;font-size: 16px;
color: #9DABBF;font-weight: 600;text-decoration: none;}
.stages_sec ul li a img{width:32px;margin-right:10px;}
.stages_sec ul li a.activelink{color: #484646;
    background: #F5F9FF;}
.tab_steps #container .list {color: #9DABBF;
    font-size: 16px;letter-spacing: 0.48px;line-height:30px;}
 .stages_sec ul {width: 50%;padding: 0;
    display: inline-block;margin: 0;}
.hide {display: none !important;}
.user{font-size:14px;}
.innerslides{text-align:center;}
.border1{border-right:1px solid #475E83;}
.innerslides img{width:40px;text-align:center;margin:0 auto;margin-bottom:10px;}
.innerslides p{color:#fff;letter-spacing: 0.32px;font-size:15px; }
.innerslides .user{color:#fff;font-size:13px;font-weight:bold;}
.innerslides .user span{font-size:11px;display:block;font-weight:500;}
.clientslider .slick-next ,.clientslider  .slick-prev{display:none!important;}

.clientslider .slick-dots{text-align: -webkit-center;padding-top:10px;}
.clientslider .slick-dots li button{
font-size:0px;line-height: 0;display: block;
width: 10px;height: 10px;border-radius:50%;padding:5px;
cursor: pointer;color:#fff;border: 0;outline: none;background:#fff;margin-right:4px;
text-align: center;}
.clientslider .slick-dots li button:hover,
.clientslider .slick-dots li button:focus{outline: none;}
.clientslider .slick-dots li button:hover:before,
.clientslider .slick-dots li button:focus:before{opacity: 1;}
.slick-dots li.slick-active button:before{opacity: .75;color: black;}
.slick-dots li{position: relative;display: table-cell;margin: 0 5px;
padding: 0;cursor: pointer;}
.client-slider .slick-dots li.slick-active button {color:red !important;background-color: red!important}
.techpage .tech_exp_bx{background:none;padding:0px;}
.orange img{height:32px;margin-right:10px;}
.hire  h5{font-size:14px;}
.slide_success_sto {position: absolute;
right: 0;top: 0;width: 60%;}
.skil_set_sec ul.slides li .succ_slide_box.box_xl_axiata{ background: #F9E1C7;}
.succ_slide_box {position: relative;overflow: hidden;}
.skil_set_sec.success_story_slider {margin: 25px 0 0 0px;
    width: 100%;display: inline-block;position: relative;height: 600px;padding: 0px;}
.skil_set_sec .head_ttl {padding: 0 15px;text-align: left;margin-bottom: 20px;}
.story_text_lft {padding-top: 40%;}
.slides {position: relative;}
.skil_set_sec ul.slides li .succ_slide_box {
    display: inline-block;width: 100%;background: #B7E6FF;
    padding: 50px;overflow: hidden;}
.skil_set_sec ul.slides li .succ_slide_box p {text-align: left;font-size: 24px;line-height: 42px;
    margin-bottom: 15px;}
.skil_set_sec ul.slides li .succ_slide_box a {
    font-size: 18px;
    color: #F06824;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 600;
}
.expertimg img{height:56px;margin-bottom:10px;margin-top:10px;}
.expertimg .para{font-size:16px;}
.skil_set_sec ul.slides li .succ_slide_box {height:400px;}
.skil_set_sec ul.slides li .succ_slide_box.box_xl_media { background: #D0EFEC;}
.skil_set_sec ul.flex-direction-nav {
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #fff;
    display: none;
    border: 1px solid #E0E0E0;
}
.skil_set_sec .flex-direction-nav .flex-prev {
    left: 4px;
    top: 50%;
    transform: translate(10px, 10px);
    -webkit-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
}
.skil_set_sec .flex-direction-nav .flex-next {
    right: 4px;
    top: 50%;
    transform: translate(10px, 10px);
    -webkit-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
}
.skil_set_sec .flex-direction-nav a.flex-prev:before{
    background:url("../images/arr-l.png") 0 0 no-repeat;
}
.skil_set_sec .flex-direction-nav a.flex-next:before{
    background:url("../images/arr-r.png") 0 0 no-repeat;
}
.skil_set_sec ul.slides li .succ_slide_box {
    height: 585px;
}
.images_niel img {
    vertical-align: bottom;
    position: absolute;
    bottom: -5px;
    left: 25px;
}


@media (max-width: 575px){
.skil_set_sec ul.slides li .succ_slide_box {
    height: 320px;
    padding: 30px;
}
}


/*About Page css*/
.aboutpage .banner {
    background: url("../images/aboutimg.png") 0 0 no-repeat;
}
.illustrations{  background: #F5F9FF;padding:40px;margin-top:50px;}
.journey img{margin-bottom:20px;margin-top:20px;}
.illustrations img{height:190px;}
.illustrations .para{letter-spacing: 0px;color: #484646;font-size:16px;text-align:center; margin-top:10px; }
.leadership{background: #F5F9FF;}
.leader{text-align: center;position:relative;margin-top:100px;}
.leader img{margin:0 auto;text-align: center;height:100px;position:absolute;right: 40%;top: -30%;}
.bkwhite{background:#fff;padding:40px;}
.bkwhite .para{letter-spacing: 0.4px;color: #475E83;font-size:14px;text-align:center;}
.name{letter-spacing: 0.22px;color: #484646;font-size:16px;font-weight:500;}
.co{letter-spacing: 0.36px;color: #475E83;font-size:14px;font-weight:500;}
 .imgsection {display:flex;align-items:center;text-align: left;}
 .imgsection h5{font-size:16px;}
 .imgsection img{height:50px;margin-right:10px;}
/* .common,.common_mantra{margin:0 auto;float:left;width:100%}
 .common{padding-top:6em}
 .section-title {position:relative;}
 .artist_top{box-shadow:0 11px 14px 0 #c9c9c9;padding-top:2%;background-color:#e7e7e8}*/

.main_circle {margin:4em auto 0;width: 980px;position: relative;}

.left_outer{width:600px;text-align:center;float:left;margin-right:-110px}
.left_outer p{color:#7323de;font-size:20px;font-weight:500}
.left_circle{width:600px;height:600px;border-radius:300px;float:left;border:3px solid #7323de}
.left_circle_text{padding-left:13%;float:left;padding-top:26%}
.left_circle_text p{padding-top:6px;padding-bottom:6px;color:#4c525a;width:100%;text-align:left;margin:0;float:left;font-size:16px;font-weight:500}
.left_circle_text hr{width:18px;border:3px solid #e7e7e8;float:left;margin:10px 0;border-radius:4px}
.right_outer p{color:#fa691c;font-size:20px;font-weight:500;text-align:center}
.center_circle_text p,.right_circle p{padding-bottom:6px;font-size:16px;font-weight:500}
.right_circle p{color:#fa691c;width:100%;padding-top:6px;margin:0;float:right;text-align:right}
.right_outer{width:600px;text-align:center;float:left;margin-left:-110px}
.right_circle_text{padding-right:13%;float:right;padding-top:26%}
.right_circle_text hr{width:18px;border:3px solid #e7e7e8;float:right;margin:10px 0;border-radius:4px}
.right_circle{width:600px;float:left;max-width:100%;border-radius:300px;height:600px;border:3px solid #fa691c;overflow:hidden;position:relative}
.center_outer{width:400px;text-align:center;height:400px;border-radius:200px;position:absolute;left:50%;z-index:1;top:100px;margin-left:-200px}
.section-title,.section-title hr{position:relative}
.center_circle{width:600px;margin-top:-1px;border-radius:300px;height:595px;background:#5e5865;margin-left:-385px}
.center_circle_text p{padding-top:6px;color:#fff;text-align:center}
.center_circle_text{padding-top:6.5em}
.center_circle_text hr{width:18px;border:3px solid #848287;margin:10px auto;border-radius:4px}
/*Our Mantra Section*/
.head_ttl{padding: 0 10%;}
.left_content_works ul li p{
    text-align: left;
    color: #5E7495;
    font-size: 16px;
}
.left_content_works ul li h4 {
    margin: 0px 0 15px 0;
    font-size: 20px;
    font-weight: 600;
}
.left_content_works ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    position: relative;
    border-left: solid 1px #eee;
    padding: 0 0 30px 60px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.left_content_works ul li:before {
    position: absolute;
    left: -8px;
    top: 0;
    background: #E2E8F0;
    width: 16px;
    height: 16px;
    content: '';
    border-radius: 100%;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.left_content_works ul li:hover:before{
    background: #52C280;
    width: 24px;
    height: 24px;
    left: -12px;
    top: -3px;
}
.left_content_works ul li:last-child{
    border-left: 0;
    margin-bottom: 0;
}
.left_img_works {
    float: right;
    padding: 10% 0 0 0;
    height: 100vh;
}


.vertical-slider{
    text-align:center;
    width: 100%;
}
.vertical-slider .vertical-caption{
    font-size:40px;
    color: #fff;
    display:inline-block;
    text-align:center;
}
.vertical-slider .flex-direction-nav{
    display:none;
}
.work_stp_slide {
    position: relative;
    text-align: left;
    padding: 30px;
    background: #F5F9FF;
    margin: 28px 0;
    border-radius: 3px;
}
.fourstep_week .left_content_works ul li h4 {
    margin: 0px 0 15px 0;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.fourstep_week .left_content_works ul li p{
    text-align: left;
    color: #5E7495;
    font-size: 16px;
}
.fourstep_week .left_content_works ul li  {
    position: static;
    border-left: none;
    padding: 0px;
}
.clients_love {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}
.week_status_sec.fourstep_week .left_content_works ul li>div{
    background: none;
    padding: 0;
}
.week_status_sec.fourstep_week {
    padding:0px 0 90px 0;
    float: left;
    width: 100%;
}
.vertical-caption.align-right .work_stp_slide {
    text-align: right;
}
.fourstep_week .left_content_works ul li .vertical-caption.align-right p {
    text-align: right;
}


.step_1{
    height: 500px !important;
    margin: 0;
}
.secondStep .step_text, .thirdStep .step_text, .forthStep .step_text {
    padding-top: 0;
}
.step_1.step_2 p {
    text-align: right;
}

.fourstep_week .step_1 .cover, .fourstep_week .vertical-line {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 57px;
    width: 0px;
}
.fourstep_week.s_x .vertical-line{
    height: 70%;
}
.fourstep_week.d_x .vertical-line{
    height: 91%;
}
.fourstep_week .vertical-line {
    border: 2px dashed #e2e2e4;
}
.fourstep_week  .work_stp_slide {
    border-radius: 3px;
    display: inline-block;
    width: 100%;
}
.header_outer {
    z-index: 999;
}
.step_1 .step_text p {
    text-align: left;
    font-size: 14px;
}
.vertical-line {
    border: 1px dashed #e2e2e4 !important;
    z-index: 9;
}


.fourstep_week.s_x .vertical-line {
    height: 70%;
}
.fourstep_week .step_1 .cover, .fourstep_week .vertical-line {
    top: 0;
}

.filled_circle,.rounded_circle{border-radius:50px;text-align:center}

.filled_circle {
    width: 100px;
    height:100px;
    position: absolute;
    left: -10px;
    top: -1px;
}

.fourstep_week .slide {
    position: relative;
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    margin-top: 20px;
}

.step_1:before {
    position: absolute;
    content: '';
    width: 200px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    font-size: 16px;
    font-weight: 700;
    color: #fc732b;
}

.step_1:after {
    width: 22px;
    height: 22px;
    content: '';
    position: absolute;
    background: #52C280;
    border-radius: 100%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

.step_1.step_2:before {
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    text-align: right;
}
.week_status_sec.week_developx .slide.secondStep:before {
    /*top: 25%;*/
    content: '';
}
.week_status_sec.week_developx .slide.thirdStep:before {
    /*top: 50%;*/
    content: '';
}
.week_status_sec.week_developx .slide.forthStep:before {
    /*top: 75%;*/
    content: 'Week 4';
}
.week_status_sec.week_developx .slide.fifthStep:before {
    /*top:95%;*/
    content: 'Week 5 onwards';
}
.week_status_sec .slide.secondStep:before {
    /*top: 33%;*/
    content: 'Week 2';
}
.week_status_sec .slide.thirdStep:before {
    /*top: 66%;*/
    content: 'Week 3';
}
.week_status_sec .slide.forthStep:before {
    /*top: 95%;*/
    content: 'Week 4';
}

.filled_circle p img{
    opacity: 0;
}

.filled_circle p  img {
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 35px;
    width: 147px;
    color: #F06824;
    text-align: right;
    top: -2px;
}

.work_stp_slide {
    position: relative;
    text-align: left;
    padding: 30px;
    background: #F5F9FF;
    margin: 28px 0;
    border-radius: 3px;
}


.work_stp_slide h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.work_stp_slide h4 {
    font-weight: 700;
}

.work_stp_slide {
    padding: 18px;
    margin: 8px 0;
}
.fourstep_week .work_stp_slide {
    border-radius: 3px;
    display: inline-block;
    width: 100%;
}
.step_1 .step_text p{text-align:justify;font-size:18px;padding-right:0;color:#8492a6}
.fourstep_week .slides-container {
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    z-index: 10;
}

.vertical-caption.align-right .work_stp_slide {
    text-align: right;
}

.fourstep_week .work_stp_slide {
    border-radius: 3px;
    display: inline-block;
    width: 100%;
}

.step_1 .step_text {
    float: right;
    width: 43%;
    margin-right: 14px;
}
.step_2 .step_text {
    float: left;
    width: 42%;
    margin-left: 36px;
}

.step_1 .step_images {
    float: left;
    width: 50%;
}

.step_2 .step_images {
    float: right;
    width: 50%;
}

.faq .card  ul li {list-style:disc;}
/* updated css */
.page_layout_change .why_need{padding: 65px 0px;}
.it_staff .testimonial .description{ text-align: center;}
.page_layout_change .innerbox{ height: 100%; margin:0px; }
.it_staff .service ul li:before { position: absolute; left: 0px; top: 14px; width: 7px; height: 7px; border-radius: 100%; content: ''; background: #F06824;}
.it_staff .service ul li { position: relative; padding-left: 20px; font-weight: 500; font-size: 18px; padding: 5px 0 5px 20px; color: #475E83;}

/* Thank you page css here */
.thank_pg {text-align: center;}
.thankyou_sec { width: 50%;margin: 0 auto;padding: 38px 25px;
    border: solid 1px #f1f1f1;box-shadow: rgb(0 0 0 / 7%) 0 0 22px;border-radius: 22px;}
.thankyou_sec img {max-height: 80px;}
.thankyou_sec .headingWrap h2 {font-size: 40px;padding: 20px 0 0 0;}
.thankyou_sec .headingWrap p {padding: 10px 0 0 0;}
.thank_pg {padding: 160px 0 50px 0;}
.page_layout_change .services .card-body{text-align:left;}
.header .logo{left:0px;}
.rtlBox .image_box{order:2}
.rtlBox .content_box{order: 1}
 /*Media query*/  
 @media(max-width: 1920px){
.customBanner {padding-top: 330px !important;}
.sld_three {left: 100px !important;}}
@media(min-width: 1600px){
.customBanner h1 {font-size: 50px ;  }
.customContainer { max-width: 1400px ;}
.contrary .titleWrap{font-size:65px ; line-height: 65px;}
.headingWrap h2 {font-size:50px ;}
.headingWrap h3 { font-size: 50px ;}
.blackBg .titleWrap { font-size: 60px ;}
.snapshotWrap .txtWrap{font-size: 20px ;}
.snapshotWrap .stat-count .odometer, .snapshotWrap .stat-count .hrs{font-size: 40px ;}
}
 @media(max-width: 1400px){
.customContainer { max-width: 1170px ;}
 .customBanner h1 {font-size: 45px ; min-height: 150px ; }
 .contrary .titleWrap{font-size:40px ; line-height: normal;}
 .headingWrap h2 {font-size:40px ; line-height: normal;}
.headingWrap h3 { font-size: 40px ; line-height: normal;}
.blackBg .titleWrap { font-size: 50px ; line-height: normal;}
 .snapshotWrap .txtWrap{font-size: 18px ;}
.snapshotWrap .stat-count .odometer, .snapshotWrap .stat-count .hrs{font-size: 35px ;}
.trustUs .title{font-size:35px ; letter-spacing: 1px; line-height: 45px;}
.smallHeading h3 { font-size: 25px; }
 .innovate .swiper-slide h3 { font-size:25px; }
 .rapidstore_content h2{font-size: 45px; line-height: normal; }
 .customBanner .txtBox p {  /* left: 100px; */
 position: static; padding-left: 100px; margin-bottom: 55px;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
/*** 22-02-2022 ***/
.page_layout_change .clients_love h2 {font-size: 28px;padding-bottom: 12px; }
.contrary .row { margin: 0 !important;}
} 


@media screen and (max-width:1400px) {
.banner h1{font-size:36px;}
.banner{padding-top:50px;padding-bottom:50px;}
.subtitle{font-size:34px;}
.para{font-size:16px;}
}
@media(max-width: 1279px){
    .customContainer{padding: 0px 15px;}
    .customBanner .bannerRight{width: 50%;}

}
@media(max-width: 1199px){
.header .logo .anmiationLogo {
    width: 220px;
    position: relative;
    height: 280px;
}
canvas.draw {
    width: 280px !important;
}
    .customBanner h1 {
    font-size: 38px;
    min-height: 100px;
}
.customBanner {
    height: 600px !important;
    padding-top: 250px !important;
}
.bannerRight.video_testimonial .txtBox {
    width: 290px !important;
}
.customBanner .bannerRight {
    width: 45%;
}
.sld_second {
    left: 35px !important;
}
.sld_first {
    left: 95px !important;
}
.header .logo .anmiationLogo {
    width: 240px;
    height: 310px;
}
.founders .headingWrap h3 {
    font-size: 38px;
}
.page_layout_change .expert.content-l p.para {
    width: 60%;
    text-align: left;
    padding-top: 0;
}

/*** 11-02-2022 **/
.aboutpage .common {
    display: inline-block;
    width: 100%;
}
.grp_sml {
    display: block;
    margin: 30px 0 0 0;
}
.main_circle{
    display: none !important;
}

/*** 14-02-2022 ***/
.page_layout_change .banner p {
    padding-right: 8%;
    font-size: 16px;
    line-height: 26px;
}
.page_layout_change .banner {
    padding: 40px 0;
}
.pad-topBottom-70 {
    padding: 45px 0;
}
.tag_batch_testi h3 {
    font-size: 32px;
}
}

@media screen and (max-width:991px){
.thankyou_sec {width: 65%;}
.thank_pg {padding: 110px 0 40px 0;}
.thankyou_sec .headingWrap h2 {font-size: 32px;padding: 16px 0 0 0;}
/* 991 updated 25feb */
.customBanner h1 {font-size: 30px;min-height: 100px;}
.customBanner .bannerLeft { width: 42%;}
.customBanner .bannerRight { width: 55%;}
.awwards_icons li img{ max-width: 60px;}
.contrary .titleWrap {font-size: 32px;text-align: left;padding: 0 15px;}
.pad-topBottom-50 { padding: 28px 0;}
.contrary .content_box {margin: 10px 0;display: inline-block;width: 100%;}
.quote_box h2 {font-size: 36px;}
.quote_box {min-height: 150px;background-size: 535px;text-align: center;}
.Vertical_line { height: 120px;margin-top: 35px;}
.headingWrap p{font-size: 18px;}
.content_panel h3 img{width: 160px;}
a.content_panel {padding: 20px 12px;}
.content_panel h3{margin-bottom: 15px;}
.headingWrap h2 {font-size: 36px;}
.quote_box h2 { width: 100%;}
.founders .headingWrap h3 {font-size: 36px;}
.founders .orgtext {padding-bottom: 20px;}
.technology_icons .imgbox { margin: 70px 0 15px 0;}
.blackBg .titleWrap {font-size: 40px;padding: 60px 0;}
.remove_991 { display: none !important;}
.testimonial__section .testimonial-grid-outer {width: 50%;}
section.blackBg.founders {text-align: center;}
.snapshotWrap .col-lg-4.col-sm-6 { max-width: 33.33%;}
.tag_batch_testi h3 { font-size: 32px;}

.navbar-toggler i {font-size: 30px;color: #F06824;}
.padd70.foot_txt {padding: 20px 70px;font-size: 46px;}
.contactForm {max-width: 70%;margin: 0 auto;}
.addressWrap{ display: none !important;}
.trustUs .title { font-size: 32px; line-height: 40px; padding: 0 15px;}
.trustUs .title br{ display: none;}
.bg-move li, .sld_move_right li {flex: 0 0 25vw;}
img.l_mob { max-height: 60px;}
.sld_second { left: 15px !important;}
/*27-01-2022 V*/
img.l_mob{margin: 0;padding: 8px 0;}

.body_top_space { padding-top: 50px;}
.page_layout_change .banner {padding: 50px 0;}
.page_layout_change .banner h1 {font-size: 30px;}
.page_layout_change .banner h1 {font-size: 30px;padding-bottom: 10px;}
.page_layout_change .banner .getintouch-btn {margin-top: 15px;font-size: 14px;}
.page_layout_change .pd-tb {padding: 45px 0px !important;}
.page_layout_change .subtitle { font-size: 28px; line-height: 34px;}
.subtitle {font-size: 28px;padding-bottom: 12px;}
.page_layout_change .black_bk .tab-content p { margin: 8px 0 12px 0;}
.page_layout_change .black_bk .tab-content ul li {font-size: 15px;padding-left: 20px;line-height: 24px;margin-bottom: 12px;}
.page_layout_change .black_bk .tab-content p { margin: 8px 0 12px 0; font-size: 15px;}
.page_layout_change .expert.content-l p.para { font-size: 16px; display: inline-block; width: 55%;
text-align: left;padding-top: 0;line-height: 26px;}
.page_layout_change .getintouch-btn { font-size: 14px;padding: 12px 18px;}
.content-l a.getintouch-btn{margin-top: 0;}
.page_layout_change .tech .tech_exp_bx {padding: 0;margin-top: -10px;margin-bottom: 0;}
.page_layout_change .tech .tech_exp_bx .subtitle {padding-bottom: 10px;}
.page_layout_change .tech .para {line-height: 26px;}
.page_layout_change .tech_exp_bx ul { margin: 10px 0 0 0; text-align: left;}
.page_layout_change .tech_exp_bx ul li {width:auto;margin: 5px 0;text-align: left !important;}
.page_layout_change .all_logo_teamx .head_ttl h2, .page_layout_change .what_get_steps .head_ttl h2 {
font-size: 28px;line-height: 34px;}
.page_layout_change .what_get_steps {padding-top: 45px;}
.page_layout_change .subtitle {padding-bottom: 10px;}
.page_layout_change .hire .para.white.text-center {font-size: 16px;line-height: 26px;}
.page_layout_change .hire.hire_react h5 {font-size: 20px;margin: 12px 0 5px 0px;}
.page_layout_change .hire .para {
font-size: 15px;line-height: 24px;margin: 0;}
.page_layout_change .expert.content-l { padding: 25px 0 !important;}
.page_layout_change .dream_text { margin-top: 6px;}
.page_layout_change .dream_text h6 {margin: 8px 0 5px 0;}
.page_layout_change .skil_set_sec ul.slides li .succ_slide_box p {font-size: 20px;
line-height: 30px;margin-bottom: 8px;}
.page_layout_change .skil_set_sec ul.slides li .succ_slide_box a {font-size: 16px;}
.page_layout_change .skil_set_sec ul.slides li .succ_slide_box {height: 395px;padding: 25px;}
.page_layout_change .images_niel img {left: 12px;}
.page_layout_change .story_text_lft {padding-top: 15%;}
.page_layout_change .skil_set_sec.success_story_slider { height: auto; padding: 0px 0 45px 0;}
.page_layout_change .images_niel img.mob_img_sld {left: 45px;}
.page_layout_change .expert.letus p.para { font-size: 16px; line-height: 26px;}
.page_layout_change .customContainer.pad-topBottom-50 {padding: 18px 0 5px 0;}
.page_layout_change .services .card-body img {height: 18px;}
.page_layout_change .services .card-body h3 { margin: 4px 0;}
.page_layout_change .services .chip p{font-size: 14px;width: 140px;}
.page_layout_change .services .card-body {padding: 10px 18px;}
.page_layout_change .services {margin-bottom: 30px;text-align: left;}
.page_layout_change .services:last-child{margin-bottom: 0;}
.page_layout_change .partner.start_partner .para {line-height: 26px;padding: 0 5%;margin: 0;}
.page_layout_change .faq .card-header a {padding: 14px 0px;}
.page_layout_change .footer{margin-top: 0;}
.page_layout_change .faq.mg_bottom {margin-top: 10px;}
.page_layout_change .faq .card-header a{font-size: 16px;}
.page_layout_change .faq .card p, .page_layout_change .faq .card ul li {font-size: 16px;
line-height: 26px;}
.page_layout_change .faq .card-body ul {margin: 0;}
/* .success-stories-inner .navbar .navbar-collapse {top:50px;padding: 12px 0 20px 0;} */
.success-stories-inner .navbar-nav li {font-size: 14px;padding: 8px 8px;}
.black_bk .ptb-4-8 { padding: 0 0 45px 0;}
.page_layout_change .expert.expert_android p.para {margin-bottom: 8px;
font-size: 16px;line-height: 26px;}
.thankyou_sec {width: 65%;}
.thank_pg {padding: 110px 0 40px 0;}
.thankyou_sec .headingWrap h2 {font-size: 32px;padding: 16px 0 0 0;}
.what_get_steps .abt_bx {display: inline-block;padding: 0px !important;height: auto !important;}
/*** 10-02-2022 **/
.indus-box h3 {font-size: 14px;}
.page_layout_change .contrary_cstm .customContainer.pad-topBottom-50 {padding: 0;}
/* .remove_991 {display: none !important;} */
/*** 11-02-2022 V ***/
.aboutpage .banner h3{font-size: 28px; padding-bottom: 10px;}
.page_layout_change.aboutpage .banner p { padding-right: 0; font-size: 16px; line-height: 26px;}
.page_layout_change.aboutpage .banner { padding: 45px 0;}
.aboutpage .hire .para {padding: 0 3%;}
.aboutpage .leader {margin-top: 60px;}
.page_layout_change.aboutpage .leader .bkwhite .para {font-size: 14px;
text-align: center;line-height: 24px;margin-bottom: 0;}
.page_layout_change.aboutpage .leader .co { margin-bottom: 6px;}
.page_layout_change.aboutpage .leader .name {font-size: 16px;}
/*** 14-02-2022 V**/
.abt_page_week_status .step_1 .step_text p {text-align: left;font-size: 16px;
padding-right: 0;color: #8492a6;}
.abt_page_week_status .step_1.step_2 .step_text p{text-align: right;}
.abt_page_week_status .step_1 img { max-height: 120px;}
.page_layout_change .pd-tb { padding: 45px 0px;}
.what_get_steps span.img_crcl { width: 70px !important; height: 90px !important; font-size: 30px;}
.what_get_steps .abt_bx:after {top: 50px !important;width: 85% !important;}
.what_get_steps .abt_bx {display: inline-block;padding: 0px !important;height: auto !important;}
.page_layout_change .banner p {padding-right: 8%;font-size: 16px;line-height: 26px;}
.page_layout_change .banner {padding: 40px 0;}
.content-l a.getintouch-btn {margin-top: 0;font-size: 14px;padding: 12px 18px;
float: right;vertical-align: top;}
.expert.content-l { padding: 25px 0 !important;}
.page_layout_change .head_ttl p {margin-bottom: 10px;}
.page_layout_change .subtitle {text-align: left !important;}
.page_layout_change .head_ttl p {margin-bottom: 20px;
font-size: 16px;line-height: 26px;text-align: left;}
.what_get_steps .abt_bx { display: inline-block; padding: 0px !important; height: auto !important;}
.page_layout_change .subtitle {font-size: 24px;}
.tech_exp_bx {text-align: left;}
.hire h5 {font-size: 16px !important;margin: 18px 0 !important;}
.pad-topBottom-70 { padding: 45px 0;}
.awardsWrap .image-grid-outer .image-grid .headingWrap {margin: 0 !important;}
.page_layout_change .hire.hire_react h5 {font-size: 16px;}
.page_layout_change .hire .para {font-size: 14px;line-height: 22px;}
/*** 15-02-2022 ***/
.leadership h3.subtitle { text-align: center;}
.aboutpage .banner h3 { font-size: 24px;}
.page_layout_change .subtitle { text-align: center;}
/*** 22-02-2022 ***/
.page_layout_change .clients_love h2 { font-size: 24px; line-height: 30px;}
.expert p.para, .partner p.para{text-align:left;}
.page_layout_change .partner.start_partner .para {
   text-align: left !important;padding:0;
}
}
@media (max-width: 767px){
    .skil_set_sec ul.slides li .succ_slide_box {
        height: 420px;
    }
    .main_cont_page h2 {
        font-size: 24px;
    }
    .page_layout_change  .story_text_lft {
        padding-top: 0;
        width: 100%;
    }
    .slide_success_sto {
        position: static;
        right: 0;
        top: 0;
        width: 100%;
    }
    }

@media( max-width:767px) {  
    .customBanner .bannerLeft,.banner .bannerLeft {width: 100%;}
    .customBanner .bannerRight {width: 100%;}
    .swiper-slide .d-flex{display: inline-block !important;}
    .customBanner {height: auto !important;padding-top: 100px !important;}
    .customBanner h1 {min-height: auto;margin-bottom: 20px;}
    canvas.draw {width: 150px !important;}
    .header .logo .anmiationLogo {width: 165px;height: 190px;}
    .customBanner .swiper-slide {text-align: center; }
    .customBanner .swiper-slide a.getintouch-btn {display: inline-block;float: none;width: 100%;margin: 0 auto;}
    .customBanner .boderDiv {display: none;}
    .customBanner .txtBox p {padding-left: 0;}
    .customBanner .bannerRight {width: 100%;margin-top: 20px;}
    .bannerRight.video_testimonial .txtBox {width: 230px !important;margin-bottom: 85px;}
    .bannerRight.video_testimonial ul.awwards_icons {bottom: 25px;left: 0;}
    .awwards_icons{left: 0;}
    .awwards_icons.logo_sld {bottom: -20px !important;}
    .awwards_icons {left: 0 !important;bottom: -15px !important;}
    .bannerRight.video_testimonial ul.awwards_icons{bottom: -5px !important;}
    #elizabeth_video .popup-close-button-inner {right: 30px;top: 35px;}
    .contrary .titleWrap { font-size: 28px;}
    .headingWrap p br{display: none;}
    .quote_box h2 {font-size: 32px;}
    .quote_box {min-height: 110px;background-size: 410px;}
    .Vertical_line {height: 60px;}
    .headingWrap h2 {font-size: 32px;}
    .headingWrap h3 {font-size: 36px;}
    #content-wrapper {overflow: hidden;}
    .portfolio img { max-width: 150%;}
    .portfolio {height: 470px;}
    .blackBg.founders {text-align: center;}
    .technology_icons h4 {font-size: 18px;}
    .technology_icons .imgbox {margin: 45px 0 15px 0;}
    .foundersBox .detailsBox {display: inline-block;
        text-align: center;margin: 0 10px;}
    .customContainer.innovate {margin-top: 40px;}
    .founders .headingWrap h3 {font-size: 32px;}
    .snapshotWrap .col-lg-4.col-sm-6 {max-width: 33.33%;}
    .remove_767 {display: none !important;}
    .testimonial__section .testimonial-grid-outer {width: 100%;}
    .testimonial__section.testm_btm .testimonial-grid-outer .testimonial-grid .testimonial-card-text-wrapper {text-align: center;}
    .testimonial__section.testm_btm .widgets_wrapper {max-width: 100% !important;}
    .testm_btm .testimonial__content {margin-top: 25px;}
    .testimonial__section .testimonial-grid-outer {width: 50%;}
    .testm_btm .testimonial__content{text-align: center;}
    .testimonial__section.testm_btm .testimonial-grid-outer {width: 300px;display: inline-block;}
    .testimonial__section.testm_btm .testimonial-grid-outer {left: 50% !important;transform: translate(-50%, 0);}
    .testimonial__section.testm_btm .testimonial__text-wrapper.headingWrap {padding-top: 0;text-align: center;}
    .testimonial__text-wrapper.headingWrap {padding-top: 0;text-align: center;}
    .tag_batch_testi {text-align: center !important;}
    .awardsWrap .image-grid-outer {width: 33.333%;float: none;position: static !important;transform: none;
        display: inline-block;}
    .grid_100 {width: 100% !important;}
    .awardsWrap .image-grid-outer .image-grid .headingWrap {text-align: center;}
    .awardsWrap .image-grid-outer .image-grid .getintouch-btn {display: inline-block;}
    .rapid_im{display: inline-block;}
    .rapidstore {padding-bottom: 0;}
    .rapidstore .customContainer {padding-right: 0;}
    .rap_img {width: 100%;text-align: right;display: inline-block;}
    .rapid_im {display: inline-block;width: 62%;margin-top: 20px;}
    .rapidstore:before{display: none;}
    .awardsWrap .image-grid-outer.grid_100{width: 100% !important;}
    .awardsWrap .gridWrap {text-align: center;display: inline-block !important;}
    .awardsWrap .testimonial__content.awardsWrap_content {height: auto !important;}
    .awardsWrap{padding-bottom: 0 !important;}
    .rapidstore_content {max-width: 100%;}
    .rapidstore_content h2 {font-size: 38px;line-height: normal;}
    section.businessWrap.background_ill {background-size: 47%;}
    .navbar .navbar-collapse {position: fixed;top: 73px;;
        width: 220px;z-index: 9;right: 0;padding: 35px 0 30px 0;
        /*background: #000 border: solid 1px #333;*/} 
    .header .contactBtn {margin: 15px 0 0 27px;}
    .navbar-collapse li a {display: inline-block;}
    .navbar-collapse li {display: inline-block;width: 100%;}
    ul.navbar-nav {top: 0;display: inline-block;width: 100%;}
    .header .customContainer {padding: 10px 15px;}
    .sticky-top.sticky {height: 95px;}
    .header.sticky-top.sticky .logo .anmiationLogo{top: -10px;}
    .padd70.foot_txt { padding: 10px 50px;font-size: 36px;}
    .trustUs .title {padding: 0 15px;}
    .trustUs .title br{display: none;}
    .trustUs .squerbox {right: auto;left: 50%;transform: translate(-50%, 0%);background-position: center center !important; }
    .bg-move li, .sld_move_right li {flex: 0 0 33vw;}
    img.l_mob {max-height: 65px;margin-top: 7px;}
    .tab_steps{margin-bottom:0px;}
    }

    @media screen and (max-width:767px){
        .subtitle{text-align:left;}
        .center{text-align:left;}
        .blogs .card{margin-bottom:40px;}
        .hire .para{font-size:14px;}
        .faq .card-header a,.faq .card p{font-size:16px;}
        .accordion .card-header::after{right:0px;}
        .awwards .awward_mob{display:block;}
        .awwards .awardDesktop{display:none;}
        .rtlBox .image_box{order:1}
        .rtlBox .content_box{order: 2}
    }
    /*767 css check   */
@media screen and (max-width:767px){
.thankyou_sec {width: 80%;}
.thankyou_sec .subtitle {text-align: center;font-size: 30px;}
.thankyou_sec .headingWrap p {text-align: center;font-size: 16px;}
.thankyou_sec img {max-height: 70px;}
.thankyou_sec .getintouch-btn{font-size: 14px;}  
 .thank_pg {padding: 100px 0 30px 0;}
 .services-mobile .service_inner{display:block;background-color:#e7e7e8;padding:1.5em;margin-bottom:20px;text-align:left;border-radius:5px;position:relative}
.services-mobile .service_inner h3{margin:0 0 15px;color:#e26749;font-size:1.4em}
.services-mobile .service_inner a{border-radius:5px;display:block;position:absolute;left:0;top:0;right:0;bottom:0}
.center_circle,.center_outer:after,.services_nav{display:none}
.services-mobile .service_inner p{text-align:left;font-size:1.1em;line-height:1.5em}
.text_outer{width:300px;font-size:20px;position:absolute;left:50%;top:50%;margin:-30px 0 0 -150px;color:#fff}
.text span.hover2{font-size:20px}
.center_outer,.main_circle,.right_circle,.right_outer{position:relative}
.header_outer.scrolled.about{background:0 0}
.stage .row{height:auto}
.step_2 .step_text{margin-left:25px}
.inner_contact_image_left{float:left;width:100%;text-align:center;display:none;}
.inner_contact_center{float:left;width:100%;padding-top:0;}
.inner_contact_image_right{float:left;width:100%;padding-top:6em;text-align:center;}
.left_circle,.right_circle{border-radius:0;float:none}
.center_outer,.left_circle,.right_circle{width:550px;max-width:100%}
.right_circle{height:auto;padding-bottom:4em;border:3px solid #fa691c;overflow:hidden}
.left_circle{height:520px;border:3px solid #7323de}
.center_circle_text{padding-top:3em;padding-bottom:2em}
.main_circle{margin:8em auto 0;width:904px;max-width:100%;padding:0 25px}
.center_outer {text-align: center;height: auto;border-radius: 0;left: 0;margin-left: 0;margin-top: -200px;margin-bottom: 0;top: 0;z-index: 1;float: left;background: #5e5865;}
.left_outer,.right_outer{width:550px;float:none;text-align:center;max-width:100%}
.success-stories-inner-footer.aboki .next-project-link,.success-stories-inner-footer.dice .next-project-link,.success-stories-inner-footer.docsnap .next-project-link,.success-stories-inner-footer.health-connect .next-project-link,.success-stories-inner-footer.keyplace-footer .next-project-link,.success-stories-inner-footer.lingo .next-project-link,.success-stories-inner-footer.mymedi .next-project-link,.success-stories-inner-footer.nlgic .next-project-link,.success-stories-inner-footer.oslete .next-project-link,.success-stories-inner-footer.panic-footer .next-project-link,.success-stories-inner-footer.playsport .next-project-link,.success-stories-inner-footer.radiyo .next-project-link,.success-stories-inner-footer.souvice .next-project-link,.success-stories-inner-footer.sthree .next-project-link,.success-stories-inner-footer.tewton .next-project-link,.success-stories-inner-footer.utones .next-project-link,.success-stories-inner-footer.yap-yap .next-project-link{background-image:none}
.right_outer{margin-left:auto;margin-right:auto}
.left_outer>p,.right_outer>p{font-size:20px;position:absolute;left:50%;font-weight:500}
.right_outer>p{color:#fa691c;text-align:center;bottom:10px;margin-left:-89px}
.left_outer{position:relative;margin:0 auto}
.left_outer>p{color:#7323de;margin-left:-70px;top:20px}
.center_outer:after,.center_outer:before{content:" ";position:absolute;left:0}
.left_circle_text p{padding-top:6px;padding-bottom:6px;color:#000;width:100%;text-align:center;margin:0;float:left;font-size:16px;font-weight:500}
.left_circle_text{padding-left:0;float:none;padding-top:12%}
.left_circle_text hr{width:18px;border:3px solid #e7e7e8;margin:10px auto;float:none;border-radius:4px}
.right_circle_text{padding-right:0;float:none;padding-top:16%}
.right_circle p{float:none;text-align:center}
.right_circle_text hr{width:18px;border:3px solid #e7e7e8;float:none;margin:10px auto;border-radius:4px}
.center_outer:before{top:0;width:100%;border:3px solid #fa691c;height:100%;border-bottom:solid 3px #7323de}
.center_outer:after{bottom:0;width:100%;border:3px solid #fa691c;height:50%;border-top:none}
.page_layout_change .why_need { padding: 38px 0px;}

}
@media( max-width:675px) {  
a.content_panel {min-height: auto;}
.foundersBox .detailsBox {max-width: 120px;}
.foundersBox .detailsBox p {margin: 15px 0px 5px;}
.foundersBox .detailsBox h6 {font-size: 12px;}
.blackBg .titleWrap {font-size: 32px;padding: 45px 0;}
.gradientVertical p {text-align: center;}
.snapshotWrap .stat-count {padding: 30px 0; text-align: center;}
.snapshotWrap .stat-count .stat-title { font-size: 18px;}
.grid_100 {width: 100% !important;}
.awardsWrap .image-grid-outer{width: 49% !important;}
.contactForm {max-width: 95%;}
.trustUs .title { font-size: 28px; line-height: 35px;}
.clientLogo img, .clientlogo img {max-width: 90px;max-height: 35px; margin: 20px 0;}
/*** 15-02-2022 V***/
.banner.flutter_pag {background-size: cover;background-position: right; }
.testimonial__section.testm_btm .testimonial-grid-outer {
left: 0% !important;transform: translate(0%, 0);transform: translate(0%, 0);}
.testimonial__section .testimonial-grid-outer {float: none;}
}

@media( max-width:575px) {  .thankyou_sec {width: 92%;}
.awward_mob .col-md-6.col-sm-6.text-center {display: inline-block;width: 50%;}
.awwards_box .col-sm-4 { width: 50%; border: solid 1px #333;}
.technology_icons .col-lg-6.col-sm-4 {width: 33.33%;}
.snapshotWrap .col-lg-4.col-sm-6 {max-width: 50%;}
.innovate .swiper-slide { padding: 0px 50px;}
.innovate .swiper-wrapper {max-height: inherit;}
.padd70.foot_txt {padding: 10px 10px;}
.banner .bannerLeft {width: 100% !important;}
.page_layout_change .banner h1 {font-size: 26px;padding-bottom: 6px;}
.page_layout_change .banner p {padding-right: 2%;font-size: 16px;line-height: 24px;}
.page_layout_change .getintouch-btn {max-width: fit-content;}
.success-stories-inner .header .logo { max-width:140px;}
.success-stories-inner img.l_mob {max-height: 60px;margin-top: 0;}
.success-stories-inner .header .customContainer {padding: 0px 15px;}
.success-stories-inner .sticky-top.sticky {height: 60px;}
.page_layout_change .banner { padding: 40px 0;}
.mob-pd15 { padding: 0 15px !important;}
.page_layout_change .pd-tb { padding: 38px 0px;}
.page_layout_change .subtitle { font-size: 24px;line-height: 30px;}
.page_layout_change .tab-position li.nav-item { display: inline-block;
 width: 25%;border-right: solid 1px #f2f2f2;max-height: 78px;}
.page_layout_change .tab-position .nav-link { font-size: 12px; padding: 12px; height: 100%;}
.page_layout_change #pills-tabContent img { margin-bottom: 0px; height: auto;}
.page_layout_change .expert.content-l p.para{ width: 100%; padding-right: 0;}
.content-l a.getintouch-btn {  float: left;  margin-top: 10px;}
.page_layout_change .tech img.tech_img {  max-height: auto !important; width: 100%;}
.page_layout_change .tech .tech_exp_bx {padding: 0;margin-top: 0px;display: inline-block;margin-top: 20px;}
.page_layout_change .story_text_lft {padding-top: 0;}
.page_layout_change .skil_set_sec .head_ttl {  margin-bottom: 5px;}
.page_layout_change #skillset .container.setContainer { max-width: 540px;}
.page_layout_change .skil_set_sec ul.slides li .succ_slide_box {height: 345px;padding: 18px;}
.page_layout_change .skil_set_sec ul.slides li .succ_slide_box p {font-size: 18px;line-height: 30px;
margin-bottom: 6px;}
.page_layout_change .images_niel img { left: 3px;}
.page_layout_change .skil_set_sec.success_story_slider {  padding: 0;}
.page_layout_change h3.subtitle br {display: none;}
.page_layout_change .getintouch-btn{ margin-top: 20px;}
.page_layout_change .expert {padding: 38px 0 !important;}
.page_layout_change .services { margin-bottom: 20px;}
.page_layout_change .contrary { padding: 38px 0;}
.page_layout_change .contrary p.para {text-align: left;}
.page_layout_change .partner .para {text-align: left;  padding: 0 !important;}
.page_layout_change .partner { padding: 38px 0;display: inline-block; width: 100%;}
.page_layout_change .partner .getintouch-btn { float: left;}
.page_layout_change .getintouch-btn { font-size: 13px !important; padding: 10px 13px !important;}
.blogs a.getintouch-btn {display: inline;}
.blogs .blogBox .card {margin-bottom: 20px;}
.blogs .blogBox:last-child .card{margin: 0;}
/* .success-stories-inner .navbar .navbar-collapse {background: #fff;border: solid 1px #f1f1f1;} */
.header .contactBtn { margin: 8px 0 0 0px;}
.page_layout_change .tech .para { margin: 0;}
.page_layout_change #pills-tabContent img {display: none;}
.page_layout_change #pills-tabContent .col-6 {width: 100% !important;
 max-width: 100% !important; display: inline-block; flex: auto;}
.page_layout_change .tab-position .nav{ margin-bottom: 0 !important;}
.black_bk .ptb-4-8 {padding: 0 0 20px 0;  text-align: left !important;}
.page_layout_change .expert_android .expertimg p.para {  line-height: 22px;  font-size: 16px;  margin: 5px 0;}
.page_layout_change .expert_android .expertimg {margin-top: 8px;}
.expertimg img {height: auto;max-height: 40px;}
.expert_android .center { width: 100%;display: inline-block;margin: 0 -15px;}
.hire_android .col-md-4.col-lg-3.col-sm-6 {display: inline-block;width: 50%;}
.hire_android h5 {position: relative;padding-left: 40px;margin: 15px 0 !important;}
.hire_android .row { margin-top: 12px;}
.hire_android img { top: 50%;transform: translate(0, -50%);}
.page_layout_change .skil_set_sec.success_story_slider {margin: 0;}
.page_layout_change .tab-position .nav {display: none;}
.page_layout_change .black_bk{padding: 38px 0 30px 0;}
.page_layout_change .tab-content>.tab-pane {display: block;opacity: 1;margin-top: 0px;}
.black_bk .tab-pane .col-6, .black_bk .tab-pane .row { width: 100%; display: inline-block;max-width: 100%;}
.page_layout_change #pills-tabContent img{display: none;}
.page_layout_change .black_bk .tab-content ul li:last-child{margin-bottom: 0;}
.page_layout_change .black_bk .tab-content ul{margin-bottom: 0;}
.page_layout_change #skillset .container.setContainer {max-width: 100%;}
.page_layout_change .skil_set_sec ul.slides li .succ_slide_box { height: 285px; padding: 18px;}
.page_layout_change .customContainer.pad-topBottom-50 { padding: 0;}
.page_layout_change .expert.expert_android {padding: 38px 15px !important;}
.expert_android .col-md-3.col-sm-6 {display: inline-block;max-width: 50%;}
.thankyou_sec {width: 92%;}
/*** 10-02-2022 V ***/
.indus-box { width: 46%;}
.page_layout_change .testimonial .description {min-height: 250px;}
/*** 11-02-2022 V ***/
.page_layout_change.aboutpage .main_circle {padding: 0;}
.page_layout_change.aboutpage .left_circle_text {padding-top: 55px;}
.page_layout_change.aboutpage .left_circle_text p { padding: 6px; display: inline-block; width: 100%;
    margin-bottom: 15px;}
.page_layout_change.aboutpage .left_circle_text hr{display: none;}
/*** 15-02-2022 V ***/
.page_layout_change.aboutpage .tech .para {text-align: left;}
.page_layout_change.aboutpage .tech .illustrations .para{text-align: center;}
.journey .imgsection { margin: 5px 0; width: 100%;}
}
@media screen and (max-width:479px){
.thankyou_sec {width: 100%;}
.thankyou_sec {width: 100%;padding: 30px 15px;}
.it_staff .team_hire{width:100%;}
.it_staff .hire h5{margin-bottom: 5px;}
.it_staff .tech .para{margin-bottom: 10px;}
.it_staff.page_layout_change .dream_text { margin-top: 6px; margin-bottom: 20px;}
.it_staff .need_content ul li{padding:0px;}
.it_staff .need_content ul li img{display:none;}
.it_staff.page_layout_change .clients_love{padding: 40px 0 0 0;}
.it_staff.page_layout_change .clients_love h2{font-size: 24px;}
.it_staff .testimonial .description{min-height: 230px; text-align: center;}
.it_staff.page_layout_change .expert p.para{text-align: left;}
.footerBotton .connectUs{border-right:transparent;}
.it_staff.page_layout_change .faq_sc h2{font-size: 24px;}
.it_staff.page_layout_change .faq_sc h2 span{font-size: 16px;}
/* 25-02-2020 */
.page_layout_change .testimonial .description { min-height: 265px;}
.quote_box h2 { font-size: 24px;}
.quote_box {min-height: 75px;background-size: 295px;}
.headingWrap h3 {font-size: 24px;}
.portfolio img {max-width: 205%;}
.technology_icons .col-lg-6.col-sm-4 { width: 50%;}
.awardsWrap .image-grid-outer { width: 100%;}
.awardsWrap .image-grid-outer {width: 100% !important;}
.rapid_im { width: 85%; margin-top: 20px;}
section.businessWrap.background_ill {background-size: 60%;}
.navbar .navbar-collapse{ width: 100%; border: none;}
.mob-port{display: block;}
.desk-port{display: none;}
.portfolio img { max-width: 100%;}
.portfolio { height: 760px; padding-top: 327px;}
.portfolio .customContainer {top: 55px;}
.bg-move li, .sld_move_right li {flex: 0 0 50vw;} 

.testimonial__section.testm_btm .testimonial-grid-outer {
    left: 0% !important;
    transform: translate(0%, 0);
    transform: translate(0%, 0);
}
.testimonial__section .testimonial-grid-outer {
    float: none;
}
.gradientVertical .titleWrap {
    font-size: 36px;
}
.footerlinks a {
    margin: 0px 10px
}
.testimonial-grid-outer.image-grid-outer {
    width: 35%;
    display: inline-block;
    position: static !important;
}
}
.mobile_app  .dream_text{border: solid 1px #f1f1f1;box-shadow: rgb(0 0 0 / 7%) 0 0 22px;
    padding:40px 20px;border-radius: 10px;text-align: center;margin-bottom:20px;}

/* end */
.indus-box span{
    font-size: 17px;
    font-weight: 900;
    color: #212529;
    margin-top: 10px;
    margin-bottom: 0;
}
.PWAs_icon .dream_text img { filter: grayscale(1) invert(1); -webkit-filter: grayscale(1) invert(1); -moz-filter: grayscale(1) invert(1); }
.PWAs_icon span { width: 50px; height: 50px; background: #F06824; border-radius: 100%; padding: 6px; display: inline-block; }
.PWAs_icon .dream_text img{width:auto; height:auto; }


/*** 1 march 2022 A  On-demand  ***/

.on-demand-page .pd-tb-50{padding-top:50px !important; padding-bottom:50px !important;}
.on-demand-page .banner h5{color:#fff;}
.on-demand-page .wide_wpectrum p{padding-bottom: 20px;}
.on-demand-page .wide_wpectrum .row.service_block {padding: 30px 10px; border-bottom: 1px solid #e5e5e5;align-items: center;}
.on-demand-page .content_box h4{margin-bottom: 15px; font-size: 18px;}
.on-demand-page .content_box p{text-align: left;}
.on-demand-page .image_box {text-align: center;}
.on-demand-page   .list-style-dot li { position: relative; padding: 0 0 0 35px !important; margin: 0 0 12px 0; color: #000; font-weight: 500;}
.on-demand-page  .wide_wpectrum ul.list-style-dot li:before { content: ""; background-image: url(../images/ulli-dot.svg); position: absolute; width: 20px; height: 20px; background-repeat: no-repeat; top: 5px; left: 0;}
.on-demand-page .industries_benefited .row.service_block {padding: 30px 10px;}
.on-demand-page  .row.service_block{align-items:center;}



.on-demand-page  .features_list {display: flex;align-items: center;}
.on-demand-page  .features ul li:first-child, .features ul li:last-child {width: 100%;}
.on-demand-page  .features .features_box {padding: 10px 0;}
.on-demand-page .features .features_box .f-right {float:right;}
.on-demand-page .features .features_box figure {display:inline-block; text-align: center;vertical-align: top;margin-bottom: 5px; }
.on-demand-page .features .features_box figure img{max-height: 50px; margin:5px;}
.on-demand-page  .features .features_box .f_content {width: calc(100% - 85px);vertical-align: middle;display: inline-block;}
.on-demand-page  .features .features_box .f_content h3{font-size: 16px; line-height: 24px;}
.on-demand-page  .features .features_box .f_content p{color: #475E83; font-size: 14px; font-weight: 500;}
.on-demand-page  .features .main_features_img {max-width: 340px;text-align: center;padding: 0;}
/*technology_sec css 1 march 2022 */

.on-demand-page  .technology_sec{background: #000;}
.on-demand-page  .technology_sec  h2.subtitle {font-size: 28px; padding-bottom: 12px; color: #fff;}
.on-demand-page  .technology_sec .head_ttl p { color:#fff; opacity: 0.5;}
.on-demand-page  .technology_sec .tech_exp_bx { background: #1b1b1b; border-radius: 5px;}
.on-demand-page  .technology_sec .tech_exp_bx h4 { color: #fff;}
.on-demand-page  .technology_sec .tech_exp_bx ul li span { font-weight: 500; margin-top: 5px; display: inline-block; color: #89A0C3; font-size: 12px;}
.on-demand-page  .technology_sec .tech_exp_bx ul li { margin: 0; display: inline-block;  padding: 15px; vertical-align: top;}

.on-demand-page  .choose_applify .abt_bx img {max-height: 50px;}
.on-demand-page  .choose_applify .abt_bx p{    color: #475E83; font-weight: 500; font-size: 15px; margin-top: 10px;}


@media (max-width: 991px){
    .on-demand-page  .features .features_list { display: block;}
    .on-demand-page  .features .text-right { text-align: left !important;}
    .on-demand-page   .features .features_box .f-right {float: left;}

}

/* about page */



.aboutpage .banner h3 {
    font-family: 'metropolisregular',sans-serif;
    color: #484646;
    opacity: 1;
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    padding-bottom: 20px;
}

.aboutpage .banner .bannerLeft {
    width: 100%;
}

.aboutpage .banner .getintouch-btn {
    display: inline-block;
    float: none;
    margin: 0 auto;
    margin-top: 12px;
}
.abt_page_week_status .step_1 .step_images {
    text-align: right;
    padding-right: 5%;
}
.abt_page_week_status .step_1.step_2 .step_images {
    text-align: left;
    padding: 0 0 0 5%;
}
.aboutpage .illustrations img {
    height: auto;
}
.aboutpage .banner{
    padding: 65px 0;
}
.aboutpage .week_status_sec.fourstep_week {
    padding: 0px 0 65px 0;
}
.aboutpage .hire .subtitle {
    text-align: center;
    color: #fff;
}
.aboutpage .hire .para {
    text-align: center;
    padding: 0 10%;
}
.aboutpage #whatapplify .left_outer p {
    text-align: center;
}
.aboutpage .illustrations {
    padding: 15px;
    margin-top: 20px;
}
.page_layout_change.aboutpage .tech .illustrations .para {
    font-size: 14px;
    line-height: 20px;
}
.page_layout_change.aboutpage .leader img {
    left: 50%;
    top: -50px;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    height: auto;
    max-height: 80px;
}
.page_layout_change.aboutpage .leader .co {
    font-size: 13px;
    text-align: center;
}
.page_layout_change.aboutpage .leader .name {
    font-size: 18px;
}
.page_layout_change.aboutpage .leader .bkwhite .para {
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}
.page_layout_change.aboutpage #whatapplify .para {
    font-size: 16px;
    text-align: center;
    padding: 0 5%;
}
.grp_sml{
    display: none;
}
.left_outer p {
    text-align: center;
}
.aboutpage .banner h3{
    text-align: left;
}
.aboutpage .banner p {
    text-align: left;
}
.aboutpage .banner .getintouch-btn {
    margin: 12px 0 0 0;
}
img.mob-w {
    padding-top: 8%;
}
.aboutpage .artist_top {
    padding-top: 15px;
    background: none;
}
.aboutpage .filled_circle {
    background: none;
}
.aboutpage .illustrations {
    text-align: center;
}
.step_1 .step_text {
    float: right;
    width: 43%;
    margin-right: 14px;
}
.step_2 .step_text {
    float: left;
    width: 42%;
    margin-left: 36px;
}

.step_1 .step_images {
    float: left;
    width: 50%;
}

.step_2 .step_images {
    float: right;
    width: 50%;
}

.abt_page_week_status .step_1 .step_images {
    text-align: right;
    padding-right: 5%;
}
.abt_page_week_status .step_1.step_2 .step_images {
    text-align: left;
    padding: 0 0 0 5%;
}
.aboutpage .illustrations img {
    height: auto;
}
.aboutpage .banner{
    padding: 65px 0;
}
.aboutpage .week_status_sec.fourstep_week {
    padding: 0px 0 65px 0;
}

.journey_mob {
    display: none !important;
}

.journey_mob .work_stp_slide h4 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 18px;
}
.journey_mob .step_1 .step_text p {
    text-align: left;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.journey_mob .work_stp_slide {
    padding: 10px;
    margin: 0;
}
.journey_mob .step_1 {
    height: auto !important;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.journey_mob .step_1.step_2 p{
    text-align: right;
}
.journey_mob .step_1:after {
    width: 18px;
    height: 18px;
}
.journey_mob .step_1 .step_text {
    width: 45%;
    margin-right: 0;
}
.journey_mob .step_2 .step_text {
    margin-left: 0;
    width: 45%;
}
.abt_page_week_status .vertical-caption.align-right .work_stp_slide {
    text-align: left;
}
.abt_page_week_status .step_1.step_2 .step_text p {
    text-align: left;
}
.page_layout_change .pd-tb {
    padding: 38px 0px;
}
.page_layout_change .what_get_steps .abt_bx:after {
    top:px ;
    width: 80%;
}
.page_layout_change .abt_bx p {
    line-height: 22px;
    font-size: 14px;
}
.page_layout_change .what_get_steps .abt_bx h4 {
    margin: 0px 0 6px 0;
}
/* .page_layout_change .what_get_steps span.img_crcl {
    width: 60px !important;
    height: 80px !important;
    line-height: 80px; }*/

.page_layout_change #what_get .head_ttl p {
    margin-bottom: 0px!important;
}
.page_layout_change .what_get_steps .abt_bx {
    margin: 0 !important;
}
.page_layout_change .abt_bx p {
    line-height: 22px;
    font-size: 14px;
}
.tag_batch_testi h3 {
    font-size: 24px;
}
.awardsWrap .image-grid-outer .image-grid .headingWrap {
    text-align: left;
    margin-bottom: 20px;
}
/*.hire h5 {
    font-size: 14px !important;
}*/



.aboutpage .subtitle {
    font-family: 'metropolisregular',sans-serif;
    color: #484646;
    opacity: 1;
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    padding-bottom: 20px;
}
.page_layout_change.aboutpage #whatapplify .para {
    font-size: 16px;
    text-align: center;
    padding: 0px 5%;}

    .page_layout_change.aboutpage .artist_top p {
        font-weight: 300;
        position: relative;
        padding: 0 15px 1em;
        text-align: center;
        font-size: 16px;
        width: 900px;
        margin: auto;
        max-width: 100%;
    }

    .aboutpage .center{text-align: center;}
@media (max-width: 767px){
.journey_mob {
    display: block !important;
}
img.web {
    display:none;
}

.page_layout_change .journey .subtitle, .page_layout_change .journey p.para {
    text-align: left;
}
.aboutpage .artist_top {
    padding-top: 0;
    background: none;
}
.journey .center {
    text-align: left;
}
.page_layout_change .subtitle {
    text-align: left;
}
.aboutpage .artist_top p {
    text-align: left !important;
     padding: 0 !important; 
}
.aboutpage .artist_top{
    text-align: left;
}
.aboutpage .main_circle {
    padding: 0;
}
.leadership .subtitle{text-align: center !important;}
.grp_sml {
    display: none;
}
.page_layout_change.aboutpage .main_circle { padding: 0px; }
  .page_layout_change.aboutpage .left_circle_text { padding-top: 55px; }
  .page_layout_change.aboutpage .left_circle_text p { padding: 6px; display: inline-block; width: 100%; margin-bottom: 15px; }
  .page_layout_change.aboutpage .left_circle_text hr { display: none; }
  .page_layout_change.aboutpage .tech .para { text-align: left; }
  .page_layout_change.aboutpage .tech .illustrations .para { text-align: center; }
  .journey .imgsection { margin: 5px 0px; width: 100%; }
  .inner_contact_image_left { float: left; width: 100%; text-align: center; display: none; }
  .inner_contact_center { float: left; width: 100%; padding-top: 0px; }
  .inner_contact_image_right { float: left; width: 100%; padding-top: 6em; text-align: center; }
  .left_circle, .right_circle { border-radius: 0px; float: none; }
  .center_outer, .left_circle, .right_circle { width: 550px; max-width: 100%; }
  .right_circle { height: auto; padding-bottom: 4em; border: 3px solid rgb(250, 105, 28); overflow: hidden; }
  .left_circle { height: 520px; border: 3px solid rgb(115, 35, 222); }
  .center_circle_text { padding-top: 3em; padding-bottom: 2em; }
  .main_circle { margin: 8em auto 0px; width: 904px; max-width: 100%; padding: 0px 25px; }
  .center_outer { text-align: center; height: auto; border-radius: 0px; left: 0px; margin-left: 0px; margin-top: -200px; margin-bottom: 0px; top: 0px; z-index: 1; float: left; background: rgb(94, 88, 101); }
  .left_outer, .right_outer { width: 550px; float: none; text-align: center; max-width: 100%; }

  .aboutpage .leader .bkwhite { padding: 40px 15px 30px; }
  .aboutpage #week_status .step_1 .step_text { width: 100%; margin-right: 0px; }
  .aboutpage #week_status .step_2 .step_text { float: left; width: 100%; margin: 0px; }
  .aboutpage #week_status .filled_circle { display: none; }
  .aboutpage #week_status .step_1::after { display: none; }
  .aboutpage .fourstep_week.s_x .vertical-line { display: none; }
  .abt_page_week_status .step_1 .step_images { display: none; }
  .aboutpage .fourstep_week .slide { margin-top: 0px; }
  .aboutpage .week_status_sec.fourstep_week { padding: 0px 0px 38px; }
  .page_layout_change.aboutpage #whatapplify .para br { display: none; }
  .aboutpage .main_circle { margin: 2em auto 0px; }
  .page_layout_change .banner .getintouch-btn { margin-top: 0px; }
  .page_layout_change .pd-tb { padding: 38px 0px !important; }

  .aboutpage .firstStep .step_text:after,.aboutpage .secondStep .step_text:after, .aboutpage .thirdStep .step_text:after{display:none; padding-top:0px !important;}
  .aboutpage .fourstep_week .slide {
    margin-top: 0;
   
}


.aboutpage .firstStep .step_text, .aboutpage .secondStep .step_text{padding-top:0px !important;}
}
/*** 1 mach 2022 A end  ***/

/* 12-May-2022 updated css button*/
.getintouch-btn {max-width: 235px;background: #F06824;color: #fff;
    border: 1px solid transparent;font-weight: 500;font-size: 15px;
    padding: 13px 25px;display: inline-block;text-align: center;text-transform: uppercase;margin-top: 25px;}
  .getintouch-btn img {width: 15px;margin-right: 10px;}
  .getintouch-btn:hover {color: #fff;background: #F06824;border: 1px solid #F06824;}
  .getintouch-btn {
    width: auto;
    color: #fff;
    position: relative;
    background: #fc732b;
    text-transform: uppercase;
    transition: .1s all;
    overflow: hidden;
}
  .getintouch-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-image: -webkit-linear-gradient(left, transparent, rgba(236, 229, 171, 0.3), transparent);
    background-image: linear-gradient(to right, transparent, rgba(236, 229, 171, 0.3), transparent);
    animation: shine 1.8s linear infinite
  }

  /* End */

  /* NEW Page Css */
  .developx-raas .hire_ind_tech { background: #000;}
  .developx-raas .tech_exp_bx { background: #1b1b1b; border-radius: 5px;}
  .developx-raas .tech_exp_bx h4{color:#fff;}
  .developx-raas .tech_exp_bx ul li { margin: 0 !important; display: inline-block !important; width: 30% !important; padding: 15px !important; vertical-align: top !important; text-align: center !important;}
  .developx-raas p.para.padding-0 { padding: 0; text-align: left;}
  .developx-raas .tech_exp_bx img { max-width: 100%; max-height: 40px;}

  .column .bold_text {
    color: #F06824 !important;
  }

  @media (max-width: 991px){
      .developx-raas .page_layout_change .subtitle { text-align: center !important;}
  }

  @media(max-width: 767px){
      .developx-raas .black_bk.tabs_sec .tab-position .nav-link br{display: none;}
      .developx-raas .subtitleDiv.text-center{text-align: left !important;}
      .developx-raas .mobile_t_left .subtitle {text-align: left !important;}
      .developx-raas .page_layout_change .subtitle {text-align: left !important;}
  }