/* reset.css */

*{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:80px 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; line-height: 100%; color:#273A50;font-weight: 700; margin-bottom:40px; text-align: center;}
.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;}
.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: rgba(255,255,255,0.15);color: #ffffff;}
.banner_innerPage .view_offerings {background: #fff;color: #273A50;border-radius: 50px;font-size: 16px;padding:6px 30px;margin-top: 10px;display: inline-block;cursor: pointer;}
.banner_innerPage .view_offerings:hover { background: #27A8E0; color: #fff;}
.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}
.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;}
body.overHidden {overflow: auto !important;}


/* custom.css */


/* top_hero_sec */
.banner_innerPage h1 {color: #fff;font-size: 48px;font-weight: 700;line-height: 60px;margin-bottom: 17px;text-align: center;max-width: 720px;}
.banner_innerPage h1 span{font-weight:300;}
.top-hero-formsection .banner_innerPage p {font-size: 20px;font-weight: 400;max-width: 680px;margin: 15px auto;line-height: 32px;color: #fff;text-align: center;}
span.min_head {color: rgba(153, 224, 255, 1);}
.siteTitle{text-align:center;margin-bottom: 15px;}
.banner_innerPage {text-align: center;}
.top-hero-formsection.innovate_integrate {position: relative;background: #161e2b url('/wp-content/themes/programmers.io/assets/images/transition-of-power/transition-of-power-hero.jpg' ) !important;min-height: calc(74vh - 65px);
background-size: cover !important;background-position: right;display: flex;justify-content: center;align-items: center;
color: #fff;z-index: 1;padding: 60px 0px;}
.top-hero-formsection.innovate_integrate {position: relative; height:700px;}
video.top_vid {height: 600px; object-fit: cover;width: 100%;}
.top-hero-formsection.innovate_integrate::before {content: '';background-image: url(../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(340deg, rgba(247, 11, 166, 0.20) -5.03%, rgb(30 117 87 / 0%) 47.99%) !important;}
.banner_innerPage {z-index: 2;width: 100%;max-width: 1240px;text-align: left;}
/* end */




/* happiness_guarantee */
.happiness_inner {background: linear-gradient(260deg,rgba(30, 117, 187, 1) 0%, rgba(39, 58, 80, 1) 50%);color: #fff;height: 496px;position: relative; display: flex;
justify-content: center;flex-direction: column;flex-wrap: wrap;padding:0px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.happiness_inner_cont{padding: 65px;}
.happiness_inner_video{position: absolute;top: 0;opacity: 0.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  0px;}
.happiness_inner h3:before {background:none ;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 rgba(0, 0, 0, 0.25);overflow: hidden;}
.happiness-panel {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 3px;}

/* 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: 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;}

/* end */

/* 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);}


.the_transition h2 {color: #273A50;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px /* 36px */}
.the_transition p {color: #273A50;
font-family: Inter;
font-size: 16px;
font-style: normal;
margin:10px 0 35px 0;
line-height: 150%; /* 24px */}
.the_transition .t_tra_ul p {color: #F70BA6;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */margin: 10px 0 5px 0;}
.the_transition .t_tra_ul ul li {color: #273A50;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height:normal;
padding: 5px 0 5px 28px;
background: url('https://programmers.io/wp-content/themes/programmers.io/assets/images/transition-of-power/check (2).svg') no-repeat left center;}
.t_tra_ul {
    padding:22px;box-shadow: 0 0 10.4px 0 rgba(247, 11, 166, 0.62);
  border: 1px solid #F70BA6;
  border-radius: 10px;
}

.brwwt {-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;}


.what_we h2, .Power_Roadmap h2 {color: #273A50;
text-align: center;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 125%;    margin: 0 0 35px 0;

}
.what_we h3
{border-radius: 10px 10px 0 0;
background: linear-gradient(90deg, #56ABED 0%, #316187 100%);color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height:  30px;   text-align: center;
    padding: 12px 0;}
	.what_we h3 img {
    vertical-align: middle;
    width: 25px;
    margin: 0 6px 0 0;
}
.what_we p {color: #273A50;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;   margin: 0 0 7px 0;}

.what_we ul li {color: #273A50;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 28.35px;list-style: disc;
    margin: 0 0 0 15px;}
.what_we .spacer_tch{ 
    height: 2px;
    width: 100%;
    display: block;
       margin:0px;border-bottom: 2px solid #D4D4D4;}

	.wrap_what_we_txt {
    padding: 20px 20px 0 20px;min-height: 185px;background: #efefef;
}


.wrap_Power_Roadmap {
    display: flex;
    gap: 15px;
}
.Roadmap_txt_dv {
        max-width: 358px;
    border-radius: 10px;
    border: 1px solid #F70BA6;
    background: #FFF;
    box-shadow: 0 0 10.4px 0 rgba(247, 11, 166, 0.62);
    padding: 30px 25px;
    

color: #F70BA6;
font-family: Inter;
font-size: 13px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 19.5px */
position: relative;
    margin-right: 70px;
}
#last_rm.Roadmap_txt_dv {margin-right: 0;}
.Roadmap_txt_dv::after {
  background: url('https://programmers.io/wp-content/themes/programmers.io/assets/images/transition-of-power/arrow.svg') no-repeat left center;
  width: 47px;
  height: 15px;
  position: absolute;
  content: "";
  right: -65px;
  top: calc(50% - 7px);
}
#last_rm.Roadmap_txt_dv::after {display: none;}
.Roadmap_txt_dv p {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 2px 0;
    line-height: 22px;
        color: #273A50;
}
/* media */

@media (max-width:1199px){

}

@media(max-width:1100px)
{

}

@media screen and (min-device-width: 766px) and (max-device-width: 1242px) { 
 .rptextcenter img { height: 100%;        border-radius: 10px;}
 .wrap_what_we_txt {min-height: 260px;}
}

@media(max-width:991px)  
{.sec_space {margin: 40px 0;}
    .happiness_form {padding:30px 15px 20px 15px;}
    .happiness_form h3{margin-bottom: 0px;}
    .happiness_form .wpforms-render-modern{margin-top: 10px;}

}

@media(max-width:767px){
    .sec_space {margin: 40px 0;}
    .happiness_inner_cont, .the_transition h2, .the_transition p, .rptextcenter { text-align: center;}
    .rptextcenter{margin-top:20px;}
    .what_we h2{margin: 0 0 20px 0;}
    .what_we .col-33{margin-bottom:15px;}
    .Power_Roadmap.sec_space{margin-top:30px;}
    .happiness_inner_cont {padding: 60px 30px;}
    .happiness_inner{border-bottom-left-radius: 0px;}
    .happiness_form {padding:30px 15px 20px 15px;}
    .happiness_form h3{margin-bottom: 0px;}
    .happiness_form .wpforms-render-modern{margin-top: 10px;}
    .wrap_Power_Roadmap {overflow-x: scroll;}
    
}

@media (max-width: 576px){

}