.row-col {margin: 0 -10px;clear: both;}

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

.row{display: flex}

.page-template-about-pio p {line-height: 27px;}

.section_space {padding: 60px 0}

.align-content-center {align-content: center}

.col-10 {width: 10%;padding-left: 10px;padding-right: 10px;}

.top-hero-formsection.innovate_integrate {position: relative;background: #161e2b url('/wp-content/themes/programmers.io/assets/images/about/about-pio-banner.jpg');min-height: 450px;background-size: cover;background-position: right;display: flex;justify-content: center;align-items: center;color: #fff;padding:290px 0px 80px 0px;}

.top-hero-formsection.innovate_integrate:before{content:"";background-image: url(https://programmersai.staging.tempurl.host/wp-content/themes/programmersai/assets/images/top-banner-bg-overlay.png); position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;z-index: 1;background-position: right;background:linear-gradient(255deg, rgba(155, 48, 118, 0.45) 0%, rgba(23, 79, 123, 0.78) 50.48%, rgb(18, 50, 84) 100%)}

.banner_innerPage {text-align: center;position:relative; z-index:2}

.banner_innerPage h1 {color: #fff;font-size: 36px;font-weight: 700;lmargin-bottom: 17px;text-align: center;max-width: 600px;margin: 0 auto;}

span.min_head {color: #FFB0E4;text-transform: uppercase;display: block;padding-bottom: 10px;}

.top-hero-formsection .banner_innerPage p {max-width: 46%;font-size: 18px;font-weight: 400;margin: 20px auto;line-height: 28px;}

.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;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:#e4e4e4}



.award_certifications_blk{display:none !important}

.our-mission, .built-people{padding: 60px 0px;text-align: center}

.our-mission h2, .built-people h2 {color: #273A50;margin-bottom: 25px;}

.our-mission h2 span{background-image: linear-gradient(90deg, #1E75BB 5.22%, #F70BA6 96.19%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.our-mission p{;color: #585858;}



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

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

.built-people{background:#FAFAFA;text-align:center;}

.built-people p{font-size: 16px;}

.built-block{border-radius: 10px; padding: 20px;margin-top: 30px;/*border: 1px solid #F70BA6; border-image: linear-gradient(to bottom, #FF13AE, #273A50)1*/ position:relative;}

.built-block: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; }



.built-block h3{color: #273A50;font-size: 20px;font-weight: 500;position:relative;padding-bottom: 25px;line-height: 26px;}

.built-block h3:after{content:"";position: absolute;background: #F70BA6; width: 40px; height: 1px; bottom: 15px;left: 50%; transform: translatex(-50%)}

.built-block p{font-size: 15px;line-height:22px}



/* Our Approach */

.our_Approach h3{color:#273A50;font-size:24px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:40px}

.our_Approach h3 span{background:linear-gradient(90deg,#1E75BB 0%,#F70BA6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:700;display:inline-block;margin-top:5px}

.list_with_icon{max-width:85%}

.list_with_icon li h4{color:#273A50;font-size:16px;font-weight:700;line-height:22.5px;margin:0 0 5px 0}

.list_with_icon li p{color:#798798;font-size:16px;font-weight:400;line-height:150%}

.list_with_icon li{position:relative;margin-bottom:20px}

.list_with_icon li img{position:absolute;top:5px}

.list_with_icon li div{padding-left:40px}



/*Consistent_Growth */

.Consistent_Growth{background:#FAFAFA}

.Consistent_Growth h3{color:#273A50;font-family:Inter;font-size:24px;font-style:normal;margin-bottom:13px;font-weight:700;line-height:125%}

.Consistent_Growth h3 span{background:linear-gradient(90deg,#27A8E0 0%,#F70BA6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:125%}

.Consistent_Growth p{color:#585858;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:150%}



/* */

.timeline{position:relative;margin:0;padding:5px 0 1px 45px;list-style:none}

.timeline::after{content:'';position:absolute;left:94px;top:0;bottom:0;width:2px;background:#273A50}

.timeline::before{position:absolute;content:"♦";top: -17px; left: 90px;border-radius:5px;font-size:21px}

.timeline-item{position:relative;margin-bottom:40px;padding-left:100px}

.timeline-item::before{content:'';position:absolute;left:42.5px;top:8px;width:16px;height:16px;background-color:#f70ba6;border:3px solid #fafafa;border-radius:50%;z-index:1}

.timeline-item:last-child::before{animation:blinkBackground 1s infinite}

.pio_timeline {margin-top: 0;  padding-top: 10px;  overflow-y: scroll; max-height: 437px;}



@keyframes blinkBackground {

0%,100%{background-color:#f70ba6}

50%{background-color:#273A50}

}



.timeline-year{position:absolute;left:-40px;top:0;width:60px;color:#798798;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:150%}

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



/*Modernization Roadmap*/

.modernization_inner h2{color:#273a50;padding-bottom:15px}

.modernization_inner span{color:#27a8e0}

.modernization_inner{text-align:center}

.modernization_inner h2{color:#273A50;padding-bottom:15PX}

.modernization_inner h2 span{background:linear-gradient(90deg,#27A8E0 35.56%,#1E75BB 74.51%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

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

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



/* media_query */

@media(max-width:1199px){



}

@media(max-width:991px){

    .built-block{padding: 10px;}

    .built-people .col-20.eqheight{width: 33%;}

}



@media(max-width:767px){

    body .banner_innerPage h1{font-size: 32px;line-height: 42px;}

    body .top-hero-formsection.innovate_integrate{height: 450px;min-height: 450px;}

    body .top-hero-formsection .banner_innerPage p{max-width: 98%;}

    body .banner_innerPage{padding-top: 40px !important;}

    .built-people .col-20.eqheight{width:100%;}

    .our_Approach .row, .Consistent_Growth .row{flex-direction: column;}

    .pio_timeline { max-height: 337px;}

    .timeline{margin-top: 30px;padding: 5px 0 1px 0px;}

    .timeline-content {font-size: 16px;}

    .timeline-year{left: 4px;font-size: 16px;top: 4px;}

    .timeline-item::before{left: 56px;}

    .timeline::after{left: 63px;}

    .timeline::before{left:59px;}

    .our-mission h2, .built-people h2, .modernization_inner h2{font-size: 26px; line-height: normal;}

}