@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;1,600&display=swap');

.all_forms .form_heading,
.animation-form .form_heading {
    margin-bottom: 5px;
    width: 100%;
    margin-left: 0;

}

.all_forms .form_heading h2,
.animation-form .form_heading h2 {
    font-size: 32px;
    line-height: 40px;

    font-weight: 700;
}

.all_forms .form_heading h2 span.material-symbols-outlined,
.animation-form .form_heading h2 span.material-symbols-outlined {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    color: #07038C;
    font-size: 40px;
    line-height: 40px;
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 48
}

.all_forms,
.all_forms p,
.animation-form,
.animation-form p {

    font-weight: 400;
}

.all_forms .form_heading p,
.animation-form .form_heading p {

    font-size: 16px;
    line-height: 50px;
    font-weight: 400;

}

.all_forms .card,
.animation-form .card {
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    border-radius: 30px;
    padding: 40px 40px 0px 40px;
    margin: 10px 0px 40px 25px;
    max-width: 97%;
    display: block;
}

.all_forms .card.paddingB,
.animation-form .card.paddingB {
    padding-bottom: 50px;
}


.all_forms .card .card-body,
.animation-form .card .card-body {
    padding-bottom: 0;
    padding: 0 !important;
}



.password_val_show {
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
    border: solid 1px #958E8E;
    padding: 25px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    margin-top: 10px;
    width: 400px;
    z-index: 999999;
}

.password_val_show ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.password_val_show ul li {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 15px;

}

.password_val_show ul li:last-child {
    margin-bottom: 0;
}

.password_val_show ul li span {
    font-size: 16px;

    color: #EC3E34;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.password_val_show ul li span.span_check,
.password_val_show ul li.valid span.span_uncheck {
    display: none;
}

.password_val_show ul li.valid span.span_check {
    display: inline-block;
    color: #6ACF65;
}

.pwd-btn {
    position: absolute;
    right: 25px;
    top: 40px;
    z-index: 9999;
}

.pwd-btn span {
    color: #181818;
}

.pwd-btn .visibility,
.pwd-btn.active .visibility_off {
    display: none;
}

.pwd-btn.active .visibility {
    display: block;
}

.password_val_show::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 32px;
    width: 30px;
    height: 41px;
    background: url(../../images/arrow.svg) no-repeat !important;
    background-size: cover !important;
    background-position: 0 0;
    z-index: 9;
    display: block;
}

.password_val_show {
    display: none;
}

.form-group input:focus~.password_val_show {
    display: block;
}

#password-match-label span.material-symbols-outlined {
    color: green;
    position: absolute;
    right: 25px;
    top: 40px;
    display: none;
}

#password-match-label.active span.material-symbols-outlined {
    display: block;
}

#password-match-label.active span.material-symbols-outlined.cancel {
    display: none;
}



#password-match-label input:focus~span.material-symbols-outlined.cancel,
#password-match-label.invalid input~span.material-symbols-outlined.cancel {
    display: block;
    color: #EC3E34;
}

#password-match-label.active input:focus~span.material-symbols-outlined.cancel {
    display: none;
}

.sub_form_heading {
    width: 100%;
    margin-left: 0px;
}

.form-textarea textarea {
    width: 100%;
    border-color: #000000;
    height: 150px;
}

.all_forms .card .form-group .datepicker,
.animation-form .card .form-group .datepicker,
#dynamic_form .form-group input.hasDatepicker,
.all_forms .card .form-group.show-year .form-control,
#yeardatepicker,
#cheque_date, .datepicker {
    background: url("../images/calendar_month.svg") transparent no-repeat !important;
    background-position: bottom 10px right 20px !important;
    background-position: right 3em bottom 10px !important;
    background-position: bottom 10px right !important;
    background-position: center right 10px !important;
}


.item .dateyear {
    background: url(icons/calendar_month.svg) #ffffff no-repeat !important;
    background-position: bottom 10px right 20px !important;
    background-position: right 3em bottom 10px !important;
    background-position: bottom 10px right !important;
    background-position: center right 10px !important;
}


.select_area_required .parsley-errors-list {
    position: absolute;
    left: 18px;
    top: 48px;
}



.show-year .ui-datepicker-year {
    display: block !important;
}

#dynamic_form,
.child_details {
    width: 100%;
}

.animation-form .child_details .form-group.select-area .select2-container,
.all_forms .child_details .form-group.select-area .select2-container {
    width: 95% !important;
}




.dynamic_form_content {
    margin: 0 0 50px 0;
}

.table_form_row {

    padding: 0px 0 0 0;
    margin: 0;
}

.form_field_outer_row:last-child .form-group {
    margin-bottom: 0;
}

#dynamic_form .btn {
    padding: 10px 0 !important;
    width: 200px;
    font-size: 14px;
    line-height: 14px;
    text-transform: none !important;
    border-radius: 30px;
}

#dynamic_form .btn.btn-secondary {
    background: none !important;
    border-color: #000000 !important;
    color: #000;
    font-weight: 400;
}

.btn-primary.disabled,
.btn-secondary:disabled,
#dynamic_form .btn.btn-secondary.disabled {
    background: #cccccc !important;
    border: solid 1px #cccccc !important;
    color: #fff !important;
}

.animation-form .no_adding .form-group.add_del_btn_outer .disabled,
.all_forms .no_adding .form-group.add_del_btn_outer .disabled {
    display: block !important;
}

.animation-form .form-group input,
.all_forms .form-group input {
    width: 100%;
    padding-left: 20px;
}

#dynamic_form .btn .material-symbols-outlined {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    position: relative;
    top: -1px;
}






ul.ks-cboxtags {
    list-style: none;
    padding: 0;
}

ul.ks-cboxtags li {
    display: inline-block;
    margin: 0 10px 30px 10px;
}

ul.ks-cboxtags li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid #000000;
    color: #adadad;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;

    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px;
    color: #000;
}

ul.ks-cboxtags li label {
    padding: 5px 25px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label {
    border: 1px solid #07038C;
    background-color: #07038C;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}

ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

ul.ks-cboxtags li input[type="checkbox"]:focus+label {
    border: 1px solid #07038C;
}

.all_forms .tabs .nav-tabs .nav-link {
    position: relative;
}

.all_forms .tabs .nav-tabs .nav-link::before {
    content: "";
    width: 0;
    height: 4px;
    background: #07038C;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.all_forms .tabs .nav-tabs .nav-link.active {
    border-bottom: none !important;
    font-weight: 700;
}

.all_forms .tabs .nav-tabs .nav-link {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.all_forms .tabs .nav-tabs .nav-link.active::before {
    width: 100%;
}

ul.ks-cboxtags li label svg {
    fill: #000000 !important;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

ul.ks-cboxtags.social_check li input[type="checkbox"]:checked+label svg {
    fill: #FFFFFF !important;
}

ul.ks-cboxtags.social_check li:first-child {
    margin-left: 0;
}

ul.ks-cboxtags.social_check li input[type="checkbox"]:checked+label::before,
ul.ks-cboxtags.social_check li label::before {
    display: none !important;
}

.social-item {
    margin: 20px 0 20px 0;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.social-item em {
    font-style: normal;
}

.social-item a {
    font-weight: 700;
    color: #07038C;
    display: inline-block;
    margin: 0 5px;
}

.radio-group {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: solid 1px #000000;
}

.radio-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.radio-group ul li {
    display: inline-block;
    margin-left: 50px;
}

.radio-group ul li label,
.radio-payment label {
    display: inline-block;

    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-left: 10px;
}

.radio-group ul li input {
    position: relative;
    top: 1px;
}

.radio-group ul li:first-child {
    margin-left: 0;
}

.grand-total {
    margin-bottom: 50px;
}

.grand-total.active {
    display: block;
}

.grand-total h3 {
    color: #07038C;
    font-size: 24px;
    line-height: 30px;

    font-weight: 700;
}

.grand-note {
    margin-bottom: 50px;
}

.all_forms .card .card-body.radio-payment-card {
    padding-bottom: 30px !important;
}

.radio-payment label {
    margin-left: 50px !important;
}


.radio-payment-card.paymentMethods.payment-type-radio-payment.payment-type-radio-card .radio-payment label {
    margin-left: 0px !important;
}






.radio-payment-card.paymentMethods.payment-type-radio-payment.payment-type-radio-card  .radio-payment .parsley-errors-list{top: 40px !important;}




.radio-payment label:first-child {
    margin: 0 !important;
}

.radio-payment label input {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.admin_tabs {
    margin-bottom: 50px;
}

.admin_tabs .nav {
    border-bottom: solid 1px #000000;
    padding: 0 0 8px 0;
    margin: 0 0 30px 0;
}

.admin_tabs .nav .nav-item {
    margin-right: 30px;
}

.admin_tabs .nav .nav-link {
    position: relative;
    background: none;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;

}

.admin_tabs .nav .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 4px;
    background: #07038C;
}

.admin_tabs .nav .nav-link.active {
    font-weight: 700;
}

.admin_tabs .nav .nav-link.active::before {
    width: 100%;
}

.all_forms .card.admin_tab_card .card-body,
.animation-form .card.admin_tab_card .card-body {
    padding-bottom: 40px !important;
}

.animation-form .form_heading {
    margin: 0 0 30px 10px;
    max-width: 98%;
}

.animation-form .pwd-btn {
    right: 50px;
}

.animation-form #password-match-label span.material-symbols-outlined {
    right: 50px;
}

.animation-form .password_validations_eye label,
.animation-form #password-match-label label {
    color: #07038C !important;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px !important;
    line-height: 12px;
    background-color: #fff !important;
    z-index: 99 !important;

}

.animation-form .col-sm-12.m-b-30 {
    margin-bottom: 30px !important;
}

/* .animation-form .child_row1 .form-group input+label {
    color: #07038C;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    z-index: 4;
} */

.all_forms .card .form-group.select-area .dropdown_label,
.animation-form .card .form-group.select-area .dropdown_label {
    top: -5px;
    font-size: 12px;
    font-weight: 700;
    z-index: 999 !important;
}




.animation-form .form-group input[type="text"]+label {
    z-index: 1;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none !important;
}

select option {
    margin: 40px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.dynamic_form_content select.form-control {
    border-color: #000000;
    height: 50px !important;
    position: relative;
    z-index: 2;

    width: 100% !important;
    border-width: 1px;
}


input:optional {
    border-color: gray;
}

input:required {
    border-color: black;
}


.input_date_row input,
.date_input_picker input.form-control {
    background: url(icons/calendar_month.svg) transparent no-repeat !important;
    background-position: bottom 10px right 20px !important;
    background-position: right 3em bottom 10px !important;
    background-position: bottom 10px right !important;
    background-position: center right 10px !important;
}

.input_date_row input~label {
    color: #07038C !important;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px !important;
    line-height: 12px !important;
    background-color: #fff !important;
    z-index: 9 !important;
    font-weight: 700 !important;
}

.ui-widget.ui-widget-content {
    z-index: 99999 !important;
}

#district2[style="display: none;"]~.select2-container,
#district[style="display: none;"]~.select2-container {
    display: none !important;
}

.radio-payment .parsley-errors-list {
    position: absolute;
    left: 41px;
    top: 95px;

}

.payment-type-radio-payment.radio-payment .parsley-errors-list {
    top: 80px;
}


.requiredSpan .parsley-errors-list {
    position: absolute;
    left: 20px;
    top: 51px;
}

.animation-form .form-group input[type=radio],
.all_forms .form-group input[type=radio],
.animation-form .form-group input[type=checkbox],
.all_forms .form-group input[type=checkbox] {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.dynamic_form_content .input_value1 input.child_datepicker1~label,
.dynamic_form_content .input_value2 input.child_datepicker2~label,
.dynamic_form_content .input_value3 input.child_datepicker3~label,
.dynamic_form_content .input_value4 input.child_datepicker4~label,
.dynamic_form_content .input_value5 input.child_datepicker5~label {
    color: #07038C;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    z-index: 3;
    font-weight: 700;
}

.animation-form .form-group.fixed_label input~label {
    color: #07038C !important;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px !important;
    line-height: 12px !important;
    background-color: #eeeeee !important;
    z-index: 9 !important;
    font-weight: 700;
}

.animation-form .form-group.readonly_input input {
    background: #eeeeee !important;
}

.animation-form .form-group.date_input_picker input~label {
    background-color: #ffffff !important;
}





.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

.all_forms .card .form-group input.parsley-error,
.all_forms .card .form-group textarea.parsley-error {
    border: solid 2px #EC3E34 !important;
    background: none;
}

.parsley-errors-list {
    margin-top: 10px;
}

.all_forms .card #dynamic_form .form-group.add_del_btn_outer {
    margin-bottom: 0 !important;
}

.all_forms .card #dynamic_form .form-group.add_del_btn_outer p {
    font-size: 20px;
    line-height: 50px;
    color: #000;
    margin-bottom: 0;
}

.add_del_btn_outer .col-md-6.pr-0 {
    position: relative;
    left: 10px;
}

.radio-payment {
    border-bottom: solid 1px #958E8E;


}

.radio-payment-card .radio-payment {
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.payment_block #card-element {
    height: 50px;
}

.radio-payment-card .payment_block {
    border-top: solid 1px #958E8E;
    padding-top: 30px;

}

.radio-payment-card .payment_block iframe {
    height: 40px !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select {
    min-height: 40px;
}

.payment_block.cheque .form-group {
    margin-bottom: 0 !important;
}

.payment_block.cheque .form-group.col-sm-6 {
    margin-bottom: 30px !important;
}

.image_input em.image_span {
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    color: #07038C;
    position: absolute;
    left: 10px;
    top: -7px;
    z-index: 9;
    padding: 0 10px;

    font-weight: 700;
    font-style: normal;
}

.form_fields .form-group label,
.form_fields .form-group textarea label {
    position: absolute;
    left: 13px;
    top: 10px;
    display: block;
    padding: 0 10px;
    color: #74777F;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    z-index: 1;
}

.form_fields .form-group input {
    width: 100%;
    height: 50px;
    border: solid 1px #000000;
    position: relative;
    z-index: 2;
    background: none !important;
}

.form_fields .form-group textarea {
    border: solid 1px #000000;
    position: relative;
    z-index: 2;
    background: none !important;
}

.form_fields .form-group input:focus~label,
.form_fields .form-group textarea:focus~label,
.form_fields .form-group.input-has-value label {
    color: #07038C !important;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px !important;
    line-height: 12px !important;
    background-color: #fff !important;
    z-index: 9 !important;
    font-weight: 700;
    z-index: 3;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 400px !important;
}

.content-wrapper .card .datepicker .table thead::before {
    display: none;
}

.content-wrapper .card .datepicker .table th {
    border-bottom: solid 1px #000000 !important;
}

.content-wrapper .card .collapse .datepicker {
    background: none !important;
}

.all_forms .card .form-group.password_validations_eye .span_required,
.all_forms .card .form-group#password-match-label .span_required {
    color: #07038C;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    z-index: 3;
    font-weight: 700;
}

.animation-form .form-group.input-has-value label.span_required,
.animation-form .form-group.text-area label.span_required {
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    color: #07038C;
    position: absolute;


    z-index: 9;
    padding: 0 10px;
}

.animation-form .form-group.text-area label.span_required {
    top: -10px;
    left: 20px;
}

.qtooltip {
    color: #07038C;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    cursor: pointer;
    right: 4px;
    top: 14px;
}

.qtooltip span {
    background: #000;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    padding: 7px 11px;
    min-width: 220px;
    max-width: 250px;
    position: absolute;
    left: 30px;
    top: -5px;
    display: none;
    z-index: 9;
}

.qtooltip span::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 3px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000;
}

.qtooltip:hover span {
    display: block;
}

.parsley-errors-list {
    line-height: 1.2em;
}

.all_forms .card .form-group label,
.animation-form .card .form-group label {
    color: #000;
}

::-webkit-input-placeholder {
    font-size: 16px;
    color: #000000 !important;
}

::-moz-placeholder {
    font-size: 16px;
    color: #000000 !important;
}

:-ms-input-placeholder {
    font-size: 16px;
    color: #000000 !important;
}

:-moz-placeholder {
    font-size: 16px;
    color: #000000 !important;
}

.select_only {
    font-size: 16px;
    color: #000000 !important;
    /* background: url(../images/arrow.png) transparent no-repeat !important; */
    background-position: bottom 10px right 20px !important;
    background-position: right 3em bottom 10px !important;
    background-position: bottom 10px right !important;
    background-position: center right 10px !important;

}


.payment-type-radio-payment .radio-item {

    display: inline-block;
    margin-right: 15px;
    margin-bottom: 30px;
}

.payment-type-radio-payment .radio-item label {
    background: transparent;
    padding: 6px 35px 6px 55px;
    border-radius: 100px;
    color: #000000;
    position: relative;
    border: solid 1px #000000;
    cursor: pointer;


}

.payment-type-radio-payment .radio-item label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 30px;
    top: 16px;
    display: none;
}

.payment-type-radio-payment .radio-item label::after {
    content: "";
    width: 18px;
    height: 18px;
    border: solid 2px #000000;
    border-radius: 100%;
    position: absolute;
    left: 26px;
    top: 12px;

}

.payment-type-radio-payment .radio-item input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
}

#checkout-form .payment-type-radio-payment .radio-item label {
    margin-left: 0 !important;
}

.payment-type-radio-payment .radio-item input:checked~label::before {
    display: block;
}

.payment-type-radio-payment .radio-item input:checked~label::after {
    border-color: #ffffff;
}

.payment-type-radio-payment .radio-item input:checked~label {
    background: #07038C;
    color: #ffffff;
    border-color: #07038C;
}

.grand-note a,
#captchaerrors {
    color: #07038C;

}

.recapta_inner {
    padding-left: 20px;
}

.select-parsley-required .parsley-errors-list {
    position: absolute;
    bottom: 0;
    left: 17px;
}

.select-parsley-required #parsley-id-51 {
    bottom: -25px;
}

.all_forms .card .form-group input,
.animation-form .card .form-group input {
    color: #000000;
    font-size: 16px;
}

.all_forms .card .form-group textarea,
.animation-form .card .form-group textarea {
    color: #000000;
    font-size: 16px;
    padding: 15px;
    border: solid 1px #000000;
}

.custom-select {
    border: solid 1px #000000;
}


.cheque_amount:visited {
    border: solid 1px red !important;
}

.all_forms .card .form-group.disbaled_input label,
.animation-form .form-group.disbaled_input label {
    color: #07038C !important;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px !important;
    line-height: 12px;
    background-color: #ffffff;
    z-index: 3 !important;
    font-weight: 700;
    /* dfdf */

}





.all_forms .card .form-group.disbaled_input input,
.animation-form .form-group.disbaled_input input {
    background: #e9ecef !important;
}



.form-control:focus {
    border-color: #000000 !important;
}

.checkbox_toggle {
    position: relative;
    margin: 0;
    padding: 0;
}

.checkbox_toggle input {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.checkbox_toggle label {
    position: relative;
    border: solid 1px #000000;
    display: inline-block;
    padding: 12px 30px 12px 45px;
    border-radius: 5px;
    cursor: pointer;
    min-width: 95%;
}

.checkbox_toggle input:checked~label {
    border-color: #07038C;
    background: #07038C;
    color: #ffffff !important;
}

.checkbox_toggle input:checked~label::before {
    border-color: #ffffff;
    background: #ffffff;
}



.checkbox_toggle label::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 13px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: solid 1px #000000;
}

.checkbox_toggle label::after {
    content: " ";
    position: absolute;
    left: 17px;
    top: 17px;
    display: none;
    height: 12px;
    width: 12px;
    background: #78b13f;
    border-radius: 100%;




}












.checkbox_toggle input:checked~label::after {
    display: block;
}

.all_checkboxes .checkbox_toggle {
    display: inline-block;
    margin-right: 30px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 99999 !important;

    width: 100% !important;

}

.backend_memeber_admin .paddingB {
    padding-bottom: 30px;
}

.select-area .dropdown_label {
    /* font-size: 12px !important;
    font-weight: 700 !important;
    top: -7px !important;
    background: #ffffff;
    z-index: 3 !important; */
}

.check_active .parsley-errors-list {
    display: none !important;
}

.input-has-value .parsley-errors-list~label {
    color: #07038C !important;
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    font-size: 12px !important;
    line-height: 12px;
    background-color: #fff !important;
    z-index: 3 !important;
    font-weight: 700 !important;
    top: 14px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 93% !important;
}

.select_membership .grand-total {
    margin-top: 30px;
}

.select-area .parsley-errors-list.filled~.select2 .select2-selection {
    border: solid 2px #EC3E34 !important;
}

.payments_note h6 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #44474F;
    margin: 0;
    padding: 0 0 20px 0;
}

.payments_note p {
    font-size: 16px;
    line-height: 28px;
    color: #44474F;
    margin: 0;
    padding: 0 0 15px 0;
}

.payments_note a,
.payments_note span {
    color: #07038C;
    font-weight: 700;
}

.payments_note a.no-color {
    color: #44474F;
    font-weight: 400;
}

.payments_note figure img {
    width: 100%;
}

.payment_block_amount {
    color: #181818;
    margin-bottom: 15px;
    margin-top: -10px;
    border: none !important;
    padding: 0 !important;
}

.payment_block_amount span {
    color: #07038C;
    font-weight: 700;
}

.all_forms .card .form-group.disbaled_input.dollar_symbol input,
.animation-form .form-group.disbaled_input.dollar_symbol input {
    background: url(../images/dollor_sign.svg) no-repeat 0 0 #e9ecef !important;
    background-position: bottom 10px left 20px !important;
    background-position: left 3em bottom 10px !important;
    background-position: bottom 10px left !important;
    background-position: center left 10px !important;
    padding-top: 12px !important;
    padding-left: 25px !important;
}

.all_forms .card .dollar_symbol input,
.animation-form .dollar_symbol input {
    background: url(../images/dollor_sign.svg) no-repeat 0 0 !important;
    background-position: bottom 10px left 20px !important;
    background-position: left 3em bottom 10px !important;
    background-position: bottom 10px left !important;
    background-position: center left 10px !important;
    padding-top: 12px !important;
    padding-left: 25px !important;
}

.animation-form .form-group.disbaled_input.dollar_symbol input#amount {
    padding-top: 8px !important;
}

.btn_padding_l .btn {
    margin-left: 20px;
}

.animation-form .form-group .form-control.parsley-error,
.all_forms .form-group .form-control.parsley-error {
    border: solid 2px #EC3E34;
}

.payment_method_area .parsley-errors-list {
    display: none;
}

.payment_method_area .parsley-errors-list.filled {
    display: block;
}

.animation-form .form-group .form-control.parsley-error:focus-visible,
.all_forms .form-group .form-control.parsley-error:focus-visible,
.animation-form .form-group .form-control.parsley-error:focus,
.all_forms .form-group .form-control.parsley-error:focus {
    border: solid 2px #EC3E34 !important;
}

.password_eye_postions .animation-form .pwd-btn,
.password_eye_postions .animation-form #password-match-label span.material-symbols-outlined {
    right: 70px;
}


.all_forms .select2-container--default .select2-selection--single, .all_forms .select2-container--default .select2-selection--single .select2-selection__rendered, .all_forms .select2-container--default .select2-selection--single .select2-selection__clear {
    height: 40px;
    line-height: 40px;
    border-color: #000000;
    padding-left: 10px;
    font-size: 14px;
}

#captchaerrors{font-size: 12px; color: #ff0000 !important ;}
/* Full-screen loader */
.loading {
    --speed-of-animation: 0.9s;
    --gap: 6px;
    --first-color: #07038C;
    --second-color: #07038C;
    --third-color: #07038C;
    --fourth-color: #07038C;
    --fifth-color: #07038C;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    z-index: 9999; /* Ensure it overlays all content */
    display: none; /* Hidden by default */
    display: flex; /* Enable flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    gap: var(--gap); /* Maintain existing gap */
}

/* Loader spans */
.loading span {
    width: 4px;
    height: 50px;
    background: var(--first-color);
    border-radius: 2px; /* Optional: slight rounding for bars */
    animation: scale var(--speed-of-animation) ease-in-out infinite;
}

.loading span:nth-child(2) {
    background: var(--second-color);
    animation-delay: -0.8s;
}

.loading span:nth-child(3) {
    background: var(--third-color);
    animation-delay: -0.7s;
}

.loading span:nth-child(4) {
    background: var(--fourth-color);
    animation-delay: -0.6s;
}

.loading span:nth-child(5) {
    background: var(--fifth-color);
    animation-delay: -0.5s;
}

@keyframes scale {
    0%, 40%, 100% {
        transform: scaleY(0.05);
    }
    20% {
        transform: scaleY(1);
    }
}

.ribbon-container {
    position: absolute;
    top: 0;
    right: -406px;
    overflow: hidden;
    width: 150px;
    height: 150px;
    z-index: 1;
}

.ribbon-text {
    position: absolute;
    right: -40px;
    top: 25px;
    width: 200px;
    padding: 5px 0;
    background-color: #f39c12; /* default */
    color: #000;
    text-align: center;
    font-weight: bold;
    transform: rotate(45deg);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    font-size: 14px;
    letter-spacing: 1px;
}

/* Optional: custom colors */
.bg-paid {
    background-color: #fbff07;
}

.bg-rsvp {
    background-color: #0eff01;
    color: #000000 !important;
}