:root {
    --main_btn: #94CA4B;
    --black_color: #4D4D4D;
    --pink_color: #A8659A;
    --white_color:#FFFFFF;
}

@font-face { font-family: "DM_Sans_semibold"; src: url('/website/assets/plugins/global/fonts/customFonts/DM_Sans/static/DMSans-SemiBold.ttf');  }
@font-face {
    font-family: "DM_Sans_bold";
    src: url('/website/assets/plugins/global/fonts/customFonts/DM_Sans/static/DMSans-Bold.ttf');
    /*src: url(../assets/font/DM_Sans/static/DMSans-Bold.ttf);*/
}

@font-face {
    font-family: "Aclonica_regular";
    src: url('/website/assets/plugins/global/fonts/customFonts/Aclonica/Aclonica-Regular.ttf');
    /*src: url(../assets/font/Aclonica/Aclonica-Regular.ttf);*/
}

@font-face {
    font-family: "outfit_light";
    src: url('/website/assets/plugins/global/fonts/customFonts/Outfit/static/Outfit-Light.ttf');
    /*src: url(../assets/font/Outfit/static/Outfit-Light.ttf);*/
}

@font-face {
    font-family: "outfit_semibold";
    src: url('/website/assets/plugins/global/fonts/customFonts/Outfit/static/Outfit-SemiBold.ttf');
    /*src: url(../assets/font/Outfit/static/Outfit-SemiBold.ttf);*/
}

@font-face {
    font-family: "outfit_regular";
    src: url('/website/assets/plugins/global/fonts/customFonts/Outfit/static/Outfit-Regular.ttf');
    /*src: url(../assets/font/Outfit/static/Outfit-Regular.ttf);*/
}

@font-face {
    font-family: "outfit_bold";
    src: url('/website/assets/plugins/global/fonts/customFonts/Outfit/static/Outfit-Bold.ttf');
    /*src: url(../assets/font/Outfit/static/Outfit-Bold.ttf);*/
}

@font-face {
    font-family: "opensanshebrew_regular";
    src: url('/website/assets/plugins/global/fonts/customFonts/OpenSansHebrew/opensanshebrew-regular.ttf');
    /*src: url(../assets/font/OpenSansHebrew/opensanshebrew-regular.ttf);*/
}

/* means white backgrond btn   */
::placeholder {
    color: #BDBDBD;
    font-family: "outfit_light";
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.36px;
    text-transform: capitalize;
}

.next_btn {
    border-radius: 33px;
    border: 2px solid var(--main_btn);
    background: #FFF;
    padding: 14px 33px;
    color: #94CA4B;
    font-family: "DM_Sans_semibold";
    font-size: 18px;
    line-height: normal;
    text-decoration: none;
    width: 185px;
    display: flex;
    justify-content: center;
}
.next_btn:hover{background: var(--main_btn);color: var(--white_color);}
.btn_primary {
    padding: 14px 33px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: "DM_Sans_semibold";
    font-size: 16px;
    text-decoration: none;
    border-radius: 33px;
    border: 2px solid var(--main_btn);
    background: var(--white_color);
    color: var(--main_btn);
}
.btns{display: flex;justify-content: space-evenly}
.btn_primary:hover{background: var(--main_btn);color: var(--white_color);}
.btn_secondary {
    border:none;
    padding: 14px 33px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 33px;
    background: var(--main_btn);
    color: #FFF;
    font-family: "DM_Sans_semibold";
    font-size: 18px;
    line-height: normal;
    text-transform: capitalize;
    text-decoration: none;
    border: 2px solid var(--main_btn);
}
.btn_secondary:hover{background-color: var(--white_color);border: 2px solid var(--main_btn); color: var(--main_btn);}
.txt_field input[type="text"],
.txt_field input[type="password"],
.txt_field input[type="email"],
.txt_field input[type="tel"],
.txt_field input[type="number"] {
    border-radius: 12px;
    border: 1px solid #BBB;
    background: #FFF;
    padding: 14px 20px;
    width: 50%;
    margin-top: 33px;
}



h1 {
    color: var(--black_color);
    font-family: "Aclonica_regular";
    font-size: 33px;
    line-height: normal;
    text-transform: capitalize;
}

h2 {
    color: var(--black_color);
    font-family: "Aclonica_regular";
    font-size: 23px;
    line-height: normal;
    text-transform: capitalize;
}

h3 {
    color: #5D5D5D;
    font-family: "outfit_bold";
    font-size: 20px;
    line-height: normal;
    text-transform: capitalize;
}

h4 {
    color: var(--black_color);
    font-family: "outfit_regular";
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
}

p {
    color: #5D5D5D;
    font-family: "outfit_regular";
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
}
.clover_image{width: 200px;height: 200px}
/* header section css */
.header_section .header_btn .btn_secondary {
    column-gap: 10px;
}

.header_section {
    box-shadow: 0px 4px 4px 0px rgba(219, 219, 219, 0.25);
}

.header_section .navbar-collapse {
    justify-content: center;
}

.header_section .navbar-nav {
    gap: 20px;
}

.header_section .navbar-nav li a {
    line-height: normal;
    font-size: 20px;
    color: var(--black_color);
    font-family: "DM_Sans_semibold";
    padding: 10px;
}

.header_section .navbar-nav .nav-item .active {
    color: var(--pink_color);
    border-bottom: 2px solid var(--pink_color);
}

/* content section css */

.stepper_section .image_animation {
    background-image: url('/website/assets/media/images/property.png');
    background-repeat: no-repeat;
    position: relative;
    animation: mymove 5s ;
    width: 500px;
    height: 500px;
    animation-fill-mode: forwards;
    cursor: pointer;
    animation-delay: -1s;
}

@keyframes mymove {
    0% {
        background-image: url('/website/assets/media/images/property.png');
        /*background-image: url('../assets/images/Property\ 1=Variant2.png');*/
        width: 100%;
        background-repeat: no-repeat;
        margin: auto;
    }

    25% {
        background-image: url('/website/assets/media/images/Property_Variant3.png');
        width: 100%;
        background-repeat: no-repeat;
        margin: auto;
    }

    75% {
        background-image: url('/website/assets/media/images/Property_Variant4.png');
        width: 100%;
        background-repeat: no-repeat;
        margin: auto;
    }

    100% {
        background-image: url('/website/assets/media/images/Property_Variant5.png');
        width: 100%;
        background-repeat: no-repeat;
        margin: auto;
    }

    100% {
        background-image: url('/website/assets/media/images/Property_Variant5.png');
        width: 100%;
        background-repeat: no-repeat;
        margin: auto;
        left: 0;
        right: 0;
    }
}

.stepper_section .main_image_container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 650px
}

.stepper_section {
    padding: 10px;
    height: 650px;
}

#regForm {
    background-color: #ffffff;
    margin: 100px auto;
;
}

.signup_btn {
    margin-top: 33px;
}

.stepper_section .signup input {
    margin-top: 0px;
}

.stepper_section .signup h1 {
    margin-top: 66px;
    margin-bottom: 33px;
}
.stepper_section .next_button {
    display: flex;
    justify-content: center;
    margin-top: 33px;
}
.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon){border: 1px solid;padding: 14px 33px;}
/* Mark input boxes that gets an error on validation: */
input.invalid {
    border: 1px solid red;
}
.forget_pass button{margin:40px auto}
/* Hide all steps by default: */
.stepper_section .tab {
    display: none;
}

.stepper_section .main_inputs {
    margin: auto;
}

/* Make circles that indicate the steps of the form: */
.step {
    /* height: 15px; */
    /* width: 15px; */
    /* margin: 0 2px; */
    /* background-color: #bbbbbb; */
    /* border: none; */
    /* border-radius: 50%; */
    /* display: inline-block; */
    /* opacity: 0.5; */
}

/* Mark the active step: */
.step.active {
    /* opacity: 1; */
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #04AA6D;
}

#regForm {
    text-align: center;
    padding: 0;
    max-width: unset;
}

#nextBtn {
    display: flex;
    justify-self: center;
    float: unset;
}

.stepper_pagination {
    display: none;
}

.btn-outline-success {
    border: 1px solid var(--pink_color);
    color: var(--pink_color);
    padding: 16px 66px;
    border-radius: 12px;
    border: 1px solid var(--pink_color);
}

.stepper_section .main_inputs {
    display: flex;
    gap: 20px;
    font-family: "outfit_light";
    flex-wrap: wrap;
    justify-content: center;
}

.stepper_section #regForm .post_code h1 {
    width: 80%;
    margin: auto;

}

.stepper_section #regForm .main_inputs {
    margin-top: 33px;
    padding: 10px 33px;
    max-width: 75%;
}

.plugin_image {
    float: right;
}

/*.clover_finderImg{width: 266px;margin: auto}*/
.tab .clover_finderImg{width:370px;margin: auto;height:auto}
.tab .clover_finderImg img{width:100%;height:100%;object-fit: cover}
.next_button {
    display: flex;
    justify-content: center;
}

.btn-check+.btn:hover{background-color: var(--main_btn);border: none;color: var(--white_color)}

.celender_section .filter {
    display: flex;
    align-items: center;
    border-bottom: 2px solid;
    padding: 10px;
}

.celender_section .filter h3 {
    font-size: 16px;
}

.celender_section h4 {
    text-align: start;
}
.celender_section .clover_image{width: 100%}

.form-check-input:enabled:checked {
    background-color: var(--main_btn) ;
    border: 1px solid var(--main_btn);
    color: white;
}

.form_content .click_to_get .header_btn a {
    width: fit-content
}

input[type=range]::-webkit-slider-runnable-track  {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.range_bar {
    appearance: none;
    height: 8px;
    background: var(--main_btn);
    outline: none;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px rgba(148, 202, 75, 0.50) inset;
}

.range_bar::-webkit-slider-thumb {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 12px 12px 66px 66px;
    background: #84D416;
    cursor: pointer;
}



.form_content .click_to_get .header_btn {
    display: flex;
    justify-content: center;
    margin-top: 66px;

}

.stepper_section .login {
    max-width: 650px;
    margin: auto;
}

.stepper_section .login .txt_field h1 {
    max-width: 650px;
    text-align: start;
    color: var(--pink_color);
}

.stepper_section #regForm  .txt_field input[type="password"] {
    margin-top: 16px;
}

.stepper_section #regForm  .login .txt_field input {
    width: 100%;
}

.stepper_section #regForm  .forget_pass {
    margin-left: auto;
}

.stepper_section #regForm  .remember_pass h4 {
    text-align: start;
}

.stepper_section #regForm  .remember_pass {
    display: flex;
    justify-content: space-between;
}

.stepper_section #regForm  .login-btn {
    margin-top: 33px;
}

.stepper_section #regForm  .reg_signup {
    display: flex;
    margin: auto;
    justify-content: center;
    margin-top: 33px;
    gap: 10px;
}

.stepper_section #regForm  .login .form-check {
    margin-top: 16px;
}

.stepper_section #regForm .login .next_btn,
.stepper_section #regForm .signup .next_btn {
    text-decoration: none;
    width: 100%;
}

.stepper_section #regForm .login a {
    text-decoration: none;
}

.stepper_section #regForm .signup .txt_field input[type="text"],
.stepper_section #regForm .signup .txt_field input[type="password"],
.stepper_section #regForm .signup .txt_field input[type="email"],
.stepper_section #regForm .signup .txt_field input[type="tel"],
.stepper_section #regForm .signup .txt_field input[type="number"] {
    width: 45%;
}

.stepper_section #regForm .signup h1 {
    text-align: center;
    color: var(--pink_color);
}

.stepper_section #regForm .signup .reg_login {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 33px;
}


.stepper_section .term_agree {
    width: 50%;
    margin: auto;
    padding: 44px 99px;
    border-radius: 33px;
    border: 2px solid var(--pink_color);
    text-align: center;
}

.stepper_section .term_agree p {
    color: var(--black_color);
    text-align: center;
    font-family: "outfit_regular";
    font-size: 20px;
    font-style: normal;
    text-transform: capitalize;
    margin: 33px 0px;
}


/* celender_section */
.celender_section .radios {
    padding-bottom: 20px;
    border-bottom: 1px solid #dfcfcf;
}
.celender_section .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon){padding: 16px}

.celender_section .form-switch {
    border-bottom: 1px solid #DBDBDB;
    padding: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.celender_section .radios .btn-outline-success {
    padding: 8px 12px;
    margin: 5px;
    color: var(--pink_color);
    font-family: "outfit_light";
    font-size: 12px;
    line-height: normal;
    text-transform: capitalize;
}

.celender_section .filter i {
    color: #94CA4B;
}

.celender_section .filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DBDBDB
}

.celender_section .filter {
    padding: 10px
}

.celender_section .location {
    padding: 10px;
    border-bottom: 1px solid #d7d7d7;
}

.celender_section .progress1 .range_bar {
    width: 100%
}

.celender_section .location .kilometers {
    display: flex;
    justify-content: space-between
}

.celender_section .range .range_bar {
    width: 100%
}

.celender_section .range {
    padding: 10px
}

.celender_section .activity .form-check {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 0px;
    padding: 10px;
    border-top: 1px solid #DBDBDB
}

.celender_section .range .age {
    display: flex;
    justify-content: space-between
}

.celender_section .sunday .sunday_box {
    padding: 23px 33px;
    background: rgba(148, 202, 75, 0.13);
    text-align: center;
}

.celender_section h2 {
    margin-bottom: 34px;
    text-align: start;
}

.celender_section .sunday .sunday_box p {
    color: var(--pink_color);
    font-size: 16px;
    font-family: "outfit_regular";
}

.celender_section .sunday h5 {
    font-size: 39px;
    font-family: "outfit_bold";
    color: var(--pink_color);
}

.celender_section .sunday {
    display: flex;
    border-radius: 12px;
    border: 2px solid #f0eded;
}

.celender_section .sunday .good_game {
    padding: 17px 33px;
    text-align: start;
}

.celender_section .sunday .good_game p {
    font-size: 16px;
    font-family: "outfit_regular";
    line-height: normal;
    text-transform: capitalize;
    color: #5D5D5D;
}

.celender_section .sunday .good_game h6 {
    color: #5D5D5D;
    font-family: "outfit_bold";
    font-size: 20px;
    line-height: normal;
    text-transform: capitalize;
}

.celender_section .sunday .good_game .date {
    display: flex;
    gap: 33px;
}

.celender_section .sunday .more_info {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.sunday_section_row {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.celender_section .sunday .more_info .next_btn {
    margin-top: 0px;
}

.stepper_section .signup .txt_field {
    /*display: flex;*/
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.btn-check:checked + .btn-outline-success {
    color: white;
    background-color:var(--main_btn);
    border-color: var(--main_btn);
}
/* Terms and Conditions */
.terms_condition .terms_condition_wrapper {
    border: 2px solid #A8659A;
    border-radius: 33px;
    padding: 44px 33px;
    margin: 41px 0px;
    text-align: start;
}

.terms_condition .terms_condition_wrapper .terms_conditions_heading {
    padding: 0px 0px 15px 0px
}

.terms_condition .terms_condition_wrapper .logo {
    text-align: center;
}

.terms_condition .agreement_wrapper .paragraph_gap {
    display: block;
    padding-top: 20px
}

.terms_condition .terms_condition_wrapper .agreement_wrapper h4 {
    padding-bottom: 12px
}

.terms_condition .terms_condition_wrapper .agreement_wrapper {
    padding: 0px 12px 0px 12px
}

.terms_condition .terms_condition_wrapper .agreement_wrapper .bullets_point {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.terms_condition .terms_condition_wrapper .agreement {
    text-align: center;
    /*padding-top: 33px*/
}

.terms_condition .terms_condition_wrapper .agreement a {
    text-decoration: none;
    border-radius: 33px;
    border: 2px solid #94CA4B;
    padding: 14px 33px;
    display: flex;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    color: #94CA4B;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.terms_condition .terms_condition_wrapper .agreement_wrapper {
    overflow-y: scroll;
    height: 778px;
}
.stepper_section .information .go_back_btn button{display:flex;align-items: center}
.stepper_section .form-switch .form-check-input:not(:checked){background-color:#d9f8af;color:var(--color_white)}
.terms_condition .terms_condition_wrapper .agreement_wrapper::-webkit-scrollbar {
    width: 10px;
}

.terms_condition .terms_condition_wrapper .agreement_wrapper::-webkit-scrollbar-track {
    background: #FFF;
    border-radius: 33px;
    box-shadow: 0px 0px 8px 0px rgba(148, 202, 75, 0.50) inset;
    border: 0.2px solid #AAA;
}

.terms_condition .terms_condition_wrapper .agreement_wrapper::-webkit-scrollbar-thumb {
    background: #94CA4B;
    border-radius: 33px;
}

.terms_condition .terms_condition_wrapper .agreement_wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.terms_condition .terms_conditions_heading {
    color: #5D5D5D;
    font-family: Aclonica;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.welcome_wrapper {
    text-align: center;
}
i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-]{color:var(--color_white)}
.stepper_section .welcome_wrapper .clover_image{margin: auto}
.stepper_section .welcome_wrapper .clover_image img{width: 100%;height: 100%;object-fit: cover}

.welcome_wrapper h1 {
    color:var(--black_color) ;
    margin-top: 20px
}

/* details_section */
.details_sect .details_wrapper .details {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.details_sect .details_wrapper .details_img img {
    height: 100%;
}

.details_sect .details_wrapper .details_img {
    height: 222px;
    text-align: center;
    padding: 10px 33px;
    border-radius: 12px 12px 0px 0px;
    background-color: #d9f8af;
}

.details_sect .details_wrapper .join_the_event {
    display: flex;
    column-gap: 10px
}

.details_sect .details_wrapper .join_the_event a:nth-child(2) {
    display: flex;
    gap: 4px
}

.details_sect .details_wrapper {
    border: 1px solid #d4ebd4;
    border-radius: 12px 12px 0px 0px;
}

.details_sect .details_wrapper .details {
    padding: 20px 33px;
    text-align: start;
}

.details_sect .details_wrapper .sunday {
    padding: 20px 33px;
}

.details_sect .details_wrapper .sunday_box {
    background: none;
}

.details_sect .details_wrapper .more_info {
    display: none;
}


.details_sect .sunday {border: none;}
.stepper_section .information {text-align: center;}
.stepper_section .information h1 {font-family: "outfit_regular";color: var(--pink_color);text-align: center;max-width: 90%;margin: 66px auto auto auto;}
.stepper_section .go_back_btn {
    margin-top: 33px;
}

.stepper_section .go_back_btn .next_btn {
    width: 50%;
}

.stepper_section .go_back_btn .next_btn i {
    margin-right: 15px;
}
.stepper_section .terms_condition .agreement_wrapper p {font-family: "opensanshebrew_regular";color: #5D5D5D;}
.celender_section .next_btn .more_info{width: unset;}
.stepper_section .go_back_btn{justify-content: center;
    display: flex;
    margin-top: 33px;}

.stepper_section .signup .txt_field.stepper_form-ui input{width: 100% !important;}

.stepper_section .signup .txt_field.stepper_form-ui {
    padding: 0px 10%;
}

.error {color: red;font-size: 14px;margin-top: 5px;display: block;text-align: center;}
/*.step_form_sec {display: flex;align-items: center;justify-content: center;padding: 50px 0px;min-height: calc(100vh - 79px);overflow-y: scroll;}*/
.step_form_sec {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding: 50px 0;
    /* min-height: calc(100vh - 79px); */ /* Adjusts for full viewport height minus header/footer */
    overflow-y: auto; /* Allows vertical scrolling for overflow content */
    box-sizing: border-box; /* Ensures padding is included in the element's total height */
    flex: 1;
}

.step_form_sec .step.active {display: block;}
.step_form_sec .step {display: none;}
.step_form_sec .step .row { row-gap: 30px; }
.step_form_sec .step h1 {margin: 0px;text-align: center;}
.step_form_sec .step .form-group { max-width: 50%;margin: 0 auto;}
.step_form_sec .step .form-group .form-control { padding: 14px 20px 14px 20px; border-radius: 12px; border: 1px solid rgba(187, 187, 187, 1); font-family: 'outfit_light'; font-size: 18px; font-weight: 300; line-height: 22px; letter-spacing: 0.02em; color: #000000; }
.step_form_sec .step .step_btns { display: flex; align-items: center; justify-content: center; column-gap: 15px; }
.step_form_sec .step .step_btns .btn {background: rgba(255, 255, 255, 1);border: 2px solid rgba(148, 202, 75, 1);padding: 14px 33px 14px 33px;border-radius: 33px;font-size: 18px;line-height: 1;font-weight: 500;color: rgba(148, 202, 75, 1);}
.step_form_sec .step .step_btns .btn:hover { background: rgba(148, 202, 75, 1); border: 2px solid rgba(148, 202, 75, 1); color: rgba(255, 255, 255, 1); }
.step_form_sec .step .step_btns .btn-primary{background: var(--main_btn);color: #FFF;}
.step_form_sec .step .form-check-group { max-width: 100%;display: flex; align-items: center; justify-content: center; flex-wrap:wrap;gap: 15px; }
.step_form_sec .step .form-check-group .form-check { padding: 0;margin: 0; }
.step_form_sec .step .filter_box .filter_heading { display: flex; justify-content: space-between; align-items: center; }
.step_form_sec .step .filter_box .filter_heading i { color: rgba(148, 202, 75, 1);}
.step_form_sec .step .filter_box>div {border-bottom: 1px solid rgba(219, 219, 219, 1);padding: 10px;}
.step_form_sec .step .filter_box .form-check-group{justify-content:left;}
.step_form_sec .step .form-check { display: flex; justify-content: space-between; align-items: center; }
.step_form_sec .step .form-check * { margin: 0px; }
.step_form_sec .step .form-check-group .form-check input { width: 0; height: 0; border: none; opacity: 0;}
.step_form_sec .step .form-check label { font-family: 'outfit_regular'; font-size: 14px; line-height: 1; font-weight: 400; text-align: center; color: rgba(77, 77, 77, 1);    transition: 0.3s ease all; }
.step_form_sec .step .form-check-group .form-check label { padding: 16px 66px 16px 66px; border-radius: 12px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(168, 101, 154, 1); cursor:pointer; }
.step_form_sec .step .form-check-group .form-check  input:checked + label{ background: rgba(148, 202, 75, 1); color: rgba(255, 255, 255, 1); border-color:rgba(148, 202, 75, 1); }
.step_form_sec .step .filter_box .form-check-group .form-check label {padding: 8px 10px 8px 10px;}
.step_form_sec .step .event_card {box-shadow: 0px 0px 2px 0px rgba(189, 189, 189, 1);border-radius: 12px;margin: 0px;margin-bottom: 25px;}
.step_form_sec .step .event_card .col-md-2 {background: rgba(148, 202, 75, 0.13);border-radius: 12px 0px 0px  12px;}
.step_form_sec .step .event_card .event_card_left { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; row-gap: 10px; }
.step_form_sec .step .event_card .event_card_center { padding: 10px; }
.step_form_sec .step .event_card .date { display: flex; align-items: center; column-gap: 20px; flex-wrap: wrap; }
.step_form_sec .step .event_card .event_card_right { height: 100%; }
.step_form_sec .step .event_card .event_card_left * {color: rgba(168, 101, 154, 1);margin: 0px;}
.step_form_sec .step .event_card .event_card_left h1{    font-family: "outfit_bold";}
.step_form_sec .step .event_card>.row {margin: 0px;}
.step_form_sec .step .filter_box  .progress_bar_box .progress_bar_label { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; }
.step_form_sec .flower-container {position: relative;width: 100%;max-width: 100%;display: flex;align-items: center;justify-content: space-between;position: absolute;width: 100%;margin: 0 auto;height: calc(100vh - 80px);top: 80px;left: 0;right: 0;z-index: 1;}
.step_form_sec .flower-container.animationend {width: 0;height: 0;z-index: -1;}
.step_form_sec .flower { position: absolute; height: 500px; width: 250px; opacity: 0; animation-fill-mode: forwards; }
.step_form_sec .left-flower { left: 0; left: calc(50% - 250px); }
.step_form_sec .right-flower { right: 0; right: calc(50% - 250px); }
.step_form_sec .step  .get_events_response {padding: 0px 10px;}
@keyframes slideInLeft { 0% { opacity: 1; left: calc(50% - 250px); } 100% { opacity: 0; left: 0; } }
@keyframes slideInRight { 0% { opacity: 1; right: calc(50% - 250px); } 100% { opacity: 0; right: 0; } }
.step_form_sec form { opacity: 0; overflow: hidden; transition: width 2s ease, opacity 1s ease; margin: 0 auto; transform: translateY(100px); transition: transform 1.5s ease, opacity 1.5s ease; }
.step_form_sec form.active { opacity: 1; transform: translateY(0px); transition: transform 1.5s ease, opacity 1.5s ease; }
.step_form_sec .next-btn { position: relative; opacity: 0; transition: transform 1.5s ease, opacity 1.5s ease; }
.step_form_sec form.active .next-btn { opacity: 1; }
.step_form_sec .range_bar_box { position: relative; width: 100%; margin: 8px 0; }
.step_form_sec .range_bar_box input[type="range"].form-range { -webkit-appearance: none; width: 100%; height: 8px; border-radius: 5px; box-shadow: 0px 0px 4px 0px rgba(148, 202, 75, 0.5) inset; outline: none;  background-repeat: no-repeat; }
.step_form_sec .range_bar_box input[type="range"].form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 12px 12px 66px 66px; background: #84D416; box-shadow: 0px 0px 4px 0px rgba(148, 202, 75, 1) inset; cursor: pointer; }
.step_form_sec .step .event_detail_card {box-shadow: 0px 0px 2px 0px rgba(189, 189, 189, 1);border-radius: 12px}
.step_form_sec .step .event_detail_card .event_detail_img {height: 220px;padding: 20px;}
.step_form_sec .step .event_detail_card .event_detail_img img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.step_form_sec .step .event_detail_card .join_the_event{justify-content: left;}
.step_form_sec .step .event_detail_card .date-time{display: flex; align-items: center; column-gap: 20px; flex-wrap: wrap; }
.step_form_sec .step .event_detail_card>.row {margin: 0px;row-gap: 0px;}
.step_form_sec .step .event_detail_card .row .event_detail_imgcol {background: rgba(148, 202, 75, 0.13);    border-radius: 12px 12px 0px 0px;}
.step_form_sec .step .event_detail_card .row .event_detail_content_box {padding:20px 25px 25px 25px;}
.step_form_sec .step .event_detail_card .event_detail_date { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; row-gap: 10px; }
.step_form_sec .step .event_detail_card .event_detail_date * {color: rgba(168, 101, 154, 1);margin: 0px;}
.step_form_sec .step .event_detail_card .event_detail_date h1{font-family: "outfit_bold";}
.step_form_sec .step .get_events_response .no_data {text-align: center;}
.step_form_sec>.container>.row {height: 100%;}
.step_form_sec .step .back_get_events{margin-right: auto;}


.contact_section { padding: 50px 0px; }
.contact_section .form-group { margin-bottom: 20px; }
.contact_section .form-group .form-control { border-radius: 12px; border: 1px solid #BBB; background: #FFF; padding: 14px 20px; margin-top: 25px; }
.contact_section .logo_box {  max-width: 230px;    margin: 0 auto 30px;  }
.contact_section .logo_box img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.contact_section .main_from_box {max-width: 60%;margin: 0 auto;text-align: center;}
.contact_section .main_from_box .btn-block {width: 100%;}


.terms_condition_wrapper .btns {align-items: center;column-gap: 20px;width: fit-content;margin: 0 auto;}