/* Top Hero Section*/
.top-hero-formsection.innovate_integrate{background: #F6FAFD url(/wp-content/themes/programmers.io/assets/images/integration_solutions/Integration-Solutions.jpg) no-repeat scroll right center;min-height:400px;display:flex;align-items:center; background-position:100%; box-shadow:1px 5px 36px -21px rgba(0,0,0,0.5);padding:20px 0 60px 0;}
.banner_innerPage h1{color:#273A50;font-size:40px;font-weight:700;line-height:48px;margin-bottom:17px;text-align:left;margin-top:0;}
.banner_innerPage span{color:#1E75BB;font-weight: bold;}
.custom_btn{padding:10px 30px;background:#1E75BB;color:#fff;border-radius:0;text-transform:uppercase;font-size:24px;cursor:pointer;border:0;font-weight:700;line-height:normal;display:inline-block}
.custom_btn:hover{background:#27A8E0;color:#fff}

.custom_btn.gold_bg{background:#ffb845;color:#26384e !important;}
.custom_btn.gold_bg:hover{background:#ffa016;color:#26384e}
.siteTitle{text-align:center;margin-bottom: 15px; float:none;}
p.banner_para{margin-bottom:30px;}

/*business_impact_client */

.business_impact_client {background:#eceeef;}
.business_impact_client_inner ul {display: flex;align-items: center;  flex-wrap: wrap; justify-content: space-between; padding: 8px 0;}
.business_impact_client_inner ul li a:hover, 
.business_impact_client_inner ul li a:active {color: #1E75BB; outline: 0;}
/* common */

.mt20{padding-top:15px;padding-bottom:15px;}
.mb20{padding-bottom:20px;}

/* business impact */
.business_impac {padding: 20px;border: 2px solid #005d7e;border-radius: 10px;text-align: center;}
.business_impac figure {margin: 0;margin-bottom: 15px;}
.business_impact_inner ul {display: flex;align-items: center;  flex-wrap: wrap; justify-content: space-between; padding: 8px 0; margin:0 -10px;}
.business_impact_inner ul li { width: 25%; line-height: 24px; margin-top:25px;position: relative; padding:0 10px;}
.business_impact_inner ul li strong{font-size: 26px; font-weight: 600; margin-bottom: 10px; display: block;}
.business_impact_inner ul li p {max-width:170px;font-size: 16px;line-height: 20px; margin:0 auto;}
.business_impact_inner ul li:after {content: "";background: #1E75BB;max-width: 250px;height:5px; position: absolute; bottom: -13px;width: 100%; display: none;}
.business_impact_left{ display: flex; align-items: center; text-align: center;}
/* business benefits */
img.business_img{width:70px;}



/* why_your_business */

.why_business, .outdated_tech {background:#f6f9fc;}
.sec_space {padding: 40px 0;}
.siteTitle h2 {margin-bottom: 5px;} 

/* outdated_tech */

.outdated_inner_right h4{color: #273a50;font-size:20px;line-height:28px; font-weight: bold; padding-bottom: 5px;}
.outdated_inner_right span{color: #1e75bb;font-size:20px;line-height:28px;font-weight: bold; margin-bottom: 10px;
display: inline-block;}
.outdated_inner_left {display: flex; align-items: center; justify-content: center;}
.outdated_tech .row-col.mt20 {display: flex;align-items: center; flex-wrap: wrap;}
.outdated_inner_left img {mix-blend-mode: unset;mix-blend-mode: multiply;}

/* empowering_business */

.empowering_business{background:url(/wp-content/themes/programmers.io/assets/images/integration_solutions/empowering.jpg) no-repeat scroll right center;
min-height:300px;
display: flex;
align-items: center;
background-position: 100%;
background-size:cover;
}
.empower_business{background:url(/wp-content/themes/programmers.io/assets/images/integration_solutions/Integration-Solutions-Tailored.jpg) no-repeat scroll right center;
min-height:300px;
display: flex;
align-items: center;
background-position: 100%;
background-size:cover;
}
.empower_business h2, .empower_business p { color: #fff;}
.empowering_business h2, .empowering_business p {color:#fff;}

/* modernization_solutions */

.modernization_solutions p {max-width: 750px;margin: 0 auto;}
.modernization_solutions {background: #f6f9fc;}
.modernization_solutions h3, .why_choose_left h3 {color:#273a50;}
.modernization_solutions img {opacity: 0.4; min-height: 160px; width:100%; object-fit: cover;}
.modernization_solutions li {margin: 10px; text-align: left;background: #fff;border:1px solid #ddd;}
.modernization_solutions ul {display: flex;}
.modernization_solutions h3, .modernization_solutions p {padding:5px 10px;}
.modernization_solutions a {margin-top: 50px;}
.modernization_solutions .slick-slide:hover img {opacity: 1;}

/* why_choose */

.why_choose_left h2 {color: #273a50;}
.why_choose_left h3 span {color:#1e75bb;}
.why_choose_inner .siteTitle h2 {padding-bottom:25px;}
.why_choose_inner .row-col {display: flex;align-items: center; flex-wrap: wrap;}


/* our_capabilities */

.our_capabilities{background-color:#f6f9fc}
.our_capability_inner{display: flex;flex-wrap: wrap;justify-content: center;margin:15px 0 0px;}
.our_capability_inner li {background: #fff; min-width: 183px; margin-right: 1.66%; border-radius: 10px; box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); margin-bottom: 22px;}
.our_capability_inner li a {display: block; font-size: 18px; color: #1e75bb;font-weight: 500; padding: 20px 10px 15px;
border-radius: 10px; text-align: center;}
.our_capability_inner li a img {height: 55px;}
.our_capability_inner li a span {display: block; line-height: normal; height: 21px;}
.our_capability_inner li a:hover {box-shadow: 2px 4px 6px rgba(0,0,0,0.3);}
figure.capablitiy_img {width: 100px;height: 100px;border: 2px solid #e3e5e6;display: flex;align-items: center;justify-content: center;margin: 0 auto;border-radius:100%;margin-bottom: 15px;}


/* glance */

.glance{background:#1a324f;}
.glance span {display: block;}
.glance strong {font-size: 24px;}
.glance ul {display: flex;flex-wrap: wrap;}
.glance li {width: 25%;border-right: 1px solid #1e75bb47;color: #fff; padding:20px;}
.glance li:nth-child(-n+4) {border-bottom: 1px solid #1e75bb47;}
.glance li:nth-child(4), .glance li:nth-child(8) {border-right: none;}
.glance li:nth-child(2), .glance li:nth-child(4), .glance li:nth-child(5), .glance li:nth-child(7) {
background: url(/wp-content/themes/programmers.io/assets/images/integration_solutions/glance.png) no-repeat scroll right center;
background-size:cover;
}

/* our_approach */

.mobile_view{display: none;}

/* ready_future */

.ready_future {background:url(/wp-content/themes/programmers.io/assets/images/integration_solutions/ready_to_future.png) no-repeat scroll right center;
min-height:300px;
display: flex;
align-items: center;
background-position: 100%;
}
.ready_future .siteTitle {text-align: left;}
.ready_future p {color:#fff;}

/* slick_slider */

.modernization_solutions .slick-prev,.modernization_solutions .slick-next{font-size: 0;line-height: 0;border: 0;background: transparent;padding: 0;}
.modernization_solutions .slick-prev{width: 46px;height: 46px;border-radius: 100%;background: url(/wp-content/themes/programmers.io/assets/images/pioh2-sprite.png) no-repeat 0 -42px;position: absolute;z-index: 1;top: 50%;
left:-24px;}
.modernization_solutions .slick-next{width: 46px;height: 46px;border-radius: 100%;background: url(/wp-content/themes/programmers.io/assets/images/pioh2-sprite.png) no-repeat 0 -5px;position: absolute;z-index: 1;top: 50%;right: -35px;}
.modernization_solutions .slick-list.draggable, .modernization_solutions .slick-track{display: flex;} 
.modernization_solutions .slick-slide{height: auto;border-radius:10px; overflow:hidden;}


/*simple_strealined*/

.hireSection{background:transparent;}
.team-find-panel .siteTitle h3 {font-size: 24px;line-height: 32px;color: #273a50;font-weight: 600;} 
.team-find-list li, .team-find-list div {margin-bottom: 30px;}
.team-find-panel .team-bottom-text a {color: #1E75BB;text-decoration: underline;}
.team-find-panel .row-col .col-100 {display: flex;align-items: center; flex-wrap: wrap;}
.team-find-panel .team-bottom-text h4 {color: #1E75BB;font-weight: 600;}
.team-find-panel .team-bottom-text h4 > span {color: #273A50;}
.team-find-panel .team-bottom-text {margin: 10px auto 0; max-width: 860px;}

/* casestudy */

.casestudydiv {background: #f6fafd;}
.casestudy {background: #fff;padding-bottom: 10px;margin-bottom: 30px;}
.case_study_post  {display: flex;}
.case_study_post, .case_study_post .col-33, .blogslist, .blogslist .col-33 {display: flex; flex-wrap: wrap;} 
.casestudy_link, .casestudy_desc, .casestudy_title {padding:0 20px;}
.casestudy_desc {font-size: 18px;margin-top:0px;font-weight: 400;}
.casestudy_link, .casestudy_title {margin: 20px 0 15px 0;}
.casestudy_img {width: 100%; min-height: 160px;}

/* blog */

.blogs {border:1px solid #ddd; border-radius: 10px; padding-bottom: 10px;margin-bottom: 30px;}
.casestudy {border:1px solid #ddd; border-radius: 10px;overflow: hidden;}
.blogs .casestudy_title h3 {min-height: 95px;}
.blogs .casestudy_title {margin-top: 10px;}
.blogs:hover, .casestudy:hover {box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);}
.casestudyDetail a::after, .blogs a::after {content: '';position: absolute;height: 100%;width: 100%;top: 0;left: 0;
z-index: 1;}
.casestudy, .blogs {position: relative;}

/* success stories */

.client_experience_content {background-color: #f6f9fc;padding: 20px;margin-top: 50px;}
.client_experience_content {position: relative;}
.client_experience_content img {position: absolute; top: -60px;}
.client_experience_content > p {margin-top: 70px;min-height: 140px;}
.client_exp_wrap {display: flex; width: 100%;}
.client_experiences .client_exp_wrap .col-33 {display: flex;}
.ref_btn.mrt30 {margin-top: 30px;}
.why_choose_inner .ref_btn .contact_btn{text-align:left;}
.why_choose_inner .ref_btn{padding:0px;}
/* team_find */

#team_find .contactNow {padding: 30px 0 40px 0;}

/* faq */

.accordion_faq_wrap .set > a {background: #f6f9fc;}
.accordion_faq_wrap .set > a .fa-question-circle {font-size: 22px;vertical-align: middle;margin-right: 0;margin-top: 0;
color: #1E75BB; width: auto; position: absolute; top: 12px; left: 15px;display: none;}
.accordion_faq_wrap .set { width: 100%; margin-bottom: 10px;}
.accordion_faq_wrap .set > a i {margin-top: 0; width: 14px; font-size: 24px;}
.accordion_faq_wrap .set > a{color:#27A8E0; padding:10px 25px 10px 25px;}
.accordion_faq_wrap .set > a span h3 {color: #273a50; font-weight: 500;}
.accordion_faq_wrap .set > a:hover{background:#0070c0;}
.accordion_faq_wrap .set > a:hover span h3:hover{color:#ffffff;}
.tech_faq_blk .set > a.active, .tech_faq_blk .set > a:hover {color: #1E75BB;}
.accordion_faq_wrap .set > a:hover span h3{color:#fff;}
body .accordion_faq_wrap .acc_content>p{font-size: 18px !important;}

/*----contact Section---*/ 
.contactNow{padding:40px 0px 20px 0px;background: #f6f9fc;}
.contactNow p {text-align: center;padding-top: 20px; color:#273a50;}
.contactNow h2 {font-size: 32px;font-weight:700;color:#1e75bb; text-align:center;}
.contactNow h3{text-align:center; color:#273a50;} 
.hireSection .ninja_form {background: transparent;box-shadow: inherit;padding: 0px;max-width: 100%;}
.hireSection .ninja_form h2{margin-bottom: 13px;}
.hireSection .ninja_form .nf-form-cont{margin-top:35px;}
.hireSection .ninja_form .nf-field-container{margin-bottom: 28px;}
.hireSection .ninja_form .nf-field-container.hidden-container, .hireSection .ninja_form .nf-field-container.submit-container{margin-bottom:0px;}
.hireSection .ninja_form .nf-form-cont .nf-form-layout .ninja-forms-field{border-top:0px;border-right:0px; border-left:0px; border-bottom: 1px solid #dedee5 !important; height: 48px;background: #fff !important;color: #333;font-weight: 400;padding: 0 10px;box-shadow:1px 1px 3px #ccc;font-family: 'Inter', sans-serif !important;}
.hireSection .ninja_form .nf-form-cont .nf-form-layout textarea.ninja-forms-field{height:200px; padding-top:12px;font-family: 'Inter', sans-serif !important;}
.hireSection .ninja_form #nf-field-15-wrap {text-align: center;}
.ninja_form h3.teamMsg {padding-top: 22px !important;text-align: center;}
.ninja_form h3.teamMsg a{color: #222;font-weight: 400;text-align: center;font-size: 22px;}
.ninja_form h3.teamMsg a:hover u { color: #0070C0;}
.ninja_form .nf-before-form-content, .ninja_form .nf-input-limit{display:none;}
.ninja_form .nf-form-cont .nf-form-layout .nf-field-label{display:inline-block; position:absolute;top:0px;left:0;z-index:1;transform:translate(0, 12px) scale(1);transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;visibility: visible;background:rgba(255,255,255,0.8); padding: 0px 10px;width: inherit;height: 22px; line-height: 20px;}
.contactNow .nf-form-layout .nf-form-content{position:relative;z-index:2;}
.contactNow .nf-form-layout{position:relative;}

.ninja_form .nf-form-cont .nf-form-layout .nf-form-content label{font-size:20px;font-weight:400;cursor: text;text-transform: uppercase;letter-spacing: 1.5px; color:#96a0ac; line-height: 22px;}
.ninja_form .nf-form-cont .nf-form-layout .nf-field{position:relative;}
.ninja_form .nf-form-cont .nf-form-layout .nf-field.focusIn .nf-field-label{transform:translate(0, 1.5px) scale(1);transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;margin-top:-20px !important;} 
.ninja_form .nf-form-cont .nf-form-layout .nf-form-content .nf-field.focusIn label {font-size: 12px;transition: all 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms}
.ninja_form .ninja-forms-req-symbol{display:none;}
.hireSection .ninja_form .nf-form-cont .nf-form-layout .textarea-container .nf-error.field-wrap .nf-field-element::after{height: 38px;}
.hireSection .ninja_form .nf-form-cont .nf-form-layout .submit-wrap input[type="button"], .hireSection .ninja_form .nf-form-cont .nf-form-layout .submit-wrap input[type="submit"]{padding:7px 30px !important;height: auto;max-width:220px; background:#ffba56 !important; color: #273a50; border-radius:0px;text-transform:uppercase;font-size:24px;width: inherit;cursor: pointer;border: 0px !important;font-weight: 700;}
.hireSection .ninja_form .nf-field-container.submit-container .nf-field-label{background: transparent;}
.hireSection .ninja_form .nf-form-cont .nf-form-layout .submit-wrap input[type="button"]:hover, .hireSection .ninja_form .nf-form-cont .nf-form-layout .submit-wrap input[type="submit"]:hover {background:#ffa016 !important; color:#273a50;}
.hireSection .ninja_form .nf-error .nf-error-msg{font-size: 16px;display: none;}
.hireSection .ninja_form .nf-error-msg{text-align: center;}
.contactNow .riskFree{font-weight: 800;margin-top: 32px;}
.email_domain_error{margin-top: -1px;position: absolute;border: 1px solid #ec1212;width: 100%;background: #fff;padding: 1px 10px;height: 24px;line-height: 21px; font-size: 12px;color: #ec1212;}
body .nf-error.field-wrap .nf-field-element::after{content:'' !important;background: #fff url(/wp-content/themes/programmers.io/assets/images/dashicons-sprites2.png) no-repeat;background-position: 14px -272px;width: 50px;display: inline-block;height: 35px;z-index: 9;margin-top:0 !important;}
body .nf-pass.field-wrap .nf-field-element::after {content: '' !important;background: url(/wp-content/themes/programmers.io/assets/images/dashicons-sprites2.png) no-repeat;background-position:11px -310px;width:50px;display:inline-block;height:35px;z-index:9;margin-top:3px !important;right:0 !important;}
.bg_gray.form_bg {background: #f6f9fc;}
.bg_gray.form_bg .label-hidden .nf-field-element {display: flex; justify-content: center;}
.contactNow .riskFree a:hover {color: #1E75BB; text-decoration: underline;}
.contactNow .riskFree a  {text-decoration: underline;}
.ai-info{font-size:12px;}

/* responsive */


@media(max-width:1680px)
{
.innerPage_bannerDesc p.banner_para {max-width: 573px;}
	
}

@media (max-width:1480px) and (min-width:991px) {
    .top-hero-formsection.innovate_integrate {
        background-size: cover;
    }
}


@media(max-width:1199px)
{
p.banner_para br {display: none;}
p.banner_para {max-width: 75%;}
.top-hero-formsection.innovate_integrate {
background-position: right 45% center;}
.modernization_solutions{overflow: hidden;}
.blogsdiv .blogs_inner .blogslist .col-33 {flex-wrap: nowrap;}
.case_study_post .col-33{flex-wrap: nowrap;}
}

@media (max-width:991px)
{
.custom_btn {padding: 10px 20px;font-size: 15px;}
.business_impact_inner ul li strong {font-size: 20px;}
.innerPage_bannerDesc p.banner_para{max-width: 374px;}
.business_impact_client_inner li {width: 25%;text-align: center;} 
}

@media (max-width:767px) {
/* Top Hero Section*/
.innovate_integrate .col-50,.row-col .col-50, .row-col .col-60, .row-col .col-40 {width:100%; max-width: 100%;flex: 0 0 100%;}
.banner_innerPage h1 {font-size: 32px;line-height: 42px;text-align: center;}
.innovate_integrate { background: #F6FAFD !important; min-height: 300px !important; padding:20px 0;}
.banner_innerPage p {text-align: center; padding:0 15px;}
h2{font-size: 28px; line-height: normal;}	
.custom_btn{padding:10px 20px; font-size: 14px;}
.top-hero-formsection.innovate_integrate{background:#F3F8FC;}	
.our_clients_say.the_purpose p {text-align: center;}
.tab button{width: 50%;}
.contactNow{padding:25px 0;}
.glance li{width:50%;}
.modernization_solutions ul {flex-wrap: wrap;}
.business_impact_inner ul li{width:45%;}
.business_impact_inner ul li:nth-last-of-type(-n+2) {margin-bottom: 0;}	
.sec_space{padding:20px 0}
.why_choose_left h3{text-align: center; padding-bottom: 25px;}
.business_impact_client_inner ul li {width: 33%;display: flex;justify-content: center;}	
.mobile_view{display: block;}	
.desktop_view{display: none;}
.client_exp_wrap .col-33 { width: 100%;}
.client_exp_wrap {flex-direction: column;}
.modernization_solutions a, .hireSection .ninja_form .nf-form-cont {margin-top: 0;} 
.accordion_faq_wrap{padding:20px;}	
.business_impact_right {margin-top: 15px;}
.outdated_inner_right h4, .empowering_business h2{padding-bottom: 10px;}	
.outdated_tech .row-col .col-30 {order: 2;}
.outdated_tech .row-col .col-70 {order: 1;}	
#modernization {overflow: hidden;}	
p.banner_para {max-width: 100%;}
.business_impact_inner ul{justify-content: space-around;}
.innerPage_bannerDesc p.banner_para{max-width: 100%;}
.why_choose_inner .siteTitle h2{padding-bottom: 0;}
.why_choose_inner .ref_btn {display: flex;justify-content: center;margin-top: 0;margin-bottom: 30px;}
.hireSection .ninja_form{margin:0 auto;}
}

@media (max-width:480px)
{
.glance li {width:100%;}
.business_impact_client_inner ul li{width:50%;}
.business_impact_inner ul li{width:100%;}
	
}