/* reset.css */
h2{color:#273A50}
*{outline:none}
ul,li{padding:0;margin:0}
a{text-decoration:none}
.text-center{text-align:center}
.container{max-width:1240px;margin:0 auto;padding:0 10px;width:100%}
.row-col{display:flex;align-items:start;margin:0 -10px;clear:both;flex-wrap:wrap;float:none!important}
.sec_space{margin:60px 0}
.siteTitle h3{font-size:24px;line-height:32px;color:#273a50;font-weight:600}
body h3{color:#273A50}
header.entry-header{display:none}
.row{display:flex;flex-wrap:wrap;margin:0 -10px}
h2.siteTitle{font-size:32px;color:#273A50;font-weight:700;margin-bottom:30px;text-align:center;line-height:normal}
.as400_moder_services h2.siteTitle{margin-bottom: 5px;}
.as400_moder_services .ia_feat_right{text-align:center;margin: 0 auto 30px; color: #585858;}
.banner_innerPage .btn_white{background:#fff;color:#273A50;border-radius:50px;font-size:17px;padding:8px 35px;margin-top:10px;display:inline-block;cursor:pointer}
.btn_white:hover{background:#27A8E0;color:#fff}
.btn_white_border{border-radius:50px;padding:3px 30px;color:#fff;border:1px solid #fff;display:inline-block;margin-top:50px;cursor:pointer}
.btn_white_border:hover{background-color:#ffffff26;color:#fff}
.mb20{margin-bottom:20px}
.mt30{margin-top:20px}
.btn_gradient,.custom_btn{border-radius:50px;position:relative;display:inline-block;z-index:1;padding:7px 35px;background:none;border:none;font-weight:500;cursor:pointer;height:46px;line-height:30px}
.btn_gradient::before,.custom_btn:before{content:"";position:absolute;inset:0;padding:3px;background-image: linear-gradient(90deg,#1E75BB 10%,#27A8E0 100%);border-radius:inherit;mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0)}
.btn_gradient:hover,.custom_btn:hover{background:linear-gradient(90deg,#25aeffff 0%,#27a8e0ff 50%,#023ea6ff 100%); color: #fff;}
body.overHidden{overflow:auto!important}
.grey_bg{background:#F7F6F6;padding:60px 0}
.impact_transform.sec_space{margin-bottom:0}
.banner_innerPage .view_offerings{background:#fff;color:#273a50;border-radius:50px;font-size:17px;padding:6px 30px;margin-top:10px;display:inline-block;cursor:pointer}
.banner_innerPage .view_offerings:hover { background: #27a8e0;  color: #fff;}
.accordion_faq_wrap .set > a.active .fa-minus::before{content: "\f106";}
#view_offerings .talk_ibm{margin-top:10px;}
.technologiesSupport.sec_spec{padding:50px 0;}
/* custom.css */
.modernization_accelerated{padding-top:50px;}
.modernization_banner{background:#030C15 url(https://programmers.io/wp-content/uploads/2026/03/modernization-banner.jpg) no-repeat right top;border-radius:10px;padding:50px 40px 70px}
.modernization_banner h2{color:#fff;font-size:38px;font-weight:600;margin-bottom:20px}
.modernization_banner p{color:#B6C7FF;font-size:20px}
.modernization_banner .learn_more_btn a{border:1px solid #B6C7FF;padding:11px 30px;border-radius:5px;color:#fff;background: #030C15;}
.modernization_banner .timebridge_logo p{text-align:center}
.modernization_banner sup{font-size:10px}
.top-hero-formsection .banner_innerPage a{border:0px !important;font-size: 16px;padding: 6px 35px; }

/* top_hero_sec */
.banner_innerPage h1{color:#fff;font-size:36px;font-weight:700;line-height:46px;text-align:center;max-width:960px !important;margin: 0px auto;}
.top-hero-formsection .banner_innerPage p{font-size:16px !important;font-weight:400;max-width:800px;margin:20px auto;line-height:26px;color:#fff}
span.min_head{color: rgb(153, 224, 255);display: block;padding-bottom: 10px;text-transform: inherit;font-size: 14px !important;text-align: center;}
.siteTitle{text-align:center;margin-bottom:15px}
.banner_innerPage{text-align:center}
.top-hero-formsection.innovate_integrate{background:#161e2b;min-height:calc(60vh - 65px);background-size:cover!important;background-position:right;display:flex;justify-content:center;align-items:center;color:#fff;z-index:1;padding:80px 0 80px 0 !important; position:relative;height:auto;}
video.top_vid{height:600px;object-fit:cover;width:100%}
.top-hero-formsection.innovate_integrate::before{content:'';background-image:url(https://dev.programmers.ai/wp-content/themes/programmersai/assets/images/pai-hero-banner.png);position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;z-index:1;background-position:right;
/*background:linear-gradient(340deg,#f70ba663 -5.03%,#263950c7 47.99%)!important;*/
background:linear-gradient(210deg, rgba(90, 117, 167, 0.20) 0%, rgba(39, 58, 80, 0.40) 100%) !important;}
.banner_innerPage{z-index:2;width:100%;max-width:1240px;text-align:center;padding-left:20px;position: relative;}
.banner_innerPage a{color:#fff}

/* trusted by */
.trusted_by{background:#fff;padding:50px 0;text-align:center;display:flex;background: #FAFAFA;}
.trusted_by h3{color:#273A50}
.trusted_by span{color:#27A8E0}
.trusted_by span > span{color:#1E75BB}
.trusted_by_inner ul{display:flex;align-items:center;justify-content:space-around;padding-top:0;flex-wrap:wrap}
.ibm-expert{background:#fff;box-shadow:0 0 8px #00000040;height:100%;overflow:hidden;border-radius:20px;display:flex;flex-wrap:wrap;flex-direction:column}
.ibm-expert .ibm-expert-pic{background:#F4F4F4;background:linear-gradient(180deg,#f4f4f4ff 0%,#cdcdcdff 100%);height:160px;text-align:center}
.ibm-expert .ibm-expert-pic figure{margin:0}
.ibm-expert .ibm-expert-content{padding:25px 20px}
.ibm-expert .ibm-expert-content h6{font-size:18px;font-weight:700;margin:0 0 5px;background:#1E75BB;display:inline-flex;background:linear-gradient(to right,#1E75BB 0%,#F70BA6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ibm-expert .ibm-expert-content span{display:block;font-size:15px;font-weight:500;line-height:1.3}
.ibm-expert .ibm-expert-content p{color:#798798;font-size:15px;margin:10px 0 0;line-height:24px}
.people-ibm-panel{margin:0 auto;max-width:1140px;padding-bottom:25px}
.ind-list{margin:0 -10px;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start}
.ind-list li{width:50%;padding:0 10px;margin-bottom:35px}
.ind-list li .ind-list-item{display:flex;flex-wrap:wrap;align-items:center}
.ind-list li .ind-list-item figure{width:26px;margin:0}
.ind-list li .ind-list-item figure img{display:block;margin:0 auto}
.ind-list li .ind-list-item .ind-list-info{width:calc(100% - 26px);padding-left:15px;font-size:16px;font-weight:700;color:#798798;line-height:24px}
p.tab_sub_head{max-width:780px;margin:0 auto 45px;text-align:center}
.bridge_the_gap .heading-block{display:flex;gap:20px;border-bottom:1px solid #E8E8E8;padding:20px 25px;align-items:center}
.bridge_the_gap span{background-image:linear-gradient(90deg,#1E75BB 10%,#27A8E0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bridge_the_gap .heading-block .heading-icon{display:flex}
.bridge_the_gap{position:relative;overflow:hidden;z-index:1;margin-top:0px;padding-top:50px;}
/*.bridge_the_gap::before{content:'';position:absolute;top:0;left:50%;background:linear-gradient(0deg,#FFF,#F8F8F8,#F7F6F6);width:110%;height:243px;border-radius:40% 40% 0 0;transform:translateX(-50%);z-index:-1}*/
.bridge_the_gap .titleDesc{max-width:90%;text-align:center;margin:0 auto 30px;color: #585858;}
.bridge_the_gap h2.siteTitle{max-width:780px;margin:0 auto 10px;line-height:40px}
.innovate_landing_bridge h2.siteTitle{max-width:inherit}
.expert-content{padding:20px 25px}
.expert-block{border:1px solid #E8E8E8;border-radius:10px;}

/*.bridge_the_gap .col-50:nth-child(even) .expert-block{background: #F9F9F9;}*/
.bridge_the_gap .col-50:nth-child(2) .expert-block, 
.bridge_the_gap .col-50:nth-child(3) .expert-block, 
.bridge_the_gap .col-50:nth-child(6) .expert-block, 
.bridge_the_gap .col-50:nth-child(7) .expert-block, 
.bridge_the_gap .col-50:nth-child(10) .expert-block, 
.bridge_the_gap .col-50:nth-child(11) .expert-block,
.bridge_the_gap .col-50:nth-child(14) .expert-block,
.bridge_the_gap .col-50:nth-child(15) .expert-block,
.bridge_the_gap .col-50:nth-child(18) .expert-block,
.bridge_the_gap .col-50:nth-child(19) .expert-block,
.bridge_the_gap .col-50:nth-child(22) .expert-block{background: #F9F9F9;}

.bridge_the_gap .heading-block h3{font-size:18px;font-weight:600;line-height:1.4;padding:2px 0;color: #273A50;}
.extra_content{display:none}
.bridge_block_bg{background:#FAFAFA}
.expert-content p{font-size:16px;line-height:24px;color:#798798;margin:0}
.expert_txt{overflow:hidden}
.expert-content .sec_desc{font-weight:600}
.expert_txt > p{min-height:60px}
.toggleButton .fa-minus{display:none}
.toggleButton.opened .fa-minus{display:inline-block}
.toggleButton.opened .fa-plus{display:none}
a.toggleButton .fa{padding-left:3px;font-size:11px;font-weight:400}
.expert-content.active .expert_txt{max-height:none}
.expert-content a{background:linear-gradient(to right,#910661,#F70BA6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:12px;text-transform:uppercase;margin-top:0;display:table}
.expert-content::before,.benefits_txt::before{content:'';display:block;border-bottom:1px solid #F70BA6;width:25px;margin:5px 0 15px}
.extra_content > p + p{padding-top:10px}
.page-ibmi-as400 .expert-block .extra_content a{display:inline-block}
.page-ibmi-as400 .as400_moder_services .ia_feat_left img{height:100vh}

/* award_sec_remove */
.award_certifications_blk {display: none;}
.modernization_roadmap + .trusted_by {display: none;}
.meet_our_expert.sec_space{overflow: hidden;}

/* ibm_i_modernization_tabs */
#vertical-tab{padding:30px 0 0}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab{padding:0 0 5px;border-bottom:1px solid #fff;position:relative;cursor:pointer;font-size:0}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab .title{vertical-align:middle;width:100%;line-height:1.2;color:#dee;position:relative;padding:2px;margin:0;border-radius:22px;overflow:hidden;display:flex;min-height:125px}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab .title::before{position:absolute;content:"";background:#30303080;width:100%;height:calc(100% - 5px);z-index:99;border-radius:20px}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab.active .title{color:#1c2a51;background:linear-gradient(90deg,#1e75bbff 0%,#27a8e0ff 50%,#f70ba6ff 100%)}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content{display:none}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content img{width:100%}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content h3{font-size:2.25rem;font-weight:700;line-height:1;color:#1c2a51;margin:0 0 30px;position:relative;height:533px;border-radius:20px;overflow:hidden}
video.tab_cent_vid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content h3.play_video:before{display:none}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content h3::before{position:absolute;content:"";width:100%;height:25vh;border-radius:20px;bottom:0;background-image:linear-gradient(to bottom,#f000,#273a50cc);z-index:1;pointer-events:none;left:0}
span.play_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50px;width:70px;height:70px;align-items:center;justify-content:center;background-color:#ffffff80;padding:1px 0 0 9px;cursor:pointer;color:#fff;display:none}
h3.play_video span.play_btn{display:none}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content p{font-weight:400;line-height:1.4;font-size:1rem;color:#333;margin:0 0 30px}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content.active{display:block}
#vertical-tab .mobile-vertical-tab{display:none;position:relative;box-shadow:0 0 5.88px .12px #00000024}
#vertical-tab .mobile-vertical-tab .vertical-tab-header .each-tab-header .each-tab{padding:16px;background-color:#5d9ccc;border-bottom:1px solid #fff;position:relative;text-align:center}
span.tab_img_big{display:flex}
#vertical-tab .mobile-vertical-tab .vertical-tab-header .each-tab-header .each-tab .title{font-size:1.375rem;font-weight:600;line-height:1.1;color:#f7dd4b}
.right_tab .sub_title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}
.right_tab .title img{border-radius:20px;object-fit:cover}
.vertical-tab-wrapper .col-15{width:215px}
.vertical-tab-wrapper .col-85{width:calc(100% - 215px);padding:0 10px}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab.active .title::before{display:none}
.ibm_i_moder_inner strong{background-image:linear-gradient(172deg,#1E75BB,#F70BA6);background-clip:text;-webkit-text-fill-color:transparent}
.vertical-tab-wrapper > .row{flex-direction:row-reverse}


/* as400_moder_services */
.as400_moder_services{position:relative;z-index:1;margin-top:50px;padding-top:60px; background:#FAFAFA;padding-bottom: 40px;margin-bottom: 0px;}
.as400_moder_services .siteTitle span, .technologiesSupport .heading_theme_gradient span{background-image: linear-gradient(90deg,#1E75BB 10%,#27A8E0 100%);background-clip:text;-webkit-text-fill-color:transparent;}
.technologiesSupport{padding-top: 60px;}
.technologiesSupport .btn_gradient.talk_ibm{margin-top:10px;}

.ia_feat_left img{border-radius:20px;height:100%}
.ia_features{background:#FAFAFA;padding:80px 0}
.ia_feat_left{padding-right:50px;height:100%}
.ia_feat_left figure{margin-top:0;height:100%}
.ia_feat_right_inner{display:inline-block;margin-bottom:25px; border-radius:10px;background: #FFF;box-shadow: 0 0 8px 0 #79879840;padding:25px;width: calc(33% - 10px);}
.ia_feat_right_inner .icons{padding-bottom:10px;}

.ia_feat_right_inner span.icon{width:21px;height:19px;padding-top:5px}
.ia_feat_right-block{padding-left:0px}
.ia_feat_right-block strong{font-size: 20px;font-weight: 500;display: inline-block;margin-bottom: 45px;position: relative;}
.ia_feat_right-block strong:after {position: absolute;content: "";width: 20px;height: 2px;background: #27A8E0;bottom: -25px;left: 0;}
.ia_feat_right-block p{max-width: 300px;font-size: 16px;line-height: 26px;color: #798798;}
.ia_feat_inner_wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.ia_feat_right h3{margin-bottom:30px}
.ia_feat_right h3 span{background-image:linear-gradient(90deg,#25AEFF 20.22%,#023E73 90.19%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ia_feat_inner_wrap{display:flex;flex-wrap:wrap;justify-content:space-between}


/* meet_our_expert */
.meet_our_expert{position:relative;z-index:1;margin-top:50px;padding-top:60px; background:#fff;padding-bottom: 60px;margin-bottom: 0px;}
.meet_our_expert:before{content:'';position:absolute;top:0;left:50%;background:linear-gradient(0deg,#FFF,#F8F8F8,#F7F6F6);width:110%;height:243px;border-radius:40% 40% 0 0;transform:translateX(-50%);z-index:-1}
.meet_our_expert_left p{margin:10px 0;padding-left:15px}
.meet_our_expert_left li img{padding-right:15px}
.meet_our_expert_left h2{margin-bottom:15px;font-size: 24px; line-height: 34px;}
.meet_our_expert_block{margin:10px 0;display:flex}
.meet_our_list_img{display:flex;align-items:flex-start;padding-top:5px;min-width:20px}
.meet_our_expert a.btn_gradient{margin-top:10px}
.meet_our_expert_right{width:100%;padding-left:50px}
.meet_our_expert_left p{margin:0;padding-left:0;display:inline-block;max-width:520px;margin-bottom:15px;font-size:16px; line-height:28px;}
h2.meet_as400_moder{text-align:left}
.meet_our_expert_left ul li, .why_content_block ul li{background:url(/wp-content/themes/programmersai/assets/images/icon_solution.png) no-repeat 0 5px;padding:0 0 8px 30px; font-size: 16px;background-size:20px;}
.meet_our_expert_left p:empty{display:none}
.meet_our_expert_right img{border-radius:15px;overflow:hidden}
.meet_expert .working_house_inner,.meet_expert .working_house_inner .col-100{padding:0}
.working_house_inner{display:flex;align-items:center}
.working_sec h2{color:#273a50;font-size:32px}
.mobile_view{display:none}
.why_content_block h3{margin-bottom:10px;margin-top: 20px;}
.why_content_block p {font-size: 16px;margin-bottom: 12px;}
/* Tech Icon List */
.techIconList{margin-bottom:18px;margin-left:0;list-style:none;padding:0 10px;width:100%}
.techIconList li{display:inline-block;margin-bottom:10px}
.techIconList li:first-child {display: none;}
.techIconList li .button.select{color:#273a50ff;border-bottom:2px solid #27A8E0}
.techIconList .button{overflow:hidden;cursor:pointer;padding:6px 6px 4px;margin-right:7.5px;text-shadow:0 0 .5px currentColor;letter-spacing:1px;transition:.2s;font-size:13px;position:relative;color:#2929295c;text-transform:uppercase;font-weight:500;border:0;background:#fff;border-bottom:2px solid #fff}
.support_Tech .tech_container .tech_list .techItem .tech_icon{font-size:16px;line-height:22px}
.technologiesSupport .tech_container{width:100%!important}
.tech_container .tech_list{width:100%}
.tech_container .tech_list .techItem{margin:0 10px;width:15%;margin-bottom:20px;background:#fff;align-items:center;cursor:pointer;border:1px solid #E8E8E8;border-radius:10px;box-shadow:0 0 1px #00000040;text-align:center;min-height:127px}
.tech_container .tech_list .t_label{width: 100%;font-size: 14px;padding: 10px 10px;border-top: 1px solid #E8E8E8;font-weight: 500;line-height: 20px;min-height: 61px;}
.tech_container .tech_list .techItem .tech_icon{padding:10px;height:80px;display:flex;justify-content:center;align-items:center}
.tech_container .tech_list .techItem img{max-height:45px;display:flex}

/* why_choose_as400_modernization */
.why_choose_as400_moder a.btn_gradient.talk_ibm{margin:40px auto 0;text-align:center;max-width:221px;display:inherit}
.why_choose_inner{display:flex;gap:15px; flex-wrap: wrap;}
.why_choose_items{padding:20px;border-radius:10px;position:relative; width: calc(33.33% - 15px);}
.why_choose_items h3{min-height:60px}
.why_choose_items:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(to bottom,#FF13AE,#273A50);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.our_modernization_process .container{box-shadow:0 0 5px #00000040;padding:40px 0 20px;text-align:center}

/* benefits_of_as400 */
.benefits_items {box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);}
.benefits_inner {display: flex;gap: 15px;}
.benefits_items {box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);padding: 20px;border-radius: 10px;}
.benefits_items h3 {padding-top: 15px;}
.benefits_below img {width: 100%;}
.benefits_below {margin-top: 80px;}
img.mob_ver {display: none;}

/* header 
.navigation-top {background: transparent;border-bottom: none;box-shadow: none;}
.site-header {position: absolute;background: transparent;}
.headerLogo a img {filter: contrast(0) brightness(2);}  */

/*--Other custom css --*/
.testing_services_API_Integration,.support_flex.sec_spec,.ibmi-services{background:#F7F6F6;padding:50px 0;border-radius:0}
.testing_services_content h3{margin-bottom:10px;color:#273A50}
.testing_services_content ul{margin:0;padding:0}
.testing_services_content ul li,.txt_blk ul li{padding-left:30px;background:url(/wp-content/themes/programmers.io/assets/images/ibmi_as400_modernization/meet_our_expert_list.png) no-repeat 0 6px;margin:0 0 15px;background-size:20px;font-size:18px;line-height:32px;font-weight:400;color:#273A50;display:inline-block;vertical-align:top}
.industry_solution_blk,.testing_services_outer_blk{padding:50px 0;color:#273A50}
.services_row{display:flex;flex-wrap:wrap;justify-content:center}
.services_row .mobile_service_parts{margin:0;display:flex;flex-wrap:wrap}
.mobile_service_inner .working_sec{padding:20px;margin:10px 5px 20px;border-radius:15px;border:1px solid #E8E8E8;height:95%;background:#fff}
.mobile_service_inner .working_sec p{padding-top:10px;color:#273A50}
.mobile_service_inner .working_sec h3{font-size:22px;min-height:65px}
.support_flex .ibmi_beyond{margin-bottom:20px}
.support_flex .IBMi-info{text-align:center;margin-bottom:50px}
.support_img{padding:50px 0;text-align:center}
.working_house{padding:50px 0}
.why_project_content_full{display:none}
.why_project_content_full{margin-bottom:30px}
.benefits_as400_ibmi_support,.why_project_content_full .what_as400{padding-top:50px}
.expert-content .sec_desc,.expert-content::before,a.toggleButton{display:none}
.expert_txt > p{display:block}
.expert-block{height:100%}
body .accordion_faq_wrap .acc_content > ul li {max-width: 100%; color: #798798 !important; font-size: 16px !important;font-weight: normal;}
.as400_moder_services.sec_space h3 span {display: block;}

/* leading */
.journey-in{background: radial-gradient(circle at 50% 160%, #1E75BB, #273A50);border-radius: 15px;text-align: center;color: #fff;padding:60px 30px;}
.journey-block .top-icon span::before {content: "";position: absolute;inset: 0;padding: 1px 1px;background: linear-gradient(0deg, #007DB2,  #27A8E0);border-radius: inherit; mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);} 
.journey-block .top-icon span {position: relative;border-radius: 5px;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
.journey-block .top-icon {display: flex;justify-content: center;margin-bottom: 35px;}
.journey-block {background:linear-gradient(0deg, #27A8E0 -20%, #155C7A 46%);padding:35px 10px 15px 10px;border-radius: 10px;border: 1px solid #27A8E0;height: 100%;display: flex;
flex-flow: column;}
.journey-items {max-width:990px;margin:30px auto 0;}
.journey-block h3 {font-size:20px;font-weight: 400;color: #fff;flex-grow: 1;padding-bottom: 20px;margin-bottom: 20px;position: relative;}
.journey-block p {color:#99E0FF;font-weight: 400;font-size:16px;max-width:240px;margin: 0 auto;line-height: normal;line-height: 22px; min-height: 113px;}
.journey-block h3::after {content: '';width: 24px;border: 1.5px solid #99E0FF;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.journey-in h2 {color: #fff;}

/* client_trust_us */
.client-block {background-image: url(../images/campaign_landing/bg-1.png);
background-repeat: no-repeat;padding:35px 25px;margin-bottom: 0px;border-radius: 10px;height: 100%;display: flex;flex-flow: column;background-size: cover;}
.client-block.block-2 {background-image: url(../images/campaign_landing/bg-2.png);}
.client-block.block-3 {background-image: url(../images/campaign_landing/bg-3.png);}
.client-content {flex-grow: 1;}
.client-logo {min-height: 65px;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;}
.client-content span.colon {background-image: url(../images/campaign_landing//collon.png);background-repeat: no-repeat;width: 48px;height: 44px;display: inline-block; }
.client-content p {color: #fff;}
.profile-detail p {color: #fff;font-size: 12px;font-weight: 400;margin: 0;line-height: normal;}
.profile-detail h6 {margin: 0 0 2px;color: #fff;font-size: 12px;font-weight: 700;}
.client-content p {color: #fff;margin-top: 20px;margin-bottom: 20px;}
.client-blottom-row figure {width: 42px;height: 42px;border-radius: 100%;overflow: hidden;position: relative;margin: 0;}
.client-blottom-row figure img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.client-blottom-row {display: flex;align-items: center;}
.profile-detail {width: calc(100% - 42px);padding-left: 12px;}
.client-bottom {padding-top: 15px;border-top: 1px solid rgba(255,255,255,0.32);margin-top: 30px;}
.testimonials_btn{margin-top: 30px;}


/* build_in */
.built-partner{background: transparent; padding:0px 0 60px 0}
.built-panel{border-radius: 20px; padding: 50px 70px; background: url("../images/built-bg.png") top center no-repeat; background-size: cover; min-height: 351px}
.built-panel h2{font-size: 26px; font-weight: bold;margin-bottom: 50px; color: #fff;text-align: center;}
.built-panel h2 span{color:#27A8E0}
.built-panel ul{margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

/* happiness_guarantee */
.happiness_guart.all_tech{padding:0}
.happiness_inner{background:linear-gradient(260deg,#1e75bbff 0%,#273a50ff 50%);color:#fff;height:496px;position:relative;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;padding:0;border-top-left-radius:20px;border-bottom-left-radius:20px}
.happiness_inner_cont{padding:65px}
.happiness_inner_video{position:absolute;top:0;opacity:.1;height:100%;width:100%;left:0}
.happiness_inner_video video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}
.happiness_inner h3{color:#fff;padding:0 0 15px 45px}
.happiness_inner h3:before{background:url(https://dev.programmers.ai/wp-content/themes/programmersai/assets/images/all-technologies/happiness.png) no-repeat scroll center;width:50px;height:50px;content:"";position:absolute;left:-10px;top:-10px}
.clearfix::after{content:"";display:table;clear:both}
.happiness-panel{background:#fff;border-radius:20px;box-shadow:0 0 5px #00000040;overflow:hidden;padding:0}
.happiness-panel .happiness_inner{height:100%}
.happiness_form{padding:50px 50px 50px 30px}
.happiness_form h3{text-align:center;margin-bottom:30px}
.happiness_form .form-group{margin-bottom:20px}
.happiness_form .form-group .form-control{border:solid 1px #D9D9D9;border-radius:20px;padding:8px 15px;width:100%;height:40px}
.happiness_form .form-group textarea.form-control{height:130px;padding:15px}
.happiness_form .form-group .action{margin-top:15px}
.happiness_form .action .btn_gradient{width:100%;font-size:16px;font-weight:500}
.happiness_form .action .btn_gradient::before{padding:3px}
.happiness_guart{background:#fff;padding:80px 0;margin-bottom:0}

/* form */
div.wpforms-container-full input[type="date"],div.wpforms-container-full input[type="datetime"],div.wpforms-container-full input[type="datetime-local"],div.wpforms-container-full input[type="email"],div.wpforms-container-full input[type="month"],div.wpforms-container-full input[type="number"],div.wpforms-container-full input[type="password"],div.wpforms-container-full input[type="range"],div.wpforms-container-full input[type="search"],div.wpforms-container-full input[type="tel"],div.wpforms-container-full input[type="text"],div.wpforms-container-full input[type="time"],div.wpforms-container-full input[type="url"],div.wpforms-container-full input[type="week"],div.wpforms-container-full select,div.wpforms-container-full textarea,.wp-core-ui div.wpforms-container-full input[type="date"],.wp-core-ui div.wpforms-container-full input[type="datetime"],.wp-core-ui div.wpforms-container-full input[type="datetime-local"],.wp-core-ui div.wpforms-container-full input[type="email"],.wp-core-ui div.wpforms-container-full input[type="month"],.wp-core-ui div.wpforms-container-full input[type="number"],.wp-core-ui div.wpforms-container-full input[type="password"],.wp-core-ui div.wpforms-container-full input[type="range"],.wp-core-ui div.wpforms-container-full input[type="search"],.wp-core-ui div.wpforms-container-full input[type="tel"],.wp-core-ui div.wpforms-container-full input[type="text"],.wp-core-ui div.wpforms-container-full input[type="time"],.wp-core-ui div.wpforms-container-full input[type="url"],.wp-core-ui div.wpforms-container-full input[type="week"],.wp-core-ui div.wpforms-container-full select,.wp-core-ui div.wpforms-container-full textarea,div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader{border:solid 1px #D9D9D9!important;border-radius:20px!important}
.wpforms .wpforms-submit-container,.wpforms .wpforms-confirmation-scroll p{text-align:left}
.wpforms div.wpforms-container-full .wpforms-form label.wpforms-error::before,.wpforms div.wpforms-container-full .wpforms-form em.wpforms-error::before{display:none!important}
.wpforms em.wpforms-error{margin-top:5px!important}
.wpforms .wpforms-field-file-upload label.wpforms-field-label{display:none}
.wpforms .wpforms-field-file-upload{margin-top:0!important;padding-top:0!important}
.wpforms div.wpforms-container div.wpforms-uploader .dz-message{flex-direction:initial}
.wpforms div.wpforms-container div.wpforms-uploader{padding:10px}
.wpforms .wpforms-limit-characters-enabled + .wpforms-field-limit-text{display:none}
.wpforms .wpforms-submit-container .wpforms-submit{position:relative}
.wpforms .nf-form-cont .nf-form-layout .submit-wrap input[type="submit"],.wpforms .wpforms-submit-container .wpforms-submit{padding:12px 60px!important;height:auto;max-width:300px;background:#fff!important;color:#26384E!important;text-transform:capitalize;font-size:20px;width:inherit;cursor:pointer;border:0!important;font-weight:500;margin-bottom:0;box-shadow:none;border-radius:50px;max-width:100%;width:100%}
.wpforms div.wpforms-container-full button[type="submit"]:focus::after{display:none!important}
.wpforms .wpforms-render-modern .wpforms-confirmation-container-full{border-radius:50px;position:relative;display:inline-block;z-index:1;padding:7px 35px;background:none;border:none;font-weight:500;cursor:pointer}
.wpforms .wpforms-submit-container .wpforms-submit::before{content:"";position:absolute;inset:0;padding:3px;background:linear-gradient(90deg,#25aeffff 0%,#27a8e0ff 50%,#023ea6ff 100%);mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);border-radius:inherit;mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);height:auto;display:block}
.happiness_form .wpforms-submit-container button:hover{background:linear-gradient(90deg,#25aeffff 0%,#27a8e0ff 50%,#023ea6ff 100%)!important;color:#fff!important}


/* cobol_development_services */

.cobol_development_services .we_know_left { padding-right: 50px;}
.cobol_development_services .accordion_faq_wrap.faqSec { margin-top: 0px;}
.cobol_development_services .accordion_faq_wrap .set > a{padding: 9px 0px 10px 0;margin-top: 2px;}
.cobol_development_services .we_know_right img {border-radius: 20px;}
.cobol_development_services .cobol_heading {margin-bottom: 40px; max-width:650px;}
.cobol_development_services .accordion_faq_wrap .set > a h3 {width: calc(100% - 14px);}
.cobol_development_services .accordion_faq_wrap .set > a h3 img { max-width: 35px;}
.cobol_development_services .accordion_faq_wrap .set > p:has(a:empty) {display: none;}
.cobol_development_services .accordion_faq_wrap .set > a  h3 {color: #273a50 !important;
font-weight: 500;font-size: 18px;line-height: 32px; display: flex; align-items: center;} 
.cobol_development_services .accordion_faq_wrap .set > a p {margin: 0;}
.cobol_development_services .accordion_faq_wrap .set {margin-bottom: 0;}
.cobol_development_services .accordion_faq_wrap .set > p {display: none;}
.cobol_development_services .accordion_faq_wrap .set:last-child {border-bottom: none;}
/* end */

.we_know_left {max-width: 860px;margin: 0 auto !important;}
body.page-hire-edi-developers .banner_innerPage{padding-top: 0px !important;}
body.page-hire-edi-developers .top-hero-formsection.innovate_integrate {padding-top: 140px !important;}

/* media */
@media(max-width:1240px){.cobol_development ul {display: flex; flex-wrap: wrap;}
}


@media (max-width:1199px) {
 .happiness_inner{padding:40px 25px}
.journey-block h3{font-size:18px;font-weight:600;line-height:26px}
.happiness_form{padding:30px 30px 30px 10px}
.happiness_form h3{margin-bottom:20px;font-size:24px}
.happiness_form .form-group{margin-bottom:15px}
.sec_space{margin:40px 0px; /* padding-top:60px */}
.our_modernization_process .container{width: calc(100% - 30px);}
.built-partner{padding:50px 0}
.ibm-m-left h3{margin-bottom:24px}
.ind-list li{margin-bottom:15px}
.happiness_inner_cont{padding:15px}
.so_where .where-headed-panel{margin-left:0}
.ia_feat_right-block p{max-width:inherit}
.ia_feat_left{padding-right:0}
.banner_innerPage{padding-left:0}
.bridge_the_gap h2.siteTitle,.ibm-m-sec h2,h2.heading_theme_gradient{font-size:26px;line-height:32px}
.tech_container .tech_list .techItem{width:calc(20% - 20px)}
.ia_feat_right_inner span.icon{display:block ruby}
}


@media(max-width:1100px) {
.textwidget.custom-html-widget{padding:5px 0}
.navigation-top .navbar{position:static}
.top-hero-formsection.innovate_integrate.ibmi_application::after{background:linear-gradient(268deg,#00000078 -5.03%,#273a50fc 47.99%)}
.tech_container .tech_list .techItem{width:calc(20% - 20px)}

}

@media(max-width:991px) {
.built-panel{padding:40px;min-height:1px}
.built-panel h2{margin-bottom:30px}
.built-panel ul{justify-content:center}
.built-panel ul li{padding:10px; width: 21%;text-align: center;}
.client-content p{color:#fff;margin-top:15px;margin-bottom:10px;font-size:16px;line-height:1.4}
.client-logo{min-height:65px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.client-block{background-image:url(https://programmers.io/wp-content/themes/programmers.io/assets/images/campaign_landing/bg-1.png);background-repeat:no-repeat;padding:15px;margin-bottom:0;border-radius:10px;height:100%;display:flex;flex-flow:column;background-size:cover}
.working_sec h2{color:#273a50;font-size:24px;line-height:32px}
.meet_our_expert_right{padding-left:0}
.client-logo{margin-bottom:15px}
.client-content span.colon{background-size:100%;width:31px;height:30px}
.so_where .col-60{width:100%}
.ia_feat_inner .col-60,.ia_feat_inner .col-40,.ia_feat_left img{width:100%}
.top-hero-formsection .banner_innerPage p{max-width:100%}
.bridge_the_gap .heading-block{min-height:101px}
.expert-block{height:100%}
.our_modernization_process .container{padding:15px;margin:0 15px;width:calc(100% - 30px)}
.ia_feat_right h3{margin-top:20px;margin-bottom:10px}
.meet_our_expert .col-50{width:100%}
.meet_our_expert_right img{padding-left:0;margin-top:25px;width:100%}
.page-api-management .meet_our_expert_right img{width:50%}
.why_project_inner .siteTitle{text-align:left}
.ia_feat_left figure{margin-bottom:0}
.journey-items{margin:30px auto 0}
.journey-in{padding:40px 30px}
.btn_white_border.mt30{margin-top:10px}
.journey-block{padding:30px 15px}
.journey-block p{max-width:100%}
.working_house{padding:0 0 50px}
.why_choose_inner,.benefits_inner{flex-wrap:wrap}
.right-tab-block{width:calc(25% - 20px)}
.we_know_ai h2, .journey-in h2, .why_project_blk .siteTitle h2, .as400_moder_services h2.siteTitle{font-size:26px}
.why_project_blk .why_project_inner .col-100.txtcenter{text-align:left}
.ia_feat_right_inner span.icon{padding-right:5px;width:35px}
.ia_feat_right_inner span.icon img{width:20px!important;height:19px}
.ia_feat_right-block{width:calc(100% - 0px)}
.meet_expert .mobile_view { display:block;}
.meet_expert .desktop_view{display:none;}
.page-ibmi-as400 .as400_moder_services .ia_feat_left img {max-height:400px;height: auto;}
body.page-id-546911 .benefits_below {margin-top: 20px;}

.cobol_work_sec br {display: none;}
.as400_moder_services .row.ia_feat_inner .col-40 {height: 400px;}
.cobol_development_services .we_know_left {padding-right: 0;}
.modernization_banner h2{font-size:30px}
.modernization_banner p{font-size:18px}
.modernization_banner{background-size:50%;background-position:center right}    
.top-hero-formsection.innovate_integrate{min-height: auto;padding: 50px 0px !important;}
.bridge_the_gap.sec_space{margin: 0px;padding:30px 0px 30px 0px !important;}
.trusted_by{padding: 50px 0 40px 0;}
.bridge_the_gap .heading-block{padding: 15px 25px;min-height: 80px;}
.ia_feat_right_inner{padding: 20px 15px;}
.ia_feat_right_inner .icons {padding-bottom: 5px;}
.ia_feat_right-block strong{margin-bottom: 40px;}
.ia_feat_right-block strong::after{bottom: -20px;}
.as400_moder_services.sec_space{margin-bottom:0px;margin-top: 10px;}
.technologiesSupport.sec_spec {padding: 40px 0;}
.meet_our_expert::before{height: 150px;}
.meet_our_expert_left p{max-width:100%;}
.journey-block h3 br{display:none;}
.accordion_faq_wrap.faqSec{margin-top: 0px;}
.built-partner{margin-top:0px; padding-top: 0px;}
body.page-hire-edi-developers .top-hero-formsection.innovate_integrate {padding-top: 50px !important;}
.bridge_the_gap.sec_space{margin: 0px;}
.expert-block:has(.opened) {max-height: none;}
}

@media(max-width:767px) {
.row-col .col-50,.row-col .col-33,.row-col .col-40,.col-60{width:100%;max-width:100%;flex:0 0 100%}
.as400_moder_services .ia_feat_right_inner{width: 100%;}
.we_know_ai{padding: 0px 10px;}
.banner_innerPage{padding-left:0}
span.min_head{padding-bottom:0}
.happiness-panel .happiness_inner{border-radius:0;padding:30px}
.happiness_form{padding:30px 15px}
.sec_space{margin:40px 0}
.built-partner{padding:40px 0}
.col-33{width:100%}
.we_know_ai h2,.modernization_inner h2{font-size:24px}
.journey-in{padding:30px 15px}
.journey-in h2.siteTitle{margin-bottom:30px}
.journey-items{margin:0}
.ibm-m-left{margin-bottom:20px}
.ibm-m-left,.ibm-m-right{width:100%}
.banner_innerPage h1{padding:20px 0;font-size:28px!important;line-height:38px!important}
.built-panel{padding:30px 10px}
.trusted_by{padding:30px 0 0}
.main-tab .tab__item{margin-bottom:25px;min-width:250px;padding:8px 20px}
.ibm-m-left{padding-right:0}
.trusted_by_inner ul{padding-top:0;justify-content:center}
.ibm-m-sec::before,.ibm_i_moder::before{border-radius:0}
.people-ibm-panel .col-33{margin-bottom:40px}
.people-ibm-panel .col-33:last-child{margin-bottom:0}
.ibm-m-sec{padding-top:30px;margin-top:0}
.happiness_inner_cont{padding:0}
.team-tech-ibmi-sec{background-position:64%}
.ibm_i_moder_inner .btn_gradient{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:265px}
.ibm_i_moder .container{padding-bottom:82px}
.ibm_i_moder_inner h2.text-center{font-size:24px;margin:0 auto}
.ibm_i_moder_inner{flex-direction:column}
.the_indust{margin-top:20px}
.indust_below .ind-list li{width:auto}
.indust_below .ind-list{justify-content:inherit}
.vertical-tab-wrapper .col-15{width:100%;order:2}
.vertical-tab-wrapper .col-85{width:100%;padding:10px}
.right_tab .title img{width:100%}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content{padding:0}
.vertical-tab{display:flex;gap:10px}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab{min-width:150px}
.vertical-tab{overflow:auto}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content h3{margin-bottom:0}
#vertical-tab .vertical-tab-wrapper .vertical-tab-content h3::before{height:15vh}
.banner_innerPage .btn_white,.banner_innerPage .view_offerings{padding:3px 20px}
.banner_innerPage p{padding:0;margin:0 auto}
.btn_white_border{font-size:14px;padding:3px 15px}
.why_impact_left{margin-bottom:15px;padding:20px}
.built-panel ul{flex-wrap:wrap}
.trusted_byCompany .slick-list.draggable,.trusted_by_inner .slick-list.draggable{overflow:hidden;margin:0}
.trusted_by .trusted_byCompany{padding:0 35px !important; margin-bottom: 25px;}
.right-tab-block{width:calc(50% - 20px)}
img.desk_ver{display:none}
img.mob_ver{display:block;margin-top:15px}
.our_modernization_process h2.siteTitle{margin-bottom:0}
.our_modernization_inner img.mob_ver{margin:0 auto}
.benefits_as400 .benefits_below{margin-top:0}
.grey_bg{padding:40px 0}
.tech_container{padding:0 5px}
.tech_container .tech_list .techItem{width:calc(50% - 16px);margin:0 7px 15px}
.mobile_view{display:block;margin-bottom:10px}
.desktop_view{display:none}
.as400_moder_services{padding-top:30px;margin-bottom:0;padding-bottom: 25px;}
.as400_moder_services::before{width:140%}
.ia_feat_right-block{padding-left:5px}
.ia_feat_right-block p{font-size:17px;line-height:26px}
.working_house_inner{flex-direction:column}
.working_sec{text-align:center}
.working_house_inner .working_sec{padding:20px 0 0;line-height:0}
.we_know_ai .container{padding:0}
.accordion_faq_wrap .set{margin-bottom:5px}
.accordion_faq_wrap .set > a{margin-top:0;padding:5px 0 10px}
.support_flex .siteTitle h2,h2.ibmi_beyond, .testing_services_inner h2, .industry_solution_inner h2, .working_sec h2, .meet_our_expert_left h2, .journey-in h2.siteTitle, .our_modernization_process h2.siteTitle, .bridge_the_gap h2.siteTitle, .ibm-m-sec h2,h2.heading_theme_gradient, .ibmi-services .siteTitle h2, .why_project_blk .siteTitle h2, .as400_moder_services h2.siteTitle{font-size:24px;line-height:34px;}
.bridge_the_gap .heading-block{min-height:85px;gap:15px;padding:10px 20px}
.expert-content{padding:20px 20px 15px}
.heading_theme_gradient span{display:initial}
.our_modernization_process .meet_experts .working_house_inner,.our_modernization_process .meet_experts .working_house_inner .col-100{padding:0!important}
.our_modernization_process.sec_space{padding-top:0}
.techIconList ul{text-align:center;background:#fff;border-bottom:0 solid #f0f0f0;overflow:auto;white-space:nowrap;margin-bottom:0;padding-bottom:10px}
.techIconList ul li{line-height:normal;margin:15px 5px 0;display:inline-block}
.techIconList ul li button.select{opacity:1;border-left:0 solid #F70BA6;padding-left:0;border-bottom:2px solid #F70BA6;padding-bottom:4px}
.meet_our_expert.sec_space{margin-bottom:0}
.technologiesSupport.sec_spec.tech_name{padding-top:30px}
 .top-hero-formsection .banner_innerPage a{font-size: 16px;padding: 5px 25px;}
.top-hero-formsection.innovate_integrate .banner_innerPage a.view_offerings {margin-left: 0px !important; font-size: 16px; width:auto;padding: 5px 25px;}
 .why_project_blk .why_choose_items{width:100%;margin-bottom: 10px;}  
    
.modernization_banner{padding:40px 30px 50px;display:flex;flex-direction:column;background-position:bottom;background-size:100%}
.modernization_banner .col-60{order:2}
.modernization_banner .timebridge_logo{order:1}
.modernization_banner .timebridge_logo p{text-align:left}
.modernization_banner h2{font-size:28px}
.modernization_banner p{font-size:16px}
.modernization_banner .col-60,.modernization_banner .col-40{width:100%;max-width:100%;padding:0}
.modernization_banner .timebridge_logo img{margin-left:-14px}
.modernization_banner .learn_more_btn a{display:inline-block;padding:7px 30px}
.bridge_the_gap{padding-top: 30px;}
.bridge_the_gap .titleDesc br{display:none;}
.built-panel ul li {width: 30%;}
.page-hire-edi-developers .working_sec.edisupportsec, .page-hire-edi-developers .mobile_service_inner .working_sec{text-align: left;}
  body .banner_innerPage {padding-top:5px !important;}  
  body:not(.admin-bar) .top-hero-formsection.innovate_integrate{padding: 100px 0px 50px 0px !important;}
  body.admin-bar .top-hero-formsection.innovate_integrate{padding:40px 0px 50px 0px !important;}
    
}

@media (max-width: 576px) {
.ind-list li{width:100%}
.tab__list.main-tab{display:flex;margin-bottom:24px;justify-content:flex-start;overflow:auto;padding:5px;flex-wrap:nowrap}
.indust_below .ind-list{display:table;margin:0 auto}
.where-headed-panel .col-50.mb20{width:100%}
.banner_innerPage p br{display:none}
.btn_white_border{font-size:16px;padding:3px 25px}
.right-tab-block{width:100%}
}