@font-face {
    font-family: 'Source_Sans_Pro_Regular';
    src: url('../fonts/Source Sans Pro.eot');
    src: url('../fonts/Source Sans Pro.eot?#iefix') format('embedded-opentype'), url('../fonts/Source Sans Pro.woff2') format('woff2'), url('../fonts/Source Sans Pro.woff') format('woff'), url('../../fonts/Source Sans Pro.svg#Source Sans Pro') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family: 'Source_Sans_Pro_Bold';
    src: url('../fonts/Source Sans Pro Bold.eot');
    src: url('../fonts/Source Sans Pro Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Source Sans Pro Bold.woff2') format('woff2'), url('../fonts/Source Sans Pro Bold.woff') format('woff'), url('../fonts/Source Sans Pro Bold.svg#Source Sans Pro Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family: 'Source_Sans_Pro_Light';
    src: url('../fonts/Source Sans Pro Light.eot');
    src: url('../fonts/Source Sans Pro Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Source Sans Pro Light.woff2') format('woff2'), url('../fonts/Source Sans Pro Light.woff') format('woff'), url('../fonts/Source Sans Pro Light.svg#Source Sans Pro Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;

}
.inputField .wpcf7-form-control{
    width: 100%;
    height: 40px;
    /* border-radius: 2px; */
    background-color: #f1f5fa;
    color: #333;
    padding: 10px 25px;
    font: 400 15px Manrope, sans-serif;
    border: none;
    margin-bottom: 0.75rem;
}
.inputField .ai-poll-request {
    width: 50%;
}
.inputHolder .wpcf7-form-control{
    font: 400 18px Manrope, sans-serif;
}

.form-inp-fluid {
    width: 100%;
    padding: 0 15px;
}
.form-inp-block{
    width: 50%;
    padding: 0 15px;
}
 .form-inner-row {
    display: flex;
    flex-wrap: wrap;
}
.banner-title {
   /* color: #133a7d;
    margin-bottom: 35px;
    font: 600 50px/56px Poppins, sans-serif;
    margin-top: 0px;*/
          font-family: 'Source_Sans_Pro_Bold';
    font-size: 37px;
    font-weight: normal;
    line-height: 50px;
    padding-bottom: 20px;
    color: #404d5f;
}
#inactivityModal .banner-title{
        font-size: 30px;
        line-height: 32px;
        padding-bottom: 10px;
}
.pageCenter.contact-pageCenter{
/*    max-width:1425px;
*/    width: 100%;
    display: flex;
        margin-top: 55px;
        gap: 20px;
        padding-bottom: 50px;
}

.contact-sub-head{
    font-size: 18px;
    line-height: 22px;
    color: #404d5f;
}


}
.direct-info{
    color: #404d5f;
}
.direct-info span{
    font-size: 30px;
    color: #404d5f;
}
.direct-info h1{
    font-size: 50px;
    color: #133a7d;
}
.inputHolder .wpcf7-submit{
    width: 100%;
height: 38px !important;
    border-radius: 7px!important;
    background: #1576bd;
    padding: 3px 20px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    transition: all ease .3s;
    font-family: 'Source_Sans_Pro_Regular';
    font-size: 23px !important;
text-transform: capitalize !important;
}




.pageCenter {
    max-width: 1290px !important;
    padding: 0px 20px 0;
    flex-basis: 70%;
    }
    .aipolls-title-block{
/*        text-align: center;
*/        flex-basis: 70%;
    }
    .contact-form-div{
        flex-grow:1;
        margin-top: 15px;
        width: 95%;
    }
.organizationWrapper{
    background: #fff;
}

.forminator-ui{
    display: block !important;
}
.forminator-button{
    background: #1576bd;
    padding: 3px 20px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    transition: all ease .3s;
    font-family: 'Source_Sans_Pro_Regular';
    font-size: 17px;
    height: 37px;
}
.forminator-edit-module{
    display: none !important;
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    display: block;
    box-sizing: border-box;
    width:50%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    color: #0a0a0a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.getInvolvedWrapper {
  /*  background: #f1f2f4;*/
    width: 100%;
    padding:35px 0 51px 0;
    text-align: left;
    /* height: 500px; */
}
.stepbystep {
    padding-top: 65px;
    position: relative;
}

.stepbystep .steps,.key_benefits .steps {
    color: #404d5f;
    text-align: center;
    padding: 20px 0 20px 0;
        width: calc(33.33% - 20px);
    float: left;
    position: relative;
}
.key_benefits .steps {
/*     text-align: left;
*/    padding: 30px 15px 20px 15px;
/*    background: #e5f3fe;
*/    border-radius: 10px;
}
.key_benefits .steps img{
    height: 85px;
    max-width: 85px;
}



.key_benefits{
    display: flex;
    text-align: left;
    gap: 20px;
/*    justify-content: center;
*/   flex-wrap: wrap;
}


.stepbystep .steps img {
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin: auto;
}

.stepbystep .steps:last-child {
    background: none;
}

.stepbystep .steps {
    color: #404d5f;
    font-family: 'Source_Sans_Pro_Regular';
}

.stepbystep .steps strong, .key_benefits .steps strong {
    font-size: 25px;
    line-height: 28px;
    display: block;
    padding-bottom: 15px;
    font-weight: bold;
}
.key_benefits .steps strong {
    padding-bottom: 0px;
}
.keyBeniftsImg{
        display: flex;
    align-items: center;
    padding-bottom: 15px;
        gap: 8px;
}
.stepbystep .steps span, .key_benefits .steps span {
    font-size: 25px;
    line-height: 32px;
    display: block;
}

.stepbystep {
    padding: 0 0 30px 0;
}

.whyChooseUsWrapper {

    width: 100%;
    padding: 35px 0 10px 0;
}

.whyChooseUsWrapper h2{
/*    text-align: center;
*/}

.whyChooseUsWrapper ul{
/*    max-width: 70%;
*/    width: 100%;
        margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 25px;
    margin: 0;
}
.howItWorksWrapper{
    width: 100%;
    padding: 35px 0 51px 0;
}

.howItWorksWrapper h2{
/*    text-align: center;
*/}

.how_it_works ul{
   width: 100%;
        margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 25px;
    margin: 0;
}

.how_it_works span{
    font-size: 25px;
    font-weight: normal;
    line-height: 35px;
    padding-bottom: 20px;
    color: #404d5f;
}
.how_it_works li{
    font-size: 25px;
}
.how_it_works {
    max-width: 50%;
    width:100%
}
.longBanner {
    background-size: cover;
    width: 100%;
    padding: 89px 0 88px 0;
    /* padding-top: 86px; */
    font-family: 'Source_Sans_Pro_Regular';
    position: relative;
   /* margin-top: 156px;*/
    color: white;
}
.longBanner h1{
    font-family: 'Source_Sans_Pro_Bold';
    font-size: 37px;
    font-weight: normal;
    line-height: 50px;
    padding-bottom: 20px;
    color: #404d5f;
}
.longBanner span{
    font-size: 25px;
    color: white;
}

.longBanner h1{
    font-family: 'Source_Sans_Pro_Bold';
    font-size: 37px;
    font-weight: normal;
    line-height: 50px;
    padding-bottom: 20px;
}
.longBanner span{
    font-size: 25px;
    color: #404d5f;
}

.btn-txt h4{
        font-size: 23px;
    padding-bottom: 10px;
    color: #fff;
    /* font-family: 'Source_Sans_Pro_Regular'; */
    /* font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; */
    font-family: 'SF UI Display';
    font-weight: normal;
    padding-top: 15px;
}
.btn-txt-about h4{
        font-size: 23px;
    padding-bottom: 10px;
    color: #404d5f;
    /* font-family: 'Source_Sans_Pro_Regular'; */
    /* font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; */
    font-family: 'SF UI Display';
    font-weight: normal;
    padding-top: 15px;
}
}
.placementInfo{
    position: relative;
}
.placementInfo strong {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #0088cc;
    border-radius: 50%;
    text-align: center;
    color: #0088cc;
    margin-left: 10px;
    line-height: 20px;
    cursor: pointer;
    position: absolute;
}
.homeContent .contact-form-div p{
    padding-bottom: 0px;


}
.qr-popup1 {
    padding: 8px 14px;
    border-radius: 5px;
    background: #fff;
    border: solid 1px #2e3192;
    display: none;
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: 1001;
    text-align: left;
    justify-content: center;
    font-size: 15px;
    color: #000;
    box-sizing: border-box;
    flex-direction: column;
    max-widt
    width: 100%;
    transition: all ease .3s;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 29%);
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 29%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.29);
    font-family: 'Euclid Circular B';
    font-weight: 300;
}

.formInputWrapper{
    display: flex;
    width: 100%;

}
.howitsWorkContainer{
    display:flex;
     gap:20px;
}
.get_started {
    padding: 10px 20px;
    font-family: 'Source_Sans_Pro_Regular';
    font-size: 17px;
    font-weight: bold;
    background: #1576bd;
    color: #fff;
    border-radius: 10px;
}

element.style {
    display: block;
}
#inactivityModal {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 630px;
    padding: 20px;
    background-color: white;
    /* border: 2px solid #333; */
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
    z-index: 1000;
    border-radius: 10px;
}
#modalOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.close-modal {
    font-size: 25px !important;
    color: #000 !important;
}
.why_choose_us span{
        font-size: 25px;
        line-height: 30px;
}

.longBanner{
    background:#f1f2f4;
}
.Platform_links img{
    width: 120px;
}
.Platform_links li{
    font-size: 25px;

}
.close-modal-wrap{
    text-align: right;
}
/*#inactivityModal #error-msgs{
    padding-bottom: 10px;

}*/
.imageApp-wrapper img.app-image{
        margin-bottom: 20px;

    width: 400px;
}
.imageApp-wrapper{
    display: flex;
    justify-content: center;
}

.busnsModal .bannerModalClose {
    top: -4px;
    right: 13px;
}
.busnsModal .emailNote, .busnsModal .emailNote p {
    font-size: 25px;
    line-height: 26px;
}
.busnsModal .emailNote, .busnsModal .emailNote li {
    font-size: 25px;
    line-height: 35px;
}
.busnsModalContent p{
       font-size: 25px;
    line-height: 35px;
    font-family: 'Source_Sans_Pro_Regular';
    color: #404d5f;
}
.busnsModal {
    max-width: 480px;
}

.busnsModalContent h2{
    font-family: 'Source_Sans_Pro_Bold';
    font-size: 37px;
    font-weight: normal;
    line-height: 50px;
    padding-bottom: 20px;
    color: #404d5f;
}   
.busnsModal .emailNote {
    margin-top: 15px;
}
.busnsModal .emailNote ol {
    margin-left:22px;
} 

.busnsModal .bannerModalClose {
    top: -4px;
    right: 13px;
}
.businessContentWrapper{     
display: flex;
 flex-direction: column;
}

/*.why_choose_us{
    text-align: justify;
}*/
.imageApp-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*text-align: center;
    align-items: center;*/
}



.bgTopBanner {
    padding-top: 87px !important;
}

@media screen and (max-width:1500px) {
    .pageCenter.aipolls-pageCenter{
        max-width:100%;
    }
}
@media screen and (max-width:1320px) {
.contact-form-div{
    width: 95%;
}
}

@media screen and (max-width: 1200px) {
.busnsBannerContent h1 {
      font-size: 32px;
        line-height: normal;
}
    .busnsBannerContent h4 {
       font-size: 18px;
        padding-bottom: 10px;
        padding-top: 10px;
        line-height: 25px;
    }
    .btn-txt h4 {
        font-size: 16px;
          . padding-bottom: 15px; 
        font-size: 18px;
        line-height: normal;
        padding-bottom: 15px;
    
    }
.businessSlider .businessContentWrapper {
    max-width: 50%;
    flex-basis: 50%;
}

.busnsBannerImg {
    max-width: 417px;
    flex-basis: 50%;
   
}

}
@media screen and (max-width:991px){
    .howitsWorkContainer{
        flex-direction: column;
    }
    .how_it_works {
    max-width: 100%;
}
    .inputField .wpcf7-form-control,.inputHolder .wpcf7-form-control{
        font-size: 16px;
    }

    .pageCenter.aipolls-pageCenter{
        flex-direction: column;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0px;
        padding-top: 60px;

    }

    .banner-title {
        color: #133a7d;
        margin-bottom: 35px;
        font: 600 35px / 45px Poppins, sans-serif;
        margin-top: 10px;
    }
    .form-inp-fluid {
        padding: 0 0px;
    }
    .form-inp-block:first-child{
        padding: 0 0px;
    }
       .form-inp-block:nth-child(2){
        padding-right: 0px;
    }
}
@media screen and (max-width: 800px){
.btn-txt h4 {
    font-size: 18px;
}
.bgTopBanner {
    padding-top: 78px !important;
}
}
@media screen and (max-width: 768px) {
        #inactivityModal{
        width: 90%;
    }
    .businessSlider .slides li img {
        height: 370px;
        object-fit: cover;
    }

    .businessSliderWrapper {
        padding: 0px !important;
    }

.businessContentWrapper {
    padding: 15px !important;
}

.longBanner {
    padding: 30px 0;
}
.imageApp-wrapper {
    flex-direction: column;
    align-items: center;
}
.busnsBannerImg{
    max-width: 100%;
    flex-basis: 100%;
}
.businessContentWrapper .btn-txt {
    text-align: center;

}
.whyChooseUsWrapper {
    padding: 20px 0;
}
.getInvolvedWrapper {
    padding: 30px 0;
}

.businessSlider .businessContentWrapper {
        max-width: 100%;
        flex-basis: 100%;
    }
    
}
@media screen and (max-width:640px)  {
    .form-inp-block {
        width: 100%;
        padding: 0px;
    }

}
