fieldset:focus {outline: none;}
/* The container */
.multi-step-form .checkbox-container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: 'Roboto', sans-serif;font-weight: 600;text-align: left;color: #000 !important;}
/* Hide the browser's default checkbox */
.checkbox-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.step-forminline .checkmark { position: absolute;top:-1px; left: 0;height: 20px; width: 20px;border: 1px #cccccc solid;}
/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {background-color:#EEE;}
/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark { background-color:none;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
.checkbox-container input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.multi-step-form .checkbox-container .checkmark:after {left: 6px;top: 1px;width: 5px;height: 10px;border: solid #ff3980;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);transition: 5s all;}
.step-two-content h2 {text-align: left;font-size: 32px; margin-bottom: 5px;}	
section.multi-step-form {  padding:40px 0;}
.no-js .multi-step-form fieldset button, .no-js .multi-step-form h2, .multi-step-form.edit-form fieldset button, .multi-step-form.edit-form h2 { display: none !important;}
.no-js .multi-step-form fieldset, .multi-step-form.edit-form fieldset {display: block !important;}
.no-js .multi-step-form [type="submit"], .no-js .multi-step-form [type="reset"], .multi-step-form.edit-form [type="submit"], .multi-step-form.edit-form [type="reset"] {
display: inline-block !important;}
.no-js .multi-step-form .steps, .multi-step-form.edit-form .steps {display: none;}
.multi-step-form fieldset {display: none; }
.multi-step-form fieldset:first-of-type {display: block; }
.multi-step-form fieldset.hidden {display: none;}
.multi-step-form fieldset.visible {display: block;-webkit-animation-duration: 10s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInLeft;}
.multi-step-form fieldset.slide-left.visible{animation-duration: 1.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both; animation-name: fadeInLeft ;}
.step-four-content h2 {margin-bottom: 25px;text-align: left;}
span#selector1-error {float: left;width: 100%;position: absolute;top: -16px;}
#challenge-error {float: left;width: 100%; position: absolute;top: -24px;left: 0;font-size: 14px;font-weight: normal;}
.form-group.custom-style input::placeholder { color: #9999;font-size: 16px;font-weight: 500;text-transform: capitalize;}
.multi-step-form .steps button {border: 0;}
.multi-step-form .steps [disabled] {background: none;}
.multi-step-form .steps .active {background: #eee;}
.multi-step-form .main-container {max-width: 900px;margin: 0 auto;background: #fff;box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.06);padding: 50px 50px 50px 50px;overflow: hidden;border-radius: 30px;}
.step-forminline ul li .check { display: block;position: absolute;border: 2px solid #ea4180;border-radius: 100%;height: 18px;width: 18px; top: 11px;left: 0px;z-index: 5;}
.step-forminline ul li label {padding-top: 0;}
.step-forminline ul li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 12px; width: 12px; top: 3px;left: 3px; margin: auto;}
.step-forminline span {font-family: 'Roboto', sans-serif; float:left;}
form fieldset h1 img {display: block; margin: 0 auto;vertical-align: top;}
form fieldset h1  { margin: 0 ; }
.multi-step-form form fieldset h2 {margin: 0;line-height:42px;font-size: 34px;font-weight: bold;text-align: center;color: #000000;margin:0px 0 50px 0;}
.multi-step-form .step-five-content h2 {text-align: left !important;}
.step-five-content h2 {text-align: left !important;}
small.mendatory {font-size: 33px;color: #e34343;}
button.start-btn.btn-next {font-family: 'latobold';background: #ff3980;max-width: 350px;width: 100% !important;height: 45px;text-transform: uppercase;border: 0;display: block;margin: 0 auto;color:#fff;border-radius: 30px;}
.step-one-content h1 { margin-bottom: 3.9%;}
.step-one-content h2 { margin-bottom: 9%;}
.multi-step-form .main-container .step-two-content h2 {margin-bottom: 30px;text-align: left !important;}
h2.second-title {margin-bottom: 0px;}
span#selector-error {float: left;width: 100%;position: absolute;top: -17px;}
.multi-step-form .step-four-content h2, multi-step-form .step-five-content h2 {text-align: left !important;font-size: 32px;margin-bottom: 0;}
.error { color: red;}
label .optional {font-weight: normal;font-size: 90%;}
button.start-btn.btn-next img, button.start-btn-two.btn-next img {width: 16px; margin-left: 8px;vertical-align: inherit;padding: 4px 0 0 0;}
button.previous-btn.btn-prev img{width: 16px; margin-right: 8px;vertical-align: inherit; padding: 4px 0 0 0;}
button.start-btn-two.btn-next { font-family: 'latobold';border-radius: 30px;width: 150px;border: 0; height: 46px;background: #ff3980;color: #fff; text-transform: uppercase;font-size: 13px;}
.multi-step-form .form-group.custom-style input {height: 42px;border-radius: 1px;border: solid 1px #cccccc;background-color: #ffffff;width: 100%;}
.form-group.custom-style {float: left;width:48%;padding:0 13px;padding-left:0px;}
.multi-step-form .form-group.custom-style label {height: 16px;font-size: 14px;font-weight: bold;color: #999999;width: 100%;text-align: left !important;float: left;margin-bottom: 8px !important;}
.form-group.custom-style select {height: 45px;border-radius: 1px;border: solid 1px #cccccc; background-color: #ffffff;width: 100%;color: #000;font-family: 'robotomedium';font-size: 15px;-webkit-appearance: none;background-image: url(../images/drop.png);background-repeat: no-repeat;background-position: center right 6px;background-size: 3%;}
.form-group.custom-style.email-group {width: 100%;}
.form-group.custom-style input { height: 45px;border-radius: 1px; border: solid 1px #cccccc;background-color: #ffffff;width: 100%;}
.form-group.custom-style.number-input {width: 100%;}
.form-group.custom-style.datepicker-input {width: 100%;float: left;margin-bottom: 40px;margin-top: 26px;}
.form-group.custom-style.datepicker-input input {color: #000 !important;background-image: url('/images/calander-icon.png');background-repeat: no-repeat;background-position: center right 11px;}
.form-group.custom-style.number-input input::placeholder{color: #000; opacity:1;}
.step-seven-content h2, .step-six-content h2, .step-eight-content h2, .step-nine-content h2, .step-ten-content h2 { text-align: left;margin-bottom: 25px;font-size: 32px;}
ul.all-checked-option li { width: 50%;float: left;}
.multi-step-form ul.all-checked-option li label {padding-top: 5px !important;}
p.Pervious-nextbtn {display:flex;width: 100%;    vertical-align: top;margin-top: 45px;}
.step-six-content .form-group.custom-style { margin-bottom: 40px;}
.step-seven-content .form-group.custom-style {margin-bottom: 40px;}
.step-eight-content .form-group.custom-style.number-input input {font-family: 'latobold';font-weight: 600 !important; font-size: 17px;color: #000 !important;}
.step-eight-content .form-group.custom-style.number-input input::placeholder{font-weight: 600 !important; font-size: 17px;color: #000 !important;}
.form-group.custom-style.number-input {margin-bottom: 40px;}
button.previous-btn.btn-prev {border-radius:30px;font-family: 'latobold'; width: 150px;border: 0;height: 46px;background: none;color: #fff;text-transform: uppercase;font-size: 13px;border: 1px #000 solid;box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.06);color: #000;margin-right: 10px;}
.form-group.custom-style {margin-bottom: 0;}
.step-nine-content .form-group.custom-style.email-group { margin-bottom: 40px;}
span#selector-error {float: left;}
.step-forminline fieldset {border: 0;}
 .main-container ul li {color: #AAAAAA;display: block;position: relative;float: left;width: 100%;list-style: nnone;}
 .step-two-content ul.all-checked-option li {width: 50%;  float: left;}
 .main-container ul li input[type=radio] { position: absolute;visibility:hidden;top: 29px; left: 4px;z-index: 1;}
 .multi-step-form .main-container ul li label {display: block;position: relative;padding: 0px 2px 0px 36px;margin: 10px auto;z-index: 9;cursor: pointer;text-transform: capitalize;color: #000;font-weight: 600;font-size: 17px;height: 13px;font-family: 'Roboto', sans-serif;text-align: left;}
 .step-forminline .winning_pageant_like .checkmark { top: 5px;}
 .step-forminline .right_look_help_area .checkmark {position: absolute;top: 5px;}
 .multi-step-form .main-container ul li .check {display: block;position: absolute;border: 2px solid #ea4180;border-radius: 100%;height: 20px;width: 20px;top:9px;left: 0px;z-index: 5; }
 .main-container form ul {float: left;width: 100%;padding: 0;margin-bottom:45px;}
 .multi-step-form .main-container ul li .check::before { display: inline-block;border-radius: 50%;height: 12px;width: 12px;top: 0px;left: 0px;margin: 0;position: relative;
    transform: translate(0px, 0px);}
 .multi-step-form .main-container ul.male-female li label:before {display: none;}
.multi-step-form fieldset.slide-left.visible {animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInLeft;}
.winning_pageant_like, .find_a_pageant_gender, .find_a_pageant_dob, .find_a_pageant_married, .right_look_help_area,.find_a_pageant_speciality,.sub_of_find_a_pageant_speciality {animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInLeft;}
 ul.all-checked-option li { width: 50%;}       
.main-container  input[type="radio"]:checked + label:before{font-size:16px;line-height:10px;}
.main-container form input[type=radio]:checked ~ .check {border: 2px solid #ff3980;  }
.main-container form input[type=radio]:checked ~ .check::before {background: #ff3980; }
.main-container form input[type=radio]:checked ~ label {color: #ff3980; }
.signature {  margin: 10px auto;padding: 10px 0; width: 100%;}
.signature p {text-align: center;font-family: Helvetica, Arial, Sans-Serif; font-size: 0.85em;color: #AAAAAA;}
.signature .much-heart { display: inline-block;position: relative; margin: 0 4px;height: 10px;width: 10px;background: #AC1D3F;border-radius: 4px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.signature .much-heart::before, .signature .much-heart::after {display: block; content: '';position: absolute; margin: auto;height: 10px;width: 10px; border-radius: 5px;background: #AC1D3F;top: -4px;}
.signature .much-heart::after { bottom: 0;top: auto;left: -4px;}
.signature a { color: #AAAAAA; text-decoration: none;font-weight: bold; }
.main-container form .btn-submit {font-family: 'latobold'; border-radius:30px; width: 150px; border: 0;height: 46px; background: #ff3980;color: #fff; text-transform: uppercase; font-size: 13px;}
 .female-slide.hidden {display: none;}
.male-slide.hidden {display: none;}
 .main-container {max-width: 780px;margin: 0 auto;background: #fff;box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.06);padding: 50px 50px 50px 50px;overflow: hidden;}
section.multi-step-form {background-size: cover !important;background-repeat: no-repeat !important;padding-bottom: 43px !important;}
.find_a_pageant_gender.hidden {display: none;}
.find_a_pageant_dob.hidden {display: none;} 
.find_a_pageant_married.hidden {display: none;}
.right_look_help_area.hidden {display: none;}
.winning_pageant_like.hidden {display: none;}
.find_a_pageant_speciality.hidden {display: none;}
.sub_of_find_a_pageant_speciality.hidden {display: none;}
.thank_you_div.hidden{display: none;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 100%;height: 31px;padding: 0;}
ul.married li label:before {display: none;}
.multi-step-form .form-group.custom-style input {font-family: 'robotomedium';border-radius: 30px;}
.form-group.custom-style select{ font-family: 'robotomedium';border-radius: 30px;}
.multi-step-form .main-container fieldset {min-height: 300px;}
.multi-step-form .main-container .step-one-content {min-height: auto; }
.step-two-content {min-height: auto !important;}
/* .thank_you_div.hidden {background: rgb(233, 54, 121);padding: 45px;font-size: 37px;color: #fff;} */
select.ui-datepicker-year {width: 100% !important;height: 45px;padding: 0;} 
.step-forminline h2.second-title {text-align: left;}
.step-seven-content h2, .step-eight-content h2, .step-nine-content h2  {text-align: left !important;}
.step-six-content, .step-eight-content, .step-seven-content, .step-nine-content  {min-height: auto !important;}
.sucess-image img {width: 66px;padding-bottom: 15px;}
.thank_you_div h1 {font-size: 50px;font-weight: bold;font-style: normal;padding-bottom: 20px;}
.thank_you_div p {font-size: 18px;font-weight: 500;padding: 0 70px;line-height: 26px;padding-bottom: 30px;color: #000;}
button#create_an_account_btn img {width: 16px;margin-left: 8px;vertical-align: inherit;padding: 4px 0 0 0;}
button#create_an_account_btn {font-family: 'latobold';width: 170px;border: 0;height: 46px;background: #ff3980;color: #fff;text-transform: uppercase;font-size: 13px;}
.ui-datepicker .ui-datepicker-prev span {background-image: url('/images/previous-arrow.svg');background-position: 0 0;background-size: 100% !important;-webkit-filter: brightness(200%) invert(100%);}
.ui-datepicker .ui-datepicker-next span {background-image: url('/images/next-arrow.svg');background-position: 0 0;background-size: 100% !important;-webkit-filter: brightness(200%) invert(100%);}
#leadCaptureLoading{height: 15px;width: 15px;margin-left: -80px;margin-top: 15px;display: none;}
.find_a_pageant_speciality .cstm_select_type_section{border: 1px solid #bfbfbf;    float: left;    width: 100%;    padding: 10px 20px;    margin: 0px 0px 23px 0px;    display: none;}
.sub_of_find_a_pageant_speciality .cstm_select_type_section{border: 1px solid #bfbfbf;    float: left;    width: 100%;    padding: 10px 20px;    margin: 0px 0px 23px 0px;    display: none;}
.lbl_select_type{font-weight: bold;float:left;margin:15px 0px;font-size: 18px;color:#000000;}
a.cstm-multi-btn { margin:10px; font-family: 'latobold';width: 150px;border: 0; height: 46px;background: #ff3980;color: #fff; text-transform: uppercase;font-size: 12px; padding:10px 14px;border-radius: 30px;}
div#match_slider_links{ margin-top: 12px; margin-bottom: 8px;}
.thank_you_div hr{ margin-top: 25px; margin-bottom: 15px;}
.thank_you_div h2{text-align: center !important; margin-bottom: 25px !important;}
input#phone{width: 282px !important;margin-right:531px !important;}
.iti__country-list{ width:380px !important; }
.initial_capital_text{ text-transform:initial !important;  }
#pageant-match-form-block{ overflow: visible; }
.step-eight-content .form-group.custom-style.number-input input[type=tel]::placeholder{color: #cccccc !important;}
.terms-label{width:100% !important;}

.step-forminline input[type="radio"] + .checkmark{border-radius: 50%;border: 2px solid #ea4180;}
.step-forminline input[type="radio"]:checked + .checkmark:after{display: inline-block;border-radius: 50%;height: 12px;width: 12px;top: 0;left: 0px;margin: auto;background: #ff3980;transform: translate(2.2px, -1px);position: relative;border: 0;}
.descover-step{display: flex;justify-content: space-between;gap: 40px;align-items: center;}
.descover-step_img{min-width: 304px;max-width: 304px;}
.descover-step_content{width: 100%;text-align: left;}
.multi-step-form .descover-step_content h2{font-size: 34px; line-height: 44px; margin-bottom: 20px;}
.multi-step-form .descover-step_content p{font-size: 18px;line-height: 26px;color: #000;font-family: 'latobold';margin-bottom: 15px;}
.descover-step_bottom{padding-top: 15px;display: flex;justify-content: space-between;align-items: center;}
.descover-step_bottom .price-box{font-family:"Lato";font-size: 32px;line-height: 40px;color: #E93779;}
.descover-step_bottom .btn {width: 112px;height: 45px;border-radius: 100px;padding: 15px 24px;font-family: 'latobold';font-size: 13px;line-height: 15px;text-transform: uppercase;}


/* you have been matched bottom section starts */
.buy-section-wrapper{
    display:flex;
    border-top: 1px solid #D9D9D9;
    padding-top: 54px;
    margin-top: 54px;
}
.buy-section-wrapper .buy-section-card .card-content{
    display: flex;
    flex-direction: column;
}
.buy-section-wrapper .buy-section-card .card-content .card-text{
    margin-top: 8px;
}

.buy-section-wrapper .buy-section-card .card-content p{
    padding:0;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.buy-section-wrapper .buy-setion-cards{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 0 34px;
}
.buy-section-wrapper .buy-section-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #FFECF3;
    padding: 20px;
    border-radius: 20px;
    gap: 24px 0;
}

.buy-section-wrapper .buy-section-card .card-image{
    display: flex;
    gap: 0 12px;
    align-items: center;
}
.buy-section-wrapper .buy-section-card .card-image img{
    display: inline-block;
    max-width:101px;
    max-height: 86px;
    object-fit: cover;
    width: auto;
    border-radius: 3px;
}

.buy-section-wrapper .buy-section-card .card-image h2{
    font-size:24px;
    line-height: 34px;
    font-weight: 700;
    color: #000000;
    margin:0 !important;
    text-align: left !important;
}
.buy-section-wrapper .price-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.buy-section-wrapper .price-section .price {
    display: flex;
}

.buy-section-wrapper .price-section .price p{
    font-weight:800;
    font-size: 32px;
    line-height:40px;
    margin: 0 !important;
    color: #E93779;
    padding:0;
    text-align: left !important;
}
.buy-section-wrapper .price-section .buy-btn{
    display: flex;
}
.buy-section-wrapper .price-section .buy-btn a{
    appearance: none;
    border: none;
    background: #E93779;
    color: #fff;
    display: inline-block;
    padding: 13px 22px;
    border-radius: 20px;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
}

/* you have been matched bottom section ends */



@media screen and (max-width:767px){
    section.multi-step-form{
        padding-right:10px;
        padding-left: 10px;
    }
    .sucess-image img {width: 45px;    padding-bottom: 10px;}
    .thank_you_div h1 {font-size: 25px; }
    .thank_you_div p {font-size: 16px; padding: 0 10px; line-height: 20px; padding-bottom: 20px;}
    .main-container form fieldset h2 {line-height: 23px;    font-size: 21px;}
    .step-eight-content {min-height: auto !important;}
    .step-nine-content {min-height: auto !important;}
    .form-group.custom-style.datepicker-input { margin-top: 0px;}
    .multi-step-form .main-container fieldset{min-height:280px;}
    .step-seven-content{ min-height:auto;}
    .multi-step-form .main-container .step-two-content h2 {margin-bottom: 20px;    text-align: left !important;}
    h2.second-title {text-align: left;}
    .step-one-content h2 {text-align: center !important;    margin: 25px !important;}
    .multi-step-form .main-container {max-width: 100%;    padding: 20px;    overflow: hidden;}
   select.ui-datepicker-year {width: 100% !important;    height: 45px;    padding: 0;} 
    .multi-step-form .checkbox-container{font-size:14px;     font-family: 'Roboto', sans-serif;}
    .main-container form fieldset h2 {line-height: 28px;    font-size: 22px;    text-align: left;    margin-bottom: 20px;    margin-top:0; }
    .multi-step-form .main-container ul li label {font-size:13px;}
    .main-container form fieldset h2 { line-height: 28px;font-size: 22px;}
    .main-container form fieldset h1 img { margin: 0px auto 20px auto;max-width: 215px;}
    .male-female { margin: 0;float: left;padding: 0;margin-bottom: 30px;}
    .married{margin: 0;float: left;padding: 0;margin-bottom: 30px;}
    span#selector1-error{top:auto;}
    .form-group.custom-style {float: left; width: 100%;}
    .step-forminline fieldset {border: 0;padding: 0 20px 0 13px;}
    .step-six-content .form-group.custom-style {margin-bottom: 20px;}
    .multi-step-form fieldset.visible {animation-duration:inherit;-webkit-animation-fill-mode: both;animation-fill-mode: both; animation-name:inherit;position: relative;}
    a.cstm-multi-btn { float: left; width: 100%; margin: 6px 0px 10px 0px; }
    button#create_an_account_btn { width: 100%; }

    .descover-step { flex-direction: column;gap: 10px;}
    .descover-step_img {max-width: 173px;min-width: 173px;}    
    .descover-step_content {text-align: center;}    
    .multi-step-form .descover-step_content h2 {text-align: center !important;font-size: 22px;line-height: 28px;margin-bottom: 10px;}    
    .multi-step-form .descover-step_content p {font-size: 16px;line-height: 20px;}    
    .descover-step_bottom .price-box {font-size: 26px;line-height: 34px;}
    .descover-step_bottom .btn {width: 108px;height: 40px;padding: 13px 22px;}

    .buy-section-wrapper{
        padding-top:30px;
        margin-top: 30px;
    }
    .card-direction-column-m{
        flex-direction: column !important;
    }

    .buy-section-wrapper .buy-setion-cards{
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 10px 0;
    }
    .buy-section-wrapper .buy-section-card .card-image h2{
        font-size: 20px;
        line-height: 28px;
    }
    .buy-section-wrapper .buy-section-card .card-content p{
        font-size: 14px;
        line-height: 20px;
    }
    .buy-section-wrapper .buy-section-card .card-image.card-direction-column-m{
        align-items: flex-start;
        gap: 12px 0;
    }
    .buy-section-wrapper .buy-section-card .card-image.card-direction-column-m img{
        max-width: 80px;
        max-height: 60px;
    }
    .step-forminline input[type="radio"]:checked + .checkmark:after{
        transform: translate(2.2px, -1px);
        top: 0.2px;
    }
    .main-container form input[type=radio]:checked ~ .check::before{
        transform: translate(0px, -1px);
        top: 0.2px;   
    }

}