.full-row, [class*="col-"] {float: none}

.row{display:flex;flex-wrap:wrap}

.section_padding{padding:70px 0}

.eqheight{display:flex;align-items:stretch}

.align_center {text-align: center}

.eqheight {  display: flex;align-items: stretch;}

.bg_light_gray {background: #FAFAFA;}



/* Hero */ 

.single_case_study_hero_bg_color{background: linear-gradient(285deg, rgba(28, 185, 154, 0.35) 0%, rgba(39, 58, 80, 0.35) 100%);background-blend-mode:hard-light;min-height:600px;display:flex;align-items:center;position:relative}

.single_case_study_hero_bg_color::after{background:linear-gradient(180deg,#1e202100 21.39%,#1E2021 100%);position:absolute;content:"";top:0;left:0;right:0;height:100%;z-index:1}

.single_case_study_hero h1{color:#FFF;text-align:center;font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:normal;z-index:2; margin-bottom: 15px;}

.single_case_study_hero p {line-height: 22px;font-size: 16px;}

.single_case_study_hero h1 span, .single_case_study_hero p span{display:block}

.hero_team {position: relative;z-index: 2;text-align: center;color: #fff;margin-top: 35px;  transform: translateY(35px);}

.case_study_top_title_url {text-align: center;text-transform: uppercase;}

.case_study_top_title_url {color: #FFB0E4;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 25px; letter-spacing: 0.6px; position: relative; z-index: 2;margin-bottom: 10px;} 

.btn_white_hero{display:inline-flex;padding:11px 45px;justify-content:center;align-items:center;gap:10px;border-radius:50px;background:#FFF;color:#273A50;text-align:center;font-family:Inter;font-size:15px;font-style:normal;font-weight:500;line-height:normal}

.btn_white_hero:hover{background-color:#f8f8f8}



/* Round Image*/

.round_image {border-radius: 20px;}



/* Headings */ 

.heading_theme_gradient_green {color: #273A50}

.heading_theme_gradient_green span{background: linear-gradient(90deg, #1CB99A 36.5%, #145B50 78.64%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.preheader_top {font-size: 14px;color:#1CB99A;}

/* Button */

.btn_ne_theme {font-size: 16px;border-radius: 50px;position: relative;display: inline-block;z-index: 1;padding: 7px 35px;background: none;

border:none;font-weight: 500;cursor: pointer;width: auto}

.btn_ne_theme::before {content: "";position: absolute;inset: 0;padding: 3px 3px;background: linear-gradient(90deg,rgba(30, 117, 187, 1) 0%, rgba(39, 168, 224, 1) 50%, rgba(247, 11, 166, 1) 100%);border-radius: inherit;mask: conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);}

.btn_ne_theme:hover{background: linear-gradient(90deg, rgba(30, 117, 187, 1) 0%, rgba(39, 168, 224, 1) 50%, rgba(247, 11, 166, 1) 100%);color: #fff;}

/* Product*/
.mb20 {
    margin-bottom: 20px;
}
.bridge_the_gap .heading-block{display:flex;gap:20px;border-bottom:1px solid #E8E8E8;padding:20px 30px;align-items:center}

/*.bridge_the_gap span{background-image:linear-gradient(78deg,#1E75BB 1%,#F70BA6 90.19%);-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:45px;padding-top:70px}

.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;}

.bridge_the_gap h2.siteTitle{max-width:780px;margin:0 auto 10px;line-height:40px;    text-align: center;}

.innovate_landing_bridge h2.siteTitle{max-width:inherit}

.expert-content{padding:20px 30px}

.expert-block{border:1px solid #E8E8E8;border-radius:10px}

.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-content ul li{font-size:16px;line-height:24px;color:#798798;margin:0;    padding: 0 0 8px 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:none;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}


/* Why_Green2Glass_content */

.Why_Green2Glass_content {border-radius: 10px;border: 1px solid #E8E8E8;background: #FFF;padding: 25px;}

.Why_Green2Glass h2 {margin-bottom: 20px;}

.Why_Green2Glass .col-100 {margin-bottom: 35px;;}

.Why_Green2Glass_content h3{color:#273A50;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:22.5px;margin-bottom:10px;  line-height: normal;display: inline-block;}

.Why_Green2Glass_content:hover{border:1px solid #1CB99A;background:linear-gradient(180deg,#eafffb96 0%,#e7fffb96 100%);box-shadow:0 0 6px 0 #79879840}

.Why_Green2Glass_content:hover h3{background:linear-gradient(90deg,#1CB99A 0%,#145B50 22.46%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}



/* From Legacy to Modern  */

.ibm-m-sec .tab {  margin: 40px auto 0 auto;}

.ibm-m-sec{position:relative;overflow:hidden;z-index:1;margin-top:45px;padding-top:70px}

/*.ibm-m-sec::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}*/

.tab__list{display:flex;margin-bottom:24px;justify-content:center;flex-wrap:wrap}

.tab__item{overflow:hidden;cursor:pointer;padding:12px 8px;margin-right:24px;text-shadow:0 0 .5px currentColor;letter-spacing:1px;transition:.2s;font-size:18px;position:relative;color:#7777775c;text-transform:uppercase}

.tab__item.our_ibm{text-transform:inherit}

.tab__item:before{content:"";position:absolute;top:95%;left:0;height:2px;width:100%;background:#273a50ff;transition:.2s;visibility:hidden;opacity:0}

.tab__item.is--active{color:#444;position:relative}

.tab__item.is--active:before{visibility:visible;opacity:1}

.tab__content{border-radius:0 10px 10px}

.tab__content-item{display:none}

.tab__content-item.is--active{display:block}

.tab__content-title{padding:24px 24px 24px 0}

.tab .tab .tab__item{font-size:16px}

.tab .tab .tab__content{padding:0}

.tab__item:last-child{margin-right:0}

.main-tab .tab__item{font-size:16px;font-weight:500;padding:5px 40px;border-radius:50px;min-width:154px;text-align:center;box-shadow:0 0 6px 0 #0003;color:#7777775c;text-transform:capitalize}

section.ibm-m-sec{color:#273a50ff}

.main-tab > .tab__item.is--active{color:#273a50ff}

.main-tab > .tab__item.is--active::before{content:"";position:absolute;inset:0;padding:3px;background:linear-gradient(90deg,#1CB99A 0%, 50%,#145B50 100%);border-radius:inherit;mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);height:auto;display:block}

.tab__content-item .tab__list{margin-bottom:45px}

.main-tab .tab__item::before{display:none}



.No_Code_Web_Migration h3{color:#273A50;font-family:Inter;font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:20px}

.No_Code_Web_Migration h3 img{vertical-align:middle}

.No_Code_Web_Migration p{color:#273A50;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:150%}

.add_features h5{color:#1CB99A;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:normal;text-transform:initial}

.add_features ul{color:#798798;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:150%;margin:3px 0 0}

.add_features ul li{margin:0 0 8px 20px;list-style:disc}

.No_Code_Web_Migration .add_features ul p{color:#798798;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:150%}

.dp_slcenter{display:flex;align-items:center}



/* Green2Glass in Action */

.Green2Glass_Action{background:#fafafa}

.Green2Glass_Action h2{margin:0 0 15px}

.Green2Glass_Action_slider{margin:40px 0 0}

.join_our_team p{margin:15px 0 20px}

.btn_new_theme_green{font-size:16px;border-radius:50px;position:relative;display:inline-block;z-index:1;padding:7px 35px;background:none;border:none;font-weight:500;cursor:pointer;width:auto}

.btn_new_theme_green::before{content:"";position:absolute;inset:0;padding:3px;background:linear-gradient(90deg,#1CB99A 0%,50%,#145B50 100%);border-radius:inherit;mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0)}

.btn_new_theme_green:hover{background:none;color:#188f79}



/* Before after Slider */

.before-after-slider img{width:100%;display:block;max-width:initial;border-radius:20px}

.before-after-slider{width:100%;max-width:1064px;position:relative;overflow:hidden;border:0 solid #fff;margin:auto}

.after-image{display:block}

.before-image{position:absolute;height:100%;width:50%;top:0;left:0;overflow:hidden;z-index:2}

.resizer{position:absolute;display:flex;align-items:center;z-index:5;top:0;left:50%;height:100%;width:0;background:#fff;-ms-touch-action:pan-y;touch-action:pan-y}

.resizer::after{background:url(/wp-content/themes/programmers.io/assets/images/green-screen/slider-arrow.png) no-repeat;content:"";display:flex;justify-content:center;align-items:center;position:absolute;margin:0 0 0 -28px;width:55px;height:43px;border:0 solid #fff;cursor:pointer;opacity:.8}

.space_slider{display:block;height:35px}

.beforeaftertxt{color:#273A50;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:125%;letter-spacing:.6px;text-transform:uppercase;margin-top:15px}



/* Leverage AS400/iSeries Reliability */

#Leverage_AS400 .journey-in h2.siteTitle{font-size:24px}

#Leverage_AS400 .journey-in p.sitecontent{color:#FFF;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:150%}

#Leverage_AS400 .journey-in{background:radial-gradient(56.8% 56.8% at 50% 100%,#1CB99A 0%,#145B50 100%)}

.btn_white{border-radius:50px;padding:3px 30px;color:#fff;border:1px solid #fff;display:inline-block;margin-top:50px;cursor:pointer}

.btn_white:hover{background-color:#ffffff26;color:#fff}

.mt30{margin-top:30px}

#Leverage_AS400 .journey-block{border:1px solid #1CB99A;background:linear-gradient(180deg,#1cb99a00 0%,#1cb99aa6 100%);backdrop-filter:blur(5px)}

#Leverage_AS400 .journey-block h3{font-size:18px}

#Leverage_AS400 .journey-block p{color:#98FFEB}

#Leverage_AS400 .journey-block h3::after{border:1.5px solid #98FFEB}

#Leverage_AS400 .journey-block .top-icon span::before{background:linear-gradient(0deg,#145B51,#19967e)}





/* Responsive */



/* Large devices (desktops) */

@media (max-width: 1024px) {  

.single_case_study_hero_bg_color {min-height: 450px;}

}



@media (max-width: 992px) {  

.tab__list {overflow: scroll;flex-wrap: inherit;}

.main-tab .tab__item {min-width: auto;white-space: nowrap;overflow: initial;margin: 5px 10px 5px;padding: 5px 20px;}

}

/* Medium devices (tablets) */

@media (max-width: 768px) { 

.section_padding {  padding: 38px 0;}

.single_case_study_hero h1 span, .single_case_study_hero p span {display: inline;}

.heading_theme_gradient_green, .ibm-m-sec h2, .Green2Glass_Action h2, #Leverage_AS400 .journey-in h2.siteTitle {font-size: 24px;}

.Why_Green2Glass p, .No_Code_Web_Migration p, .Green2Glass_Action p, #Leverage_AS400 .journey-in p.sitecontent {font-size: 16px;  line-height: 25px;}



.Why_Green2Glass_content h3 {font-size: 18px;}



.ibm-m-sec::before{border-radius:25% 25% 0 0}

.ibm-m-sec{margin-top:0}

.No_Code_Web_Migration h3{font-size:20px}

.beforeaftertxt .col-50{width:50%;max-width:50%}

.Green2Glass_Action_slider{margin:15px 0 0}

.journey-items{max-width:991px;margin:0 auto}

.journey-items .mb20{margin-bottom:20px}

.journey-block p{max-width:inherit}

.imgcenter{margin:auto;text-align:center}

.dp_slcenter{display:block;margin-bottom:25px}



}



/* Small devices (landscape phones) */

@media (max-width: 576px) { 



body .heading_theme_gradient, body .heading_theme_gradient_light{font-size:24px;line-height:32px;text-align:center}



.single_case_study_hero h1{font-size:26px;margin-bottom:10px}

.single_case_study_hero p{line-height:20px;font-size:14px}

.single_case_study_hero_bg_color{min-height:350px}



.hero_team{padding-bottom:40px}

.Why_Green2Glass .col-100{margin-bottom:20px}

.Why_Green2Glass_content.green_outer{margin:20px 0 0}

.journey-in{padding:25px 15px}

.btn_white{padding:3px 0;font-size:15px;width:100%;margin-top:10px}







}