body {
    font-family: "Roboto", sans-serif;
    overflow-x: hidden;
    overflow-y: scroll;
}

.container {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

.container-sm {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

.container-md {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

header {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
        rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
        rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
    position: sticky;
    z-index: 1100;
    top: 0px;
    left: auto;
    right: 0px;
    background-color: rgb(255, 255, 255);
    color: rgb(17, 17, 17);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.stellarnav > ul > li > a {
    padding: 20px 22px;
    font-size: 0.875rem;
    color: #3490dc;
    line-height: 1.75;
    font-weight: 600;
}

.stellarnav > ul > li {
    padding: 0 8px;
}

.stellarnav > ul > li > a.btn {
    position: relative;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: #3490dc;
    box-shadow: none;
    padding: 10px 20px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 16px 0px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid;
    border-color: rgb(52 144 220 / 0.5);
    border-radius: 32px;
}

.stellarnav > ul > li > a.btn:hover {
    border-color: #3490dc;
}

.hero {
    padding: 16px;
    align-content: center;
    background-image: url("../img/hero-bike.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    position: relative;
    min-height: calc(-11.85em + 100vh);
}

.hero-box {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    max-width: 900px;
    background-color: rgba(0, 0, 0, 0.314);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 40px;
}

.hero-content {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.title {
    margin: 0px;
    color: #fff;

    line-height: 1.167;
    font-size: 2.8rem;
    font-weight: 600;
}

.subtitle {
    font-weight: 400;
    line-height: 1.75;
    font-size: 1.5rem;
    color: rgb(255, 255, 255);
    margin: 0px;
}

.hero-content .subtitle {
    margin-top: 16px;
}

.css-1xbz73f {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -16px;
    width: calc(100% + 16px);
    margin-left: -16px;
    align-items: flex-end;
}

.hero-quote {
    padding-top: 16px;
    padding-left: 16px;
}

.hero-quote a {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;

    font-weight: 500;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(255, 255, 255);
    background-color: #3490dc;
    box-shadow: none;
    text-transform: capitalize;
    font-size: 1.4rem;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
}

.hero-bottom {
    border-bottom: 3px solid #3490dc;
}

.hero-bottom .content {
    display: flex;
    flex-direction: row;
    place-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.hero-bottom .content a {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    text-align: center;
    padding: 24px 8px;
    font-weight: 600;
    text-decoration: none;
    color: #3490dc;
}

.hero-bottom .content hr {
    margin: 0px;
    flex-shrink: 0;
    border-width: 0px thin 0px 0px;
    border-style: solid;
    height: auto;
    align-self: stretch;
    border-color: rgb(208, 208, 208);
}

.slide-section {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: rgb(249, 249, 249);
}

.slide-section .img-box {
    height: 120px;
    object-fit: contain;
    display: flex;
    justify-content: center;
}

.slider div {
    padding: 10px;
}

.slide-section .img-box img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
}

.slide-section h6 {
    margin: 0px;

    font-weight: 400;
    line-height: 1.75;
    font-size: 1.2rem;
    color: rgb(16, 16, 16);
    margin-top: 16px;
    text-align: center;
}

.slide-section .slick-prev:before,
.slide-section .slick-next:before {
    color: #333;
}

.text-heading {
    margin: 0px;

    line-height: 1.2;
    color: #3490dc;
    font-size: 2.5rem;
    font-weight: 600;
}

.slide-section .slick-prev::before,
.slide-section .slick-next::before {
    display: none !important;
}

.slide-section .slick-prev,
.slide-section .slick-next {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.slider-arrows button {
    background: transparent;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* .slider-arrows button:hover svg {
    fill: #000;
    transform: scale(1.2);
} */

.slider-arrows button {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;

    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 40px;
    color: #3490dc;
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    outline: 0px;
    margin: 0px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-style: solid;
    border-color: #3490dc;
    border-image: initial;
    border-radius: 10px;
}

.slider-arrows .custom-prev {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-color: transparent;
}

.slider-arrows .custom-next {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -1px;
    background-color: #3490dc;
}

.slider-arrows .custom-next svg {
    fill: white;
}

.slider-arrows svg {
    width: 1em;
    height: 1em;
    font-size: 1.5rem;
    fill: #3490dc;
}

.slider-arrows .custom-next:hover {
    text-decoration: none;
    background-color: #3490dc;
}

.slider-arrows .custom-prev:hover {
    background-color: rgba(58, 146, 151, 0.04);
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #3490dc;
}

/* ria */

.heading-font {
    margin: 0px 0px 40px;

    line-height: 1.2;
    color: #3490dc;
    font-size: 2.125rem;
    font-weight: 600;
}

.features .box-2 .list {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.6);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 16px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-radius: 20px;
    border-width: 3px;
}

.features .box-2 .list p {
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: 600;
    color: rgb(41, 102, 106);
    margin: 0px;
}

.features .box-2 img {
    background-color: rgb(255, 255, 255);
    padding: 5px;
    border-style: solid;
    border-color: rgb(26, 205, 167);
    border-radius: 5px;
    border-width: 2px;
    width: 56px;
    height: 53px;
}

.metlife {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    background-color: rgb(240, 240, 240);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 40px;
    border-radius: 20px;
}

.life {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    background-color: rgb(246, 255, 235);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 40px;
    border-radius: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(125, 189, 44);
    margin-top: 16px;
}

.feedback {
    background-position: 50% 20%;
    min-height: calc(-11.85em -189.6px + 100vh);
}

.feedback .slider-part {
    background-color: #fff;
    padding: 16px;
    margin: 0 15px;
    text-align: center;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px,
        rgba(0, 0, 0, 0.14) 0px 5px 8px 0px,
        rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.slider.review-slider {
    margin: 0 -10px;
}

.feedback ul {
    justify-content: center;
}

.feedback .slider-part p {
    margin: 16px auto;
    max-width: 284px;
}

.feedback .slider-part .text {
    display: none;
}

.feedback .slick-center .text {
    display: block;
}

.feedback .slick-center .bg-color {
    display: none !important;
}

.feedback .slider-part .bg {
    display: block;
    background-color: rgba(0, 0, 0, 0.11);
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    transform-origin: 0px 55%;
    transform: scale(1, 0.6);
    border-radius: 4px / 6.7px;
    animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d;
    width: 100%;
    height: 21px;
}

.feedback .slider-part .bg-color {
    margin-top: 16px;
}

.feedback .slider-part .bg-color .bg2 {
    width: 90%;
}

@keyframes animation-c7515d {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

.step_wrap_padding {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
}

.form_receive_box > .stepForm_padding {
    padding-left: 16px;
    width: 100%;
}


.css-1xv7vou {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 13px -6px,
        rgba(0, 0, 0, 0.14) 0px 20px 31px 3px,
        rgba(0, 0, 0, 0.12) 0px 8px 38px 7px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #38c172;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 40px;
    display: inline-flex;
}

#blog-slider svg {
    width: 18px;
}

#blog-slider .blog img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#blog-slider .blog .flex {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#blog-slider .blog {
    border-radius: 5px;
}

footer svg {
    fill: white;
    width: 25px;
    height: 25px;
}

.home-tab ul li:last-child a {
    border: none;
}

.home-tab .box::after {
    position: absolute;
    content: "";
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    padding-bottom: 16px;
    padding-right: 24px;
    background-color: #3490dc;
    top: 8%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 85%;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 40px;
    z-index: -1;
}

.form-box {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.home-tab .bg-img {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px,
        rgba(0, 0, 0, 0.14) 0px 5px 8px 0px,
        rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 50%;
    width: 100%;
    background-position: 50% 20%;
    height: 100%;
}
#default-styled-tab-content,
#default-styled-tab-content > div,
#default-styled-tab-content > div .box {
    height: 100%;
}
.home-tab ul li a[aria-selected="true"] {
    color: #2196f3 !important;
}

#default-styled-tab-content2,
#default-styled-tab-content2 > div,
#default-styled-tab-content2 > div .box {
    height: 100%;
}

.home-tab .content-box {
    margin-left: -75px;
    position: relative;
    z-index: 1;
    width: 50%;
}
.home-tab ul {
    border: none;
    display: inline-flex;
    border-radius: 4px;
    flex-direction: column;
    width: 100%;
}
.home-tab ul li a {
    font-weight: normal;

    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.75;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.54);
    width: 100%;
    text-transform: capitalize;
    font-size: 1rem;
    border-radius: 0;
    margin-top: -1px;
    border-top: 1px solid transparent;
}
.home-tab ul li.lasstTabList a {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0 0 20px 20px;
}
.home-tab ul li.firstTabList a {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 20px 20px 0 0;
}

.home-tab .head h4 {
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px -3px,
        rgba(0, 0, 0, 0.14) 0px 10px 14px 1px,
        rgba(0, 0, 0, 0.12) 0px 4px 18px 3px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #38c172;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 20px;
    display: inline-block;
    font-weight: 400;
    font-size: 2.125rem;
    line-height: 1.235;
}

.home-tab .content-box .bg-white {
    margin-top: 24px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px -3px,
        rgba(0, 0, 0, 0.14) 0px 10px 14px 1px,
        rgba(0, 0, 0, 0.12) 0px 4px 18px 3px;
}

.contact-page ul li svg {
    width: 1em;
    height: 1em;
    fill: #3490dc;
}

form button svg {
    width: 24px;
    height: 24px;
    fill: white;
}

.policy-wording-page .box {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px,
        rgba(0, 0, 0, 0.14) 0px 5px 8px 0px,
        rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.faq button {
    background-color: transparent;
    color: #3490dc;
    border-bottom-color: #dcdcdc;
    text-align: left;
}

.faq1:has([aria-expanded="true"]) {
    margin: 16px 0px;
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    position: relative;
    overflow-anchor: none;
    transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0px;
}
footer .grid div.text-center > h3 {
    font-size: 1rem;
    line-height: 1.75;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    height: 50px;
}
.contact-page form .relative {
    margin-bottom: 16px !important;
}
@media (min-width: 1200px) {
    .container-md {
        max-width: 1200px;
    }

    .step_wrap_padding {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

@media (min-width: 600px) {
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .container-sm,
    .container-md {
        padding-left: 24px;
        padding-right: 24px;
    }

    .step_wrap_padding {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }

    .step_wrap_selectBox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

.banner2 .bg-image {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px -3px,
        rgba(0, 0, 0, 0.14) 0px 10px 14px 1px,
        rgba(0, 0, 0, 0.12) 0px 4px 18px 3px;
}

.apply-cover .coverBox {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px,
        rgba(0, 0, 0, 0.14) 0px 5px 8px 0px,
        rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 40px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
}

.application.apply-cover .coverBox {
    padding: 16px;
}

.application.apply-cover .coverBox:hover {
    background: #3490dc;
}

.review-next {
    background: #3490dc !important;
    border-radius: 0 20px 20px 0px !important;
}

.review-next svg {
    fill: #fff !important;
}

.review-prev {
    background: #fff !important;
    border-radius: 20px 0 0px 20px !important;
}

.review-prev svg {
    fill: #3490dc !important;
}

.h-[-webkit-fill-available] {
    height: -webkit-fill-available;
}

@media (max-width: 899.99px) {
    .stellarnav {
        text-align: end;
    }

    .stellarnav .menu-toggle span.bars span {
        background: #3490dc;
        margin: 0 0 2px;
        width: 18px;
    }

    .stellarnav .menu-toggle span.bars {
        margin-right: 0;
    }

    .hero .container {
        max-width: unset;
    }

    .features .box-2 .list {
        display: flex;
        flex-direction: row;
        justify-content: start;
        gap: 15px;
        margin-top: 16px;
    }

    .metlife {
        display: block;
    }
    .metlife a {
        width: 100%;
    }
}

.application select {
    width: 100%;
    padding: 12px;
    padding-top: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.application .btn-group {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.application .toggle-btn {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #f2f2f2;
    cursor: pointer;
}

.application .toggle-btn.active {
    background: #0e8b8f;
    color: white;
    border-color: #0e8b8f;
}

.application .next-btn,
.application .submit-btn,
.application .back-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
}

.application .next-btn,
.application .submit-btn {
    background: #0e8b8f;
    color: white;
}

.application .back-btn {
    background: #ddd;
}

.application .btn-row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

/* Form Steps */
.application .form-step {
    display: none;
}

.application .form-step.active {
    display: block;
}

.colored {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px,
        rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
    background-color: #3490dc;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 16px;
}

.stepColored {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    color: #3490dc;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
}

.step_voucherTitle {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    text-align: center;
    background-color: rgb(17, 17, 17);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 8px;
}

.step_voucherTitle h6 {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.57;
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.step_voucher_aval {
    padding: 16px;
    text-align: center;
}

.css-5mi5nk {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 8px;
}

.form_boxes_paragraph2 {
    margin: 0px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
}

.stepInfo_link {
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    background-clip: padding-box;
    outline: 0px;
    border-width: 0px 0px 1px;
    border-image: initial;
    margin: 0px;
    border-radius: 0px;
    padding: 0px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.stepInfo_link:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.04);
}
.step_link_Contain {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    min-width: 0px;
    box-sizing: border-box;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    border-radius: 0px;
    text-decoration: none;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.step_tableBody tr.accordion-row {
    display: none;
    background: #f8f8f8;
    color: rgba(0, 0, 0, 0.87);
}
.accordion-row .step_form_flexBox_parent {
    color: rgba(0, 0, 0, 0.87);
}
.accordion-trigger {
    cursor: pointer;
}

.expand_button {
    margin-left: auto;
    cursor: pointer;
}
.expand_button i {
    font-size: 14px;
}

.accordion-row p {
    margin: 0px;
    font-weight: 400;
    line-height: 1.43;
    font-size: 0.8rem;
}
.accordion-row span {
    margin: 0px;
    font-weight: 400;
    line-height: 1.66;
    font-size: 0.75rem;
}
.accordion-row .colorbgBlank {
    font-weight: 400;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: center;
    /* background-color: rgba(0, 119, 190, 0.125); */
    color: inherit;
    font-size: 0.75rem;
    padding: 8px;
}

.step_link_Btn {
    min-width: 56px;
    color: rgba(0, 0, 0, 0.54);
    flex-shrink: 0;
    display: inline-flex;
}

.step_link_Blue_svg {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    color: #3490dc;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.flexing_stepBox {
    flex: 1 1 auto;
    min-width: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.table_blank_span {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-1lfqu5h,
.step_form_box.step_info {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    position: relative;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.step_form_box.step_info {
    margin-top: 16px;
}

.form_text {
    margin: 0px;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    align-content: center;
    text-align: left;
}

.step_form_box {
    margin-top: 16px;
}

/* form design */

.form_boxes {
    display: flex;
    flex-direction: column;
}

.form_control_textBox {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.postcodePanel input {
    flex: 1;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;

    font-size: 0.875rem;
    color: #111827;
    background: transparent;

    border-radius: 0.375rem;
    appearance: none;
    outline: none;
    text-transform: uppercase;
}

.postcodePanel input:focus {
    outline: none;
    box-shadow: none;
}
.postcodePanel .step_search_btn:disabled {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
    pointer-events: none;
    cursor: default;
}
.postcodePanel .step_search_btn .svg_contain {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}
.step_resident_wrap {
    margin: 0px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    align-content: center;
    text-align: left;
}

.form_receive_box > .stepForm_padding {
    padding-left: 16px;
    padding-top: 16px;
}

.step_form_box.form_box {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px,
        rgba(0, 0, 0, 0.14) 0px 5px 8px 0px,
        rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 16px;
}

.css-8atqhb {
    width: 100%;
}

.step_form_title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.step_form_title_box {
    padding-left: 8px;
    padding-right: 8px;
    flex: 1 1 0%;
    position: relative;
}

.step_form_labelFlex {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.step_form_labelFlex.form_step_label {
    flex-direction: column;
}

.step_icon_labelTitle {
    flex-shrink: 0;
    display: flex;
    padding-right: 8px;
}

.step_icon_labelTitle.form_step_label {
    padding-right: 0px;
}

.step_icon_svg {
    user-select: none;
    width: 1em;
    height: 1em;
    fill: #3490dc;
    flex-shrink: 0;
    font-size: 1.5rem;
    display: block;
    color: rgba(0, 0, 0, 0.38);
    transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.step_form_icon {
    fill: rgb(255, 255, 255);
    font-size: 0.75rem;
}

.step_icon_title.form_step_label {
    margin-top: 16px;
}

.step_icon_title.activeLabel {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}

.stepProgress_left {
    flex: 1 1 auto;
    position: absolute;
    top: 12px;
    left: calc(-50% + 20px);
    right: calc(50% + 20px);
}

.stepProgress {
    display: block;
    border-color: rgb(189, 189, 189);
    border-top-style: solid;
    border-top-width: 1px;
}

.step_icon_title {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: block;
    transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.step_form_relative {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background-color: rgb(255, 255, 255);
    color: #3490dc;
    font-weight: 600;
}

.stepForm_title {
    margin: 0px;
    font-size: 1.5rem;
    line-height: 1.334;
    color: rgb(255, 255, 255);
    font-weight: 600;
    margin-left: 8px;
}
.stepForm_title > :not(style) ~ :not(style) {
    margin-left: 8px;
}
.step_form_relative_box {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
}

#multiForm .stepForm_title {
    margin-left: 8px;
}

.step_form_box_top {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    padding-bottom: 16px;
    /* background-color: rgb(249, 249, 249); */
    position: relative;
    min-height: 80vh;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
}

.form_receive_box {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -16px;
    width: calc(100% + 16px);
    margin-left: -16px;
}

.step_form_box_start {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}
.step_wrap_selectBox {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
}

.padding_borderBox {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
}
@media (min-width: 600px) {
    .step_form_box_start {
        padding-left: 24px;
        padding-right: 24px;
    }

    .step_wrap_padding {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }

    .step_form_topHeadings {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .step_form_box_start {
        max-width: 1200px;
    }

    .step_wrap_padding {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }

    .step_form_topHeadings {
        flex-basis: 66.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 66.6667%;
    }

    .step_wrap_selectBox {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
    .padding_borderBox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
    .step_wrap_selectBox {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

.step_form_main_wrapper {
    padding-top: 8px;
    padding-bottom: 32px;
    margin-top: 10px;
}

.stepForm_box_panel {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px,
        rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
    padding-top: 16px;
    padding-bottom: 16px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
}

.stepForm_boxes {
    display: flex;
    flex-direction: column;
}

@media (min-width: 900px) {
    .step_wrap_padding {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }

    .step_form_topHeadings {
        flex-basis: 66.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 66.6667%;
    }

    .step_wrap_padding {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }

    .step_wrap_selectBox {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

.step_resident_wrap {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    align-content: center;
    text-align: left;
    margin: 0px;
}

.step_form_inputTitle {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}

.radio-container input {
    display: none;
}

.radio-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding-top: 16px;
}

.uk-btn {
    padding: 10px 25px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 10px;
    width: fit-content;
}

input:checked + label {
    background: #3490dc;
    border-color: #3490dc;
    color: #fff;
}

.error-msg {
    display: none;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    text-align: left;
    margin: 3px 14px 0px;
    color: rgb(230, 104, 121);
}

#uk-no:checked ~ .error-msg {
    display: block;
}

.stepForm_boxes > :not(style) ~ :not(style) {
    margin-top: 16px;
}

.css-qiwgdb.MuiSelect-select {
    height: auto;
    min-height: 1.4375em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.css-1k3x8v3 {
    bottom: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    box-sizing: border-box;
}

.css-1636szt {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    position: absolute;
    right: 7px;
    top: calc(50% - 0.5em);
    pointer-events: none;
    color: rgba(0, 0, 0, 0.54);
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-qiwgdb.css-qiwgdb.css-qiwgdb {
    padding-right: 32px;
}

.css-4f3lya {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
}
.step_form_backButton {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: #3490dc;
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 10px;
}
.step_form_backButton .svg_contain i,
.step_form_rightBtn .svg_contain i {
    font-size: 12px;
}
.step_form_backButton .svg_contain {
    margin-top: -3px;
    height: unset;
}
.step_form_rightBtn .svg_contain {
    font-size: 14px;
    height: auto;
}
.step_form_button_child {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px;
}
.svg_contain {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.step_form_button_child > :nth-of-type(1) {
    font-size: 20px;
}

.form_boxes_text {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}
.form_boxes_text.core_cover h5 {
    margin: 0px;
    font-size: 1.5rem;
    line-height: 1.334;
    font-weight: 600;
    color: rgb(0, 119, 190);
}
.form_boxes_text > :not(style):not(style) {
    margin: 0px;
}
.form_boxes_paragraph {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.43;
    font-weight: 600;
}

.form_boxes_text > :not(style):not(style) {
    margin: 0px;
}
.form_boxes_text > :not(style) ~ :not(style) {
    margin-top: 8px;
}
.stepForm_tableBox {
    width: 100%;
    overflow-x: auto;
}
.form_boxes_table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.form_boxes_table_data_show {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.step_tableBody {
    display: table-row-group;
}
.stepTable_row {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
}
.stepTable_row_data {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    text-align: left;
    padding: 16px;
    color: rgba(0, 0, 0, 0.87);
    border: none;
}

.stepTable_row_datas {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    text-align: center;
    padding: 16px;
    color: rgba(0, 0, 0, 0.87);
    border: none;
}
.stepBox_inlineP {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}

.stepBox_inline_box {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    padding: 0px;
    color: rgb(0, 119, 190);
    border: 1px solid rgba(0, 0, 0, 0.26);
}
.stepBox_inline_box input {
    border: none;
    padding: 8.5px 0px;
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 8.5px 0px;
}
.stepForm_tableData {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    padding: 8px;
}
.step_blueBtn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 83, 133);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
        rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    width: 100%;
    text-transform: none;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.stepBox_inline {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px,
        rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
    width: 100%;
    overflow-x: auto;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
}

.step_blue_thead {
    display: table-header-group;
}
.summary_payment {
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    flex-direction: column;
}
.blue_tableBG {
    display: table-row;
    vertical-align: middle;
    outline: 0px;
    background-color: rgb(0, 83, 133);
    color: rgb(255, 255, 255);
}
.blue_tableBG .blank_tableData .form_normal_paragraph span {
    color: rgb(255, 255, 255);
}
.step_form_box.color2 {
    margin-top: 8px;
    padding: 8px;
}
.step_blue_tabler {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: left;
    padding: 16px;
    color: inherit;
}
.tableColoredtitle {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
}
.step_margin_font {
    margin: 0px;
    line-height: 1.43;
    font-weight: inherit;
    font-size: 0.8rem;
}
.step_margin_auto {
    margin-top: auto;
    margin-bottom: auto;
    flex: 1 1 0%;
}
.step_margin_auto span {
    line-height: 1.66;
    font-weight: 400;
    font-size: 0.7rem;
    margin: 0px;
}
.step_trigger {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
    background-color: rgba(0, 119, 190, 0.125);
}
.step_form_flexBox_parent {
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: left;
    color: rgb(0, 83, 133);
    font-weight: 600;
    cursor: pointer;
    padding: 8px;
}

.expand_button {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-align: center;
    color: inherit;
    font-size: 1.125rem;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: visible;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 5px;
}
.expand_button i {
    transform: rotate(0deg);
}
.expand_button.active i {
    transform: rotate(180deg);
}
.step_form_rightBtn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(255, 255, 255);
    background-color: #3490dc;
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 10px;
}

.formTable_blankData {
    font-weight: 400;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    padding: 8px;
    font-size: 0.75rem;
}
.formTable_coloredData {
    font-weight: 400;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: center;
    padding: 8px;
    font-size: 0.75rem;
    /* background-color: rgb(0, 83, 133);
    color: rgb(255, 255, 255); */
}
.formTable_blankData {
    font-weight: 400;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    padding: 8px;
    font-size: 0.75rem;
}
.css-156zv3l {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 8px;
}
.color2_box {
    display: flex;
    flex-direction: column;
}
 .color2_box.color2_box_p p {
    display: none;
}
.form_normal_paragraph {
    margin: 0px;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
}
.form_policyBtn {
    color: #3490dc;
    font-weight: bold;
}
.color2_box > :not(style):not(style) {
    margin: 0px;
}
.color2_box > :not(style) ~ :not(style) {
    margin-top: 8px;
}

.greenTitle {
    margin: 0px;
    font-size: 1.5rem;
    line-height: 1.334;
    font-weight: 600;
    color: #38c172;
}
.accordion_trow {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
}
.stepInfo_linkBtn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(95, 136, 12);
    width: 100%;
    text-align: center;
    text-transform: none;
    outline: 0px;
    margin: 0px;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(95, 136, 12, 0.5);
    border-image: initial;
}
.tableBtn_span {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px;
}
.tableBtn_span > :nth-of-type(1) {
    font-size: 20px;
}

.green_bg_table {
    display: table-row;
    vertical-align: middle;
    outline: 0px;
    background-color: #38c172;
    color: rgb(255, 255, 255);
}
.blank_tableData {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: center;
    padding: 16px;
    color: inherit;
}

.step_accordion_table {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
    background-color: rgba(135, 194, 17, 0.125);
}
.accordion_tdata {
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: left;
    color: #38c172;
    font-weight: 600;
    cursor: pointer;
    padding: 8px;
}

.activeLifestyle .form_boxes_text h5 {
    margin: 0px;
    font-size: 1.5rem;
    line-height: 1.334;
    font-weight: 600;
    color: rgb(87, 42, 133);
}
.step_tableBody tr {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
}
.tableBtn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: CircularStd;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(61, 29, 93);
    width: 100%;
    text-align: center;
    text-transform: none;
    outline: 0px;
    margin: 0px;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(61, 29, 93, 0.5);
    border-image: initial;
}
.voilet_bg {
    display: table-row;
    vertical-align: middle;
    outline: 0px;
    background-color: rgb(61, 29, 93);
    color: rgb(255, 255, 255);
}
.blue_table_accord {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
    background-color: rgba(87, 42, 133, 0.125);
}
.voilet_datas {
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: left;
    color: rgb(61, 29, 93);
    font-weight: 600;
    cursor: pointer;
    padding: 8px;
}
.step_form_flexBox {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    align-items: start;
}
.color2_box_span {
    margin: 0px;
    font-size: 0.75rem;
    line-height: 1.66;
    font-style: italic;
    font-weight: 600;
}
.step_highlighted_title {
    margin: 16px 0px 0px;
    color: rgb(72, 181, 190);
    font-size: 1.5rem;
    line-height: 1.334;
    align-content: center;
    text-align: left;
    font-weight: 600;
}
.step_highlighted_bg {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    width: 100%;
    overflow-x: auto;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
}
.step_tableBody tr {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
}
.step_table_td {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: left;
    padding: 6px 16px;
    background-color: rgb(58, 146, 151);
    color: rgb(255, 255, 255);
}
.step_table_coloredtd {
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 6px 16px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
}
.step_table_blank {
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 6px 16px;
    color: rgba(0, 0, 0, 0.87);
    text-align: right;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
}
.step_table_headT {
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: left;
    padding: 6px 16px;
    color: rgb(0, 119, 190);
    font-weight: 600;
}
.step_table_headText {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 6px 16px;
    color: rgba(0, 0, 0, 0.87);
    text-align: right;
}
.step_table_row {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
    background-color: rgb(58, 146, 151);
}
.step_table_firstData {
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    text-align: left;
    padding: 6px 16px;
    color: rgb(255, 255, 255);
    font-weight: 600;
}
.step_table_secondData {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 6px 16px;
    color: rgb(255, 255, 255);
    text-align: right;
}
.form_receiveBtn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(58, 146, 151);
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    outline: 0px;
    margin: 0px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(58, 146, 151, 0.5);
    border-image: initial;
    border-radius: 10px;
}
.step_search_btn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(255, 255, 255);
    background-color: rgb(58, 146, 151);
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 10px;
}
.step_metalife {
    box-shadow: none;
    background-color: rgb(72, 181, 190);
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 8px;
}
.title_five {
    margin: 0px;
    font-size: 1.5rem;
    line-height: 1.334;
    font-weight: 600;
    color: inherit;
}
.step_step2 {
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    background-color: rgb(245, 245, 245);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 16px;
}
.step_step2_box {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.title_sixs {
    margin: 0px;
    color: rgb(72, 181, 190);
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 600;
}
.step_step2_box > :not(style):not(style) {
    margin: 0px;
}
.title_six {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.75;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
}
.form_normal_paragraph {
    margin: 0px;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
}
.form_normal_paragraph span {
    color: rgba(0, 0, 0, 0.87);
}
.step_blue_thead .green_bg_table .blank_tableData .form_normal_paragraph span,
.step_blue_thead .voilet_bg .blank_tableData .form_normal_paragraph span {
    color: #fff;
}
.step_metalife_listPadding {
    padding-left: 0px;
    list-style: none;
}
.metalife_listli {
    display: flex;
    -webkit-box-align: start;
    align-items: start;
    padding-left: 16px;
}
.metalife_icon {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    margin-right: 8px;
    font-size: inherit;
    color: rgba(0, 0, 0, 0.6);
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.metalife_icon i {
    font-size: 14px;
}
.headingBoldbOX {
    display: flex;
    flex-direction: row;
    justify-content: left;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
}
.headingBoldbOX .Error.error_box{
margin-left: 8px;
}
.headingBoldbOX .Error.error_box.selected{
    color: #ffffff;
    background-color: #2e7d32;
    border-color: #2e7d32;
        
}
.step_step2_box > :not(style):not(style) {
    margin: 0px;
}
.step_step2_box > :not(style) ~ :not(style) {
    margin-top: 8px;
}

.headingBold {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.57;
    font-weight: 600;
}
.error_box {
    max-width: 100%;
    font-size: 0.8125rem;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 24px;
    cursor: unset;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: transparent;
    color: rgb(211, 47, 47);
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    text-decoration: none;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(211, 47, 47, 0.7);
    border-image: initial;
}
.error_box .step_form_smallIcon {
    margin-left: 2px;
}
.error_box .step_form_ico {
    margin-left: 4px;
    margin-right: -4px;
    font-size: 18px;
    color: inherit;
}
.not_selected, #lifestyle_cover_status, #child_cover_status {
    text-overflow: ellipsis;
    padding-left: 7px;
    padding-right: 7px;
    overflow: hidden;
    white-space: nowrap;
}
.css-ymkbz4 {
    display: inline-flex;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    z-index: 0;
    vertical-align: middle;
    width: 66px;
    height: 46px;
    padding: 8px;
}
.css-g9zhec {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    color: rgb(255, 255, 255);
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 9px;
    border-radius: 50%;
    transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-1ju1kxc {
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: rgb(0, 0, 0);
    opacity: 0.38;
    border-radius: 7px;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-ymkbz4 .MuiSwitch-track {
    border-radius: 23px;
}
.css-1m9pwf3 {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}
.css-g9zhec .MuiSwitch-input {
    left: -100%;
    width: 300%;
}
.css-ymkbz4 .MuiSwitch-thumb {
    width: 28px;
    height: 28px;
    margin: 0px;
}
.css-19gndve {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    background-color: currentcolor;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.table_blank_span {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}
.css-ymkbz4 .MuiSwitch-track::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><path fill="white" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg>');
    left: 10px;
}
.css-ymkbz4 .MuiSwitch-track::before,
.css-ymkbz4 .MuiSwitch-track::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
.css-1jaw3da {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    margin-left: -11px;
    margin-right: 16px;
}
.step_payment_box {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    padding: 8px 0px;
}
.css-h2cmlr {
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
}
.stepForm_monthlyPay {
    margin-left: 12px;
    padding-left: 20px;
    padding-right: 8px;
    border-left: 1px solid rgb(189, 189, 189);
}
.stepForm_monthlyPay_box {
    height: auto;
    min-height: 0px;
    overflow: visible;
    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
    padding-bottom: 24px;
}
.css-hboir5 {
    display: flex;
    width: 100%;
}

.white_step_boxes {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 16px;
}
.stepForm_boxes > :not(style):not(style) {
    margin: 0px;
}
.stepForm_boxes > :not(style) ~ :not(style) {
    margin-top: 16px;
}
.color2_box {
    display: flex;
    flex-direction: column;
}
.form_control_text {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.43;
    align-content: center;
    text-align: left;
    font-weight: 600;
}

.toggleSwitch .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.toggleSwitch .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#preferred_payment_date {
    display: block;
    width: 100%;
    font-size: 14px;
    background: transparent;
    /* color: lightgray; */
    border: 1px solid #0000004a;
    appearance: none;
}
#preferred_payment_date option{
    color: #000;
}
.toggleSwitch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.toggleSwitch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.toggleSwitch input:checked + .toggleSwitch .slider {
    background-color: #2196f3;
}

.toggleSwitch input:focus + .toggleSwitch .slider {
    box-shadow: 0 0 1px #2196f3;
}

.toggleSwitch input:checked + .toggleSwitch .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.toggleSwitch .slider.round {
    border-radius: 34px;
}

.toggleSwitch .slider.round:before {
    border-radius: 50%;
}

@media (max-width: 899px) {
    .home-tab .bg-img {
        max-width: unset;
        width: 100%;
        height: auto;
    }
    #insurance-accordion .box {
        padding: 8px 16px 16px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 20%;
        position: relative;
        opacity: 0.95;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        min-height: 40vh;
        margin-bottom: -1px;
    }
    #acc-panel-1 .box {
        background-image: url("../img/tab/1.webp");
    }
    #acc-panel-2 .box {
        background-image: url("../img/tab/2.webp");
    }
    #acc-panel-3 .box {
        background-image: url("../img/tab/3.webp");
    }
    #acc-panel-4 .box {
        background-image: url("../img/tab/4.webp");
    }
    #acc-panel-5 .box {
        background-image: url("../img/tab/5.webp");
    }
    #acc-panel-6 .box {
        background-image: url("../img/tab/6.webp");
    }
    #acc-panel-7 .box {
        background-image: url("../img/tab/7.webp");
    }

    #acc-panel-8 .box {
        background-image: url("../img/tab/8.webp");
    }
    #acc-panel-9 .box {
        background-image: url("../img/tab/9.webp");
    }
    #acc-panel-10 .box {
        background-image: url("../img/tab/10.webp");
    }
    #acc-panel-11 .box {
        background-image: url("../img/tab/10.webp");
    }
    #acc-panel-12 .box {
        background-image: url("../img/tab/10.webp");
    }
    #acc-panel-13 .box {
        background-image: url("../img/tab/10.webp");
    }
    #acc-panel-14 .box {
        background-image: url("../img/tab/10.webp");
    }
    #acc-panel-15 .box {
        background-image: url("../img/tab/10.webp");
    }
    #acc-panel-16 .box {
        background-image: url("../img/tab/10.webp");
    }
    #acc-panel-17 .box {
        background-image: url("../img/tab/10.webp");
    }

    #acc-panel-18 .box {
        background-image: url("../img/tab/10.webp");
    }

    .home-tab .box::after {
        content: normal;
    }
    .home-tab .bg-img {
        display: none;
    }
    .home-tab .content-box {
        margin-left: unset;
        position: relative;
        z-index: 1;
        width: 60%;
        left: 20%;
        padding-left: 0;
    }
    .home-tab .box > .flex {
        align-items: center;
        justify-content: center;
    }
    .tabBtnPAnel a {
        width: 100%;
        margin-top: 32px;
        text-align: left;
        font-size: 0.9rem;
        line-height: 1.75;
        text-transform: capitalize;
    }
}

.home-blog .heading-font {
    margin-bottom: 0;
}
#insurance-accordion > .accordionWrapper {
    border-radius: 0;
    margin-bottom: 0;
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    position: relative;
    overflow-anchor: none;
    transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0px;
    border-bottom: 1px solid;
    border-color: lightgray;
}
#insurance-accordion .accordion-header {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}
#insurance-accordion
    .accordionWrapper:has(.accordion-header[aria-expanded="true"]) {
    margin-bottom: 16px !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* .review-slider  .slick-slide.slick-active:nth-child(1){
   margin-left: 25px !important;
}

.review-slider  .slick-slide.slick-active:nth-child(3){
   margin-right: 25px;
} */

.bottomText {
    padding: 16px !important;
}
.bottomText h6 {
    margin: 0px 0px 0.35em;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.57;
    color: rgb(17, 17, 17);
    -webkit-line-clamp: 2;
}

.marital_titleField {
    position: relative;
}

.marital_titleField .title-select {
    display: block;
    width: 100%;

    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;

    font-size: 0.875rem;
    color: #111827;
    background: transparent;

    border: 1px solid #0000004a;
    border-radius: 0.375rem;

    appearance: none;
    outline: none;
}

.marital_titleField .title-select:focus {
    outline: none;
    box-shadow: none;
    border-color: #38c172 !important;
}

.marital_titleField .title-label {
    position: absolute;
    top: 5px;
    left: 0.75rem;
    font-size: 0.875rem;
    color: #38c172;
    background: #fff;
    padding: 0 4px;
    transform-origin: 0 0;
    transition: 0.3s ease;
}

.marital_titleField .title-select:focus + .title-label {
    transform: scale(0.75) translateY(-16px);
    color: #38c172;
}

.marital_titleField .title-select:invalid + .title-label {
    transform: translateY(14px) scale(1);
    color: #9ca3af;
}

.marital_titleField .title-select:valid + .title-label {
    transform: scale(0.75) translateY(-16px);
    color: #38c172;
}

.dobField {
    position: relative;
}

.dobField .dob-input {
    display: block;
    width: 100%;

    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;

    font-size: 0.875rem;
    color: #111827; /* text-gray-900 */

    background: transparent;
    border: 1px solid #0000004a;
    border-radius: 0.375rem; /* rounded-md */

    appearance: none;
    outline: none;
}

.dobField .dob-input:focus {
    border-color: #38c172 !important;
    outline: none;
    box-shadow: none;
}

.dobField .dob-label {
    position: absolute;
    top: 4px;
    left: 0.75rem;
    padding: 0 4px;

    font-size: 0.875rem;
    color: #38c172;
    background: white;

    transform: translateY(-16px) scale(0.75);
    transform-origin: 0 0;

    transition: 0.3s ease;
}

.dobField .dob-input:placeholder-shown + .dob-label {
    transform: translateY(14px) scale(1);
    color: #9ca3af;
}

.dobField .dob-input:focus + .dob-label {
    transform: translateY(-16px) scale(0.75);
    color: #38c172;
}

.dobField .dob-input:not(:placeholder-shown):valid + .dob-label {
    transform: translateY(-16px) scale(0.75);
    color: #38c172;
}

/* Parent wrapper */
.textField {
    position: relative;
}

/* INPUT styles */
.textField .text-input {
    display: block;
    width: 100%;

    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem;
    padding-top: 1.25rem; /* pt-5 */
    padding-bottom: 0.75rem; /* pb-3 */

    font-size: 0.875rem; /* text-sm */
    color: #111827; /* text-gray-900 */

    background: transparent;
    border: 1px solid #0000004a;
    border-radius: 0.375rem;

    appearance: none;
    outline: none;
}

/* Focus border color */
.textField .text-input:focus {
    border-color: #38c172 !important;
    outline: none;
    box-shadow: none;
}

.textField .text-label {
    position: absolute;
    left: 0.75rem;
    top: 4px;

    padding: 0 4px;
    background: white;

    font-size: 0.875rem;
    color: #38c172;

    transform: translateY(-16px) scale(0.75);
    transform-origin: 0 0;
    transition: 0.3s ease;
}

.textField .text-input:placeholder-shown + .text-label {
    transform: translateY(14px) scale(1);
    color: #9ca3af;
}

.textField .text-input:focus + .text-label {
    transform: translateY(-16px) scale(0.75);
    color: #38c172;
}

.textField .text-input:not(:placeholder-shown):valid + .text-label {
    transform: translateY(-16px) scale(0.75);
    color: #38c172;
}
.paymentDateLabel {
    position: absolute;
    top: 5px; /* top-[5px] */
    left: 12px; /* left-3 */
    font-size: 0.875rem; /* text-sm */
    color: #38c172; /* text-[#38c172] */
    background-color: #ffffff; /* bg-white */
    padding-left: 0.25rem; /* px-1 */
    padding-right: 0.25rem;
    transform-origin: 0% 0%; /* origin-[0] */

    /* Tailwind `transform` base */
    transform: translateY(0) scale(1);

    /* Tailwind `duration-300` */
    transition-property: color, transform;
    transition-duration: 300ms;
    transition-timing-function: ease;
  pointer-events: none;
}

/* peer-focus */
.peer:focus ~ .paymentDateLabel {
    transform: translateY(-1rem) scale(0.75); /* -translate-y-4 + scale-75 */
    color: #38c172;
}

/* peer-invalid */
.peer:invalid ~ .paymentDateLabel {
    transform: translateY(0.875rem) scale(1); /* translate-y-3.5 + scale-100 */
    color: #9ca3af; /* text-gray-400 */
}

/* peer-valid */
.peer:valid ~ .paymentDateLabel {
    transform: translateY(-1rem) scale(0.75); /* -translate-y-4 + scale-75 */
}

/* Base styles */
#preferred_payment_date {
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem;
    padding-top: 1.25rem; /* pt-5 */
    padding-bottom: 0.75rem; /* pb-3 */

    border-radius: 0.375rem; /* rounded-md */

    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.29);

    background-color: #ffffff;
    font-size: 0.875rem;

    transition-property: border-color, color;
    transition-duration: 200ms;
    transition-timing-function: ease;
}

/* focus:outline-none focus:ring-0 focus:border-[#38c172] */
#preferred_payment_date:focus {
    outline: none;
    box-shadow: none;
    border-color: #38c172;
}

/* invalid:text-gray-400 */
#preferred_payment_date:invalid {
    color: #9ca3af;
}

#sort_code,
#account_number,
#account_holder_name,
#county,
#city,
#addressline2,
#phone,
#email,
#genderstatus,
#mainoccupation {
    display: block;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.42;
    color: #111827;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.29);
    border-radius: 0.375rem;
    appearance: none;
    outline: none;
    transition: border-color 200ms ease;
}

#sort_code:focus,
#account_number:focus,
#account_holder_name:focus,
#county:focus,
#city:focus,
#addressline2:focus,
#phone:focus,
#email:focus,
#genderstatus:focus,
#mainoccupation:focus {
    outline: none;
    box-shadow: none;
    border-color: #38c172;
}

.sortCodeLabel {
    position: absolute;

    top: 0.25rem; /* top-1 */
    left: 0.75rem; /* left-3 */

    font-size: 0.875rem; /* text-sm */
    color: #38c172; /* text-[#38c172] */

    background-color: #ffffff; /* bg-white */
    padding-left: 0.25rem; /* px-1 */
    padding-right: 0.25rem;

    transform-origin: 0% 0%; /* origin-[0] */
    transform: translateY(-1rem) scale(0.75); /* default floated */

    transition-property: transform, color;
    transition-duration: 300ms; /* duration-300 */
    transition-timing-function: ease;
}

/* peer-placeholder-shown:scale-100 */
.peer:placeholder-shown ~ .sortCodeLabel {
    transform: translateY(0.875rem) scale(1); /* translate-y-3.5 */
    color: #9ca3af; /* text-gray-400 */
}

/* peer-focus */
.peer:focus ~ .sortCodeLabel {
    transform: translateY(-1rem) scale(0.75);
    color: #38c172;
}

#employmentstatus,
#maritalstatus {
    display: block;
    width: 100%;

    padding: 1.25rem 0.75rem 0.75rem;

    font-size: 0.875rem;
    color: #111827;

    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.29);
    border-radius: 0.375rem;

    appearance: none;
    outline: none;

    transition: border-color 200ms ease, color 200ms ease;
}

#employmentstatus:focus,
#maritalstatus:focus {
    border-color: #38c172;
}

/* Empty select text color */
#employmentstatus:not(:valid),
#maritalstatus:not(:valid) {
    color: #9ca3af;
}

.employmentStatusLabel {
    position: absolute;
    left: 0.75rem;
    top: 0.25rem;

    font-size: 0.875rem;
    color: #38c172;

    background: #ffffff;
    padding: 0 0.25rem;

    transform-origin: 0% 0%;
    transition: transform 300ms ease, color 300ms ease;
}

/* ⬇️ DEFAULT: empty + not focused */
.peer:not(:focus):not(:valid) ~ .employmentStatusLabel {
    transform: translateY(0.875rem) scale(1);
    color: #9ca3af;
}

/* ⬆️ Focus */
.peer:focus ~ .employmentStatusLabel {
    transform: translateY(-1rem) scale(0.75);
    color: #38c172;
}

/* ⬆️ Value selected */
.peer:valid ~ .employmentStatusLabel {
    transform: translateY(-1rem) scale(0.75);
    color: #38c172;
}
/* amit */

.no-letter {
    color: transparent !important;
}

/* Last column black when unit = 5 */
.last-black {
    color: transparent !important;
}

/* Smooth UX */
.previous,
.blank_tableData {
    transition: all 0.2s ease;
}

#addressSelectWrapper {
    display: inline;
}

.step_form_telephone {
    top: 18px;
    left: 27px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    border-right: 1px solid rgb(224, 224, 224);
    padding-right: 10px;
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    color: #0000008a;
}

.stepBox_inlineP .stepBox_inline_box:hover {
    border-color: #000;
}

.coverBtn.btn-minus:disabled .svg_contain {
    color: rgba(0, 0, 0, 0.26);
}

.add_child_cover_package.removeBtn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(255, 255, 255);
    background-color: rgb(135, 194, 17);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
        rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    width: 100%;
    text-align: center;
    text-transform: none;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.add_child_cover_package.removeBtn .btn_svg_remove {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px;
}
.add_child_cover_package.removeBtn .btn_svg_remove .svg_contain {
    font-size: 20px;
    height: 20px;
    width: 20px;
}


.add_active_cover_package.life_cover{
display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: CircularStd;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(255, 255, 255);
    background-color: rgb(87, 42, 133);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    width: 100%;
    text-align: center;
    text-transform: none;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.active_life{
        color: #572a85;
}
.child_cover{
    color: #87c211;
}
.core_cover{
    color: #0077be;
}
.ql-code-block-container{
    color: #000;
}

.step_button_tabMob{
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 5px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 10;
    background-color: rgb(218, 238, 240);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    display: none;
}

.step_tabMob_boxcontainer {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.form_boxes_table .stepTable_row_datas.mobileFull .add_active_cover_package.life_cover.removeBtn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    color: rgb(255, 255, 255);
    background-color: rgb(87, 42, 133);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    width: 100%;
    text-align: center;
    text-transform: none;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.green_bg_table .blank_tableData{
    background-color: #38c172;
    color: rgb(255, 255, 255);
}
.voilet_bg .blank_tableData{
    background-color: rgb(61, 29, 93);
    color: rgb(255, 255, 255);
}
.form_boxes_table .stepTable_row_datas.mobileFull .add_active_cover_package svg{
    fill: currentColor;
        width: 20px;
    height: 20px;
}

.form_boxes_table.child-package-table .step_blue_thead .blank_tableData.middle_child_cover{
background-color: rgb(135, 194, 17);
    color: rgb(255, 255, 255);
}
.form_boxes_table.child-package-table .step_tableBody .formTable_coloredData.middle_child_cover{
background-color: rgb(95, 136, 12);
    color: rgb(255, 255, 255);
}
.active-package-table .form_boxes_table.child-package-table .step_tableBody .formTable_blankData.colorbgBlank.middle_child_cover{
    background-color: rgba(135, 194, 17, 0.125);
}
.child-package-table .formTable_blankData.colorbgBlank.middle_child_cover{
    background-color: rgba(135, 194, 17, 0.125);
}

.core-package-table .accordion-row .colorbgBlank{
    background-color: rgba(0, 119, 190, 0.125);
}

.active-package-table .voilet_bg .blank_tableData.middle_activeLife{
        background-color: rgb(87, 42, 133);
    color: rgb(255, 255, 255);
}
.active-package-table .formTable_coloredData.middle_activeLife{
        background-color: rgb(61, 29, 93);
    color: rgb(255, 255, 255);
}
.active-package-table .formTable_blankData.colorbgBlank.middle_activeLife{
        background-color: rgba(87, 42, 133, 0.125);
}

@media (max-width: 1199px) {
  .core-package-table th:nth-child(2),
  .core-package-table td:nth-child(2),
  .core-package-table th:nth-child(4),
  .core-package-table td:nth-child(4) {
    display: none;
  }
   .core-package-table th:nth-child(1),
  .core-package-table td:nth-child(1),
  .core-package-table th:nth-child(3),
  .core-package-table td:nth-child(3) {
    width: 50%;
  }
   .child-package-table th:nth-child(2),
  .child-package-table td:nth-child(2),
  .child-package-table th:nth-child(4),
  .child-package-table td:nth-child(4) {
    display: none;
  }

  /* Make 1st & 3rd columns equal width */
  .child-package-table th:nth-child(1),
  .child-package-table td:nth-child(1),
  .child-package-table th:nth-child(3),
  .child-package-table td:nth-child(3) {
    width: 50%;
  }
  .active-package-table th:nth-child(2),
  .active-package-table td:nth-child(2),
  .active-package-table th:nth-child(4),
  .active-package-table td:nth-child(4) {
    display: none;
  }

  /* Make 1st & 3rd columns 50% width */
  .active-package-table th:nth-child(1),
  .active-package-table td:nth-child(1),
  .active-package-table th:nth-child(3),
  .active-package-table td:nth-child(3) {
    width: 50%;
  }
  .stepForm_tableData.mobile_none{
    display: none;
  }
}

@media (max-width: 899.9px){
.step_button_tabMob{
    display: block;
}
.mobileFull{
    width: 100%;
    padding: 0;
}
 .step_button_tabMob_box{
        padding: 0 16px;
    }
}

@media (max-width: 767.9px){
.mobileGap{
    margin-bottom: 3rem;
        padding: 0;
        display: flex;
        list-style: none;
}
.mobileGap a{
    font-weight: bold;
}
}
@media (min-width: 600px) {
    .step_button_tabMob_box {
        padding-left: 24px;
        padding-right: 24px;
    }
   
}

span.switch input:checked ~ label::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  color: #fff;
  display: none;
}



span.switch input:checked ~ label::before {
  display: inline;
      left: 5px;
    position: relative;
    top: 3px;

}
#switch-rounded:checked + label.payment_lab::before {
display: inline;
}

.step_form_box.form_box.moving_box .cover_disabled{
    color: #00000099;
}
.step_form_box.form_box.moving_box .cover_disabled .label_inside{
    color: #00000099;
}
.step_form_box.form_box.moving_box .cover_disabled .step_icon_svg{
 fill: currentColor;
}

.step_form_box.form_box.payment_box{
    background-color: #0077be;
    color: #fff;
}
.step_form_box.form_box.payment_box .step_form_title.step_form_title_payment.text-center{
    justify-content: center;
        font-size: 1.5rem;
    line-height: 1.334;
    text-align: center;
    font-weight: 600;
    color: rgb(255, 255, 255);
}
#mobile_code{
    padding-top: 15px;
}

#addressSelect option {
  max-width: 380px;        
  overflow-x: auto;        
  white-space: nowrap;    
}

#addressSelect option::-webkit-scrollbar {
  height: 6px;
}