/*Common Css*/
.display_block{display: block;}
.section_padding{padding: 45px 0;}
.text_center{text-align: center;}

/* Top Hero Section*/
.page-template-referral-partner-new .innovate_integrate{background: #F6FAFD url(/wp-content/themes/programmersai/assets/images/referral/referral-partner-bg.jpg) no-repeat scroll center;background-size:cover;min-height:400px;display:flex;align-items:center;box-shadow:1px 5px 36px -21px rgba(0,0,0,0.5)}
.banner_innerPage h1{color:#273A50;font-size:40px;font-weight:700;line-height:48px;margin-bottom:17px;text-align:left;margin-top:0}
.banner_innerPage h1 span, .banner_innerPage p span{color:#1E75BB}
.custom_btn{padding:10px 30px;background:#1E75BB;color:#fff;border-radius:0;text-transform:uppercase;font-size:24px;cursor:pointer;border:0;font-weight:700;line-height:normal;display:inline-block}
.custom_btn:hover{background:#27A8E0;color:#fff}
.siteTitle{text-align:center;margin-bottom: 15px;}
.accordion_faq_wrap .fqa_title h2{color: #1E75BB;font-weight: 700;}


/*trusted by*/
.trusted_byCompany .slick-prev{left: -30px;}
.trusted_byCompany .slick-next.slick-arrow{right:-25px;}
.slick-initialized .slick-slide img {padding-top: 0px;}
.slick-initialized .slick-slide{padding:0;}
/* Last Year section */
.How_it_works_ref{padding:5em 0}
.ng_gray_ref{background-color:#f6f9fc}
.How_it_works_align_items_center{display:flex;align-items:center;}
.How_it_works_padding_left::before{content:'';position:absolute;background:url(/wp-content/themes/programmersai/assets/images/hiring/category_bg_shade.png) no-repeat;background-size:auto;right:0;top:7px;width:604px;height:350px;z-index:-1;background-size:80%;opacity:.8}
.How_it_works_padding_right::before{content:'';position:absolute;background:url(/wp-content/themes/programmersai/assets/images/hiring/category_bg_shade.png) no-repeat;background-size:auto;right:0;top:7px;width:604px;height:334px;z-index:-1;background-size:80%;opacity:.8}
.last_year_prizes{padding:50px 0;text-align:center}
.How_it_works_padding_right{padding:0 50px 0 0;position: relative;z-index: 1;}
.How_it_works_padding_left{padding:0 0 0 50px;position: relative;z-index: 1;}
.How_it_works_align_items_center .img-fluid{border-radius:15px;box-shadow:0 1px 7px 7px #ebebeb;position: relative; z-index: 3;}
.How_it_works_ref ul{padding-left:27px;margin:20px 0 0}
.How_it_works_ref li::before{content:'';position:absolute;background:url(/wp-content/themes/programmersai/assets/images/hiring/tick.png) no-repeat;background-size:auto;left:-24px;top:9px;width:14px;height:15px;background-size:13px}
.How_it_works_ref li{position:relative;margin-bottom:15px;line-height:26px}
.btn_reward_btn{display:flex}
.btn_reward_btn .JoinBtn{margin:50px auto 0}

/*---FAQ Section Start---*/
.accordion_faq_wrap{padding:0 0 32px;background:#fff}
.accordion_faq_wrap .fqa_title h2{font-size:32px;margin:auto;text-align:center;text-transform:inherit}
.accordion_faq_wrap .set{width:100%;margin-bottom:10px;position:relative;height:auto;display:block;padding-left:10px;padding-right:10px}
.accordion_faq_wrap .set > a{border:0 solid #F6F9FC;padding:15px 30px;display:flex;align-items:center;text-decoration:none;color:#1E75BB;font-weight:500;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;background-color:#F6F9FC;font-size:24px;position:relative;border-radius:0 15px 15px 15px;width:100%}
.accordion_faq_wrap .set > a span{width:calc(100% - 14px);font-size: 18px !important; line-height: 26px !important;}
.fa-question-circle::before{content:"\f059"}
.accordion_faq_wrap .set > a .fa-question-circle{font-size:22px;vertical-align:middle;margin-right:0;margin-top:0;color:#1E75BB;width:auto;position:absolute;top:12px;left:15px;display:none}
.accordion_faq_wrap .set > a span h3,.accordion_faq_wrap .set > a span h3{color:#1E75BB;font-weight:500;font-size:24px;line-height:32px}
.accordion_faq_wrap .set > a i{margin-top:0;width:14px}
.accordion_faq_wrap .acc_content{border-radius:0 0 0 15px;background-color:#f6f9fc;border:1px solid #f2f2f2;border-top-width:1px;border-top-style:solid;border-top-color:#f2f2f2;display:none;margin-bottom:0;border-top:none;padding:20px}
body .accordion_faq_wrap .acc_content > p{font-size:18px!important;line-height:32px!important;padding:0;margin:0;color:#273A50!important;text-align:left}
.accordion_faq_wrap.faqSec .set > a.active{background-color:#1E75BB;color:#fff!important}
.accordion_faq_wrap .set > a.active{border-radius:0 15px 0 0}
.accordion_faq_wrap .set > a:hover{background:#1E75BB;color:#fff}
.How_it_works_ref .scheduleCall .JoinBtn{margin-top:40px;}
/*---FAQ Section End---*/

/*Unlock My Reward*/
.ninja_form .nf-form-cont .nf-form-errors{position:relative;}
.myrewardSection .ninja_form .nf-error-msg{bottom: 0px;color: #e80000;margin-bottom: 10px;}
#nf-field-80-container #nf-label-field-80, #nf-field-80_1-wrap #nf-label-field-80_1{font-size: 20px !important;line-height: 18px;text-transform: initial;color: #1E75BB;font-weight: 500;}
.ninja_form .nf-form-cont .nf-field-label{top: -8px;}
.ninja_form .nf-form-cont .nf-form-content label{line-height:24px;letter-spacing:0px; color: #979ba0;}
.ninja_form .nf-form-cont .submit-wrap input[type="button"]{margin-bottom:10px;}
.ninja_form .nf-form-cont .nf-error-msg{position:relative; transform:initial; color:#e80000;margin-bottom:10px;left:0px;}
.ninja_form .nf-form-cont .nf-form-content label#nf-label-field-81, .ninja_form .nf-form-cont .nf-form-content label#nf-label-field-81_1{display:none;}
.nf-error.field-wrap .nf-field-element::after{background-position:14px -275px !important;}
.hdrSpecialistSec .nf-after-form-content{position:relative;}
.top-hero-formsection .myrewardSection .ninja_form .nf-form-cont .nf-error-msg{bottom:-88px;color: #fff;}
.myrewardSection .ninja_form #nf-field-81-container{margin: 0px;}

.myrewardSection .ninja_form .nf-field-container.one-half{width: calc(50% - 15px)}
.myrewardSection .ninja_form .nf-field-container.one-half.second {margin-left:30px;width: calc(50% - 15px);margin-bottom:24px;}
#myrewardSectionFooter.myrewardSection .formCenter{left: 50%;position: fixed; z-index:99;top:40px;display:none; transform: translate(-50%, 0);}
#myrewardSectionFooter.myrewardSection .ninja_form {background: #fff;box-shadow: 0px 4px 10px #333;padding: 20px 20px 30px 20px;max-width:850px;min-width:850px;
float: none;margin: 40px auto;position: relative;}

.ninja_form .nf-form-cont .nf-form-layout .nf-field-label{ top:-8px;}
.ninja_form .LeadInfoo .nf-field #nf-field-76-wrap .nf-field-label, .ninja_form #nf-field-80-wrap .nf-field-label, .ninja_form .LeadInfoo #nf-field-82-wrap .nf-field-label{background:transparent !important;}
.myrewardSection .hdrSpecialistSec{padding:30px 30px;}
.ninja_form .nf-form-cont .nf-form-layout .nf-form-content label{letter-spacing:0.5px;font-family:'Inter', sans-serif !important; display:none;}
.myrewardSection .checkbox-container.label-right label::after, .myrewardSection .checkbox-container.label-right label::before{top:2px;}
.myrewardSection .close{text-align:right;position:absolute;z-index:9;font-size:24px;font-weight:600;right:-15px;top:-15px;border:1px solid #ccc;padding:3px 13px;border-radius:60px;background:#fff;cursor:pointer;width:45px;height:45px}
.clearfix{clear:both}
.ninja_form .nf-form-cont .nf-form-layout .nf-form-content label#nf-label-field-76_1{display:block;}
.ninja_form .nf-form-cont .nf-form-layout .nf-form-content label#nf-label-field-80_1{display:block;}

.ninja_form_wrap .hero-details h2{font-size:20px;text-align:left}
.ninja_form_wrap .hero-details p{font-size:17px;text-align:left;color:#273A50}
.myrewardSection .ninja_form:not(.hdrSpecialistSec) .submit-container .nf-field{bottom:0;text-align:center;position:relative;left:0;transform:none}
.ninja_form .nf-form-cont .nf-form-layout .submit-wrap input[type="submit"]{padding:10px 30px!important;height:auto;max-width:390px;background:#ffba56!important;color:#26384e!important;border-radius:0;text-transform:uppercase;font-size:24px;width:inherit;cursor:pointer;border:0!important;font-weight:700;margin-bottom:0;box-shadow:none}
.myrewardSection .ninja_form .nf-form-cont .nf-form-layout .submit-wrap input[type="submit"]:hover{background:#ffa016!important;color:#273a50}
.ninja_form .nf-form-cont .nf-form-layout .nf-field-label{display:block!important}
.sc_overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);display:none;z-index:98;z-index:9!important}
.myrewardSection .ninja_form .nf-error .nf-error-msg{font-size:16px;display:none}
.myrewardSection #nf-label-field-413{color:#1E75BB;font-weight:200}
.myrewardSection #nf-field-415{box-shadow:none;border:0 solid #e8e8e8;color:#000}
#myrewardSectionFooter .checkbox-wrap .nf-field-label label::before {font-size: 18px;}

/* Responsive Why PIO Different */
@media only screen and (min-width : 768px) and (max-width : 1080px) {
.banner_inner h1{font-size: 32px; line-height: 42px;}
}
@media (max-width:1024px) {
/*referral-partner*/ 
.page-template-referral-partner-new .innovate_integrate{min-height:345px;padding:40px 0px;}

#myrewardSectionFooter.myrewardSection .ninja_form { max-width: 768px;min-width: 768px;}
#myrewardSectionFooter .hireContactForm.footer-contact { overflow-y: auto; max-height: 350px; padding-bottom: 20px;}
#myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:first-child, #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(7), #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(9) { width: 48%;float: left;}
#myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(2), #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(8), #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(10) { width: 48%;float:right;}
.myrewardSection .ninja_form .nf-field-container.one-half { width: 100%;}
.myrewardSection .ninja_form .nf-field-container.one-half.second { margin-left: 0; width: 100%;}
.nf-mp-body nf-fields-wrap nf-field:nth-child(7) .nf-field-container { margin-bottom: 24px;}
	.last_year_prizes .col-100 h2{font-size: 26px;}


}

@media (max-width:767px) {
/* Top Hero Section*/
.innovate_integrate .col-50,.row-col .col-50, .row-col .col-60, .row-col .col-40 {width:100%; max-width: 100%;flex: 0 0 100%;}
.banner_innerPage h1 {font-size: 32px;line-height: 42px;text-align: center;}
.page-template-referral-partner-new .innovate_integrate { background: #F6FAFD !important}
.banner_innerPage p {text-align: center;}
/*referral-partner*/
.page-template-referral-partner-new .site-main h2,.award_certifications_blk .siteTitle h2{font-size:24px;line-height:32px}
.last_year_prizes{padding:20px 0}
.How_it_works_align_items_center::after{display:none}
.How_it_works_ref{padding:30px 0}
.How_it_works_align_items_center{display:block}
.How_it_works_padding_left{padding:15px 0 0}
.How_it_works_padding_right{padding:0 0 15px}
.How_it_works_ref ul{padding-left:27px;margin:10px 0 0}
.How_it_works_ref li:last-child{margin-bottom:0}

.accordion_faq_wrap .fqa_title p{font-size:18px;line-height:20px;margin:0 0 10px}
.accordion_faq_wrap .set > a{font-size:16px;line-height:21px;padding:10px 23px}
.accordion_faq_wrap{padding:0}
.accordion_faq_wrap .set{margin-bottom:2px}

#myrewardSectionFooter.myrewardSection .ninja_form { max-width: 576px;min-width: 576px;}
#myrewardSectionFooter .hireContactForm.footer-contact { overflow-y: auto; max-height: 350px; padding-bottom: 20px;}
#myrewardSectionFooter .hero-details h2 { font-size: 18px; line-height: 26px;}
.ninja_form_wrap .hero-details p {font-size: 15px; line-height: 18px; margin: 6px 0 0 0;}
	.ninja_form_wrap .hero-details h2{font-size: 20px;line-height: 22px;padding-bottom: 5px;}


}

@media (max-width:576px) {
/*Why PIO Different*/


#myrewardSectionFooter.myrewardSection .ninja_form { max-width: 360px;min-width: 360px;}
#myrewardSectionFooter .hireContactForm.footer-contact { overflow-y: auto; max-height: 400px; padding-bottom: 20px;}
#myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:first-child, #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(7), #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(9) { width: 100%;float: left;}
#myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(2), #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(8), #myrewardSectionFooter .nf-mp-body nf-fields-wrap nf-field:nth-child(10) { width: 100%;float:left;}
.myrewardSection .ninja_form .nf-field-container.one-half { width: 100%;}
.myrewardSection .ninja_form .nf-field-container.one-half.second { margin-left: 0; width: 100%;}
.nf-mp-body nf-fields-wrap nf-field:nth-child(7) .nf-field-container { margin-bottom: 24px;}

.myrewardSection .ninja_form .nf-field-container.one-half.second, .myrewardSection .nf-field-415-container, .myrewardSection #nf-field-416-container, .myrewardSection .nf-field-420-container { margin-bottom: 0;}



}