/*hire development team section css start here*/
.hire-development-team-wrap { width: 100%; position: relative; padding-bottom: 67px; }
.hire-development-team-wrap .hire-development-team-caption { width: 100%; background-color: #EDF8FF; padding: 38px 40px 40px 40px; }
.hire-development-team-caption h1 { margin: 0 auto 30px; text-align: center; color: #000; font-size: 45px; max-width: 1100px; }
.hire-development-team-caption h1 span { color: #00649E; }
.hire-development-team-caption .tag-developmemt-team { text-align: center; display: block; margin: 0 0 47px 0; }
.hire-development-team-caption .tag-developmemt-team span { font-size: 22px; line-height: 26px; color: #383838; font-weight: 400; padding: 0 10px; border-left: 1px solid #000; }
.hire-development-team-caption .tag-developmemt-team span:first-child { border-left: 0; padding-left: 0; }
.hire-development-team-caption .tag-developmemt-team span:last-child { padding-right: 0; }
.hire-development-team-caption .monthly-salary-wrap { background-color: #fff; box-shadow: 15px 15px 70px 0px #0000001A; border-radius: 10px; max-width: 920px; width: 100%; display: block; margin: 0 auto 40px; padding: 36px; }
.monthly-salary-wrap .monthly-salary-caption { display: flex; position: relative; align-items: center; gap: 0px; }
.monthly-salary-caption .salary-developers { width: 50%; border-left: 1px solid #505050; }
.monthly-salary-caption .salary-developers:first-child { border: 0; }
.monthly-salary-caption .salary-developers .salary-developers-inner { text-align: center; width: 100%; max-width: 320px; margin: 0 auto; }
.monthly-salary-caption .salary-developers .salary-developers-inner h2 { font-size: 50px; color: #00649E; margin: 0 0 30px 0; }
.monthly-salary-caption .salary-developers .salary-developers-inner .h4 { display: inline-block; width: auto; color: #000000; margin: 0 0 16px 0; padding: 0 0 25px 0; border-bottom: 1px solid #00649E; }
.monthly-salary-caption .salary-developers .salary-developers-inner p { font-size: 20px; line-height: 30px; color: #383838; margin: 0; padding: 0; font-weight: 400; }
.monthly-salary-caption .salary-developers .salary-developers-inner p span { color: #00649E; font-weight: 700; white-space: nowrap;}
.hire-development-team-caption .schedule-interview-btn { width: 100%; display: block; position: relative; text-align: center; }
.hire-development-team-caption .schedule-interview-btn a { display: inline-block; }
/*hire development team section css end here*/

/*Transformation Partner section css start here*/
.tf-partner-wrap { width: 100%; position: relative; padding-bottom: 67px; }
.tf-partner-wrap .tf-partner-caption { width: 100%; display: block; }
.tf-partner-wrap .tf-partner-caption h2 { margin: 0 0 40px 0; text-align: center; color: #000; }
.tf-partner-wrap .tf-partner-item-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption { width: calc(33.33% - 20.8px); padding: 30px; border-radius: 40px; background: #FFF; box-shadow: 0px 0px 40px 20px #00000008; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .tf-partner-item-inner { width: 100%; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .icon-caption { width: 92px; height: 92px; border-radius: 50%; background: #FFEDE8; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .icon-caption.tailor { background: #F3ECFD; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .icon-caption.team { background: #FFF3D0; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .icon-caption img { width: 44px; height: 44px; object-fit: cover; transform: scale(1); transition: all .3s ease-in-out; object-fit: contain; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption:hover .icon-caption img { transform: scale(.9); }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .icon-caption.team img { width: 50px; height: 50px; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .h4 { color: #000; padding: 25px 0 14px 0; max-width: 290px; margin: 0 auto; text-align: center; }
.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption p { color: #383838; text-align: center;}
.veteran-developers .tf-partner-item-wrap .tf-partner-item-caption p{text-align: left;}
/*Transformation Partner section css end here*/

/*web cms section css start here*/
.web-cms-wrap{padding: 60px 0 60px 0; position: relative; background: #F1FAFF; margin: 0 0 67px 0;}
.web-cms-wrap .web-cms-caption{width: 100%; display: flex; justify-content: space-between;}
.web-cms-wrap .service-title-caption{width: 40%;}
.web-cms-wrap .service-title-inner { position: sticky; top: 10rem; }
.web-cms-wrap .service-title-caption h2{margin: 0 0 20px 0;}
.web-cms-wrap .service-title-caption .service-btn{width: 100%; display: inline-block; padding: 25px 0 0 0;}
.web-cms-wrap .service-title-caption .service-btn a{display: inline-block;}
.web-cms-wrap .service-detail-caption{width: 50%;}
.web-cms-wrap .service-detail-item{background: #fff; padding: 30px; transition: all .3s ease-in-out; margin: 0 0 25px 0;}
.web-cms-wrap .service-detail-item a{color: #000;}
.web-cms-wrap .service-detail-item:last-child{margin: 0;}
.web-cms-wrap .service-detail-item:hover{box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.03);}
.web-cms-wrap .service-detail-item .h4{margin: 0 0 20px 0;}
/*web cms section css end here*/

/*E-Commerce Development section css start here*/
.e-commerce-wrap{padding: 0 0 67px 0; position: relative;}
.service-info-sec h2{text-align: center; margin: 0 0 40px 0;} 
.e-commerce-wrap .e-commerce-caption { width: 100%; display: flex; gap: 30px; flex-wrap: wrap; }
.e-commerce-items{width:calc(100% / 2 - 15px); background: #fff; border-bottom: 3px solid #00649E; padding:30px; box-shadow: 0px 0px 40px 20px #00000008;}
.e-commerce-wrap .e-commerce-inner{width: 100%; position: relative; }
.e-commerce-wrap .commerce-icon{width: 100%; display: block; padding-bottom: 20px; min-height: 77px;}
.e-commerce-wrap .commerce-icon img{max-width: 55px; margin: 0 auto; display: block;}
.e-commerce-wrap .commerce-icon.woocommerce img{max-width: 65px;}
.e-commerce-wrap .e-commerce-inner .h4{margin: 0 0 20px 0; text-align: center; color: #000;}
.e-commerce-wrap .e-commerce-inner p{text-align: center;}
/*E-Commerce Development section css end here*/


/*digital marketing section css start here*/
.marketing-wrap{padding: 0 0 67px 0; position: relative;}
.marketing-wrap .marketing-caption{width: 100%; display: flex; gap: 30px; flex-wrap: wrap; }
.marketing-wrap .marketing-items{width:calc(100% / 3 - 20px); background: #F1FAFF; padding: 30px; border-radius: 8px;}
.marketing-wrap .marketing-items .marketing-inner{width: 100%; text-align: center;}
.marketing-wrap .marketing-inner .marketing-img{display: inline-block; padding: 0 0 10px 0;}
.marketing-wrap .marketing-inner .marketing-img img{max-width: 55px;}
.marketing-wrap .marketing-inner .h4{margin: 0 0 20px 0; color: #000;}
/*digital marketing section css end here*/

/*Graphic & UI/Ux Designing section css start here*/
.web-design-wrap{padding: 0 0 59px 0; position: relative;}
.web-design-wrap .web-design-items{width: 100%; background: #fff;padding:30px; height: 100%; cursor: pointer; position: relative; border-bottom: 3px solid #000;}
.web-design-wrap .web-design-items:after{content: ""; position: absolute; width: 100%; height: 3px; background:#00649E; left: 50%; transform: translateX(-50%); bottom: -3px; transition: all .4s ease-in-out;}
.web-design-wrap .web-design-items:hover:after{width: 0;}
.web-design-wrap .web-design-inner{width: 100%; position: relative;}
.web-design-wrap .design-img{width: 100%; display: block; padding-bottom: 20px;}
.web-design-wrap .design-img img{max-width: 55px; margin: 0 auto; display: block;}
.web-design-wrap .web-design-inner .h4{margin: 0 0 20px 0; text-align: center; color: #000;}
.web-design-wrap .web-design-inner p{text-align: center; color: #383838;}
.web-design-wrap .owl-stage{display: flex;}
.web-design-wrap .owl-dots { margin-top: 25px !important; display: inline-flex; justify-content: center; width: 100%; }
.owl-dots button span { width: 14px !important; height: 14px !important; background: transparent !important; border: 1px solid #000 !important; margin-bottom: 0px !important; }
.owl-dots button.active span { background: #4DA1F3 !important; border-color: #4DA1F3 !important; }
/*Graphic & UI/Ux Designing section css end here*/

/*Hire Developer section css start here*/
.hire-dev-wrap{padding: 0 0 67px 0; position: relative;}
.hire-dev-wrap h2{text-align: center; margin: 0 0 40px 0;}
.hire-dev-wrap .hire-dev-caption{width: 100%; display: block; position: relative;}
.hire-dev-wrap .tabs { width: 100%; display: flex; border: 1px solid #dee2e6; }
.hire-dev-wrap ul.tabs-menu { width: 40%; list-style: none; margin: 0; padding: 0px; overflow: auto; border-right: 1px solid #dee2e6;}
.hire-dev-wrap ul.tabs-menu li {width: 100%; display: block; background: #fff; padding:1.2rem .75rem; cursor: pointer; border-bottom:1px solid #dee2e6;}
.hire-dev-wrap ul.tabs-menu li:last-child{border-bottom: 0;}
.hire-dev-wrap ul.tabs-menu li.active { background-color: #00649E;}
.hire-dev-wrap .tabs-menu li a { color: #000; font-size: 1rem;}
.hire-dev-wrap ul.tabs-menu li.active a{color: #fff;}
.hire-dev-wrap .tabs-content-caption{width: 60%; display: block;}
.hire-dev-wrap .tab-content { padding: 1.5rem; height: 100%; display: flex; justify-content: center; align-items: center; background: #f9f9f9;}
.hire-dev-wrap .tab-content .content-body{text-align: center;}
.hire-dev-wrap .content-body .hire-dev-icon { width: 100px; height: 100px; padding: 0px; display: flex; margin: 0 auto 20px; border: 1px solid #dee2e6; border-radius: 70px; align-items: center; justify-content: center; }
.hire-dev-wrap .content-body .hire-dev-icon img{max-width:55px; max-height: 55px; object-fit: contain;}
.hire-dev-wrap .content-body h3{margin: 0 0 20px 0; color: #00649E;}
.hire-dev-wrap .content-body p{margin: 0 0 20px 0;}
.hire-dev-wrap .content-body p:last-child{margin: 0;}
/*mobile view*/
.hire-dev-wrap.mobile-view{display: none !important; }
.accordion-caption { overflow: hidden; background: #fff; width: 100%; margin: 0px auto; border:1px solid #dee2e6; border-bottom: 0px;}
.accordion-item-title { width: 100%; padding: 1.2rem .75rem; display: inline-block; background: #fff; transition: all linear 0.15s; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -ms-transition: all linear 0.15s; -o-transition: all linear 0.15s; font-size: 1rem; line-height: 1.2rem; color: #000; text-decoration: none; margin: 0; position: relative; border-bottom: 1px solid #dee2e6;}
.accordion-item-title:last-child{border-bottom: 0 !important;}
.accordion-item-title.active:last-child{border-bottom: 0 !important; }
.accordion-item-title.active, .accordion-item-title:hover { background: #00649E; color: #fff;}
.accordion-item-content { padding: 1rem; display: none; background: #fff; border-bottom:1px solid #dee2e6;}
.accordion-item-title.active, .accordion-item-content.open { display: block; }
.accordion-caption .arrow { border-top: 5px solid #000; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent; float: right; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; top: 50%; right: 15px; margin-top: -2px; }
.accordion-item-title:hover .arrow{border-top: 5px solid #fff;}
.accordion-item-title.active .arrow { border-top: 5px solid transparent; border-bottom: 5px solid #fff; margin-top: -7px; }
/*Hire Developer section css end here*/


/*Plugin Development section css start here*/
.pd-wrap{padding: 0 0 52px 0; position: relative; background: #fff; overflow: hidden;}
.pd-wrap h2{text-align: center; margin: 0 0 75px 0;}
.pd-wrap .pd-caption { position: relative; width: 100%; display: flex; column-gap: 24px; flex-wrap: wrap;}
.pd-wrap .pd-caption .pd-item { width: 100%; background: transparent; padding: 0px; border-radius: 8px; box-shadow: 0 2.8125rem 3.75rem 0 rgba(34,34,34,.1); position: relative; height: 100%; text-align: center;}
.pd-wrap .pd-caption .pd-item .h4{color: #000; margin: 0 0 20px 0;}
.pd-wrap .pd-caption .pd-item:after { position: absolute; content: ""; height: 1px; background-color: rgba(105, 105, 105, .2); width: calc(100% + 18px); left: 50%; top: 0; z-index: 0; }
.pd-wrap .pd-caption .owl-item:last-child .pd-item:after{ background: 0 0; position: static; }
.pd-wrap .pd-caption .pd-item-inner{position: relative; width: 100%; padding: 30px; padding-top:4.0625rem; }
.pd-wrap .pd-caption .pd-item-inner:before { content: "01"; position: absolute; font-size: 6.5625rem; color: #0064b014; top: -3.125rem; right: 0; line-height: 6.875rem; font-weight: 700; z-index: 0; left: 0;  text-align: center;}
.pd-wrap .pd-caption .pd-item-inner:after { height: 1.25rem; width: 1.25rem; position: absolute; content: ""; left: 0; right: 0; top: -.5rem; background: #00649E; border-radius: 100%; margin: auto; z-index: 1; }
.pd-wrap .pd-caption .owl-item:nth-child(2) .pd-item .pd-item-inner:before{content: "02";}
.pd-wrap .pd-caption .owl-item:nth-child(3) .pd-item .pd-item-inner:before{content: "03";}
.pd-wrap .pd-caption .owl-item:nth-child(4) .pd-item .pd-item-inner:before{content: "04";}
.pd-wrap .pd-caption .owl-stage-outer{overflow: visible;}
.pd-wrap .pd-caption .owl-stage-outer .owl-stage{display: flex;}
.pd-wrap .pd-caption .owl-dots { margin-top: 15px !important; display: inline-flex; justify-content: center; width: 100%; }
.pd-wrap .pd-caption .owl-dots button span { width: 14px !important; height: 14px !important; background: transparent !important; border: 1px solid #000 !important; margin-bottom: 0px !important; }
.pd-wrap .pd-caption .owl-dots button.active span { background: #4DA1F3 !important; border-color: #4DA1F3 !important; }
/*Plugin Development section css end here*/

.mob-app-wrap{background: #f9f9f9; padding:60px 0; margin: 0 0 67px 0; position: relative;}
.mob-app-wrap h2{text-align: center; margin: 0 0 40px 0;}
.mob-app-wrap .mob-app-caption { width: 100%; display: flex; gap: 30px; flex-wrap: wrap; }
.mob-app-wrap .mob-app-item { width: calc(100% / 2 - 15px); background: #fff; padding: 30px; border-radius: 8px; transition: all .2s ease-in-out;}
.mob-app-wrap .mob-app-item:hover{box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.03);}
.mob-app-wrap .mob-app-item .mob-app-inner{width: 100%; position: relative;}
.mob-app-wrap .mob-app-item .icon-text-wrap{display: flex; align-items: center; justify-content: flex-start; gap: 14px; flex-wrap: wrap; margin: 0 0 15px 0;}
.mob-app-wrap .mob-app-item .icon-text-wrap .image-item{width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;}
.mob-app-wrap .mob-app-item .image-item img { object-fit: contain; max-width: 55px; max-height: 55px; }
.mob-app-wrap .mob-app-item .icon-text-wrap .h4{width: calc(100% - 74px); color: #000; margin: 0;}

/*Business-Oriented Solutions section css start here*/
.tf-partner-wrap.veteran-developers .tf-partner-item-wrap .tf-partner-item-caption{border-radius: 6px; box-shadow: none; padding: 20px; background: #f9f9f9;}
.tf-partner-wrap.veteran-developers .it-caption { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-bottom: 25px;}
.tf-partner-wrap.veteran-developers .it-caption .h5 { max-width: calc(100% - 70px); text-align: left; padding: 0 0 0 15px; margin: 0; }
.tf-partner-wrap.veteran-developers .tf-partner-item-wrap .icon-caption{margin: 0; width: 70px; height: 70px; border-radius: 8px;}
.tf-partner-wrap.veteran-developers .tf-partner-item-wrap .icon-caption img{height:36px; width: 36px;}
.tf-partner-wrap.veteran-developers .tf-partner-item-wrap .icon-caption { background: #FFEBF3; }
.tf-partner-wrap.veteran-developers .tf-partner-item-wrap .icon-caption.decade { background: #E2F2FF; }
.tf-partner-wrap.veteran-developers .tf-partner-item-wrap .icon-caption.approach { background: #FFF3D0; }
/*Business-Oriented Solutions section css end here*/






@media only screen and (max-width:1024px) {
	.hire-development-team-caption h1 { font-size: 40px; }
}
@media only screen and (max-width:991px) {
	.hire-development-team-caption h1 { font-size: 30px; }
	.hire-development-team-caption .tag-developmemt-team { margin: 0 0 40px 0; }
	.hire-development-team-caption .tag-developmemt-team span { font-size: 18px !important; }
	.monthly-salary-wrap .monthly-salary-caption { flex-wrap: wrap; }
	.monthly-salary-caption .salary-developers { width: 100%; border-top: 1px solid #505050; border-left: 0px; }
	.monthly-salary-caption .salary-developers:last-child { margin-top: 30px; padding-top: 30px; }
	.monthly-salary-caption .salary-developers .salary-developers-inner { max-width: 100%; }
	.monthly-salary-caption .salary-developers .salary-developers-inner h2 { font-size: 40px; margin: 0 0 24px 0; }
	.hire-development-team-caption .monthly-salary-wrap { margin: 0 auto 30px; }
	.hire-development-team-wrap { padding-bottom: 60px; }
	.tf-partner-wrap { padding-bottom: 60px; }
	.tf-partner-wrap .tf-partner-caption h2 { margin:0 0 30px 0; }
	.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption { width: 100%; border-radius: 15px; }
	.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .h4 { max-width: 100%; }
	.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption p { text-align: center; }
	.web-cms-wrap .service-title-inner{top: 6.5rem;}
	.service-info-sec h2, .hire-dev-wrap h2, .mob-app-wrap h2{margin: 0 0 30px 0;}
	.marketing-wrap .marketing-items{width: 100%;}
	.e-commerce-wrap, .marketing-wrap, .web-design-wrap, .hire-dev-wrap, .pd-wrap{padding:0 0 60px 0;}
	.pd-wrap h2{margin: 0 0 60px 0;}
	.web-cms-wrap, .mob-app-wrap{padding: 50px 0; margin-bottom: 60px;}
	.pd-wrap .pd-caption .pd-item:after, .pd-wrap .pd-caption .pd-item-inner:after{content: inherit;}
}
@media only screen and (max-width:767px) {
	.hire-development-team-caption h1{margin: 0 auto 15px;}
	.hire-development-team-wrap{padding-bottom: 40px;}
	.hire-development-team-wrap .hire-development-team-caption { padding: 30px 20px; }
	.hire-development-team-caption .monthly-salary-wrap { padding: 30px 20px; }
	.hire-development-team-caption .schedule-interview-btn a { line-height: 26px; border-radius: 100px; }
	.monthly-salary-caption .salary-developers .salary-developers-inner h2 { font-size: 36px; margin: 0 0 15px 0; }
	.hire-development-team-caption .tag-developmemt-team { margin: 0 0 20px 0; }
	.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .icon-caption { width: 75px; height: 75px; }
	.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption .icon-caption img { width: 36px; height: 36px; }
	.tf-partner-wrap .tf-partner-caption h2{margin: 0 0 15px 0;}
	.web-cms-wrap .service-title-caption h2{margin: 0 0 15px 0;}
	.web-cms-wrap .service-detail-item .h4{margin: 0 0 15px 0;}
	.tf-partner-wrap{padding-bottom: 40px;}
	.tf-partner-wrap .tf-partner-item-wrap{gap: 20px;}
	.services-wrap{padding-bottom:40px;}
	.web-cms-wrap .web-cms-caption{gap: 30px; flex-wrap: wrap;}
	.web-cms-wrap .service-title-caption{width: 100%;}
	.web-cms-wrap .service-detail-caption{width: 100%;}
	.web-cms-wrap .service-title-inner{top: 0;}
	.tf-partner-wrap .tf-partner-item-wrap .tf-partner-item-caption{padding: 20px;}
	.web-cms-wrap .service-detail-item{margin-bottom: 20px; padding: 20px;}
	.web-cms-wrap, .mob-app-wrap{padding: 30px 0; margin-bottom: 40px;}
	.e-commerce-wrap, .marketing-wrap, .web-design-wrap, .hire-dev-wrap, .pd-wrap{padding: 0 0 40px 0;}
	.service-info-sec h2, .hire-dev-wrap h2, .mob-app-wrap h2{margin: 0 0 15px 0;}
	.e-commerce-wrap .e-commerce-inner .h4{margin: 0 0 15px 0;}
	.e-commerce-wrap .e-commerce-caption, .marketing-wrap .marketing-caption, .mob-app-wrap .mob-app-caption{gap: 20px;}
	.e-commerce-items{width: 100%; padding: 20px;}
	.marketing-wrap .marketing-items{padding: 20px;}
	.hire-dev-wrap.desk-view{display: none !important;}
	.hire-dev-wrap.mobile-view{display: block !important;}
	.pd-wrap h2{margin: 0 0 50px 0;}
	.pd-wrap .pd-caption{gap: 10px;}
	.mob-app-wrap .mob-app-item{padding: 20px; width: 100%;}
	.web-design-wrap .web-design-items{padding: 0 20px 20px 20px;}
	.pd-wrap .pd-caption .pd-item-inner{padding: 20px; padding-top: 3.8rem;}
	.pd-wrap .pd-caption .pd-item-inner:before{font-size: 5.2rem;}
	.pd-wrap .pd-caption .pd-item:after{width: calc(100% + 24px); content: inherit;}
	.pd-wrap .pd-caption .pd-item-inner:after { height: 1rem; width: 1rem; top: -0.4rem; }
	.web-cms-wrap .service-title-caption .service-btn{padding:20px 0 0 0;}
}
@media only screen and (max-width:575px) {
	.pd-wrap .pd-caption .owl-dots button span, .web-design-wrap .owl-dots button span { width: 10px !important; height: 10px !important; margin: 0px 4px !important;}

}