.top-hero-formsection.allserviceshero {position: relative;background: #161e2b url('/wp-content/themes/programmers.io/assets/images/all_services/all_services_hero_bg.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;}
.page-template-education .top-hero-formsection.innovate_integrate {background: #161e2b url('/wp-content/themes/programmers.io/assets/images/education/education-top-banner.jpg');}
.page-template-about .top-hero-formsection.innovate_integrate::before, .page-template-education .top-hero-formsection.innovate_integrate::before{display:none}

.top-hero-formsection.allserviceshero: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(313deg, rgba(247, 11, 166, 0.35) 0%, rgb(102 110 117 / 35%) 50.48%, rgb(32 32 32 / 35%) 100%);background-blend-mode: lighten;}

.banner_innerPage {text-align: center;position:relative; z-index:2}
.banner_innerPage h1 {color: #fff;font-size: 42px;font-weight: 700;line-height: 46px;margin-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:60%;font-size: 18px;font-weight: 400;margin: 20px auto;line-height: 32px;}
.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}

.Kickstart{background: #FAFAFA;text-align: center;padding: 77px 0;}
.Kickstart .container-main{max-width: 640px;}
.Kickstart h2{margin-bottom: 16px;}
.Kickstart p{color: #585858;}


.common_cs .container-main .row{justify-content: flex-end;}
.common_cs .all_services-con, .common_cs .edi-con {position: absolute;bottom: 10%;left: 8%;width: 85%;transform: translate(0%, 3%);}
.common_cs .all_services-desc, .common_cs .edi-desc {display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.all_services_card, .edi_card{width:848px;height:500px;border-radius: 20px; background:#1D3A62;position:relative;overflow:hidden;}
.all_services_card:before, .edi_card:before {content: "";background: linear-gradient(211deg, rgba(247, 11, 166, 0.50) 0%, rgba(39, 58, 80, 80%) 50.48%, rgba(39, 58, 80, 100%) 100%);background-blend-mode: lighten;width: 100%;position: absolute;left: 0px;top: 0px;height: 100%;border-radius: 20px;}
.all_services-cat, .edi-cat {color: #FFB0E4;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 500;line-height: 25px;letter-spacing: 0.6px;text-transform: uppercase;
position: relative;z-index: 3;padding-left: 50px;}
.all_services-cat::before, .edi-cat::before {position: absolute;content: "";border: 1px solid #FFB0E4;height: 1px;width: 38px;left: 0;top: 11px;}
.all_services-title, .edi-title {color: #FFF;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 500;line-height: 150%;position: relative;z-index: 3;max-width: 405px;}
.all_services-cat-name, .edi-cat-name {display: inline-flex;justify-content: center;align-items: center;gap: 10px;border-radius: 50px;background: rgba(255, 255, 255, 0.25);backdrop-filter: blur(5px);height: 40px;z-index: 3;}
.all_services-cat-name a, .edi-cat-name a{padding: 10px 30px; font-size: 13px;  color: #fff;}
.all_services-list ul li a {color: #273A50;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.6px;text-transform: uppercase;opacity: 0.7;border-left: 2px solid transparent;padding-left: 8px;}
.all_services-list ul li a.active {opacity: 1;border-left: 2px solid #F70BA6;padding-left: 8px;}
.col-33{width: 33.3333333333%; padding-left: 10px; padding-right: 10px;}
.col-66 {width: 66.333333%;padding-left: 10px;padding-right: 10px;}
.row {display: flex; flex-wrap: wrap;}
.common_cs{padding:15px 0px 15px 0;} 

#all_services01 .all_services_card, #all_services10 .all_services_card{background:url('/wp-content/themes/programmers.io/assets/images/all_services/all_services10.jpg') no-repeat 0 0;}
#all_services02 .all_services_card, #all_services09 .all_services_card{background:url('/wp-content/themes/programmers.io/assets/images/all_services/all_services01.jpg') no-repeat 0 0;}
#all_services03 .all_services_card, #all_services08 .all_services_card{background:url('/wp-content/themes/programmers.io/assets/images/all_services/all_services03.jpg') no-repeat 0 0;}
#all_services04 .all_services_card, #all_services07 .all_services_card{background:url('/wp-content/themes/programmers.io/assets/images/all_services/all_services01.jpg') no-repeat 0 0;}
#all_services05 .all_services_card{background:url('/wp-content/themes/programmers.io/assets/images/all_services/all_services02.jpg') no-repeat 0 0;}
#all_services06 .all_services_card{background:url('/wp-content/themes/programmers.io/assets/images/all_services/all_services01.jpg') no-repeat 0 0;}

.page-sec{padding:60px 0px;}

.btn_white {background: #fff;color: #273A50;border-radius: 50px;font-size: 18px;padding: 8px 35px;margin-top: 10px;display: inline-block;cursor: pointer;}
.btn_white:hover {background: #27A8E0;color: #fff;}

/*--Lets Build--*/
.sec_space_bridge {padding: 60px 0;background: #FAFAFA;}
.modernization_inner{text-align:center;}
.modernization_inner h2 {color: #273A50;text-align: center;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;padding-bottom: 15px;}
.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 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_gradient: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;}
.modernization_inner span {background: linear-gradient(90deg, #27A8E0 35.56%, #1E75BB 74.51%);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: normal;}


/* media_query */
@media(max-width:1199px){
	.common_cs .all_services-desc, .common_cs .edi-desc{display: inherit;}
	.all_services-desc .all_services-title, .edi-desc .edi-title{padding-bottom: 15px;font-size: 22px;}

    .top-hero-formsection.innovate_integrate{padding: 150px 0px 80px 0px;margin-bottom: 40px;}
    .top-hero-formsection .banner_innerPage p{max-width: 66%;}
    .all_services_card, .edi_card{width: 100%;height: 320px;}
    .all_services-title{font-size: 20px;}
}

@media(max-width:1024px){

.all_services_card {background-size: cover !important;}    

#all_services-menu{top:123px!important;left:0;right:0;z-index:2}
#all_services-menu ul{text-align:center;background:#fff;height:42px;border-bottom:0 solid #f0f0f0; overflow: auto; white-space: nowrap;margin-bottom: 15px;}
.all_services-list ul li{line-height:normal;margin:15px 5px 0;display:inline-block}
.all_services-list ul li a{letter-spacing:0;opacity:.7;border-bottom:2px solid transparent;border-left:0 solid transparent;padding-left:0;cursor:pointer;display:block}
.all_services-list ul li a.active{opacity:1;border-left:0 solid #F70BA6;padding-left:0;border-bottom:2px solid #F70BA6;padding-bottom:4px}
	
.common_cs { margin: 0; padding: 15px 0px 15px 0;}

    .top-hero-formsection.allserviceshero{min-height: auto;padding: 100px 0px 30px 0px !important;}
    .top-hero-formsection.innovate_integrate {height: 420px;margin-bottom:0px}
    .top-hero-formsection .banner_innerPage h1{font-size: 28px !important; line-height: 38px !important;}
	.col-33, .col-66{width:100% !important;}
	.all_services_card, .edi_card{width:100%;height: 400px;}
	.top-hero-formsection.innovate_integrate{padding:0px;}
	.top-hero-formsection .banner_innerPage p{width:100%;max-width: 100%;}
    .award_certifications_blk .siteTitle h2{font-size: 26px;}
    .Kickstart, .sec_space_bridge{padding: 40px 0;}
    .page-sec {padding: 60px 0px 40px 0px;}

}

@media(max-width:991px){

#all_services-menu{top:61px!important;}    
    
}
@media only screen and (max-width: 767px) {
    .all_services-cat-name{height: auto;}
    .all_services-cat-name a{line-height: 18px;}
}

@media(max-width:576px){
.top-hero-formsection.innovate_integrate {min-height: auto; padding: 100px 0 20px 0; height: auto; }
.all_services_card, .edi_card { height: 300px;}
.all_services-desc .all_services-title, .edi-desc .edi-title {font-size: 20px}
	
	
}
