/*============================ Main style ============================*/

html,body {width:100%;height: auto;margin:0;padding:0;overflow-x: hidden;color: #404040;scroll-behavior: smooth;}
body{font-size:14px;line-height:24px;color:#43474A;background: #fff; font-family: poppins,sans-serif !important; padding: 0 !important;}
body button,.btn,body a {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0; font-family: poppins,sans-serif !important;    font-weight: 600;    color: #42474C;}
p {margin: 0; padding: 0;font-size: 16px;line-height: 24px;color: #43474A;  font-family: poppins,sans-serif !important; font-weight: 600;}
ul, ol {margin: 0;padding: 0;}
.nopadding{padding: 0;}
.nopadding-right{padding-right: 0;}
.nopadding-left{padding-left: 0;}
.nopadding{ padding: 0px; }
::-webkit-scrollbar { width: 7px; } 
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #1db1e3; }
::-webkit-scrollbar-thumb:hover { background: #555; }
.desk{display: block;}
.mob{display: none;}
.h3, h3 {font-size: 24px;}

/*============================ Header ============================*/

.header-logo{padding: 1% 0;border-bottom: 1px solid #ccc;}
.header-logo img{width: 160px;}

/*============================ Footer ============================*/
.footer-content{border-bottom: 5px solid #1db1e3;padding: 1% 0;}
.footer-content p{line-height: 26px; color: #505050; margin: 0px; font-weight: 500; text-align: center;}

/*============================ form footer ============================*/
@media (max-width: 767px){

    .footer-content{
        background-color: white;
        padding-bottom: 0;
        padding-top: 0;
    }

    
}


/*============================ Form 1 ============================*/

.question-img img{width: 90%;     margin: 30px auto 0;}
.gray{color: #B0B0B0;}
.question-content  span.gray{text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; margin: 0 0 7px 0; display: block;}
.select-area{background: #F7F7F7; display: flex;padding: 40px; border-radius: 10px;}
.custom-checks { width: 100%; max-width: 50%;     display: block;    text-align: center;}
/*.custom-checks + .custom-checks + .custom-checks {border-top: 1px solid #dadada;}*/
.custom-checks label {font-weight: 700; cursor: pointer;margin: 0 0 10px 0;position: relative;}
.custom-checks .vh {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
.custom-checks label:before {content: ''; width: 20px; height: 20px; display: inline-block; border-radius: 50px;position: absolute;right: 5%;top: 10px;}
.custom-checks input[type="radio"]:checked ~  label:before {border: 2px solid #fff;background: #20bf6b no-repeat center; background-size: 20px 10px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}
.custom-checks .fa-male{border: 2px solid #1db1e3;color:#1db1e3;  width: 127px; height: 127px; line-height: 127px; text-align: center; font-size: 70px; border-radius: 100px;}
.custom-checks .fa-female{border: 2px solid #EC407A;color: #EC407A; width: 127px; height: 127px; line-height: 127px; text-align: center; font-size: 70px; border-radius: 100px; }
.custom-checks .maleshow{background: #1db1e3; color: #fff;}
.blue{color: #1db1e3;}
.custom-checks .femaleshow{background: #EC407A; color: #fff;}
.btn-blue{ border:none;cursor: pointer; background-color: #1db1e3; color: #fff; display: inline-block; padding: 13px 30px; border-radius: 30px; font-weight: 600; letter-spacing: .5px; }
.btn-blue:focus,.btn-gray{outline: none;}
.step-progress .progress { margin: 10px auto 0; padding: 0; width: 100%; height: 7px; overflow: hidden; background:  #E5F4F9; border-radius: 10px; }
.step-progress .bar { position: relative; float: left; min-width: 1%; height: 100%; background:  #1db1e3; border-radius: 10px;}
.step-progress-content span{font-weight: 600;}
.step-progress {margin: 20px 0 50px;}
.step2 p{font-size: 14px;}
.step2 .select-area{display: block;padding: 20px;}
.step2 .select-area h5{color: #1db1e3;margin: 0 0 20px 0;}
.step2 .custom-checks label:before { right: 5%; top: 5px; }
/*.step3 .custom-checks label:before {right: 7%;}*/
.btn-gray{border: 1px solid #878787; background: #fff; color: #878787; border-radius: 50px; padding: 10px 16px; margin: 0 15px 0 0;}
.slider .input span { font-size: 30px; font-weight: 600; line-height: 0px; vertical-align: text-top; color: #1cb0e2} 
.slider{border-radius: 5px;width: 75%;margin: 0 auto; } 
.slider .input input { width: 85px; height: 85px; font-size: 3em; font-weight: 600; border: unset; outline: none; background: url(../images/calendar.png); color: #1cb0e2; background-repeat: no-repeat; text-align: center; background-position: top; background-size: 55px 65px;} 
.slider #slider { margin-bottom: 20px; border: 0; -webkit-box-shadow: none; box-shadow: none; background: #efefef; border-radius: 20px; height: 15px; } 
.slider #slider .noUi-connects { border-radius: 20px; overflow: hidden; } 
.slider #slider .noUi-connects .noUi-connect { background: #1cb0e2; } 
.slider #slider .noUi-handle { width: 10px; height: 10px; background: #1CB0E2;border: 10px solid #1CB0E2;-webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); outline: none; cursor: pointer; border-radius: 100%; top: -9px; } 
.slider .row .col { font-size: 14px; font-weight: 700; } 
.slider .row .col:nth-child(2) { text-align: right; }
.slider h5 {margin: 0 0 15px 0;}
.slider .noUi-value-sub, .slider .noUi-value { display: none;}
.slider .noUi-marker-horizontal.noUi-marker-sub {height: 15px;}
.slider .noUi-handle:after, .slider .noUi-handle:before{display: none;}
.slider .noUi-marker-large, .slider .noUi-marker-sub {background: #404040;}
.step-progress a:hover{text-decoration: none;}
.step8 p{margin: 0 0 10px 0;}
.step8 textarea.form-control {border-radius: 20px;}
.select-area .form-group span.far,.select-area .form-group span.fas{position: absolute; top: 21px; left: 30px;}
.select-area .form-group input, .select-area .form-group select{ height: 55px;   padding: 10px 10px 10px 40px; border-radius: 50px;width: 100%;margin: 0 auto;}
.select-area .form-group #mobile_number {
  padding: 10px 10px 10px 55px;
}
.select-area .input-group .input-group-addon {
  pointer-events: none;
}
.iti { width: 100%;}
.iti--separate-dial-code .iti__selected-flag ,.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color: #ffffff0d;    border-right: 1px solid #ccc;}
/*.select-area  .form-group{margin: 1rem 0}*/
select.form-control.phone-number {background: #0000; width: auto; position: absolute; left: 10px; padding: 0 0 0 15px; border: none; border-right: 1px solid #7a7676; border-radius: 0; height: 30px; top: 10px; width: 90px; } 
select.form-control.phone-number+.form-control { padding-left: 106px; }
select.form-control.phone-number:focus{outline: none; box-shadow:unset;}
/*.select-div .form-group{margin:-5px 0 1rem 0; }*/
.thank-you-content .far{font-size: 40px; margin: 0 0 20px 0;}
.home-link {margin: 30px 0;}
.thank-you-content img{width: 40px !important; margin: 0 0 15px 0;}
.step-progress a.newlink{border: 1px solid #878787;background: #fff;color: #878787;border-radius: 50px;padding: 10px 12px;margin: 0 15px 0 0;}


@media (max-width: 1440px){

}

@media (max-width: 1367px){
    
}

@media (max-width: 1199px){
    /*.custom-checks label:before {right: 22%;}*/
}

@media (max-width: 1024px){

    .step-progress {margin: 20px 0 30px;}
    .custom-checks p{margin: 0 0 10px 0}
    .step2 .custom-checks{    max-width: 33%;    flex: 0 0 33%;}
    /*.custom-checks label:before {right: 21%;}*/
}
@media (min-width:992px) and (max-width: 768px){

}
@media (max-width: 768px){
    .step10 .custom-checks {
        flex: 0 0 50%;
    }
    .step-progress .text-right{text-align: center!important;    margin: 10px 0 0 0;}
    .custom-checks {
        flex: 0 0 50%;
    }
}

@media (max-width: 767px){
    .footer-content p{font-size: 0.7rem;}
    .desk{display: none;}
    .mob{display: block;}
    .question-content.mob{margin: 3% 0;}
    .question-content h3{font-size: 24px}
    .step2 .select-area h5 {font-size: 16px;text-align: center;}
    .step-progress-content {text-align: center; font-size: 0.7rem;}
    .step2 .select-area{padding: 20px;}
    .step2 .custom-checks img{width: 80px;}
    .step-progress {
        margin: 10px 0 0px;
        box-shadow: 0 -1rem 10rem rgba(0,0,0,.15)!important;
        position: fixed;
        bottom: 29px;
        width: 100%;
        z-index: 4;
        background-color: white;
        padding-bottom: 5px;
    }
    .slider .input { margin-bottom: 20px; } 
    .slider .input input { font-size: 2em;  } 
    .slider .input span { font-size: 24px; line-height: 10px; } 
    .select-area{padding: 15px;}
    .step2 .custom-checks label:before {right: 0%;top: 5px;}
    .custom-checks p{margin: 0 0 0px 0}
    .step9 .select-area{padding-top: 25px;}
    .question-img img {width: 100%;margin: 20px auto 0;}
    .custom-checks .fa-male{border: 2px solid #1db1e3;color:#1db1e3;  width: 5rem; height: 5rem; line-height: 5rem; text-align: center; font-size: 3rem; border-radius: 100px;}
    .custom-checks .fa-female{border: 2px solid #EC407A;color: #EC407A; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; font-size: 3rem; border-radius: 100px; }
    .form-content{
        height: calc(100vh - 184px)
    }

    .form-footer .btn-blue{
        font-size: 0.75rem;
        padding: 10px 20px;
    }
}

@media (max-width: 540px){
    .select-area img{width: 100%;}

}

@media (max-width: 361px){

}

@media (max-width: 321px){
    
}