* {margin: 0;padding: 0;}



header#masthead {display: none !important;}



.campaign_header{padding:15px 0}

.campaign_head_outer{display:flex;justify-content:space-between;align-items:center}

.campaign_header_logo a{display:inline-block;line-height:normal}

.campaign_header_calltoaction a{border-radius:50px;background:#FFB845;color:#26384E;font-size:16px;line-height:normal;display:inline-block;padding:10px 30px;font-weight:500}

.campaign_header_calltoaction a:hover {background-color: #273A50; color: #fff;} 

.campaign_header_logo img {vertical-align: middle;} 



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



/* Round Image*/

.round_image {border-radius: 20px;}



/* 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;color: #273A50;}

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



/* Hero */ 

.single_case_study_hero_bg_color{min-height:680px;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;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: 26px;font-size: 16px;}

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

.hero_team {color: #fff;}

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

.btn_hero {margin: 30px auto 0 auto;}

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

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



.heading_campaign{color:#FFF;text-align:center;font-family:Inter;font-size:32px;font-style:normal;font-weight:700;margin:0 0 15px;line-height:normal}

.start_your_journey p{color:#FFF;text-align:center;font-size:20px}

.j_btn{margin:25px auto 0}



#journey-block1 {background: url('/wp-content/themes/programmers.io/assets/images/ibmi_services/IBM-i-expert-1.jpg') no-repeat center center;background-size: cover;opacity: 0.6;}

#journey-block2 {background: url('/wp-content/themes/programmers.io/assets/images/ibmi_services/IBM-i-expert-2.jpg') no-repeat center center;background-size: cover;opacity: 0.6;}

#journey-block3 {background: url('/wp-content/themes/programmers.io/assets/images/ibmi_services/IBM-i-expert-3.jpg') no-repeat center center;background-size: cover;opacity: 0.6;}



.journey-in{background:radial-gradient(circle at 50% 160%,#1E75BB,#273A50);border-radius:10px;text-align:center;color:#fff;padding:60px 30px}

.journey-block .top-icon span::before{content:"";position:absolute;inset:0;padding: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:100px;height:100px;display:flex;align-items:center;justify-content:center}

.journey-block .top-icon{display:flex;justify-content:center;margin-bottom:35px}

.journey-block{border-radius:10px;border:1px solid #27A8E0;background:linear-gradient(180deg,#27a8e000 0%,#27a8e0a6 100%);backdrop-filter:blur(5px);padding:50px 35px;height:100%;display:flex;flex-flow:column}

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

.journey-block h3{font-size:24px;font-weight:400;color:#fff;flex-grow:1;padding-bottom:20px;margin-bottom:20px;position:relative}

.journey-block p{color:#99E0FF;font-weight:500;font-size:15px;max-width:200px;margin:15px auto 0;line-height:normal;position:relative;text-align:center;padding:15px 0 0;line-height:22px}

.journey-block p::before{content:'';width:24px;border:1.5px solid #99E0FF;position:absolute;top:-12px;left:50%;transform:translateX(-50%)}

.journey-in h2{color:#fff}

.start_your_journey {position: relative;

  /*  height: 1554px;  z-index: 1;  top: -177px;  padding: 11em 0 5em;   text-align: center;*/

background: #273A50;  padding: 8em 0 5em;  text-align: center;  clip-path: polygon(0 4.85%, 100% 0, 100% 100%, 0 96.5%);  margin: -7% 0;}

.start_your_journey::after{background-image:radial-gradient(56.8% 56.8% at 50% 100%,#1E75BB 0%,#273A50 100%);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}

.item_journey{margin-bottom:20px}

.why_choose_pio_landing{text-align:center;padding:12em 0 6em;background:url(/wp-content/themes/programmers.io/assets/images/ibmi_services/why_choose_pio_landing_bg1.jpg) no-repeat center center}

.why_choose_pio_landing h2{color:#FFF;text-align:center;font-family:Inter;font-size:32px;font-style:normal;font-weight:700;line-height:125%}

.why_choose_pio_landing p{color:#FFFBFB;text-align:center;font-style:normal;line-height:150%;margin:20px auto 0;max-width:820px}

.Recommended_Prep{background:#F7F6F6;padding:50px 0}

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

.Recommended_Prep h2{color:#273A50;font-family:Inter;font-size:32px;margin-left:40px;font-style:normal;font-weight:700;line-height:150%;text-align: left;}

.Recommended_Prep ul{margin:15px auto 0 40px}

.Recommended_Prep ul li{color:#798798;list-style:disc;padding:0;margin:0 0 0 25px;text-align: left;}





/* form */

.happiness_form {  padding: 25px 25px 10px 25px;  background: #fff;  border-radius: 15px; z-index: 2;  position: relative;}

.happiness_form h3 span {display: block;}



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: 0px !important; padding-top: 0px !important;}

.wpforms div.wpforms-container div.wpforms-uploader .dz-message{flex-direction: initial;}

.wpforms div.wpforms-container div.wpforms-uploader{padding:10px 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: 0px !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{background: #fff; border: 1px solid #fff;padding: 0px;}

 .wpforms .wpforms-submit-container .wpforms-submit::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);}

.happiness_form .wpforms-submit-container button:hover {

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

.landing_fileupload .modern-title {color: rgba(0, 0, 0, 0.55);}

#happ_form input[type="text"], #happ_form input[type="email"], #happ_form input[type="tel"], #happ_form textarea, #happ_form .wpforms-uploader {box-shadow: 3px 3px 4px #e8e8e8;}



.happiness_form:has(.wpforms-confirmation-container-full) h3 { display: none;}



.heading_theme_gradient_blue{font-size:32px;font-style:normal;font-weight:700;line-height:40px;color:#273A50}

.heading_theme_gradient_blue span{display:inline-block;background:linear-gradient(90deg,#27A8E0 35.56%,#1E75BB 74.51%);background-clip:border-box;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

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

.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;background:linear-gradient(90deg,#1e75bbff 0%,#27a8e0ff 50%,#f70ba6ff 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,#1e75bbff 0%,#27a8e0ff 50%,#f70ba6ff 100%);color:#fff}



/* Responsive */



/* Large devices (desktops) */

@media (max-width: 1024px) {  }



@media (max-width: 992px) {  

.single_case_study_hero p span {  display: inline;}



}

/* Medium devices (tablets) */

@media (max-width: 768px) { 



.row.rfp_landing{text-align:center}

.single_case_study_hero h1{font-size:28px}

.hero_team{padding:25px 0}

.happiness_form{max-width:460px;margin:auto}

.happiness_form h3{text-align:center;margin-bottom:0}

.start_your_journey{padding:30px 0;clip-path:none;margin:0 auto}

.start_your_journey::after{display:none}

.heading_campaign,.why_choose_pio_landing h2,.Recommended_Prep h2, .heading_theme_gradient_blue{font-size:26px;margin:0 0 15px;line-height:normal}

.start_your_journey p{font-size:18px;line-height:26px}

#journey-block1,#journey-block2,#journey-block3{min-height:215px}

.Recommended_Prep ul li{margin:0 0 0 5px;text-align:left}

.why_choose_pio_landing{text-align:center;padding:25px 0 35px}

.single_case_study_hero_bg_color{min-height:auto;padding:0 0 20px}

}



/* Small devices (landscape phones) */

@media (max-width: 576px) { 



.campaign_header_calltoaction a {font-size: 14px;padding: 10px 15px;}

.campaign_header_logo img {  width: 180px;}

}



@media (max-width: 400px) { 



.campaign_header_calltoaction a span{display: none;}

}