@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {
    box-sizing: border-box;
}


body {
    margin: 0;
    padding: 0;
    font-family: "Work Sans", sans-serif;

}

a {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.add_height_only #body.light-mode .same_color_body {
    height: unset !important;
}

/* New rule for multiple items */
.multiple-items .same_color_body {
    height: 100px; /* or whatever height you want when there are multiple items */
}




#body.dark-mode ::placeholder {
    color: rgb(255, 255, 255) !important;
  }
  
  ::-ms-input-placeholder { /* Edge 12-18 */
    color: rgb(255, 255, 255) !important;
  }


#body.dark-mode {
    height: 852px;
    /* border-radius: 40px; */
    /* border: 1.584px solid #424750; */
    background: linear-gradient(180deg, #353A40 0%, #16171B 100%);
}

.helpline_page #body.dark-mode {
    height: unset;
}

.helpline_page #body.light-mode .same_color_body {
    height: unset;
}

#body.dark-mode a {
    color: #7F8489;
    /* transform: translateY(0px);
    transition: all linear 1s; */
}

/* #body.dark-mode a:hover {
    transform: translateY(-10px);
    transition: all linear 1s;
} */

#body.dark-mode button {
    background-color: #eee;
    color: #111;
}

#body.dark-mode .same_color_body {
    /* background: #202226; */
    /* background-image: linear-gradient(180deg, #424750 0%, #202326 100%); */
    /* border-radius: 40px; */
}

/* .congratulation_page #body.dark-mode .same_color_body {
    height: 100vh;
} */

#body.dark-mode .login_from form a {
    color: #CD030A;
    letter-spacing: -0.4px;
    line-height: 17.6px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    display: block;
}

/* #body.dark-mode .login_from {
    display: flex;
    gap: 20px;
} */

.complete_profile_page #body.dark-mode .login_from {
    display: unset;
}

.edit_profile_page #body.dark-mode .login_inner {
    padding-top: 60px;
    position: relative;
    top: 90px;
    background: linear-gradient(180deg, #353A40 0%, #16171B 100%);
}

.edit_profile_page #body.light-mode .login_inner {
    padding-top: 60px;
    position: relative;
    top: 90px;
    border-radius: 40px;
    background: linear-gradient(308deg, rgba(255, 255, 255, 0.53) 2.36%, rgba(255, 255, 255, 0.00) 61.95%), #E3EDF7;
}

.logout_page #body.dark-mode .same_color_body {
    height: 100vh;
}

.scan_page #body.dark-mode .same_color_body {
    background: #202226;
    height: 100vh;
}

.scan_page .same_arrow_screen{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Reason_contact_page .park_popup_wepper {
    top: 335px;
}


.Reason_contact_page1 .park_popup_wepper {
    top: 442px;
}

.profile_page #body.dark-mode .login_inner {
    background: unset;
}

#body.dark-mode .login_inner {
    /* border: 1.58px solid l; */
    /* border-image-source: linear-gradient(180deg, #424750 0%, #202326 100%);
    background: linear-gradient(180deg, #353A40 0%, #16171B 100%); */
    border-radius: 40px;
    background: linear-gradient(180deg, #353A40 0%, #16171B 100%);
}



#body.dark-mode .park_popup_inner {
    border-radius: 40px;
    border: 1.584px solid #424750;
    background: linear-gradient(180deg, #353A40 0%, #16171B 100%);
    width: 100%;
}

#body.dark-mode .closeModalButton .icon {
    color: #fff;
}


#body.dark-mode .nav-tabs .nav-link.active {
    width: 300px;
    height: 46px;
    border-radius: 100px;
    background: #010101;
    color: #fff;
    border: unset;
}

#body.dark-mode .nav-tabs .nav-link {
    background-color: #202226;
    width: 300px;
    height: 46px;
    border-radius: 100px;
    color: #fff;
    border: unset;
}



.dark-mode .dark_logo {
    display: none;
}

.dark-mode .light_eye {
    display: none;
}

.light-mode .light_logo {
    display: none;
}

.light-mode .dark_eye {
    display: none;
}


.dark-mode .light_arrow {
    display: none;
}

.light-mode .dark_arrow {
    display: none;
}


.dark-mode .light_forgot_img {
    display: none;
}

.light-mode .dark_forgot_img {
    display: none;
}

.light-mode .banner_slider_wepper .dark_arrow {
    display: none !important;
}

.dark-mode .banner_slider_wepper .light_arrow {
    display: none !important;
}


.light-mode .Wheeler_side_wepper .dark_arrow {
    display: none !important;
}

.dark-mode .Wheeler_side_wepper .light_arrow {
    display: none !important;
}

.setting_page1 #body.light-mode {
    height: 852px;
    border-radius: 40px;
    background: #e3edf7;
}

#body.light-mode .park_popup_inner {
    width: 393px;
    padding-top: 30px;
    border-radius: 40px;
    background: linear-gradient(308deg, rgba(255, 255, 255, 0.53) 2.36%, rgba(255, 255, 255, 0.00) 61.95%), #E3EDF7 !important;
    border: 1.584px solid #E3EDF7;
    width: 746px;
    margin: auto;
}

#body.light-mode .closeModalButton .icon {
    color: #202226;
}

#body.light-mode .popup_content h2 {
    color: #010101;
}

#body.light-mode .popup_page .from_chek select {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
    color: #010101;
}


#body.light-mode .login_from form a {
    color: #CD030A;
    display: block;
    text-align: center;
}


#body.light-mode .login_btn {
    background: #CD030A;
}

#body.light-mode .same_color_body {
    /* border-radius: 40px; */
    background: #E3EDF7;
    height: 852px;
}


#body.light-mode .login_inner {
    border-top: 1px solid #D6E3F3;
    border-radius: 40px;
    border: 1px solid #D6E3F3;
    background: linear-gradient(308deg, rgba(255, 255, 255, 0.53) 2.36%, rgba(255, 255, 255, 0.00) 61.95%), #E3EDF7;
}

#body.light-mode .nav-tabs {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .nav-tabs .nav-link.active {
    width: 300px;
    height: 46px;
    border-radius: 100px;
    background: #010101;
    color: #fff;
    border: unset;
}

#body.light-mode .nav-tabs .nav-link {
    background-color: transparent;
    width: 300px;
    height: 46px;
    border-radius: 100px;
    color: #7F8489;
    border: unset;
}

#body.light-mode .from_chek .form-control {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
    color: #010101;
}

#body.light-mode .scan_btn .login_btn {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7 !important;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .qr_siticker p a {
    font-weight: bold;
}

#body.light-mode .from_chek .form-control:focus-visible {
    box-shadow: 0px 4px 4px 0px #b8cadb inset;
}

#body.light-mode .light_arow_text {
    color: #010101;
}

#body.light-mode .forgot_content h2 {
    color: #010101;
}

#body.light-mode .verification_inner input {
    color: #010101;
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .dark_btn a {
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .addqr_inner_wrap .active {
    color: #7F8489;
}

#body.light-mode .banner_content h3 {
    color: #010101;
}

#body.light-mode .banner_content p {
    color: #010101;
}

#body.light-mode .only_light_button .login_btn.active {
    background: #CD030A !important;
    box-shadow: unset;
}

#body.light-mode .scrre_bg {
    background-image: unset;
    background: #E3EDF7;
    border-top: 1px solid #D6E3F3;
    border: 1.584px solid #D6E3F3;
    border-radius: 40px;
}

#body.light-mode .screen_detals_wepper {
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .shodow_bottom {
    box-shadow: unset;
}

#body.light-mode .screen_detals_wepper p span {
    color: #010101;
}

#body.light-mode .scrre_bg .logout_btn a {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .register_wepper {
    height: 940px;
}

#body.light-mode .profile_bg_wepper {
    background-image: url(../images/light-profile-bg.png);
}

#body.light-mode .user_datalis_inner h4 {
    color: #010101;
}

#body.light-mode .profile_name h2 {
    color: #010101;
}

#body.light-mode .dark_wepper_siwtch .form-check label {
    color: #010101;
}

#body.light-mode .dark_wepper_siwtch .form-check .form-check-input {
    background-color: #E3EDF7;
    border: 1px solid #D6E3F3;
}

#body.light-mode .delete_btn {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .logout_heding h2 {
    color: #010101;
}

#body.light-mode .car_inner p {
    color: #010101;
}

#body.light-mode .four_wpper_inner {
    border-radius: 20px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

#body.light-mode .four_wpper_inner .logout_btn a:last-child {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
    color: #7F8489 !important;
}

.retting_page #body.light-mode .from_chek .form-control {
    border-radius: unset !important;
}

#body.light-mode .retting_wepper h2 {
    color: #010101;
}

#body.light-mode .park_vecal_car_inner p {
    color: #010101;
}

#body.light-mode .logout_btn .active {
    box-shadow: unset !important;
}

#body.light-mode .qr_content_wepper hr {
    border: 1px solid #ffffff;
}

#body.light-mode .qr_inner span {
    color: #010101;
}

#body.light-mode .qr_text span strong {
    color: #010101;
}

#body.light-mode .tag_wepper .qr_inner p {
    background: linear-gradient(320.66deg, #FF4248 14.75%, #DC1218 84.81%) !important;
    box-shadow: unset !important;
    border: unset !important;
}

#body.light-mode .qr_inner p {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}

.retting_page #body.light-mode .scrre_bg .logout_btn a {
    box-shadow: unset;
}

.contact_page #body.light-mode .login_btn:last-child {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
}


.complete_profile_page #body.light-mode .from_chek select {
    border-radius: 100px;
    border: 1px solid #D6E3F3;
    background: #E3EDF7;
    box-shadow: -4px -4px 9px 0px rgba(255, 255, 255, 0.88) inset, 4px 4px 14px 0px #C1D5EE inset;
    color: #010101;
}

.complete_profile_page #body.light-mode .same_color_body {
    height: auto;
}

#body.light-mode .emergency_icon_inner p {
    color: #010101;
}

#body.light-mode .Wheeler_content p span {
    color: #010101;
}

#body.light-mode .four_wpper_inner hr {
    color: #fff;
}

#body.light-mode .add_qr_four_wheeler span {
    color: #010101;
}

.add_qr_four_wheeler span {
    display: flex;
    font-size: 14px !important;
}

.same_width_page {
    max-width: 767px;
    margin: auto;

}

.same_color_body {
    /* background-image: -webkit-linear-gradient(bottom, #353A40, #16171B);
    background-image: -moz-linear-gradient(bottom, #353A40, #16171B);
    background-image: -ms-linear-gradient(bottom, #353A40, #16171B);
    background-image: -o-linear-gradient(bottom, #353A40, #16171B); */
    /* background-image: linear-gradient(180deg, #424750 0%, #202326 100%);
    height: 100vh;
    border-radius: 35px; */
}

.first_page_wepper .logo {
    padding-bottom: 350px;
}

.first_page_wepper #body.dark-mode .same_color_body {
    height: 100vh;
}

.logo {
    padding-top: 200px;
    padding-bottom: 400px;
    text-align: center;
}
.india_logo{
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 100px;
}

.india_logo p {
    color: #7F8489;
    font-size: 14px;
    padding: 30px 0;
    line-height: 16.42px;
    font-weight: 400;
}

/* Login Page Start */
.login_wepper {
    /* padding-top: 184px; */
    padding-top: 100px;
}

.login_wepper .logo {
    padding: 20px 0;
}

.login_tab_main {
    padding: 30px;
}

.nav-tabs {
    border: unset;
    justify-content: space-between;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    width: 100%;
    margin: 15px auto 25px;
    border-radius: 100px;

}

.from_chek {
    margin-bottom: 20px;
}

.from_chek label {
    color: #7F8489;
    letter-spacing: 0.4px;
    line-height: 14.08px;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

.from_chek .form-control {
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    background-color: #202226;
    border: unset;
    width: 100%;
    height: 54px;
    border-radius: 100px;
    color: #fff;
    line-height: 18.77px;
    letter-spacing: -0.4px;
    padding: 0 20px;
}

.from_chek .form-control:focus-visible {
    box-shadow: 0px 4px 4px 0px #000000BF inset;
}


.password_wepper {
    position: relative;
}

.password_wepper img {
    position: absolute;
    right: 25px;
    top: 15px;
}



.login_btn a {
    color: #fff !important;
    line-height: 50px !important;
    display: block;
    text-align: center;
    transform: unset !important;
}

.login_btn:hover {
    transform: translate(0px);
    transition: all linear 1s;
}

.login_btn {
    margin-top: 15px;
    margin-bottom: 15px;
    background: linear-gradient(320.66deg, #FF4248 14.75%, #DC1218 84.81%);
    width: 100%;
    height: 54px;
    border-radius: 50px;
    transform: translateY(10px);
    transition: all linear 1s;
}

.login_from form p {
    color: #7F8489;
    font-weight: 400;
    font-size: 14px;
    line-height: 16.42px;
    text-align: center;
    padding: 10px 0;
}

.scan_btn .login_btn {
    background: #010101 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scan_btn .login_btn a {
    color: #7F8489 !important;
    margin-left: 12px;
}

.qr_siticker p {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.qr_siticker p a {
    margin-left: 10px;
}

/* Login Page Start END */


/* FORGOT PASSWOD START */

.forgot_page .login_wepper {
    padding-top: 90px;
}

.same_arrow_screen {
    padding: 0 20px 15px;
}

.same_arrow_screen span {
    font-weight: 400;
    font-size: 18px;
    line-height: 21.11px;
    letter-spacing: -0.4px;
    color: #fff;
    margin-left: 15px;
}


.forgot_content {
    padding: 30px;
    color: #fff;
    text-align: center;
}

.forgot_content h2 {
    font-weight: 500;
    font-size: 26px;
    line-height: 30.5px;
    letter-spacing: -0.4px;
}

.forgot_content p {
    font-weight: 400;
    font-size: 16px;
    color: #7F8489;
    letter-spacing: -0.4px;
    line-height: 22.4px;
}

/* FORGOT PASSWOD START END */

/* Verify Code Start */

.verify_page .login_wepper {
    /* padding-top: 90px; */
    padding-top: 25px;
}

.verification_code {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}


.verification_inner input {
    height: 60px;
    width: 60px;
    background: #202226;
    border-radius: 100px;
    display: block;
    line-height: 57px;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    color: #fff;
    font-size: 19px;
    text-align: center;
    border: unset;
}

.verification_inner input:focus-visible {
    outline: 0;
    box-shadow: 0px 4px 4px 0px #000000BF inset;

}

.resend_otp p {
    color: #7F8489;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
}

.resend_otp p a {
    color: #CD030A !important;
}

.new_password .from_chek label {
    display: block;
    text-align: start;
}

.new_password .login_wepper {
    padding-top: 90px;
}

.congratulation_page .login_wepper {
    padding-top: 500px;
}

.congratulation_page .same_color_body {
    background-image: unset !important;
}

/* Verify Code Start END */


/* ADD QR START */
.addqr_page2 #body.dark-mode {
    height: unset;
}

.addqr_page2 #body.light-mode .same_color_body {
    height: unset;
}

.addqr_page .login_wepper {
    padding-top: 60px;
}

.addqr_inner:first-child {
    padding-top: 20px;
}

.addqr_inner {
    padding: 0 20px 15px;
    display: flex;
    justify-content: space-around;
}

.addqr_inner_wrap img {
    width: 220px;
}

.addqr_inner_wrap p {
    color: #7F8489;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    padding-top: 10px;
    text-align: center;
}

.addqr_inner_wrap .active {
    color: #fff;
}

.dark_btn {
    padding: 30px;
    margin-top: 100px;
}

.dark_btn a {
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    width: 100%;
    height: 54px;
    display: block;
    border-radius: 100px;
    text-align: center;
    color: #7F8489;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    line-height: 49px;
    background: #202226;
}


.dark_btn .active {
    background-color: #CD030A !important;
    color: #fff !important;
    box-shadow: unset;
}

/* ADD QR START END  */




/* QR PAGE  START*/




.qr_sacn_page .login_wepper {
    padding-top: 64px;
}

.qr_sacn_page .same_color_body {
    height: 940px !important;
}

.qr_sacn_page #body.dark-mode {
    height: 940px !important;
}

/* .qr_sacn_page .same_arrow_screen {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */


.qr_scar_wepper {
    padding: 100px 30px;
    text-align: center;
}

.qr_scar_wepper img {
    background: #565656;
    border-radius: 23px;
}

.scanning p {
    padding: 0 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #FFFFFF;
}

.scanning .active {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.08px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 90px;
}



/* QR PAGE END */


/* complete_profile_ */
.complete_profile_page .login_wepper {
    padding-top: 50px;
}

.complete_profile_page .login_inner {
    padding: 30px;
}

.complete_profile_page .from_chek select {
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    background-color: #202226;
    border: unset;
    width: 100%;
    height: 54px;
    border-radius: 100px;
    color: #fff;
    line-height: 18.77px;
    letter-spacing: -0.4px;
    padding: 0 20px;
}

.complete_profile_page .from_chek select:focus-visible {
    outline: 0;
}

.from_chek select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.blood_group {
    background: url(../images/arrwo-dawn.svg) no-repeat;
    background-position: right;
    background-position: calc(100% - 20px) 17px;
}


.from_chek .wrap {
    width: 100%;
    margin: 0 auto;
    height: auto;
}


::-webkit-calendar-picker-indicator {
    background-image: url(../images/calendar-icon.png);
    background-position: center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    color: rgba(204, 204, 204, 0);
}


/* complete_profile_ End */


/* Home Page Start */

.Home_page .login_wepper {
    padding-top: 33px;
}

.Home_page .same_arrow_screen {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner {
    text-align: center;
    padding: 30px 30px 0;
}

.find_wepper {
    padding: 20px 0 0;
}

.find_wepper .from_chek {
    position: relative;
}

.find_wepper .from_chek .form-control {
    color: #7F8489;
    position: relative;
}

.find_wepper .from_chek .find_btn {
    background: #010101;
    color: #fff;
    font-size: 14.13px;
    font-weight: 500;
    line-height: 16.57px;
    letter-spacing: -0.3531533181667328px;
    text-align: center;
    width: 45%;
    height: 50px;
    border-radius: 100px;
    position: absolute;
    right: 3px;
    top: 2px;
    border: unset;
}

.home_scan_btn {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.home_scan_btn .login_btn {
    width: 154px;
    height: 54px;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    margin-top: 0;
}

.home_scan_btn .login_btn.active {
    background: linear-gradient(320.66deg, #FF4248 14.75%, #DC1218 84.81%) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #7F8489;
    box-shadow: unset;

}

.home_scan_btn .scan_btn .login_btn.active a {
    color: #fff !important;
}

.banner_slider_wepper {
    padding: 20px 0;
}

.banner_slider_wepper {
    position: relative;
}

.banner_slider_wepper img {
    width: 100%;
}

.banner_content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21.11px;
    text-align: left;
    COLOR: #7F8489;

}

.banner_content h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 30.5px;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
}

.banner_content {
    position: absolute;
    bottom: 28px;
    left: 170px !important;
}



.add_qr_wepper {
    width: 78.75px;
    height: 78.75px;
    border-radius: 100px;
    background: linear-gradient(320.66deg, #C00006 14.75%, #FF4248 84.81%);
    margin: auto;
    padding-top: 15px;
}

.add_qr_wepper span {
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 11.73px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #fff;
    padding-top: 6px;
}

.add_qr_wepper img {
    width: unset !important;
}

.bg_img_wepper img {
    width: 96%;
}

.bg_img_wepper {
    position: fixed;
    bottom: 85px;
    z-index: 1;
    margin-top: -30px;
    height: 133px;
}

.menu_icon img,
.menu_icon1 img {
    width: unset;
}

.menu_icon {
    position: absolute;
    bottom: 35px;
    left: 15px;
}

.menu_icon1 {
    position: absolute;
    bottom: 35px;
    right: 15px;
}


.menu_icon img {
    padding: 0px 50px;
}

.menu_icon1 img {
    padding: 0px 50px;
}

/* Home Page Start */

/* emergency Star */

.emergency_icon_weppe {
    padding: 10px 30px 0;
}

.emergency_inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;
}

.emergency_icon_inner {
    transform: translateY(0);
    transition: all 1s ease;
}

.emergency_icon_inner:hover {
    transform: translateY(-10px);
    transition: all 1s ease;
}

.emergency_icon_inner p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #fff;
    padding: 14px 0;
}

.emergency_icon_inner img {
    width: 160px;
}

.logo_footer {
    text-align: center;
    padding-bottom: 30px;
}

/* .logo_footer img {
    width: 30%;
} */

/* emergency Star End */

/* Full Complete Profile */

.fileUpload {
    background: #202226;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 30px;
    position: relative;
    text-align: center;
    width: 100%;
    cursor: pointer;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    margin-bottom: 20px;
}

.fileUpload:hover,
.fileUpload:active,
.fileUpload:focus {
    box-shadow: 0px 4px 4px 0px #000000BF inset;
    cursor: pointer;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    cursor: pointer;
}

input[type="file"] {
    position: fixed;
    right: 100%;
    bottom: 100%;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.fileUpload span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    padding-top: 12px;

}

/* Full Complete Profile End */


/* Profile page  */

.profile_page .login_wepper {
    padding-top: 20px;
    /* padding-top: 90px; */
}

.profile_page .same_arrow_screen a:first-child {
    margin: 0;
}

.profile_page .same_arrow_screen span {
    margin-left: 70px;
}

.profile_page .banner img {
    width: 90px;
}

.profile_bg_wepper {
    position: relative;
    background-image: url(../images/profile_bg.png);
    padding-bottom: 30px;
}

.profile_page .login_inner {
    background: unset;
}

.profile_page .banner {
    padding: 0;
}

.profile_name {
    padding: 60px 0 0;
}

.profile_name h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 30.5px;
    text-align: center;
    color: #fff;
}

.profile_name p {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.11px;
    text-align: center;
    color: #7F8489;
}

.profile_datalis_wepper {
    padding: 15px 30px;
}

.profile_datalis_wepper img {
    width: unset !important;
}

.profile_inner_datalis_wepper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.user_datalis_inner span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    color: #7F8489;
    display: block;
    margin-bottom: 3px;
    text-align: start;
}

.user_datalis_inner h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    color: #fff;
    margin: 0;
    text-align: start;
}

.user_datalis_inner {
    margin-left: 20px;
}

.profile_page .bg_img_wepper {
    margin-top: -55px;
}

/* Profile page End */



/* Edit Profile */

/* .edit_profile_page .same_arrow_screen a {
    margin-left: 30px;
} */

.edit_profile_wepper {
    text-align: center;
}


.edit_profile_wepper {
    position: relative;
}

.edit_profile_wepper img {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
}

.pofile_change_icon img {
    left: 125px;
    top: 40px;
}

/* Edit Profile END */


/* Setting Start */

.setting_banner {
    position: relative;
    text-align: center;
}

.setting_banner IMG {
    width: 55%;
}

.dark_wepper_siwtch {
    margin-top: 40px;
}

.dark_wepper_siwtch .form-check .form-check-input {
    float: right;
    background-color: #202226;
    background-image: url(../images/switch-toogale.png);
    border: unset;
    width: 52px;
    height: 25px;
}

.dark_wepper_siwtch .form-switch .form-check-input:checked {
    background-image: url(../images/switch-toogale_selected.png);
    border: unset;
}

.dark_wepper_siwtch .form-check-input:focus {
    box-shadow: unset;
}

.dark_wepper_siwtch .form-switch {
    padding: 0;
    margin-bottom: 30px;
}

.dark_wepper_siwtch .form-check label {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;

}

.theme_hedding h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
    color: #fff;
}

.theme_hedding {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delete_btn {
    width: 100%;
    height: 54px;
    border-radius: 100px;
    background: #010101;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    margin-top: 30px;
}

.delete_btn a {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #CD030A !important;
    display: block;
    line-height: 3;
}

.setting_page .bg_img_wepper {
    margin-top: -53px;
}

/* Setting Start ENd */


/* Logout Start */

.logout_page .logout_btn a {
    width: 90%;
    color: #fff !important;
}

.logout_page .logout_wepper {
    width: 104%;
}

.logout_wepper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.logout_inner {
    text-align: center;
}

.logout_heding h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 30.5px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #fff;
}

.logout_heding p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    padding: 0 50px;
    line-height: 25px;
    color: #7F8489;
}

.logout_btn {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.logout_btn a {
    width: 140px;
    height: 40px;
    border-radius: 100px;
    background: #010101;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    display: block;
    color: #7F8489;
    line-height: 42px;
    transform: translateY(0);
    transition: all 1s linear;
}

.logout_btn .active {
    background: linear-gradient(320.66deg, #FF4248 14.75%, #DC1218 84.81%) !important;
    color: #fff !important;
    box-shadow: unset;
}

.logout_btn a:hover {
    transform: translateY(10px);
    transition: all 1s linear;
}

/* Logout Start End */

/* Same Popup  */

/* .popup_page {
    max-width: 416px;
} */

.popup_page .same_color_body {
    border-radius: 42px;
    position: relative;
}

.park_popup_wepper {
    position: absolute;
    /* bottom: 0px; */
    top: 590px;
    left: 0;
}



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

.popup_content h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 30.5px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #fff;
}

.popup_page .from_chek select {
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    background-color: #202226;
    border: unset;
    width: 100%;
    height: 54px;
    border-radius: 100px;
    color: #fff;
    line-height: 18.77px;
    letter-spacing: -0.4px;
    padding: 0 20px;
}

.popup_page .from_chek select:focus-visible {
    outline: 0;
}



.dark_mood_wepper [type="radio"]:checked,
.dark_mood_wepper [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.dark_mood_wepper [type="radio"]:checked+label,
.dark_mood_wepper [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 0;
    cursor: pointer;
    line-height: 20px;
    display: flex;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;

}

.dark_mood_wepper [type="radio"]:checked+label:before,
.dark_mood_wepper [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    width: 31px;
    height: 31px;
    border-radius: 100%;
    background: #202226;
    box-shadow: -2px -2px 2px 0px #4E515480 inset;

}

.dark_mood_wepper .logout_btn a {
    text-align: center;
}

.dark_mood_wepper [type="radio"]:checked+label:after,
.dark_mood_wepper [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 31px;
    height: 31px;
    background: linear-gradient(320.66deg, #C00006 14.75%, #FF4248 84.81%);
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: -2px -2px 2px 0px #4E515480 inset;
}

.dark_mood_wepper [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.dark_mood_wepper [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.selected_themes_page .park_popup_wepper {
    width: 100%;
}

.dark_inner {
    margin-bottom: 30px;
}

.popup_content h2 {
    margin-bottom: 30px;
}

/* Same Popup END */


/* QR LIST */

.qr_bg {
    position: relative;
    margin-top: 30px;
    padding: 20px;
}

.qr_inner span {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.11px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
    color: #fff;
}

.qr_inner p {
    background: #010101;
    width: 103px;
    height: 32.1px;
    border-radius: 100px;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    font-family: Work Sans;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.08px;
    letter-spacing: -0.26753246784210205px;
    text-align: center;
    COLOR: #7F8489;
    line-height: 30px;
}

.qr_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qr_content_wepper {
    position: absolute;
    width: 88%;
    top: 50px;
    padding: 0px 12px;
}

.qrinner_data {
    padding: 0 12px;
}

.qr_content_wepper hr {
    border: 1px solid #32373D;
    opacity: 1;
    margin: 21px 5px auto;
    margin-left: 13px;
}

.qrlist_wepper {
    position: absolute;
    width: 100%;
    top: 120px;
    padding: 0 10px;
}

.qr_text {
    position: absolute;
    left: 130px;
    top: 0px;
    width: 50%;
}

.qr_text span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.25px;
    letter-spacing: -0.4000000059604645px;
    color: #7F8489;
}

.qr_text span strong {
    font-size: 15px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: -0.4000000059604645px;
    margin-top: 3px;
    color: #fff;
    display: block;
}

.qr_inner_wepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.expired_data {
    margin-top: 8px;
}

.expired_data span {
    font-size: 13px;
    font-weight: 500;
    line-height: 15.25px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
    color: #7F8489;
    display: flex;
    align-items: center;
}

.expired_data span img {
    margin-left: 20px;
}

.expired_data .date {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: -0.4000000059604645px;
    color: #CD030A;

}


.tag_wepper .qr_inner p {
    background: linear-gradient(320.66deg, #FF4248 14.75%, #DC1218 84.81%);
    color: #fff;
    box-shadow: unset;
}

.tag_wepper .expired_data .date {
    color: #fff;
}

/* QR LIST END */

/* Expire qr Code */

.popup_content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #7F8489;
}


.expire_page .popup_content h2,
.expire_page .popup_content p {
    margin-bottom: 10px;
}

.expire_page .park_popup_inner {
    padding-top: 20px;
}

.btn_expire_wepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn_expire_wepper a {
    width: 154px;
    height: 54px;
    border-radius: 100px;
    background: #010101;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    display: block;
    box-shadow: 0px 4px 4px 0px #000000BF inset;
    text-align: center;
    line-height: 52px;
    color: #7F8489;
    transform: translateY(0px);
    transition: all linear 1s;
}

.btn_expire_wepper .active {
    background: linear-gradient(320.66deg, #FF4248 14.75%, #DC1218 84.81%) !important;
    box-shadow: unset;
    color: #fff !important;
}

.btn_expire_wepper a:hover {
    transform: translateY(-10px);
    transition: all linear 1s;
}

/* Expire qr Code  END*/


/* Contact Us */
.contact_logo_wepper {
    padding: 20px;
    text-align: center;
}

.contact_logo_wepper p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #7F8489;
    padding: 20px;

}

.contact_logo_wepper span {
    color: #fff;
}

.contact_logo_wepper .login_btn {
    margin: 15px auto 30px;
}

.email_dark_btn {
    background: #010101;
}

.email_dark_btn a {
    color: #7F8489 !important;
}

.social_media_wepper {
    padding: 0 30px;
}

.social_media_inner {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.social_media_inner a {
    transform: translateY(0);
    transition: all linear 1s;
    display: block;
}

.social_media_inner a:hover {
    transform: translateY(-10px);
    transition: all linear 1s;
}

.terms_content {
    padding: 20px 20px;
}

.terms_content p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #7F8489;
    margin-bottom: 30px;
}

.terms_content p span {
    color: #CD030A;
}

/* Contact Us End */

/* Add Qr */

.addqr_pageList #body.dark-mode .same_color_body {
    background-image: unset;
}

.addqr_pageList #body.dark-mode {
    height: unset;
}

.car_wepper {
    padding: 30px;
    display: flex;
    justify-content: space-between;
}

.car_inner p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    padding: 15px 0;
}

.car_inner span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #7F8489;
    display: block;
    padding: 15px 0;
}

.Vehicle_wepper {
    padding: 30px;
    display: flex;
    gap: 30px;
}

/* .four_wpper_wheeler {
    padding: 20px;
} */

.four_wpper_inner {
    background: #202226;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    padding: 20px;
    background-repeat: no-repeat;
    border-radius: 20px;
}

.Wheeler_side_wepper {
    display: flex;
    padding: 0 10px;
}

.Wheeler_content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
    color: #7F8489;
}

.Wheeler_content p span {
    color: #fff;
}

.Wheeler_content {
    margin-left: 20px;
}

.Wheeler_inner {
    margin-bottom: 10px;
}

.four_wpper_inner .logout_btn a {
    text-align: center;
    color: #fff !important;
}

.four_wpper_inner .logout_btn .green {
    background: linear-gradient(320.66deg, #079A04 14.75%, #41D129 84.81%);
    box-shadow: unset;
    color: #fff !important;
    line-height: 42px;
}

.four_wpper_inner hr {
    color: #32373D;
    opacity: 1;
}

.Wheeler_slider_weeper .owl-carousel .owl-item img {
    width: unset;
}

/* Add Qr End */

/* Setting1  */

.setting_page1 .same_arrow_screen {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Setting1  END */

/* home1 */

.scrre_bg {
    /* background-image: url(../images/scree_banneer.png);
    background-repeat: no-repeat;
    padding: 20px 0;
    position: relative;
    top: 120px; */
    border-radius: 40px;
    border: 1.584px solid #424750;
    background: linear-gradient(180deg, #353A40 0%, #16171B 100%);
    padding: 20px 0;
    position: relative;
    top: 120px;
}

.home1_page .same_color_body {
    height: 90vh;
}

.screen_logo {
    padding: 40px 0;
}

.screen_detals_wepper {
    /* width: 392px;
    height: 102px;
    padding: 20px 0 20px 0;
    background: #202226;
    box-shadow: 0px 4px 4px 0px #000000BF inset; */
    padding: 20px 125px;
    background: #202226;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.75) inset, -2px -2px 2px 0px #4E5154 inset;

}

/* .shodow_bottom {
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    padding: 2px 0px;
} */

.screen_detals_wepper p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #7F8489;
    margin-bottom: 10px;
}

.screen_detals_wepper p span {
    color: #fff;
}

.scree_call_wepper {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.scree_call_inneer {
    position: relative;
}

.call_icon_scren {
    position: absolute;
    top: 0;
    left: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.call_icon_scren img {
    margin-bottom: 10px;
}

.call_icon_scren p {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #7F8489;
}

.scrre_bg .logout_btn a {
    width: 333px;
    text-align: center;
}

.dark_logo_footer {
    margin-top: 40px;
}

/* home1 End */

.Reason_contact_page .dark_inner {
    margin-bottom: 35px;
}

.Reason_contact_page .park_popup_inner {
    padding: 45px 0;
}

.Reason_contact_page .logout_btn a {
    width: 333px;
}

/* Park VEchel */

.park_vehicel_page .same_arrow_screen {
    padding: 40px 20px 15px;
}


.park_vehicel_page .scrre_bg {
    position: unset;
    padding: 45px 0;
}

.map_wepper {
    padding: 20px;
    margin-bottom: 0px;
}

.map_wepper iframe {
    border-radius: 20px;
}

.park_map_btn {
    margin-top: 30px;
    text-align: center;
}

.park_vehicel_page .same_color_body {
    height: 90vh;
}

.park_vehicel_page1 .map_wepper {
    margin-bottom: 0;
}

.park_vecal_datel_wepper {
    padding: 20px;
}

.park_vecal_car_inner p {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.77px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
    color: #fff;
}

.park_vecal_car_inner span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.42px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
    color: #7F8489;
}

.park_vecal_car_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.edit_wepper a {
    margin-left: 15px;
}

.edit_wepper {
    display: flex;
    align-items: center;
}

.edit_wepper img {
    width: 54px !important;
    height: 54px !important;
}

.park_btn {
    margin-top: 6px;
}

/* Park VEchel END */


/* Retting  */

.retting_wepper {
    padding: 20px;
}

.retting_wepper h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 30.5px;
    letter-spacing: -0.4000000059604645px;
    text-align: center;
    color: #fff;
}

.star_rattig img {
    width: 30px;
}

.texttra_wepper .form-control {
    height: unset;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
}

.retting_page .same_color_body {
    height: 98vh;
}

.retting_page .park_btn {
    margin-top: 110px;
}

/* Retting  End */

/* PopUP */





.closeModalButton {
    text-align: center;
    margin-right: 0;
}

.my_custom .overlay {
    display: none;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    padding: 0;
    color: #fff;
    max-width: 746px;
    margin: auto;
    overflow: visible;
    /* border-radius: 40px; */
}


.my_custom .overlay.open {
    display: block;
    animation: slideIn 0.5s forwards;
}

@keyframes slideIn {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.my_custom .overlay.close {
    animation: slideOut 0.5s forwards;
}

@keyframes slideOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(50%);
        opacity: 0;
    }
}


.my_custom .overlay.open .popUp {
    opacity: 1;
    pointer-events: auto;
}

.closeModalButton .icon {
    font-size: 26px;
    cursor: pointer;
    color: #202226;
}

.my_custom .park_popup_inner {
    padding: 34px 0;
}

.my_custom #body.dark-mode {
    height: unset;
}

.my_custom .dark_btn .active {
    background-color: #CD030A !important;
    color: #fff !important;
    box-shadow: unset;
}

.popup_btn_wepper button {
    background-color: #CD030A !important;
    box-shadow: -2px -2px 2px 0px #4E5154 inset;
    width: 100%;
    height: 54px;
    display: block;
    border-radius: 100px;
    text-align: center;
    color: #7F8489;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4000000059604645px;
    line-height: 0;
    border: unset;
}

/* PopUP END */

/* .only_mobile_bg {
    display: none;
} */

.park_popup_wepper{
    width: 100%;
}

.only_dark .dark-mode {
    height: unset !important;
}

.park_popup_wepper {
    /* top: 499px; */
    width: 100% !important;
    margin: auto !important;
    right: 0 !important;
}