/* comman css start */

.zl_source {
    visibility: hidden;
}

.zl_flex {
    display: flex;
    height: 100vh;
    flex-direction: column;
}

.zl_flex_grow {
    flex-grow: 1;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 1024px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_photo_credit {
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.4;
    padding: 0.75rem;
    font-size: 9px;
    font-weight: 200;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_photo_credit {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .zl_photo_credit {
        visibility: visible;
    }
}

.zl_photo_wrapper {
    position: relative;
}

.zl_main_body_content .container {
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width: 1024px) {
    .zl_main_body_content .container {
        display: flex;
    }

    .zl_main_body_content .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_column_row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.zl_main_body_content {
    position: relative;
    padding-top: 1.75rem;
}

    .zl_main_body_content::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        height: 435px;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    }

.zl_shop_body_content {
    position: relative;
    padding-top: 1.75rem;
}

    .zl_shop_body_content .container {
        padding-left: 25px;
        padding-right: 25px;
    }

@media (min-width: 1024px) {
    .zl_shop_body_content .container {
        display: flex;
    }

    .zl_shop_body_content .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_shop_body_content::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    height: 435px;
    width: 100%;
}

.zl_page_main_heading {
    margin-bottom: 2rem;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: -0.31px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_page_main_heading {
        margin-bottom: 60px;
    }

    .zl_page_main_heading {
        font-size: 40px;
    }
}

@media (min-width: 1024px) {
    .zl_page_main_heading {
        line-height: 1.5;
    }
}

.zl_shop_page_body .container, .zl_dashboard_page_body .container, .zl_galleries_page_body .container {
    padding-left: 22px;
    padding-right: 22px;
}

.zl_download_page_body .zl_page_main_heading, .zl_shop_page_body .zl_page_main_heading, .zl_watch_listen_page_body .zl_page_main_heading, .zl_galleries_page_body .zl_page_main_heading {
    margin-bottom: 47px;
}

@media (min-width: 768px) {
    .zl_download_page_body .zl_page_main_heading, .zl_shop_page_body .zl_page_main_heading, .zl_watch_listen_page_body .zl_page_main_heading, .zl_galleries_page_body .zl_page_main_heading {
        margin-bottom: 17px;
    }
}

.zl_main_body_content .zl_full_video_content {
    margin-left: -25px;
    margin-right: -25px;
}

@media (min-width: 1024px) {
    .zl_main_body_content .zl_full_video_content {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.zl_dashboard_page_body .zl_full_video_content {
    margin-left: -22px;
    margin-right: -22px;
}

@media (min-width: 1024px) {
    .zl_dashboard_page_body .zl_full_video_content {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.zl_custom_checkbox input {
    display: none;
}

.zl_custom_checkbox label {
    position: relative;
    display: block;
    cursor: pointer;
    padding-left: 34px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

    .zl_custom_checkbox label::before {
        content: "";
        position: absolute;
        left: 0px;
        top: -3px;
        height: 1.5rem;
        width: 1.5rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(223 223 223 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .zl_custom_checkbox label::after {
        content: "";
        position: absolute;
        left: 9px;
        top: 2px;
        display: none;
        height: 12px;
        width: 7px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(223 223 223 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

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

.zl_custom_radio input {
    display: none;
}

.zl_custom_radio label {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding-left: 34px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

    .zl_custom_radio label::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 4px;
        height: 1rem;
        width: 1rem;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(223 223 223 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .zl_custom_radio label::after {
        content: "";
        position: absolute;
        left: 3px;
        top: 7px;
        display: none;
        height: 10px;
        width: 10px;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    }

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

.zl_custom_radio input:checked ~ label::before {
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
}

.zl_custom_radio label img {
    height: 24px;
    width: 72px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .zl_custom_radio label img {
        height: 28px;
    }
}

/* comman css end */

/* custom component start */

/* header css start */

.zl_header_section {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.zl_header_section_alert {
    border-top-width: 1px;
    border-bottom-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_header_content {
    display: flex;
    align-items: center;
    padding-top: 41px;
    padding-bottom: 22.32px;
}

@media (min-width: 768px) {
    .zl_header_content {
        padding-bottom: 23.08px;
    }
}

@media (min-width: 1024px) {
    .zl_header_content {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

.zl_header_logo {
    display: block;
    width: 100%;
    max-width: 150px;
}

@media (min-width: 768px) {
    .zl_header_logo {
        max-width: 210px;
    }
}

.zl_toggel_checkbox {
    display: none;
}

.zl_header_toggel_btn {
    margin-left: auto;
}

@media (min-width: 1024px) {
    .zl_header_toggel_btn {
        display: none;
    }
}

.zl_header_toggel_icon {
    width: 100%;
    max-width: 27px;
}

.zl_header_nav {
    position: absolute;
    left: 0px;
    top: 98px;
    z-index: 999999;
    display: none;
    width: 100%;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    text-align: center;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

@media (min-width: 1024px) {
    .zl_header_nav {
        position: relative;
    }

    .zl_header_nav {
        left: 0px;
    }

    .zl_header_nav {
        top: 0px;
    }

    .zl_header_nav {
        display: flex;
    }

    .zl_header_nav {
        width: auto;
    }

    .zl_header_nav {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .zl_header_nav {
        padding-left: 65px;
    }

    .zl_header_nav {
        padding-right: 0px;
    }

    .zl_header_nav {
        text-align: left;
    }
}

.zl_header_items {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1024px) {
    .zl_mobile_header_items {
        display: none;
    }
}

.zl_header_links {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.22px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .zl_header_links:hover {
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

.zl_header_items.active .zl_header_links, .zl_header_links_active {
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_header_search_social_btn {
    display: block;
    align-items: center;
}

@media (min-width: 1024px) {
    .zl_header_search_social_btn {
        display: none;
    }
}

.zl_header_social_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

.zl_header_social_link {
    margin-left: 0.5rem;
    display: flex;
    height: 1.5rem;
    width: 1.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

    .zl_header_social_link:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    }

.zl_header_social_icon {
    width: 1rem;
}

.zl_header_search {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    width: 100%;
}

@media (min-width: 768px) {
    .zl_header_search {
        max-width: 50%;
    }
}

.zl_header_search_input {
    width: 100%;
    border-radius: 0.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 10px;
    padding-right: 1.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.zl_header_desktop_search {
    position: relative;
    margin-left: 0.5rem;
}

.zl_header_desktop_search_input {
    width: 100%;
    max-width: 152px;
    border-radius: 0.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 10px;
    padding-right: 1.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.zl_header_search_icon {
    position: absolute;
    right: 4px;
    top: 5px;
    height: 1rem;
    width: 1rem;
    --tw-rotate: 90deg;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
}

.zl_header_right_content {
    margin-left: 1rem;
    display: none;
    align-items: center;
}

@media (min-width: 1024px) {
    .zl_header_right_content {
        margin-left: auto;
    }

    .zl_header_right_content {
        display: flex;
    }
}

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

.zl_header_right_nav {
    margin-left: 59px;
}

.zl_header_right_link {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.18px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .zl_header_right_link:hover {
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

.zl_border_header_section {
    position: relative;
    margin-bottom: 6px;
}

    .zl_border_header_section::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0px;
        height: 6px;
        width: 100%;
        background: linear-gradient(90deg, #f6921e 0, #be1e2d);
    }

    .zl_border_header_section .zl_toggel_checkbox:checked ~ .zl_header_nav::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0px;
        display: block;
        height: 6px;
        width: 100%;
    }

@media (min-width: 1024px) {
    .zl_border_header_section .zl_toggel_checkbox:checked ~ .zl_header_nav::before {
        display: none;
    }
}

.zl_border_header_section .zl_toggel_checkbox:checked ~ .zl_header_nav::before {
    background: linear-gradient(90deg, #f6921e 0, #be1e2d);
}

.zl_border_footer_section {
    position: relative;
    margin-top: 6px;
}

    .zl_border_footer_section::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 0px;
        height: 6px;
        width: 100%;
        background: linear-gradient(90deg, #f6921e 0, #be1e2d);
    }

.zl_header_signup_login_nav {
    display: flex;
    align-items: center;
    padding-left: 35px;
}

    .zl_header_signup_login_nav .zl_header_items:last-child {
        padding-right: 0px;
    }

    .zl_header_signup_login_nav .zl_header_items:first-child {
        padding-left: 0px;
    }

.zl_header_shopping_cart_header {
    justify-content: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.zl_header_checkout_link {
    position: relative;
    margin-left: 1.25rem;
    padding-left: 1.25rem;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_header_checkout_link {
        margin-left: 25px;
    }

    .zl_header_checkout_link {
        padding-left: 25px;
    }

    .zl_header_checkout_link {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_header_checkout_link::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    height: 50px;
    width: 1px;
    --tw-translate-y: -50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    --tw-bg-opacity: 1;
    background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .zl_header_checkout_link::before {
        height: 63px;
    }
}

.zl_header_shopping_cart_header .zl_header_logo {
    max-width: 150px !important;
}

@media (min-width: 768px) {
    .zl_header_shopping_cart_header .zl_header_logo {
        max-width: 210px !important;
    }
}

/* header css end */

/* footer css start */

.zl_footer_section {
    border-top-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.zl_about_footer_section {
    border-top-width: 0px;
}

.zl_footer_content {
    padding-top: 44px;
    padding-bottom: 18px;
}

@media (min-width: 640px) {
    .zl_footer_content {
        padding-top: 37px;
    }
}

.zl_footer_heading {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 25px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.62px;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_footer_heading {
        font-size: 35px;
    }
}

@media (min-width: 768px) {
    .zl_footer_heading {
        font-size: 40px;
    }
}

@media (min-width: 1024px) {
    .zl_footer_heading {
        margin-bottom: 39px;
    }
}

.zl_footer_heading sup {
    top: -23px;
    font-size: 7px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.09px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_footer_copyright_menu_content {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

@media (min-width: 1024px) {
    .zl_footer_copyright_menu_content {
        flex-direction: row;
    }
}

.zl_footer_copyright_text {
    text-align: center;
    font-size: 10px;
    letter-spacing: 0.15px;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_footer_copyright_text {
        text-align: left;
    }
}

.zl_footer_menu_nav {
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (min-width: 1024px) {
    .zl_footer_menu_nav {
        margin-left: auto;
    }

    .zl_footer_menu_nav {
        margin-right: 0px;
    }
}

.zl_footer_menu_items {
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .zl_footer_menu_items {
        padding-bottom: 0px;
    }
}

.zl_footer_menu_link {
    display: block;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.12px;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_footer_menu_link {
        font-size: 8px;
    }
}

.zl_v3_footer_section {
    border-width: 0px;
}

.zl_featured_slider_section {
    margin-bottom: -2px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

    .zl_featured_slider_section .zl_featured_slider_content {
        padding-top: 100px;
    }

/* .zl_v3_comman_footer .zl_footer_content .zl_footer_heading{
    @apply mt-10 lg:text-[65px] sm:text-[47px] text-[26px];
} */

.zl_home_footer_section .zl_footer_content .zl_footer_heading {
    margin-top: 2.5rem;
}

/* .zl_v3_comman_footer .zl_footer_content .zl_footer_heading{
    @apply mt-0;
}

.zl_v3_comman_footer .zl_footer_content .zl_footer_heading sup{
    @apply lg:top-[-30px] sm:top-[-24px] top-[-15px] sm:left-[-12px] left-[-7px] lg:text-[15px] sm:text-[12px] text-[10px];
} */

.zl_featured_slider_content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1340px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 640px) {
    .zl_featured_slider_content {
        padding-left: 70px;
        padding-right: 70px;
    }
}

.zl_featured_slider_content .zl_featured_slider_heading {
    margin-bottom: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    --tw-text-opacity: 1;
    color: rgb(255 174 41 / var(--tw-text-opacity));
}

.zl_featured_slider_content .zl_featured_slider .zl_featured_slider_slide {
    vertical-align: middle;
}

    .zl_featured_slider_content
    .zl_featured_slider
    .zl_featured_slider_slide
    .zl_featured_slider_img_link {
        display: block;
        overflow: hidden;
    }

        .zl_featured_slider_content
        .zl_featured_slider
        .zl_featured_slider_slide
        .zl_featured_slider_img_link
        .zl_featured_slider_img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

.zl_featured_slider_content .tns-outer {
    max-height: -webkit-max-content;
    max-height: max-content;
    min-height: -webkit-max-content;
    min-height: max-content;
    overflow: visible;
}

    .zl_featured_slider_content
    .tns-outer
    .tns-controls
    button[data-controls="prev"] {
        left: -32px;
    }

@media (min-width: 640px) {
    .zl_featured_slider_content
    .tns-outer
    .tns-controls
    button[data-controls="prev"] {
        left: -65px;
    }
}

.zl_featured_slider_content
.tns-outer
.tns-controls
button[data-controls="next"] {
    right: -32px;
}

@media (min-width: 640px) {
    .zl_featured_slider_content
    .tns-outer
    .tns-controls
    button[data-controls="next"] {
        right: -65px;
    }
}

.zl_featured_slider_content .tns-outer .tns-controls button {
    padding: 0px;
    font-weight: 100;
    --tw-text-opacity: 1;
    color: rgb(87 88 91 / var(--tw-text-opacity));
    opacity: 0.75;
}

    .zl_featured_slider_content .tns-outer .tns-controls button:hover {
        opacity: 1;
    }

    .zl_featured_slider_content .tns-outer .tns-controls button:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

    .zl_featured_slider_content .tns-outer .tns-controls button:hover {
        background-color: transparent;
    }

/* .zl_v3_footer_section .zl_footer_copyright_text{
    @apply text-sm;
}

.zl_v3_footer_section .zl_footer_menu_link{
    @apply text-[13px];
}

.zl_v3_footer_section .zl_footer_menu_nav{
    @apply gap-y-[15px] lg:pb-0 pb-[15px];
} */

.zl_other_footer_section .zl_footer_content .zl_footer_heading {
    margin-bottom: 30px;
    font-size: 26px;
}

@media (min-width: 640px) {
    .zl_other_footer_section .zl_footer_content .zl_footer_heading {
        font-size: 47px;
    }
}

@media (min-width: 1024px) {
    .zl_other_footer_section .zl_footer_content .zl_footer_heading {
        font-size: 65px;
    }
}

.zl_other_footer_section .zl_footer_content .zl_footer_heading sup {
    top: -15px;
    left: -7px;
    font-size: 10px;
}

@media (min-width: 640px) {
    .zl_other_footer_section .zl_footer_content .zl_footer_heading sup {
        top: -24px;
    }

    .zl_other_footer_section .zl_footer_content .zl_footer_heading sup {
        left: -12px;
    }

    .zl_other_footer_section .zl_footer_content .zl_footer_heading sup {
        font-size: 12px;
    }
}

@media (min-width: 1024px) {
    .zl_other_footer_section .zl_footer_content .zl_footer_heading sup {
        top: -30px;
    }

    .zl_other_footer_section .zl_footer_content .zl_footer_heading sup {
        font-size: 15px;
    }
}

.zl_detail_footer_section .container {
    max-width: 1700px !important;
}

/* footer css end */

/* main body content css start */

/* left sidebar css start */

.zl_left_sidebar_section {
    margin-bottom: 41px;
}

@media (min-width: 1024px) {
    .zl_left_sidebar_section {
        margin-bottom: 0px;
    }
}

.zl_left_sidebar_content {
    width: 100%;
    min-width: 222px;
}

@media (min-width: 1024px) {
    .zl_left_sidebar_content {
        max-width: 222px;
    }

    .zl_mobile_left_sidebar_content {
        display: none;
    }
}

.zl_left_siebar_responsive_small_heading {
    padding-bottom: 0.75rem;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_left_siebar_desktop_small_heading {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 13px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_mobile_left_sidebar_nav_links {
    position: relative;
}

.zl_myproject_page_body .zl_mobile_left_sidebar_nav_links_select, .zl_subscriptions_page_body .zl_mobile_left_sidebar_nav_links_select {
    --tw-border-opacity: 1;
    border-color: rgb(193 193 193 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(13 13 13 / var(--tw-text-opacity));
}

.zl_mobile_left_sidebar_nav_links_select {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 3px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(40 40 40 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(40 40 40 / var(--tw-bg-opacity));
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 19px;
    padding-right: 30px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.11px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_left_sidebar_nav {
    display: none;
}

@media (min-width: 1024px) {
    .zl_left_sidebar_nav {
        display: block;
    }
}

.zl_left_sidebar_items {
    margin-bottom: 0.25rem;
}

.zl_myproject_page_body .zl_left_sidebar_link, .zl_subscriptions_page_body .zl_left_sidebar_link {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

    .zl_myproject_page_body .zl_left_sidebar_link:hover, .zl_subscriptions_page_body .zl_left_sidebar_link:hover {
        background-color: #b6e5ff1c;
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

.zl_left_sidebar_link {
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.18px;
    --tw-text-opacity: 1;
    color: rgb(166 166 166 / var(--tw-text-opacity));
}

    .zl_left_sidebar_link:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(20 20 20 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .zl_left_sidebar_link.active {
        --tw-bg-opacity: 1;
        background-color: rgb(20 20 20 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.zl_myproject_page_body .zl_left_sidebar_link.active, .zl_subscriptions_page_body .zl_left_sidebar_link.active {
    background-color: #b6e5ff1c;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_left_sidebar_link span {
    margin-left: auto;
    display: block;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_left_sidebar_second_nav {
    position: relative;
    margin-top: 27px;
    display: none;
    padding-top: 22px;
}

@media (min-width: 1024px) {
    .zl_left_sidebar_second_nav {
        display: block;
    }
}

.zl_myproject_page_body .zl_bottom_content, .zl_subscriptions_page_body .zl_bottom_content {
    margin-top: 2.5rem;
}

.zl_bottom_content {
    margin-top: 156px;
    display: none;
}

@media (min-width: 1024px) {
    .zl_bottom_content {
        display: block;
    }
}

.zl_bottom_yellow_label_content {
    margin-bottom: 1rem;
    border-radius: 3px;
    background-color: #ffa7131c;
    padding-top: 17.5px;
    padding-bottom: 17.5px;
    padding-left: 25px;
    padding-right: 25px;
}

.zl_bottom_label_heading {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_bottom_label_sub_heading {
    font-size: 22px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_bottom_label_update {
    margin-bottom: 1rem;
    border-radius: 3px;
    border-width: 1px;
    border-color: #9797971c;
    padding-top: 17.5px;
    padding-bottom: 17.5px;
    padding-left: 25px;
    padding-right: 25px;
}

.zl_unconditional_support_box {
    margin-top: 51px;
    border-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(247 252 255 / var(--tw-bg-opacity));
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 1.25rem;
    padding-bottom: 47px;
    text-align: center;
}

.zl_unconditional_support_box_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

.zl_unconditional_support_box_heading {
    margin-bottom: 9px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_unconditional_support_box_peregraph {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.11px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

/* left sidebar css end */

.zl_main_body_content {
    padding-bottom: 33px;
}

@media (min-width: 768px) {
    .zl_main_body_content {
        padding-bottom: 100px;
    }
}

.zl_myproject_page_body, .zl_subscriptions_page_body {
    padding-top: 32px;
}

@media (min-width: 768px) {
    .zl_myproject_page_body, .zl_subscriptions_page_body {
        padding-top: 54px;
    }
}

.zl_myproject_page_body::before, .zl_subscriptions_page_body::before {
    display: none;
}

/* main right content css start */

.zl_mainbody_right_content {
    width: 100%;
}

@media (min-width: 1024px) {
    .zl_mainbody_right_content {
        max-width: calc(100% - 222px);
    }

    .zl_mainbody_right_content {
        padding-left: 100px;
    }
}

.zl_mainbody_right_content_main_heading {
    margin-bottom: 2rem;
    font-size: 28px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_mainbody_right_content_main_heading {
        font-size: 32px;
    }
}

@media (min-width: 1024px) {
    .zl_mainbody_right_content_main_heading {
        border-bottom-width: 1px;
    }

    .zl_mainbody_right_content_main_heading {
        --tw-border-opacity: 1;
        border-color: rgb(242 242 242 / var(--tw-border-opacity));
    }

    .zl_mainbody_right_content_main_heading {
        padding-bottom: 1.75rem;
    }
}

.zl_myproject_page_body .zl_mainbody_right_content .zl_column_row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -webkit-column-gap: 18px;
    column-gap: 18px;
    row-gap: 27px;
}

@media (min-width: 768px) {
    .zl_myproject_page_body .zl_mainbody_right_content .zl_column_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zl_myproject_page_body .zl_mainbody_right_content .zl_column_row {
        row-gap: 41px;
    }
}

@media (min-width: 1024px) {
    .zl_myproject_page_body .zl_mainbody_right_content .zl_column_row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.zl_card {
    display: flex;
    flex-direction: column;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 11px;
    padding-bottom: 23px;
}

    .zl_card:hover {
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(231 231 231 / var(--tw-bg-opacity));
    }

    .zl_card .zl_card_img_content {
        margin-bottom: auto;
    }

.zl_card_img {
    width: 100%;
}

.zl_card_body {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .zl_card_body {
        min-height: 233px;
    }
}

.zl_card_buttons {
    margin-top: 1.5rem;
}

.zl_card_heading {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_card_heading {
        height: 84px;
    }

    .zl_card_heading {
        min-height: 84px;
    }

    .zl_card_heading {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.zl_card_title {
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.zl_card_date_text, .zl_card_body_text {
    margin-bottom: auto;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(120 120 120 / var(--tw-text-opacity));
}

.zl_card_text {
    margin-bottom: auto;
    vertical-align: top;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(120 120 120 / var(--tw-text-opacity));
}

.zl_card_unconditional_support {
    display: flex;
    align-items: center;
    padding-top: 22px;
}

@media (min-width: 768px) {
    .zl_card_unconditional_support {
        padding-top: 0px;
    }
}

.zl_card_support_btn, .zl_card_use_btn {
    margin-bottom: 11px;
    display: block;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_card_viewall_btn, .zl_card_edit_btn {
    display: block;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 14px;
    padding-bottom: 13px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .zl_card_viewall_btn:hover, .zl_card_edit_btn:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

.zl_card_support_text {
    padding-left: 6px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_card_like_icon {
    height: 1.25rem;
    width: 1.25rem;
    fill: #009bef;
}

.zl_responsive_bottom_content {
    margin-top: 2.5rem;
}

@media (min-width: 1024px) {
    .zl_responsive_bottom_content {
        display: none;
    }
}

.zl_responsive_unconditional_support_box {
    margin-top: 1rem;
    display: flex;
    border-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(247 252 255 / var(--tw-bg-opacity));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.zl_responsive_unconditional_support_box_img {
    height: 64px;
    width: 100%;
    max-width: 56px;
}

.zl_unconditional_support_box_text {
    padding-left: 19px;
}

    .zl_unconditional_support_box_text .zl_unconditional_support_box_heading {
        margin-bottom: 9px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .zl_unconditional_support_box_text .zl_unconditional_support_box_heading {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_unconditional_support_box_text .zl_unconditional_support_box_peregraph {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.11px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_unconditional_support_box_text .zl_unconditional_support_box_peregraph {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

/* main right content css end */

/* main body content css end */

/* dashboard css start */

@media (min-width: 1024px) {
    .zl_dashboard_page_body .zl_mainbody_right_content {
        padding-left: 92px;
    }
}

.zl_bottom_content .zl_left_siebar_desktop_small_heading, .zl_responsive_bottom_content .zl_left_siebar_desktop_small_heading {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

@media (min-width: 1024px) {
    .zl_letest_participant_nav {
        padding-left: 1.5rem;
    }
}

.zl_letest_participant_nav .zl_letest_participant_item {
    position: relative;
    padding-left: 1.5rem;
}

@media (min-width: 1024px) {
    .zl_letest_participant_nav .zl_letest_participant_item {
        padding-top: 6.5px;
        padding-bottom: 6.5px;
    }

    .zl_letest_participant_nav .zl_letest_participant_item {
        padding-left: 0px;
    }
}

.zl_letest_participant_nav .zl_letest_participant_item::before {
    content: "";
    position: absolute;
    top: 0.5rem;
    left: 0px;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
    .zl_letest_participant_nav .zl_letest_participant_item::before {
        top: 1rem;
    }

    .zl_letest_participant_nav .zl_letest_participant_item::before {
        left: -24px;
    }
}

.zl_letest_participant_nav
.zl_letest_participant_item
.zl_letest_participant_link {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.zl_full_video_content {
    margin-bottom: 52px;
}

@media (min-width: 768px) {
    .zl_full_video_content {
        margin-bottom: 23px;
    }
}

.zl_full_video {
    margin-bottom: 25px;
    width: 100%;
}

@media (min-width: 1024px) {
    .zl_full_video {
        margin-bottom: 1rem;
    }

    .zl_full_video {
        height: 483px;
    }
}

.zl_full_video_image_only {
    margin-bottom: 25px;
    height: 350px;
    width: 100%;
}

@media (min-width: 640px) {
    .zl_full_video_image_only {
        height: 375px;
    }
}

@media (min-width: 768px) {
    .zl_full_video_image_only {
        height: 550px;
    }
}

@media (min-width: 1024px) {
    .zl_full_video_image_only {
        margin-bottom: 1rem;
    }
}

.zl_all_video_link_content {
    padding-left: 22px;
    padding-right: 22px;
}

@media (min-width: 1024px) {
    .zl_all_video_link_content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .zl_all_video_link_content {
        text-align: right;
    }
}

.zl_all_video_link {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 900;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

    .zl_all_video_link:hover {
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

.zl_recent_download_row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 21px;
}

@media (min-width: 768px) {
    .zl_recent_download_row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.zl_recent_download_row .zl_card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 31px;
    padding-bottom: 30px;
}

    .zl_recent_download_row .zl_card .zl_card_body {
        margin: 0px;
        min-height: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

        .zl_recent_download_row .zl_card .zl_card_body .zl_card_heading {
            height: auto;
            min-height: auto;
            letter-spacing: -0.17px;
        }

        .zl_recent_download_row .zl_card .zl_card_body .zl_card_peregraph {
            margin-bottom: auto;
        }

.zl_recent_shop_row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 21px;
}

@media (min-width: 768px) {
    .zl_recent_shop_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.zl_recent_shop_row .zl_card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 31px;
    padding-bottom: 30px;
}

    .zl_recent_shop_row .zl_card .zl_card_body {
        margin: 0px;
        min-height: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

        .zl_recent_shop_row .zl_card .zl_card_body .zl_card_heading {
            height: auto;
            min-height: auto;
            letter-spacing: -0.17px;
        }

        .zl_recent_shop_row .zl_card .zl_card_body .zl_card_peregraph {
            margin-bottom: auto;
        }

.zl_card_video_type_label {
    margin-bottom: 0.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_card_sales_available_type_label {
    margin-bottom: 0.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_card_sales_reserve_type_label {
    margin-bottom: 0.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(182 229 255 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_card_sales_auction_type_label {
    margin-bottom: 0.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_recent_download_row .zl_card .zl_card_body .zl_video_size {
    margin-bottom: 22px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(208 208 208 / var(--tw-border-opacity));
    padding-bottom: 21px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.zl_recent_download_row .zl_card .zl_card_body .zl_card_download_btn {
    margin-top: 21px;
    display: block;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_recent_shop_row .zl_card .zl_card_body .zl_video_size {
    margin-bottom: 22px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(208 208 208 / var(--tw-border-opacity));
    padding-bottom: 21px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.zl_recent_shop_row .zl_card .zl_card_body .zl_card_shop_btn {
    margin-top: 21px;
    display: block;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_all_download_btn {
    margin-top: 32px;
}

@media (min-width: 768px) {
    .zl_all_download_btn {
        margin-top: 51px;
    }
}

.zl_all_shop_link {
    display: block;
    width: 100%;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

    .zl_all_shop_link:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.zl_all_shop_btn {
    margin-top: 32px;
}

@media (min-width: 768px) {
    .zl_all_shop_btn {
        margin-top: 51px;
    }
}

.zl_all_download_link {
    display: block;
    width: 100%;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

    .zl_all_download_link:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.zl_responsive_bottom_content .zl_letest_participant_nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
    -webkit-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

@media (min-width: 768px) {
    .zl_responsive_bottom_content .zl_letest_participant_nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .zl_responsive_bottom_content .zl_letest_participant_nav {
        gap: 1rem;
    }
}

.zl_dashboard_page_body .zl_mainbody_right_content_main_heading {
    margin-bottom: 25px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242 / var(--tw-border-opacity));
    padding-bottom: 18px;
    font-size: 26px;
}

@media (min-width: 768px) {
    .zl_dashboard_page_body .zl_mainbody_right_content_main_heading {
        font-size: 32px;
    }
}

@media (min-width: 1024px) {
    .zl_dashboard_page_body .zl_mainbody_right_content_main_heading {
        margin-bottom: 2rem;
    }

    .zl_dashboard_page_body .zl_mainbody_right_content_main_heading {
        padding-bottom: 1.75rem;
    }
}

/* dashboard css end */

/* download css start */

.zl_page_main_sub_heading {
    margin-bottom: 33px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.43px;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_page_main_sub_heading {
        margin-bottom: 1.75rem;
    }

    .zl_page_main_sub_heading {
        line-height: 3.2;
    }
}

@media (min-width: 1024px) {
    .zl_shop_page_body .zl_all_shop_btn, .zl_download_page_body .zl_all_download_btn {
        display: none;
    }
}

.zl_page_main_sub_heading span {
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* download css end */

/* watch & listen css start */

.zl_watch_listen_page_body .zl_card {
    border-width: 0px;
    padding: 0px;
}

    .zl_watch_listen_page_body .zl_card:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

.zl_card_video {
    margin-bottom: 1.5rem;
    height: 198px;
    width: 100%;
    border-radius: 0.5rem;
}

.zl_watch_listen_page_body .zl_recent_download_row .zl_card .zl_card_body {
    min-height: auto;
}

    .zl_watch_listen_page_body
    .zl_recent_download_row
    .zl_card
    .zl_card_body
    .zl_card_heading {
        margin-bottom: 1rem;
    }

    .zl_watch_listen_page_body
    .zl_recent_download_row
    .zl_card
    .zl_card_body
    .zl_card_peregraph {
        margin-bottom: 0px;
    }

.zl_watch_listen_page_body .zl_full_video_content {
    display: none;
}

@media (min-width: 1024px) {
    .zl_watch_listen_page_body .zl_full_video_content {
        display: block;
    }
}

.zl_watch_listen_page_body::before {
    display: none;
}

@media (min-width: 1024px) {
    .zl_watch_listen_page_body::before {
        display: block;
    }
}

.zl_watch_listen_page_body {
    padding-top: 0px;
}

@media (min-width: 1024px) {
    .zl_watch_listen_page_body {
        padding-top: 36px;
    }
}

.zl_watch_listen_page_body .zl_left_sidebar_section {
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 36px;
    padding-bottom: 32px;
}

@media (min-width: 1024px) {
    .zl_watch_listen_page_body .zl_left_sidebar_section {
        margin-left: 0px;
        margin-right: 0px;
    }

    .zl_watch_listen_page_body .zl_left_sidebar_section {
        background-color: transparent;
    }

    .zl_watch_listen_page_body .zl_left_sidebar_section {
        padding: 0px;
    }
}

.zl_watch_listen_page_body .zl_full_video_section {
    margin-left: -25px;
    margin-right: -25px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width: 1024px) {
    .zl_watch_listen_page_body .zl_full_video_section {
        margin-left: 0px;
        margin-right: 0px;
    }

    .zl_watch_listen_page_body .zl_full_video_section {
        background-color: transparent;
    }

    .zl_watch_listen_page_body .zl_full_video_section {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.zl_watch_listen_page_body .zl_page_main_sub_heading {
    margin-bottom: 0px;
    padding-bottom: 53px;
    line-height: 1;
}

@media (min-width: 768px) {
    .zl_watch_listen_page_body .zl_page_main_sub_heading {
        padding-bottom: 1.75rem;
    }
}

@media (min-width: 1024px) {
    .zl_watch_listen_page_body .zl_page_main_sub_heading {
        margin-bottom: 1.75rem;
    }

    .zl_watch_listen_page_body .zl_page_main_sub_heading {
        padding-bottom: 0px;
    }
}

.zl_watch_listen_page_body .zl_mainbody_right_content_main_heading {
    margin-top: 1.75rem;
    margin-bottom: 25px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242 / var(--tw-border-opacity));
    padding-bottom: 22px;
    font-size: 26px;
    line-height: 1.3;
}

@media (min-width: 1024px) {
    .zl_watch_listen_page_body .zl_mainbody_right_content_main_heading {
        margin-top: 0px;
    }

    .zl_watch_listen_page_body .zl_mainbody_right_content_main_heading {
        margin-bottom: 2rem;
    }

    .zl_watch_listen_page_body .zl_mainbody_right_content_main_heading {
        padding-bottom: 1.75rem;
    }

    .zl_watch_listen_page_body .zl_mainbody_right_content_main_heading {
        font-size: 32px;
    }

    .zl_watch_listen_page_body .zl_mainbody_right_content_main_heading {
        line-height: 1;
    }
}

.zl_next_video_play_content {
    margin-left: auto;
    display: flex;
    max-width: 252px;
    align-items: center;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(216 216 216 / var(--tw-border-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 11px;
    padding-right: 11px;
}

    .zl_next_video_play_content .zl_next_video {
        height: 57px;
        width: 100%;
        max-width: 57px;
    }

    .zl_next_video_play_content .zl_next_video_play_text {
        padding-left: 14px;
    }

        .zl_next_video_play_content .zl_next_video_play_text span {
            display: block;
            font-size: 10px;
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(227 187 7 / var(--tw-text-opacity));
        }

        .zl_next_video_play_content .zl_next_video_play_text h3 {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 700;
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
        }

.zl_watch_listen_page_body .zl_full_video {
    margin-bottom: 13px;
}

/* watch & listen css end */

/* galleries css end */

.zl_galleries_page_body .zl_page_main_sub_heading {
    margin-bottom: 62px;
}

@media (min-width: 768px) {
    .zl_galleries_page_body .zl_page_main_sub_heading {
        margin-bottom: 6px;
    }
}

.zl_galleries_image_content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
}

@media (min-width: 768px) {
    .zl_galleries_image_content {
        gap: 29px;
    }
}

.zl_galleries_image_content .zl_galleries_image_items img {
    width: 100%;
}

.zl_galleries_image_content .zl_galleries_image_items .zl_galleries_image_text {
    display: flex;
    align-items: center;
    padding-top: 25px;
}

@media (min-width: 768px) {
    .zl_galleries_image_content .zl_galleries_image_items .zl_galleries_image_text {
        padding-top: 18px;
    }
}

.zl_galleries_image_content
.zl_galleries_image_items
.zl_galleries_image_text
h3 {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.zl_galleries_image_content
.zl_galleries_image_items
.zl_galleries_image_text
p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_galleries_image_content
.zl_galleries_image_items
.zl_galleries_image_date_text {
    margin-left: auto;
    display: flex;
    min-width: 54px;
    flex-direction: column;
    align-items: center;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 13px;
    padding-top: 11px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .zl_galleries_image_content
    .zl_galleries_image_items
    .zl_galleries_image_date_text
    span {
        display: block;
        font-size: 8px;
        letter-spacing: -0.06px;
    }

.zl_galleries_image_content
.zl_galleries_image_items
.zl_galleries_image_items_img_hover {
    position: relative;
    overflow: hidden;
}

    .zl_galleries_image_content
    .zl_galleries_image_items
    .zl_galleries_image_items_img_hover
    .zl_galleries_image_items_hover {
        position: absolute;
        left: 0px;
        top: 0px;
        display: flex;
        height: 100%;
        width: 100%;
        --tw-scale-x: 0.8;
        --tw-scale-y: 0.8;
        -webkit-transform: var(--tw-transform);
        transform: var(--tw-transform);
        align-items: center;
        justify-content: center;
        background-color: #00000059;
        opacity: 0;
    }

        .zl_galleries_image_content
        .zl_galleries_image_items
        .zl_galleries_image_items_img_hover
        .zl_galleries_image_items_hover
        p {
            position: relative;
            padding-top: 0.75rem;
            padding-bottom: 10px;
            font-size: 0.75rem;
            line-height: 1rem;
            font-weight: 700;
            letter-spacing: 2px;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

            .zl_galleries_image_content
            .zl_galleries_image_items
            .zl_galleries_image_items_img_hover
            .zl_galleries_image_items_hover
            p::before,
            .zl_galleries_image_content
            .zl_galleries_image_items
            .zl_galleries_image_items_img_hover
            .zl_galleries_image_items_hover
            p::after {
                content: "";
                position: absolute;
                top: 0px;
                left: 0px;
                height: 1px;
                width: 87px;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }

            .zl_galleries_image_content
            .zl_galleries_image_items
            .zl_galleries_image_items_img_hover
            .zl_galleries_image_items_hover
            p::after {
                content: "";
                top: auto;
                left: auto;
                bottom: 0px;
                right: 0px;
            }

/* galleries css end */

/* galleries player css start */

.zl_image_gallery_section {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

    .zl_image_gallery_section .zl_image_gallery_content {
        margin-left: -11.5px;
        margin-right: -11.5px;
        display: flex;
        flex-wrap: wrap;
    }

        .zl_image_gallery_section .zl_image_gallery_content .zl_col_12 {
            width: 100%;
            max-width: 100%;
            padding-left: 11.5px;
            padding-right: 11.5px;
        }

        .zl_image_gallery_section .zl_image_gallery_content .zl_col_7 {
            width: 100%;
            padding-left: 11.5px;
            padding-right: 11.5px;
        }

@media (min-width: 768px) {
    .zl_image_gallery_section .zl_image_gallery_content .zl_col_7 {
        max-width: 58.333333%;
    }
}

.zl_image_gallery_section .zl_image_gallery_content .zl_col_5 {
    width: 100%;
    padding-left: 11.5px;
    padding-right: 11.5px;
}

@media (min-width: 768px) {
    .zl_image_gallery_section .zl_image_gallery_content .zl_col_5 {
        max-width: 41.666666%;
    }
}

.zl_image_gallery_section
.zl_image_gallery_content
.zl_col_7
.zl_image_gallery_items, .zl_image_gallery_section
.zl_image_gallery_content
.zl_col_5
.zl_image_gallery_items {
    margin-bottom: 17px;
}

    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_7
    .zl_image_gallery_items:last-child, .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_5
    .zl_image_gallery_items:last-child {
        margin-bottom: 0px;
    }

.zl_image_gallery_section
.zl_image_gallery_content
.zl_col_12
.zl_image_gallery_items
img {
    /* @apply md:min-h-[516px] md:max-h-[516px] min-h-[350px] max-h-[350px]; */
}

.zl_image_gallery_section
.zl_image_gallery_content
.zl_col_12:first-child
.zl_image_gallery_items
img {
    /* @apply md:min-h-[728px] md:max-h-[728px] min-h-[350px] max-h-[350px]; */
}

.zl_image_gallery_section
.zl_image_gallery_content
.zl_col_7
.zl_image_gallery_items:first-child
img {
    max-height: 350px;
    min-height: 350px;
}

@media (min-width: 768px) {
    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_7
    .zl_image_gallery_items:first-child
    img {
        max-height: 396px;
    }

    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_7
    .zl_image_gallery_items:first-child
    img {
        min-height: 396px;
    }
}

.zl_image_gallery_section
.zl_image_gallery_content
.zl_col_7
.zl_image_gallery_items:last-child
img {
    max-height: 350px;
    min-height: 350px;
}

@media (min-width: 768px) {
    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_7
    .zl_image_gallery_items:last-child
    img {
        max-height: 234px;
    }

    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_7
    .zl_image_gallery_items:last-child
    img {
        min-height: 234px;
    }
}

.zl_image_gallery_section
.zl_image_gallery_content
.zl_col_5
.zl_image_gallery_items
img {
    max-height: 350px;
    min-height: 350px;
}

@media (min-width: 768px) {
    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_5
    .zl_image_gallery_items
    img {
        max-height: 315px;
    }

    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_5
    .zl_image_gallery_items
    img {
        min-height: 315px;
    }
}

.zl_image_gallery_section
.zl_image_gallery_content
.zl_col_6.zl_image_gallery_items
img {
    min-width: 50%;
    max-width: 50%;
}

@media (min-width: 768px) {
    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_6.zl_image_gallery_items
    img {
        min-width: 50%;
    }

    .zl_image_gallery_section
    .zl_image_gallery_content
    .zl_col_6.zl_image_gallery_items
    img {
        max-width: 50%;
    }
}

.zl_image_gallery_section .zl_image_gallery_content .zl_col_7, .zl_image_gallery_section .zl_image_gallery_content .zl_col_5, .zl_image_gallery_section .zl_image_gallery_content .zl_col_6, .zl_image_gallery_section .zl_image_gallery_content .zl_col_12 {
    margin-top: 17px;
}

.zl_image_gallery_section
.zl_image_gallery_content
.zl_image_gallery_items
.lg-react-element
.gallery-item:first-child
.zl_col_12 {
    margin-top: 0px;
}

.zl_image_gallery_section .zl_image_gallery_items {
    position: relative;
}

    .zl_image_gallery_section .zl_image_gallery_items img {
        width: 100%;
        object-fit: cover;
    }

    .zl_image_gallery_section .zl_image_gallery_items .zl_image_gallery_zoom_icon {
        position: absolute;
        right: 1.25rem;
        bottom: 1.25rem;
    }

.zl_image_gallery_section
.zl_col_12
.zl_image_gallery_items
.zl_image_gallery_text_msg {
    left: 30px;
    bottom: 1.25rem;
    width: 47.5%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.zl_image_gallery_section .zl_image_gallery_items .zl_image_gallery_text_msg {
    position: absolute;
    left: 15px;
    bottom: 1rem;
    width: 58%;
    border-radius: 5px;
    background-color: #ffffffdb;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 21px;
    padding-right: 21px;
}

    .zl_image_gallery_section .zl_image_gallery_items .zl_image_gallery_text_msg p {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.13px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

.zl_galleries_page_body .zl_all_download_btn {
    margin-top: 26px;
}

.zl_galleries_player_heading_back_btn {
    margin-bottom: 1.75rem;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .zl_galleries_player_heading_back_btn {
        margin-bottom: 6px;
    }
}

.zl_galleries_player_heading_back_btn .zl_galleries_player_back_btn {
    margin-left: auto;
    display: block;
    width: 100%;
    max-width: 92px;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_galleries_player_heading_back_btn .zl_page_main_sub_heading {
    margin-bottom: 0px;
}

.zl_galleries_player_page_body .zl_page_main_heading {
    margin-bottom: 17px;
}

/* galleries player css end */

/* news css start */

.zl_news_page_body .zl_page_main_heading {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .zl_news_page_body .zl_page_main_heading {
        margin-bottom: 2.25rem;
    }
}

.zl_news_page_body .zl_page_main_sub_heading {
    margin-bottom: 2.25rem;
    line-height: 0.8;
}

@media (min-width: 768px) {
    .zl_news_page_body .zl_page_main_sub_heading {
        margin-bottom: 0px;
    }

    .zl_news_page_body .zl_page_main_sub_heading {
        line-height: 3.2;
    }
}

.zl_news_section {
    margin-left: -25px;
    margin-right: -25px;
}

@media (min-width: 768px) {
    .zl_news_section {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.zl_news_section .zl_news_image {
    margin-bottom: 2rem;
    width: 100%;
}

@media (min-width: 768px) {
    .zl_news_section .zl_news_image {
        margin-bottom: 2.5rem;
    }
}

.zl_news_section .zl_news_text .zl_news_date_text {
    margin-bottom: 0.75rem;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_news_section .zl_news_text .zl_news_date_text {
        margin-bottom: 1.5rem;
    }
}

.zl_news_section .zl_news_text .zl_news_heading_text {
    margin-bottom: 2rem;
    max-width: 555px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.39px;
}

@media (min-width: 768px) {
    .zl_news_section .zl_news_text .zl_news_heading_text {
        margin-bottom: 1.5rem;
    }

    .zl_news_section .zl_news_text .zl_news_heading_text {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .zl_news_section .zl_news_text .zl_news_heading_text {
        line-height: 1.17;
    }
}

.zl_news_section .zl_news_text .zl_news_first_peregraph {
    font-size: 20px;
    line-height: 1.88;
    letter-spacing: -0.16px;
}

@media (min-width: 768px) {
    .zl_news_section .zl_news_text .zl_news_first_peregraph {
        font-size: 22px;
    }

    .zl_news_section .zl_news_text .zl_news_first_peregraph {
        line-height: 1.64;
    }

    .zl_news_section .zl_news_text .zl_news_first_peregraph {
        letter-spacing: -0.17px;
    }
}

.zl_news_section .zl_news_text p {
    margin-bottom: 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_news_section .zl_news_text p {
        line-height: 1.75;
    }
}

.zl_news_section .zl_news_text p:last-child {
    margin-bottom: 0px;
}

.zl_news_section .zl_news_text {
    margin-bottom: 1.5rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242 / var(--tw-border-opacity));
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .zl_news_section .zl_news_text {
        margin-bottom: 79px;
    }

    .zl_news_section .zl_news_text {
        padding-left: 0px;
        padding-right: 0px;
    }

    .zl_news_section .zl_news_text {
        padding-bottom: 68px;
    }
}

.zl_news_section .zl_news_text:last-child {
    margin-bottom: 0px;
    border-width: 0px;
    padding-bottom: 0px;
}

.zl_news_page_body .zl_responsive_bottom_content {
    margin-top: 75px;
}

@media (min-width: 768px) {
    .zl_news_page_body .zl_responsive_bottom_content {
        margin-top: 2.5rem;
    }
}

/* news css end */

/* subscriptions css start*/

.zl_artist_subscriptions .zl_subscriptions_artist_status_content {
    margin-top: 26px;
    width: 100%;
    max-width: 642px;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1024px) {
    .zl_artist_subscriptions .zl_subscriptions_artist_status_content {
        margin-top: 0px;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading_text, .zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading {
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    align-items: center;
}

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading_text
    h4 {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

        .zl_artist_subscriptions
        .zl_subscriptions_artist_status_content
        .zl_subscriptions_artist_status_heading_text
        h4:first-child, .zl_artist_subscriptions
        .zl_subscriptions_artist_status_content
        .zl_subscriptions_artist_status_heading
        .zl_subscriptions_artist_heading {
            width: 100%;
            max-width: 40%;
        }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading_text
    h4, .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status {
        width: 100%;
        max-width: 60%;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_heading, .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status {
        margin-left: -22px;
        margin-right: -22px;
        display: flex;
        align-items: center;
    }

        .zl_artist_subscriptions
        .zl_subscriptions_artist_status_content
        .zl_subscriptions_artist_status_heading
        .zl_subscriptions_artist_status
        input {
            order: 2;
            display: none;
            width: 91px;
        }

@media (min-width: 768px) {
    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    input {
        display: block;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
label {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(125 125 125 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label {
        width: auto;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label {
        max-width: -webkit-max-content;
        max-width: max-content;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
.zl_subscriptions_artist_status_unsubscribe {
    order: 1;
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
.zl_subscriptions_artist_status_subscribe {
    order: 3;
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
label::before {
    content: "";
    position: absolute;
    right: -81px;
    top: 50%;
    height: 1.5rem;
    width: 55px;
    --tw-translate-y: -50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label::before {
        right: -91px;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label::before {
        height: 2.5rem;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label::before {
        width: 91px;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
label::after {
    content: "";
    position: absolute;
    right: -50px;
    top: 50%;
    height: 17px;
    width: 17px;
    --tw-translate-y: -50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(216 216 216 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label::after {
        right: -39px;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label::after {
        height: 1.75rem;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    label::after {
        width: 1.75rem;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
input:checked ~ label::before {
    --tw-bg-opacity: 1;
    background-color: rgb(211 240 255 / var(--tw-bg-opacity));
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
input:checked ~ label::after {
    right: -74px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    input:checked ~ label::after {
        right: -79px;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_heading
h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 3.64;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_heading
    h3 {
        font-size: 21px;
    }

    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    .zl_subscriptions_artist_status_subscribe::before, .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    .zl_subscriptions_artist_status_subscribe::after {
        display: none;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
.zl_subscriptions_artist_status_subscribe, .zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
input:checked ~ .zl_subscriptions_artist_status_unsubscribe {
    display: none;
}

@media (min-width: 768px) {
    .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    .zl_subscriptions_artist_status_subscribe, .zl_artist_subscriptions
    .zl_subscriptions_artist_status_content
    .zl_subscriptions_artist_status_heading
    .zl_subscriptions_artist_status
    input:checked ~ .zl_subscriptions_artist_status_unsubscribe {
        display: block;
    }
}

.zl_artist_subscriptions
.zl_subscriptions_artist_status_content
.zl_subscriptions_artist_status_heading
.zl_subscriptions_artist_status
input:checked ~ .zl_subscriptions_artist_status_subscribe {
    display: block;
}

.zl_artist_subscriptions {
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    flex-direction: column-reverse;
}

@media (min-width: 1024px) {
    .zl_artist_subscriptions {
        flex-direction: row;
    }
}

.zl_artist_subscriptions .zl_artist_subscriptions_btns {
    width: 100%;
    max-width: 265px;
    padding-left: 1rem;
    padding-right: 1rem;
}

    .zl_artist_subscriptions .zl_artist_subscriptions_btns a {
        margin-bottom: 1rem;
        display: block;
        width: 100%;
        border-radius: 2px;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 11px;
        text-align: center;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 900;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

        .zl_artist_subscriptions .zl_artist_subscriptions_btns a:last-child {
            margin-bottom: 0px;
        }

    .zl_artist_subscriptions
    .zl_artist_subscriptions_btns
    .zl_artist_subscriptions_all_btn {
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    }

    .zl_artist_subscriptions
    .zl_artist_subscriptions_btns
    .zl_artist_unsubscriptions_all_btn {
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    }

/* subscriptions css end */

/* redeem-sharecard css start */

.zl_redeem_sharecard_page_body .zl_mainbody_right_content {
    max-width: 719px;
}

.zl_mainbody_right_content_main_peregraph {
    margin-bottom: 50px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.zl_redeem_sharecard_page_body .zl_left_sidebar_section {
    margin-bottom: 49px;
}

@media (min-width: 1024px) {
    .zl_redeem_sharecard_page_body .zl_left_sidebar_section {
        margin-bottom: 0px;
    }
}

.zl_redeem_sharecard_page_body .zl_mainbody_right_content_main_heading {
    margin-bottom: 23.5px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210 / var(--tw-border-opacity));
    padding-bottom: 23.5px;
    line-height: 1.29;
}

@media (min-width: 768px) {
    .zl_redeem_sharecard_page_body .zl_mainbody_right_content_main_heading {
        margin-bottom: 2rem;
    }

    .zl_redeem_sharecard_page_body .zl_mainbody_right_content_main_heading {
        padding-bottom: 1.75rem;
    }

    .zl_redeem_sharecard_page_body .zl_mainbody_right_content_main_heading {
        line-height: 1;
    }
}

.zl_redeem_form_section {
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}

    .zl_redeem_form_section .zl_redeem_form_step_one {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1.5rem;
    }

@media (min-width: 768px) {
    .zl_redeem_form_section .zl_redeem_form_step_one {
        padding-left: 48px;
        padding-right: 48px;
    }

    .zl_redeem_form_section .zl_redeem_form_step_one {
        padding-top: 27px;
    }
}

.zl_redeem_form_section .zl_redeem_form_step_one span, .zl_redeem_form_section .zl_redeem_form_step_two span {
    margin-bottom: 0.5rem;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_redeem_form_section .zl_redeem_form_step_one h3, .zl_redeem_form_section .zl_redeem_form_step_two h3 {
    margin-bottom: 17px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.14px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_redeem_form_section .zl_redeem_form_step_one h3, .zl_redeem_form_section .zl_redeem_form_step_two h3 {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_redeem_form_section
.zl_redeem_form_step_one
.zl_redeem_form_step_one_inputs {
    margin-bottom: 18px;
    display: flex;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

@media (min-width: 768px) {
    .zl_redeem_form_section
    .zl_redeem_form_step_one
    .zl_redeem_form_step_one_inputs {
        -webkit-column-gap: 27px;
        column-gap: 27px;
    }
}

.zl_redeem_form_section
.zl_redeem_form_step_one
.zl_redeem_form_step_one_inputs
input {
    width: 100%;
    border-radius: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

    .zl_redeem_form_section
    .zl_redeem_form_step_one
    .zl_redeem_form_step_one_inputs
    input:first-child {
        max-width: 62px;
    }

@media (min-width: 768px) {
    .zl_redeem_form_section
    .zl_redeem_form_step_one
    .zl_redeem_form_step_one_inputs
    input:first-child {
        max-width: 113.8px;
    }
}

.zl_redeem_form_section
.zl_redeem_form_step_one
.zl_redeem_form_step_one_inputs
input:nth-child(2) {
    max-width: 221.1px;
}

.zl_redeem_form_section
.zl_redeem_form_step_one
.zl_redeem_form_step_one_inputs
input:last-child {
    max-width: 62px;
}

@media (min-width: 768px) {
    .zl_redeem_form_section
    .zl_redeem_form_step_one
    .zl_redeem_form_step_one_inputs
    input:last-child {
        max-width: 133.5px;
    }
}

.zl_redeem_form_section .zl_redeem_form_step_one p {
    font-size: 0.75rem;
    line-height: 1.45;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_redeem_form_section .zl_redeem_form_step_one p {
        padding-bottom: 0.75rem;
    }

    .zl_redeem_form_section .zl_redeem_form_step_one p {
        line-height: 1.33;
    }
}

.zl_redeem_form_section .zl_redeem_form_step_one p a {
    font-weight: 600;
}

.zl_redeem_form_section .zl_redeem_form_step_two {
    margin-top: 29px;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
    .zl_redeem_form_section .zl_redeem_form_step_two {
        margin-top: 30px;
    }

    .zl_redeem_form_section .zl_redeem_form_step_two {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.zl_redeem_form_section .zl_redeem_form_step_two_top_btns_content {
    margin-bottom: 2.5rem;
    display: grid;
    gap: 7.9px;
}

@media (min-width: 768px) {
    .zl_redeem_form_section .zl_redeem_form_step_two_top_btns_content {
        margin-bottom: 42px;
    }

    .zl_redeem_form_section .zl_redeem_form_step_two_top_btns_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.zl_redeem_form_section
.zl_redeem_form_step_two_top_btns_content
.zl_redeem_form_step_two_top_btn {
    display: block;
    width: 100%;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(85 85 85 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(83 83 83 / var(--tw-text-opacity));
}

    .zl_redeem_form_section
    .zl_redeem_form_step_two_top_btns_content
    .zl_redeem_form_step_two_top_btn:hover {
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .zl_redeem_form_section
    .zl_redeem_form_step_two_top_btns_content
    .zl_redeem_form_step_two_top_btn.active {
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.zl_redeem_form_section .zl_redeem_form_step_two h3 {
    margin-bottom: 26px;
}

.zl_redeem_form_section
.zl_redeem_form_step_two
.zl_redeem_form_step_two_input_content {
    margin-bottom: 43px;
}

    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_step_two_input_content
    .zl_redeem_form_step_two_input {
        margin-bottom: 18px;
    }

        .zl_redeem_form_section
        .zl_redeem_form_step_two
        .zl_redeem_form_step_two_input_content
        .zl_redeem_form_step_two_input
        label {
            margin-bottom: 10px;
            display: block;
            font-size: 0.875rem;
            line-height: 1.25rem;
            font-weight: 700;
            letter-spacing: 1px;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

        .zl_redeem_form_section
        .zl_redeem_form_step_two
        .zl_redeem_form_step_two_input_content
        .zl_redeem_form_step_two_input
        input {
            display: block;
            width: 100%;
            border-radius: 2px;
            padding-top: 7.5px;
            padding-bottom: 7.5px;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            outline: 2px solid transparent;
            outline-offset: 2px;
        }

    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_step_two_input_content
    .zl_rememberme_text_input
    label {
        position: relative;
        padding-left: 27px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

        .zl_redeem_form_section
        .zl_redeem_form_step_two
        .zl_redeem_form_step_two_input_content
        .zl_rememberme_text_input
        label::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            height: 15px;
            width: 15px;
            border-radius: 2px;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }

    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_step_two_input_content
    .zl_rememberme_text_input
    input {
        display: none;
    }

    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_step_two_input_content
    .zl_rememberme_text_input
    label::after {
        content: "";
        position: absolute;
        left: 5px;
        top: 1px;
        display: none;
        height: 10px;
        width: 5px;
        --tw-rotate: 45deg;
        -webkit-transform: var(--tw-transform);
        transform: var(--tw-transform);
        border-right-width: 2px;
        border-bottom-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
    }

    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_step_two_input_content
    .zl_rememberme_text_input
    input:checked ~ label::after {
        display: block;
    }

.zl_redeem_form_section
.zl_redeem_form_step_two
.zl_redeem_form_bottom_btn_content {
    display: flex;
    align-items: center;
}

    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_bottom_btn_content
    .zl_redeem_form_login_btn {
        width: 100%;
        max-width: 135px;
        border-radius: 2px;
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 11px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 900;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_bottom_btn_content
    .zl_redeem_form_login_btn {
        max-width: 151px;
    }
}

.zl_redeem_form_section
.zl_redeem_form_step_two
.zl_redeem_form_bottom_btn_content
.zl_redeem_form_forgot_btn {
    margin-left: auto;
    border-radius: 2px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_bottom_btn_content
    .zl_redeem_form_forgot_btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .zl_redeem_form_section
    .zl_redeem_form_step_two
    .zl_redeem_form_bottom_btn_content
    .zl_redeem_form_forgot_btn {
        font-weight: 900;
    }
}

/* redeem-sharecard css end */

/* contact form css start */

.zl_main_body_content zl_home_page_body zl_contact_page_body {
    max-width: 619px;
}

@media (min-width: 1024px) {
    .zl_main_body_content zl_home_page_body zl_contact_page_body {
        margin-left: 20px;
    }
}

.zl_contact_page_body .zl_left_sidebar_section {
    margin-bottom: 49px;
}

@media (min-width: 1024px) {
    .zl_contact_page_body .zl_left_sidebar_section {
        margin-bottom: 0px;
    }
}

.zl_contact_page_body .zl_mainbody_right_content_main_heading {
    margin-bottom: 23.5px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210 / var(--tw-border-opacity));
    padding-bottom: 23.5px;
    line-height: 1.29;
}

@media (min-width: 768px) {
    .zl_contact_page_body .zl_mainbody_right_content_main_heading {
        margin-bottom: 2rem;
    }

    .zl_contact_page_body .zl_mainbody_right_content_main_heading {
        padding-bottom: 1.75rem;
    }

    .zl_contact_page_body .zl_mainbody_right_content_main_heading {
        line-height: 1;
    }
}

.zl_contact_form_section {
    border-radius: 10px;
}

    .zl_contact_form_section .zl_contact_form_step_one {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1.5rem;
    }

@media (min-width: 768px) {
    .zl_contact_form_section .zl_contact_form_step_one {
        padding-left: 48px;
        padding-right: 48px;
    }

    .zl_contact_form_section .zl_contact_form_step_one {
        padding-top: 27px;
    }
}

.zl_contact_form_section .zl_contact_form_step_one span, .zl_contact_form_section .zl_contact_form_step_two span {
    margin-bottom: 0.5rem;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_contact_form_section .zl_contact_form_step_one h3, .zl_contact_form_section .zl_contact_form_step_two h3 {
    margin-bottom: 17px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.14px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_contact_form_section .zl_contact_form_step_one h3, .zl_contact_form_section .zl_contact_form_step_two h3 {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_contact_form_section
.zl_contact_form_step_one
.zl_contact_form_step_one_inputs {
    margin-bottom: 18px;
    display: flex;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

@media (min-width: 768px) {
    .zl_contact_form_section
    .zl_contact_form_step_one
    .zl_contact_form_step_one_inputs {
        -webkit-column-gap: 27px;
        column-gap: 27px;
    }
}

.zl_contact_form_section
.zl_contact_form_step_one
.zl_contact_form_step_one_inputs
input {
    width: 100%;
    border-radius: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

    .zl_contact_form_section
    .zl_contact_form_step_one
    .zl_contact_form_step_one_inputs
    input:first-child {
        max-width: 62px;
    }

@media (min-width: 768px) {
    .zl_contact_form_section
    .zl_contact_form_step_one
    .zl_contact_form_step_one_inputs
    input:first-child {
        max-width: 113.8px;
    }
}

.zl_contact_form_section
.zl_contact_form_step_one
.zl_contact_form_step_one_inputs
input:nth-child(2) {
    max-width: 221.1px;
}

.zl_contact_form_section
.zl_contact_form_step_one
.zl_contact_form_step_one_inputs
input:last-child {
    max-width: 62px;
}

@media (min-width: 768px) {
    .zl_contact_form_section
    .zl_contact_form_step_one
    .zl_contact_form_step_one_inputs
    input:last-child {
        max-width: 133.5px;
    }
}

.zl_contact_form_section .zl_contact_form_step_one p {
    font-size: 0.75rem;
    line-height: 1.45;
    letter-spacing: -0.09px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_contact_form_section .zl_contact_form_step_one p {
        padding-bottom: 0.75rem;
    }

    .zl_contact_form_section .zl_contact_form_step_one p {
        line-height: 1.33;
    }
}

.zl_contact_form_section .zl_contact_form_step_one p a {
    font-weight: 600;
}

.zl_contact_form_section .zl_contact_form_step_two {
    margin-top: 29px;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
    .zl_contact_form_section .zl_contact_form_step_two {
        margin-top: 30px;
    }

    .zl_contact_form_section .zl_contact_form_step_two {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.zl_contact_form_section .zl_contact_form_step_two_top_btns_content {
    margin-bottom: 2.5rem;
    display: grid;
    gap: 7.9px;
}

@media (min-width: 768px) {
    .zl_contact_form_section .zl_contact_form_step_two_top_btns_content {
        margin-bottom: 42px;
    }

    .zl_contact_form_section .zl_contact_form_step_two_top_btns_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.zl_contact_form_section
.zl_contact_form_step_two_top_btns_content
.zl_contact_form_step_two_top_btn {
    display: block;
    width: 100%;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(85 85 85 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(83 83 83 / var(--tw-text-opacity));
}

    .zl_contact_form_section
    .zl_contact_form_step_two_top_btns_content
    .zl_contact_form_step_two_top_btn:hover {
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .zl_contact_form_section
    .zl_contact_form_step_two_top_btns_content
    .zl_contact_form_step_two_top_btn.active {
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.zl_contact_form_section .zl_contact_form_step_two h3 {
    margin-bottom: 26px;
}

.zl_contact_form_section
.zl_contact_form_step_two
.zl_contact_form_step_two_input_content {
    margin-bottom: 43px;
}

    .zl_contact_form_section
    .zl_contact_form_step_two
    .zl_contact_form_step_two_input_content
    .zl_contact_form_step_two_input {
        margin-bottom: 18px;
    }

        .zl_contact_form_section
        .zl_contact_form_step_two
        .zl_contact_form_step_two_input_content
        .zl_contact_form_step_two_input
        label {
            margin-bottom: 10px;
            display: block;
            font-size: 0.875rem;
            line-height: 1.25rem;
            font-weight: 700;
            letter-spacing: 1px;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

        .zl_contact_form_section
        .zl_contact_form_step_two
        .zl_contact_form_step_two_input_content
        .zl_contact_form_step_two_input
        input {
            display: block;
            width: 100%;
            border-radius: 2px;
            padding-top: 7.5px;
            padding-bottom: 7.5px;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            outline: 2px solid transparent;
            outline-offset: 2px;
        }

    .zl_contact_form_section
    .zl_contact_form_step_two
    .zl_contact_form_step_two_input_content
    .zl_rememberme_text_input
    label {
        position: relative;
        padding-left: 27px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

        .zl_contact_form_section
        .zl_contact_form_step_two
        .zl_contact_form_step_two_input_content
        .zl_rememberme_text_input
        label::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            height: 15px;
            width: 15px;
            border-radius: 2px;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }

.zl_contact_form_section
.zl_contact_form_step_two
.zl_contactform_step_two_input_content
.zl_rememberme_text_input
input {
    display: none;
}

.zl_contact_form_section
.zl_contact_form_step_two
.zl_contact_form_step_two_input_content
.zl_rememberme_text_input
label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    display: none;
    height: 10px;
    width: 5px;
    --tw-rotate: 45deg;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    border-right-width: 2px;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
}

.zl_contact_form_section
.zl_contact_form_step_two
.zl_contact_form_step_two_input_content
.zl_rememberme_text_input
input:checked ~ label::after {
    display: block;
}

.zl_contact_form_section
.zl_contact_form_step_two
.zl_contact_form_bottom_btn_content {
    display: flex;
    align-items: center;
}

    .zl_contact_form_section
    .zl_contact_form_step_two
    .zl_contact_form_bottom_btn_content
    .zl_contact_form_login_btn {
        width: 100%;
        max-width: 135px;
        border-radius: 2px;
        --tw-bg-opacity: 1;
        background-color: rgb(227 187 7 / var(--tw-bg-opacity));
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 11px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 900;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .zl_contact_form_section
    .zl_contact_form_step_two
    .zl_contact_form_bottom_btn_content
    .zl_contact_form_login_btn {
        max-width: 151px;
    }
}

.zl_contact_form_section
.zl_contact_form_step_two
.zl_contact_form_bottom_btn_content
.zl_contact_form_login_btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
}

.zl_contact_form_section
.zl_contact_form_step_two
.zl_contact_form_bottom_btn_content
.zl_contact_form_forgot_btn {
    margin-left: auto;
    border-radius: 2px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_contact_form_section
    .zl_contact_form_step_two
    .zl_contact_form_bottom_btn_content
    .zl_contact_form_forgot_btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .zl_contact_form_section
    .zl_contact_form_step_two
    .zl_contact_form_bottom_btn_content
    .zl_contact_form_forgot_btn {
        font-weight: 900;
    }
}

/* contact form css end */

/* read more text model css start */

.zl_read_more_text_btn {
    margin-top: 0.25rem;
    display: block;
    width: 100%;
    max-width: 83px;
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 5px;
    font-size: 10px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(118 118 118 / var(--tw-text-opacity));
}

.zl_read_more_model {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    display: none;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 7.5px;
    padding-right: 7.5px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .zl_read_more_model .zl_card {
        position: relative;
        height: 100%;
        max-height: 688px;
        width: 100%;
        max-width: 390px;
        overflow-y: auto;
        border-width: 0px;
        padding-left: 48px;
        padding-right: 48px;
        padding-top: 57px;
        padding-bottom: 48px;
        --tw-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        --tw-shadow-colored: 0 2px 10px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

        .zl_read_more_model .zl_card:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }

    .zl_read_more_model .zl_card_peregraph {
        margin-bottom: 0.75rem;
    }

    .zl_read_more_model .zl_card_heading {
        margin-bottom: 13.5px;
        height: auto;
        min-height: auto;
    }

    .zl_read_more_model .zl_card_peregraph {
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: -0.13px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

    .zl_read_more_model .zl_card_body {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

        .zl_read_more_model .zl_card_body .zl_card_buttons {
            margin-top: 5px;
        }

            .zl_read_more_model .zl_card_body .zl_card_buttons .zl_video_size {
                margin-bottom: 22px;
                border-bottom-width: 1px;
                --tw-border-opacity: 1;
                border-color: rgb(208 208 208 / var(--tw-border-opacity));
                padding-bottom: 21px;
                font-size: 1rem;
                line-height: 1.5rem;
                font-weight: 600;
                letter-spacing: -0.13px;
                --tw-text-opacity: 1;
                color: rgb(37 37 37 / var(--tw-text-opacity));
            }

            .zl_read_more_model .zl_card_body .zl_card_buttons .zl_card_download_btn {
                margin-top: 21px;
                display: block;
                border-radius: 2px;
                --tw-bg-opacity: 1;
                background-color: rgb(227 187 7 / var(--tw-bg-opacity));
                padding-left: 0.75rem;
                padding-right: 0.75rem;
                padding-top: 0.75rem;
                padding-bottom: 11px;
                text-align: center;
                font-size: 0.875rem;
                font-weight: 900;
                text-transform: uppercase;
                line-height: 1.2;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }

        .zl_read_more_model .zl_card_body .zl_close_btn {
            position: absolute;
            right: 1.5rem;
            top: 17px;
            margin-top: 0.25rem;
            display: block;
            width: 100%;
            max-width: 83px;
            --tw-bg-opacity: 1;
            background-color: rgb(240 240 240 / var(--tw-bg-opacity));
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            padding-top: 0.25rem;
            padding-bottom: 5px;
            font-size: 10px;
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(118 118 118 / var(--tw-text-opacity));
        }

.zl_model_open .zl_read_more_model {
    display: flex;
}

.zl_model_open, .zl_model_open body {
    overflow: hidden;
}

/* read more text model css end */

/* lightbox gallery css srtar */

.lg-sub-html {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 17px;
    padding-bottom: 1.5rem;
}

.lg-inner .lg-item .lg-img-wrap {
    padding: 0px;
}

    .lg-inner .lg-item .lg-img-wrap img {
        object-fit: cover;
    }

.zl_gallery_model_text_content {
    display: flex;
    align-items: center;
    text-align: left;
}

    .zl_gallery_model_text_content
    .zl_gallery_model_text
    .zl_gallery_model_small_heading {
        font-size: 10px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 0.71px;
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

    .zl_gallery_model_text_content
    .zl_gallery_model_text
    .zl_gallery_model_heading {
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: -0.11px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

    .zl_gallery_model_text_content .zl_gallery_model_close_btn {
        margin-left: auto;
        border-radius: 2px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 15px;
        padding-right: 14px;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(227 187 7 / var(--tw-text-opacity));
    }

@media (min-width: 1024px) {
    .lg-toolbar, .lg-actions {
        display: block;
    }
}

.lg-backdrop {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    max-height: 96vh;
    max-width: 96vw;
}

.lg-outer {
    left: 50%;
    margin-top: 2vh;
    max-height: 96vh;
    max-width: 96vw;
}

    .lg-outer.lg-grab img {
        max-height: 100%;
        max-width: 100%;
    }

/* lightbox gallery css end */

/* home page css start */

.tns-outer {
    position: relative;
    max-height: 314px;
    min-height: 314px;
    width: 100%;
    overflow: hidden;
}

@media (min-width: 768px) {
    .tns-outer {
        max-height: 712px;
    }

    .tns-outer {
        min-height: 712px;
    }
}

.zl_home_slider .zl_home_slider_slide {
    position: relative;
Background-color: black;
}

    .zl_home_slider .zl_home_slider_slide .zl_home_slider_img_link {
        display: block;
    }

        .zl_home_slider
        .zl_home_slider_slide
        .zl_home_slider_img_link
        .zl_home_slider_img {
            max-height: 314px;
            min-height: 314px;
            width: 100%;
            object-fit: contain;
        }

@media (min-width: 768px) {
    .zl_home_slider
    .zl_home_slider_slide
    .zl_home_slider_img_link
    .zl_home_slider_img {
        max-height: 712px;
    }

    .zl_home_slider
    .zl_home_slider_slide
    .zl_home_slider_img_link
    .zl_home_slider_img {
        min-height: 712px;
    }
}

.zl_home_slider .zl_home_slider_slide .zl_home_slider_heading {
    position: absolute;
    bottom: 0.75rem;
    left: 2rem;
    font-size: 10px;
    font-weight: 200;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_home_slider .zl_home_slider_slide .zl_home_slider_heading {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .zl_home_slider .zl_home_slider_slide .zl_home_slider_heading {
        bottom: 2.5rem;
    }

    .zl_home_slider .zl_home_slider_slide .zl_home_slider_heading {
        font-size: 14px;
    }
}

@media (min-width: 1024px) {
    .zl_home_slider .zl_home_slider_slide .zl_home_slider_heading {
        font-size: 24px;
    }
}

.zl_home_slider .zl_home_slider_slide .zl_home_slider_heading span {
    display: block;
    text-align: right;
}

/*Home featured news section*/

.zl_home_news_main_heading {
    margin-bottom: 27px;
    margin-top: 1rem;
    margin-left: 1.5rem;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 0.8;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_home_news_main_heading {
        margin-top: 1.5rem;
    }
}

@media (min-width: 768px) {
    .zl_home_news_main_heading {
        margin-top: 2rem;
    }

    .zl_home_news_main_heading {
        font-size: 65px;
    }
}

.zl_home_news_section {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-bottom: 2rem;
    padding-top: 2rem;
}

@media (min-width: 1024px) {
    .zl_home_news_section {
        padding-top: 3rem;
    }
}

.zl_home_news_section {
    /*    md: mt-2 md:mb-2*/
}

.zl_home_news_row {
    margin-bottom: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 21px;
}

@media (min-width: 768px) {
    .zl_home_news_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .zl_home_news_row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.zl_home_news_row .zl_card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 31px;
    padding-bottom: 30px;
}

    .zl_home_news_row .zl_card .zl_card_body {
        margin: 0px;
        min-height: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

        .zl_home_news_row .zl_card .zl_card_body img {
            height: 15rem;
            width: 100%;
            object-fit: cover;
        }

        .zl_home_news_row .zl_card .zl_card_body .zl_card_heading {
            height: auto;
            min-height: auto;
            font-size: 1rem;
            line-height: 1.5rem;
            letter-spacing: -0.17px;
        }

@media (min-width: 768px) {
    .zl_home_news_row .zl_card .zl_card_body .zl_card_heading {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.zl_home_news_row .zl_card .zl_card_body .zl_card_peregraph {
    margin-bottom: auto;
}

.zl_home_news_row .zl_card .zl_card_body .zl_home_news_btn {
    margin-top: 21px;
    display: block;
    border-radius: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

/*Home mission statement section*/

.zl_what_artistshare_section {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

    .zl_what_artistshare_section .zl_what_artistshare_content {
        display: grid;
        gap: 1rem;
        padding-top: 25px;
        padding-bottom: 25px;
    }

@media (min-width: 1024px) {
    .zl_what_artistshare_section .zl_what_artistshare_content {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .zl_what_artistshare_section .zl_what_artistshare_content {
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .zl_what_artistshare_section
        .zl_what_artistshare_content
        .zl_what_artistshare_column:first-child {
            grid-column: span 3 / span 3;
        }
}

.zl_what_artistshare_section
.zl_what_artistshare_content
.zl_what_artistshare_left_column {
    margin-bottom: 75px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    padding-bottom: 30px;
}

@media (min-width: 1024px) {
    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_left_column {
        margin-bottom: 0px;
    }

    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_left_column {
        border-right-width: 2px;
    }

    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_left_column {
        border-bottom-width: 0px;
    }

    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_left_column {
        padding-bottom: 0px;
    }
}

.zl_what_artistshare_left_column h2 {
    margin-bottom: 0.5rem;
    font-size: 32px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_what_artistshare_left_column h2 {
        margin-bottom: 15px;
    }
}

.zl_what_artistshare_section
.zl_what_artistshare_content
.zl_what_artistshare_left_column
p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 45px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_left_column
    p {
        max-width: 785px;
    }

    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_left_column
    p {
        padding-right: 1rem;
    }

    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_left_column
    p {
        line-height: 60px;
    }
}

.zl_what_artistshare_section
.zl_what_artistshare_content
.zl_what_artistshare_left_column
p
a {
    padding-left: 30px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_what_artistshare_section
.zl_what_artistshare_content
.zl_what_artistshare_column
.zl_quest_symbol_link {
    position: relative;
    display: block;
}

    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_column
    .zl_quest_symbol_link
    img {
        margin-left: auto;
        margin-right: auto;
    }

    .zl_what_artistshare_section
    .zl_what_artistshare_content
    .zl_what_artistshare_column
    .zl_quest_symbol_link
    p {
        position: absolute;
        bottom: 46px;
        left: 10px;
        width: 100%;
        text-align: center;
        font-size: 22px;
        font-weight: 300;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.zl_home_featured_project_section {
    min-height: 450px;
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity));
    padding-bottom: 2rem;
    padding-top: 0.5rem;
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-filter);
    backdrop-filter: var(--tw-backdrop-filter);
}

@media (min-width: 768px) {
    .zl_home_featured_project_section {
        padding-top: 1rem;
    }
}

@media (min-width: 1024px) {
    .zl_home_featured_project_section {
        padding-top: 1.5rem;
    }
}

.zl_home_featured_project_row {
    margin-bottom: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 21px;
}

@media (min-width: 768px) {
    .zl_home_featured_project_row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .zl_home_featured_project_row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* home page css end */

/* about us page css start */

.zl_about_page_body {
    padding-top: 25px;
}

@media (min-width: 1024px) {
    .zl_about_page_body {
        padding-top: 60px;
    }
}

.zl_about_page_body .container {
    max-width: 1000;
}

.zl_about_body_content::before {
    height: 810px;
}

@media (min-width: 768px) {
    .zl_about_body_content::before {
        height: 804px;
    }
}

@media (min-width: 1024px) {
    .zl_about_body_content::before {
        height: 455px;
    }
}

.zl_about_heading {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75rem;
    max-width: 1282px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 54px;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_about_heading {
        font-size: 89px;
    }
}

@media (min-width: 1024px) {
    .zl_about_heading {
        margin-bottom: 0.75rem;
    }

    .zl_about_heading {
        line-height: 0.7;
    }
}

.zl_about_text_content {
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-top: 35px;
    padding-bottom: 35px;
}

@media (min-width: 768px) {
    .zl_about_text_content {
        padding-top: 56px;
    }

    .zl_about_text_content {
        padding-bottom: 64px;
    }
}

.zl_about_text_content .zl_about_text_row {
    display: grid;
    gap: 60px;
}

.zl_about_detail_text {
    font-weight: 300;
    line-height: 1.71;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_about_detail_text {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_about_img img {
    margin-bottom: 1.5rem;
    width: 100%;
}

/* about us page css end */

/* artistshare profile page css start */

.zl_artistshare_profile_page_body {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 1920px;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_page_body {
        flex-wrap: nowrap;
    }
}

.zl_artistshare_profile_left_content {
    margin-left: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_left_content {
        max-width: 58.33333%;
    }
}

.zl_artistshare_profile_right_content {
    display: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_right_content {
        display: block;
    }

    .zl_artistshare_profile_right_content {
        max-width: 33.33333%;
    }
}

.zl_artistshare_profile_heading_paragraph {
    margin-bottom: 0.75rem;
    padding-top: 0.75rem;
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_heading_paragraph {
        padding-top: 0.5rem;
    }
}

.zl_artistshare_profile_heading_paragraph .zl_artistshare_profile_heading {
    margin-bottom: 27px;
    font-size: 50px;
    font-weight: 300;
    line-height: 0.8;
    --tw-text-opacity: 1;
    color: rgb(246 146 30 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_artistshare_profile_heading_paragraph .zl_artistshare_profile_heading {
        font-size: 89px;
    }
}

.zl_artistshare_profile_heading_paragraph .zl_artistshare_profile_paragraph {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
}

@media (min-width: 640px) {
    .zl_artistshare_profile_heading_paragraph .zl_artistshare_profile_paragraph {
        font-size: 24px;
    }
}

.zl_artistshare_profile_heading_paragraph .zl_artistshare_profile_paragraph b {
    font-weight: 500;
    font-style: italic;
}

.zl_artistshare_profile_photo_name {
    margin-bottom: 35px;
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_photo_name {
        margin-bottom: 62px;
    }
}

.zl_artistshare_profile_photo_name .zl_artistshare_profile_photo {
    margin-bottom: 1.25rem;
    width: 100%;
    object-fit: cover;
}

.zl_artistshare_profile_photo_name .zl_artistshare_profile_user_name {
    margin-bottom: 0.5rem;
    font-size: 39px;
    font-weight: 500;
    line-height: 1;
}

@media (min-width: 640px) {
    .zl_artistshare_profile_photo_name .zl_artistshare_profile_user_name {
        font-size: 52px;
    }
}

.zl_artistshare_profile_photo_name .zl_artistshare_profile_social_link_row {
    margin-left: auto;
    display: grid;
    max-width: 80px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

    .zl_artistshare_profile_photo_name
    .zl_artistshare_profile_social_link_row
    .zl_artistshare_profile_social_link {
        display: flex;
        height: 2rem;
        width: 2rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgb(245 146 24 / var(--tw-bg-opacity));
    }

        .zl_artistshare_profile_photo_name
        .zl_artistshare_profile_social_link_row
        .zl_artistshare_profile_social_link
        svg {
            height: 1.25rem;
            width: 1.25rem;
        }

.zl_artistshare_profile_other_text p {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
}

@media (min-width: 768px) {
    .zl_artistshare_profile_other_text p {
        font-size: 23px;
    }
}

.zl_artistshare_profile_other_text p:last-child {
    margin-bottom: 0px;
}

.zl_artistshare_profile_other_text p b {
    font-weight: 700;
}

.zl_artistshare_profile_more_artist_list {
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_more_artist_list {
        margin-right: -15px;
    }

    .zl_artistshare_profile_more_artist_list {
        --tw-bg-opacity: 1;
        background-color: rgb(249 163 38 / var(--tw-bg-opacity));
    }

    .zl_artistshare_profile_more_artist_list {
        padding-top: 205px;
    }

    .zl_artistshare_profile_more_artist_list {
        padding-right: 64px;
    }

    .zl_artistshare_profile_more_artist_list {
        padding-left: 110px;
    }

    .zl_artistshare_profile_more_artist_list {
        padding-bottom: 64px;
    }
}

.zl_artistshare_profile_more_artist_list .zl_artistshare_profile_more_heading {
    grid-column: span 1 / span 1;
    font-size: 39px;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_artistshare_profile_more_artist_list .zl_artistshare_profile_more_heading {
        grid-column: span 2 / span 2;
    }

    .zl_artistshare_profile_more_artist_list .zl_artistshare_profile_more_heading {
        font-size: 60px;
    }
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_more_artist_list .zl_artistshare_profile_more_heading {
        grid-column: span 1 / span 1;
    }

    .zl_artistshare_profile_more_artist_list .zl_artistshare_profile_more_heading {
        margin-bottom: 2rem;
    }
}

.zl_artistshare_profile_more_artist_list
.zl_artistshare_profile_more_artist_item {
    margin-bottom: 2.25rem;
    max-width: 250px;
}

    .zl_artistshare_profile_more_artist_list
    .zl_artistshare_profile_more_artist_item:last-child {
        margin-bottom: 0px;
    }

    .zl_artistshare_profile_more_artist_list
    .zl_artistshare_profile_more_artist_item
    .zl_artistshare_profile_more_list_heading {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-weight: 400;
        line-height: 1;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

@media (min-width: 1024px) {
    .zl_artistshare_profile_more_artist_list
    .zl_artistshare_profile_more_artist_item
    .zl_artistshare_profile_more_list_heading {
        font-size: 24px;
    }
}

.zl_artistshare_profile_more_artist_list
.zl_artistshare_profile_more_artist_item
.zl_artistshare_profile_more_list_img {
    margin-bottom: 0.5rem;
    height: 15rem;
    width: 100%;
    object-fit: cover;
}

.zl_artistshare_profile_more_artist_list
.zl_artistshare_profile_more_artist_item
a {
    display: block;
}

.zl_artistshare_profile_more_artist_list
.zl_artistshare_profile_more_artist_item
.zl_artistshare_profile_more_list_name {
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_artistshare_profile_mobile_more_list {
    position: relative;
    margin-bottom: 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (min-width: 1024px) {
    .zl_artistshare_profile_mobile_more_list {
        display: none;
    }
}

.zl_artistshare_profile_mobile_more_list select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 10px;
    padding-right: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    outline-width: 0px;
}

.zl_artistshare_profile_mobile_more_list::before {
    content: "";
    pointer-events: none;
    position: absolute;
    right: 11px;
    top: 50%;
    display: inline-block;
    border-bottom-width: 2px;
    border-right-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(183 183 183 / var(--tw-border-opacity));
    padding: 3px;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

/* artistshare profile page css end */

/* awards page css start */

.zl_blue_border_header_section {
    position: relative;
    margin-bottom: 6px;
}

    .zl_blue_border_header_section::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0px;
        height: 6px;
        width: 100%;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #d9a600;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 186 217 / 0));
        --tw-gradient-to: #d9b500;
    }

    .zl_blue_border_header_section
    .zl_toggel_checkbox:checked ~ .zl_header_nav::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0px;
        display: block;
        height: 6px;
        width: 100%;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #d9a600;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 186 217 / 0));
        --tw-gradient-to: #d9b500;
    }

@media (min-width: 1024px) {
    .zl_blue_border_header_section
    .zl_toggel_checkbox:checked ~ .zl_header_nav::before {
        display: none;
    }
}

.zl_blue_border_footer_section {
    position: relative;
    margin-top: 2px;
}

    .zl_blue_border_footer_section::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 0px;
        height: 6px;
        width: 100%;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #d9a600;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 186 217 / 0));
        --tw-gradient-to: #d9b500;
    }

.zl_awards_page_body {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 1920px;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .zl_awards_page_body {
        flex-wrap: nowrap;
    }
}

.zl_awards_right_content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.zl_awards_left_content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1024px) {
    .zl_awards_left_content {
        max-width: 675px;
    }
}

.zl_awards_left_text_img_content {
    margin-left: -15px;
    margin-right: -15px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 239 / var(--tw-bg-opacity));
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 48px;
    padding-top: 1.5rem;
}

@media (min-width: 1024px) {
    .zl_awards_left_text_img_content {
        margin-right: 0px;
    }
}

.zl_awards_left_text_img_content .zl_awards_heading {
    margin-bottom: 15px;
    text-align: center;
    font-size: 47px;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_awards_left_text_img_content .zl_awards_heading {
        margin-bottom: 35px;
    }

    .zl_awards_left_text_img_content .zl_awards_heading {
        font-size: 62px;
    }
}

.zl_awards_left_text_img_content .zl_awards_icon_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    max-width: 165px;
}

@media (min-width: 768px) {
    .zl_awards_left_text_img_content .zl_awards_icon_img {
        margin-bottom: 35px;
    }

    .zl_awards_left_text_img_content .zl_awards_icon_img {
        max-width: 240px;
    }
}

.zl_awards_left_text_img_content .zl_awards_text {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
}

    .zl_awards_left_text_img_content .zl_awards_text span {
        display: block;
        max-width: 165px;
        font-size: 19px;
        font-weight: 300;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.zl_awards_right_list {
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 50px;
    padding-bottom: 64px;
}

@media (min-width: 1024px) {
    .zl_awards_right_list {
        padding-left: 64px;
    }

    .zl_awards_right_list {
        padding-right: 1.25rem;
    }

    .zl_awards_right_list {
        padding-top: 100px;
    }
}

.zl_awards_right_list .zl_awards_right_list_item {
    margin-bottom: 2rem;
}

    .zl_awards_right_list .zl_awards_right_list_item h3 {
        margin-bottom: 0.5rem;
        font-size: 28px;
        font-weight: 300;
        --tw-text-opacity: 1;
        color: rgb(38 169 224 / var(--tw-text-opacity));
    }

    .zl_awards_right_list .zl_awards_right_list_item li {
        position: relative;
        margin-bottom: 0.25rem;
        font-size: 19px;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

        .zl_awards_right_list .zl_awards_right_list_item li:last-child, .zl_awards_right_list .zl_awards_right_list_item:last-child {
            margin-bottom: 0px;
        }

        .zl_awards_right_list .zl_awards_right_list_item li span {
            --tw-text-opacity: 1;
            color: rgb(38 169 224 / var(--tw-text-opacity));
        }

            .zl_awards_right_list .zl_awards_right_list_item li span::before {
                content: "";
                position: absolute;
                left: -30px;
                top: 0px;
                height: 30px;
                width: 24px;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("../images/awards-icon.png");
            }

/* awards page css end */

/* help & support page css start */

.zl_help_support_page_body {
    padding-bottom: 2rem;
    padding-top: 51px;
}

    .zl_help_support_page_body .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

@media (min-width: 768px) {
    .zl_help_support_page_body .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_help_support_heading_search {
    margin-bottom: 2rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .zl_help_support_heading_search {
        display: flex;
    }
}

.zl_help_support_heading_search .zl_help_support_heading {
    margin-right: 0.5rem;
    font-size: 54px;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(250 175 64 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_help_support_heading_search .zl_help_support_heading {
        font-size: 89px;
    }
}

.zl_help_support_heading_search .zl_help_support_search {
    margin-left: auto;
    margin-top: 1.5rem;
    display: flex;
    width: 100%;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 232 / var(--tw-bg-opacity));
    padding: 0.75rem;
}

@media (min-width: 640px) {
    .zl_help_support_heading_search .zl_help_support_search {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .zl_help_support_heading_search .zl_help_support_search {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1024px) {
    .zl_help_support_heading_search .zl_help_support_search {
        margin-top: 0px;
    }

    .zl_help_support_heading_search .zl_help_support_search {
        max-width: 40%;
    }
}

.zl_help_support_heading_search .zl_help_support_search .zl_help_support_search_input {
    width: 100%;
    border-radius: 15px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(146 147 150 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.5rem;
}

.zl_help_support_heading_search .zl_help_support_search button {
    margin-left: 10px;
    border-radius: 12px;
    --tw-bg-opacity: 1;
    background-color: rgb(239 90 40 / var(--tw-bg-opacity));
    padding: 11px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_help_support_heading_search .zl_help_support_search button {
        margin-left: 25px;
    }

    .zl_help_support_heading_search .zl_help_support_search button {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .zl_help_support_heading_search .zl_help_support_search button {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.zl_help_support_heading_search .zl_help_support_search button span {
    display: none;
}

@media (min-width: 640px) {
    .zl_help_support_heading_search .zl_help_support_search button span {
        display: block;
    }
}

.zl_help_support_heading_search .zl_help_support_search button svg {
    height: 1.25rem;
    width: 1.25rem;
}

@media (min-width: 640px) {
    .zl_help_support_heading_search .zl_help_support_search button svg {
        display: none;
    }
}

.zl_help_support_type_help_content {
    display: flex;
    flex-wrap: wrap;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(166 168 171 / var(--tw-border-opacity));
}

    /* .zl_help_support_type_help_content .zl_help_support_table{
    @apply w-full border border-color45 lg:min-w-full min-w-[1200px];
} */

    .zl_help_support_type_help_content .zl_help_support_type_help .zl_help_support_table_heading {
        margin-bottom: 1rem;
        --tw-bg-opacity: 1;
        background-color: rgb(166 168 171 / var(--tw-bg-opacity));
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        text-align: left;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .zl_help_support_type_help_content .zl_help_support_type_help {
        width: 100%;
        max-width: 25%;
        border-right-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(166 168 171 / var(--tw-border-opacity));
        padding-bottom: 1rem;
    }

        .zl_help_support_type_help_content .zl_help_support_type_help:last-child {
            border-width: 0px;
        }

        .zl_help_support_type_help_content .zl_help_support_type_help li {
            position: relative;
            margin-bottom: 1rem;
            padding-left: 31px;
            padding-right: 15px;
        }

            .zl_help_support_type_help_content .zl_help_support_type_help li::before {
                content: "";
                position: absolute;
                top: 8px;
                left: 10px;
                display: block;
                height: 10px;
                width: 10px;
                border-radius: 9999px;
                background: linear-gradient(90deg,#f6921e 0,#be1e2d);
            }

            .zl_help_support_type_help_content .zl_help_support_type_help li a {
                font-size: 1.125rem;
                line-height: 1.75rem;
                font-weight: 300;
                --tw-text-opacity: 1;
                color: rgb(0 0 0 / var(--tw-text-opacity));
            }

.zl_help_support_data_content .zl_help_support_data {
    margin-top: 1.75rem;
}

    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_main_heading {
        margin-bottom: 2rem;
        font-size: 48px;
        font-weight: 300;
        line-height: 1;
        --tw-text-opacity: 1;
        color: rgb(246 146 30 / var(--tw-text-opacity));
    }

    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list {
        margin-bottom: 2rem;
        padding-left: 0.5rem;
    }

@media (min-width: 768px) {
    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list {
        padding-left: 1rem;
    }
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list:last-child {
    margin-bottom: 0px;
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list h3 {
    margin-bottom: 0.75rem;
    font-size: 24px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav .zl_help_support_data_list_item {
    counter-increment: my-awesome-counter;
    position: relative;
    overflow-wrap: break-word;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav .zl_help_support_data_list_item {
        font-size: 19px;
    }
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav .zl_help_support_data_list_item::before {
    content: counter(my-awesome-counter)")";
    position: absolute;
    left: -20px;
    top: 0px;
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav .zl_help_support_data_list_item a, .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav ul li a {
    overflow-wrap: break-word;
    --tw-text-opacity: 1;
    color: rgb(27 117 187 / var(--tw-text-opacity));
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav ul {
    padding-left: 1rem;
}

@media (min-width: 768px) {
    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav ul {
        padding-left: 2rem;
    }
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav ul li {
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav ul li {
        font-size: 19px;
    }
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_list_nav ul li::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 12px;
    height: 3px;
    width: 3px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.zl_help_support_data_back_top_btn {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(27 117 187 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_help_support_data_back_top_btn {
        font-size: 19px;
    }
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_paragraph {
    margin-left: 1rem;
}

@media (min-width: 768px) {
    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_paragraph {
        margin-left: 2rem;
    }
}

.zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_paragraph p, .zl_help_support_data_privacy_policy {
    position: relative;
    overflow-wrap: break-word;
    font-size: 19px;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_paragraph p a, .zl_help_support_data_privacy_policy a {
        overflow-wrap: break-word;
        --tw-text-opacity: 1;
        color: rgb(27 117 187 / var(--tw-text-opacity));
    }

    .zl_help_support_data_content .zl_help_support_data .zl_help_support_data_list .zl_help_support_data_paragraph p b, .zl_help_support_data_privacy_policy b {
        display: block;
        font-weight: 500;
    }

/* help & support page css end */

/* search page css start */

.zl_search_page_body {
    padding-bottom: 2rem;
    padding-top: 51px;
}

    .zl_search_page_body .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

@media (min-width: 768px) {
    .zl_search_page_body .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_search_heading_search {
    margin-bottom: 2rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .zl_search_heading_search {
        display: flex;
    }
}

.zl_search_heading_search .zl_search_heading {
    margin-right: 0.5rem;
    font-size: 54px;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_search_heading_search .zl_search_heading {
        font-size: 89px;
    }
}

.zl_search_heading_search .zl_search_search {
    margin-left: auto;
    margin-top: 1.5rem;
    display: flex;
    width: 100%;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding: 0.75rem;
}

@media (min-width: 640px) {
    .zl_search_heading_search .zl_search_search {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .zl_search_heading_search .zl_search_search {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1024px) {
    .zl_search_heading_search .zl_search_search {
        margin-top: 0px;
    }

    .zl_search_heading_search .zl_search_search {
        max-width: 40%;
    }
}

.zl_search_heading_search
.zl_search_search
.zl_search_search_input {
    width: 100%;
    border-radius: 15px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(146 147 150 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.5rem;
}

.zl_search_data_content .zl_search_data {
    margin-top: 1.75rem;
}

    .zl_search_data_content
    .zl_search_data
    .zl_search_data_main_heading {
        margin-bottom: 2rem;
        font-size: 48px;
        font-weight: 300;
        line-height: 1;
        --tw-text-opacity: 1;
        color: rgb(246 146 30 / var(--tw-text-opacity));
    }

    .zl_search_data_content .zl_search_data .zl_search_data_list {
        margin-bottom: 2rem;
        padding-left: 0.5rem;
    }

@media (min-width: 768px) {
    .zl_search_data_content .zl_search_data .zl_search_data_list {
        padding-left: 1rem;
    }
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list:last-child {
    margin-bottom: 0px;
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list
h3 {
    margin-bottom: 0.75rem;
    font-size: 24px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list
.zl_search_data_list_nav
.zl_search_data_list_item {
    counter-increment: my-awesome-counter;
    position: relative;
    overflow-wrap: break-word;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_search_data_content
    .zl_search_data
    .zl_search_data_list
    .zl_search_data_list_nav
    .zl_search_data_list_item {
        font-size: 19px;
    }
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list
.zl_search_data_list_nav
.zl_search_data_list_item::before {
    content: counter(my-awesome-counter) ")";
    position: absolute;
    left: -20px;
    top: 0px;
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list
.zl_search_data_list_nav
.zl_search_data_list_item
a, .zl_search_data_content
.zl_search_data
.zl_search_data_list
.zl_search_data_list_nav
ul
li
a {
    overflow-wrap: break-word;
    --tw-text-opacity: 1;
    color: rgb(27 117 187 / var(--tw-text-opacity));
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list
.zl_search_data_list_nav
ul {
    padding-left: 1rem;
}

@media (min-width: 768px) {
    .zl_search_data_content
    .zl_search_data
    .zl_search_data_list
    .zl_search_data_list_nav
    ul {
        padding-left: 2rem;
    }
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list
.zl_search_data_list_nav
ul
li {
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_search_data_content
    .zl_search_data
    .zl_search_data_list
    .zl_search_data_list_nav
    ul
    li {
        font-size: 19px;
    }
}

.zl_search_data_content
.zl_search_data
.zl_search_data_list
.zl_search_data_list_nav
ul
li::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 12px;
    height: 3px;
    width: 3px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

/* search page css end */

/* news main page css start */

@media (min-width: 1024px) {
    .zl_news_main_page_body .zl_artistshare_profile_left_content {
        max-width: 58.333333%;
    }
}

.zl_news_main_page_body
.zl_artistshare_profile_heading_paragraph
.zl_artistshare_profile_heading {
    margin-bottom: 0px;
    line-height: 1.4;
    --tw-text-opacity: 1;
    color: rgb(249 163 38 / var(--tw-text-opacity));
}

.zl_news_main_page_body
.zl_artistshare_profile_left_content
.zl_artistshare_profile_heading {
    line-height: 1;
}

.zl_news_main_page_body .zl_artistshare_profile_heading_paragraph {
    margin-bottom: 10px;
    padding-top: 18px;
}

@media (min-width: 768px) {
    .zl_news_main_page_body .zl_artistshare_profile_heading_paragraph {
        margin-bottom: 40px;
    }

    .zl_news_main_page_body .zl_artistshare_profile_heading_paragraph {
        padding-top: 48px;
    }
}

@media (min-width: 1024px) {
    .zl_news_main_page_body .zl_artistshare_profile_heading_paragraph {
        margin-bottom: 65px;
    }
}

.zl_news_main_page_body
.zl_artistshare_profile_photo_name
.zl_artistshare_profile_user_name {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .zl_news_main_page_body
    .zl_artistshare_profile_photo_name
    .zl_artistshare_profile_user_name {
        font-size: 45px;
    }

    .zl_news_main_page_body
    .zl_artistshare_profile_photo_name
    .zl_artistshare_profile_user_name {
        line-height: 1;
    }
}

@media (min-width: 1024px) {
    .zl_news_main_page_body .zl_artistshare_profile_more_artist_list {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .zl_news_main_page_body .zl_artistshare_profile_more_artist_list {
        padding-top: 120px;
    }
}

.zl_news_main_page_body .zl_artistshare_profile_photo_name {
    margin-bottom: 2.5rem;
}

.zl_news_main_left_text_content h3 {
    margin-bottom: 1rem;
    width: 100%;
    max-width: 615px;
    font-size: 18px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_news_main_left_text_content h3 {
        font-size: 22px;
    }
}

.zl_news_main_left_text_content p {
    margin-bottom: 1rem;
    font-size: 21px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_news_main_left_text_content .zl_news_main_left_group_text p {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

/* .zl_news_main_page_body .zl_artistshare_profile_photo{
    @apply sm:h-[550px] h-[300px];
} */

.zl_news_main_page_body
.zl_artistshare_profile_more_artist_list
.zl_artistshare_profile_more_artist_item, .zl_news_main_page_body
.zl_artistshare_profile_more_artist_list
.zl_artistshare_profile_more_heading {
    max-width: 100%;
}

@media (min-width: 1024px) {
    .zl_news_main_page_body
    .zl_artistshare_profile_more_artist_list
    .zl_artistshare_profile_more_artist_item, .zl_news_main_page_body
    .zl_artistshare_profile_more_artist_list
    .zl_artistshare_profile_more_heading {
        max-width: 350px;
    }
}

.zl_news_main_page_body
.zl_artistshare_profile_more_artist_list
.zl_artistshare_profile_more_heading {
    margin-bottom: 2.5rem;
}

.zl_news_main_page_body .zl_artistshare_profile_right_content {
    display: block;
}

/* .zl_news_main_page_body .zl_artistshare_profile_more_artist_list{
    @apply grid lg:grid-cols-1 gap-0 sm:grid-cols-2 grid-cols-1 gap-x-9;
} */

.zl_news_main_page_body
.zl_artistshare_profile_photo_name
.zl_artistshare_profile_user_name {
    margin-bottom: 2.25rem;
}

/* news main page css end */

/* artist project page css start */

.zl_artist_project_page_body .container {
    max-width: 1435px;
}

.zl_artist_project_content {
    position: relative;
    padding-bottom: 2.5rem;
}

    .zl_artist_project_content::before {
        content: "";
        position: absolute;
        right: 57%;
        top: 0px;
        z-index: -1;
        display: none;
        height: 100%;
        width: 500%;
        --tw-bg-opacity: 1;
        background-color: rgb(240 89 35 / var(--tw-bg-opacity));
    }

@media (min-width: 1024px) {
    .zl_artist_project_content::before {
        display: block;
    }
}

.zl_artist_project_content .zl_artist_project_heading_row {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
    flex-wrap: wrap;
    align-items: center;
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_heading_row {
        margin-bottom: 59px;
    }

    .zl_artist_project_content .zl_artist_project_heading_row {
        margin-top: 0px;
    }

    .zl_artist_project_content .zl_artist_project_heading_row {
        display: flex;
    }

    .zl_artist_project_content .zl_artist_project_heading_row {
        padding-top: 55px;
    }
}

.zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_left_heading {
    margin-bottom: 1.25rem;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 75px;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_left_heading {
        margin-bottom: 0px;
    }

    .zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_left_heading {
        max-width: 43%;
    }

    .zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_left_heading {
        text-align: right;
    }

    .zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_left_heading {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}

.zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_left_heading span {
    font-size: 45px;
}

.zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_right_heading {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 75px;
    font-weight: 300;
    line-height: 1.3;
    --tw-text-opacity: 1;
    color: rgb(239 90 40 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_right_heading {
        max-width: 57%;
    }

    .zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_right_heading {
        padding-left: 2.5rem;
    }

    .zl_artist_project_content .zl_artist_project_heading_row .zl_artist_project_right_heading {
        line-height: 0.8;
    }
}

.zl_artist_project_content .zl_artist_project_list_row {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .zl_artist_project_content .zl_artist_project_list_row {
        margin-bottom: 65px;
    }
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row {
        display: flex;
    }
}

.zl_artist_project_content .zl_artist_project_list_row:last-child {
    margin-bottom: 0px;
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 {
    margin-bottom: 11px;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 2.33px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 {
        max-width: 43%;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 {
        line-height: 1;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 span {
    display: block;
    width: 100%;
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 span {
        margin-left: auto;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 span {
        margin-right: 1rem;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_list_left_heading h3 span {
        max-width: 300px;
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list {
        max-width: 43%;
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list {
        margin-top: -5px;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list {
        max-width: 57%;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list {
        padding-left: 2.5rem;
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video {
    margin-bottom: 2.25rem;
    width: 100%;
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video {
        margin-right: 1rem;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video {
        margin-left: 60px;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video {
        margin-bottom: 0px;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video {
        max-width: 300px;
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video h3 {
    margin-bottom: 11px;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 2.33px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video h3 {
        line-height: 1;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video h3 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_list_name_video img {
    height: 100%;
    max-height: 290px;
    min-height: 290px;
    width: 100%;
    max-width: 300px;
    object-fit: cover;
    box-shadow: 9px 9px 6px 2px #00000035;
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_ply_btn {
    display: none;
    width: 45px;
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_left_list .zl_artist_project_ply_btn {
        display: block;
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list h3 {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.12;
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_paragraph li {
    margin-bottom: 18px;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.5;
}

@media (min-width: 1024px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_paragraph li {
        line-height: 1;
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_paragraph li:last-child {
    margin-bottom: 0px;
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_paragraph li i {
    font-weight: 400;
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_btn_row {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
}

@media (min-width: 640px) {
    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_btn_row {
        margin-top: 43px;
    }
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_btn_row .zl_practicipate_btn {
    margin-right: 42px;
    border-radius: 14px;
    --tw-bg-opacity: 1;
    background-color: rgb(245 146 24 / var(--tw-bg-opacity));
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_btn_row .zl_artist_project_social_link {
    margin-right: 1rem;
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 146 24 / var(--tw-bg-opacity));
}

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_btn_row .zl_artist_project_social_link:last-child {
        margin-right: 0px;
    }

    .zl_artist_project_content .zl_artist_project_list_row .zl_artist_project_right_list .zl_artist_project_right_list_btn_row .zl_artist_project_social_link svg {
        height: 1.25rem;
        width: 1.25rem;
    }

/* artist project page css end */

/* shopping cart page css start */

.zl_shopping_cart_page_body {
    padding-top: 34px;
    padding-bottom: 39px;
}

@media (min-width: 768px) {
    .zl_shopping_cart_page_body {
        padding-top: 60px;
    }

    .zl_shopping_cart_page_body {
        padding-bottom: 86px;
    }
}

.zl_shopping_cart_page_body .container {
    max-width: 1232px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 1024px) {
    .zl_shopping_cart_page_body .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_shopping_cart_content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 46px;
}

@media (min-width: 1024px) {
    .zl_shopping_cart_content {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

        .zl_shopping_cart_content .zl_shopping_cart_column {
            grid-column: span 4 / span 4;
        }

        .zl_shopping_cart_content .zl_order_summary_column {
            grid-column: span 2 / span 2;
        }
}

.zl_shopping_cart_content .zl_shopping_cart_column h2 {
    padding-bottom: 29px;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_shopping_cart_content .zl_shopping_cart_column h2 {
        text-align: left;
    }
}

.zl_shopping_cart_content .zl_shopping_cart_column h3 {
    padding-bottom: 29px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_shopping_cart_content .zl_shopping_cart_column h3 {
        text-align: left;
    }
}

.zl_shopping_cart_content .zl_order_summary_column h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -0.31px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_shopping_cart_detail_row {
    align-items: center;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .zl_shopping_cart_detail_row {
        display: flex;
    }

    .zl_shopping_cart_detail_row {
        padding-top: 44px;
        padding-bottom: 44px;
    }
}

.zl_shopping_cart_detail_row .zl_shopping_cart_product_img {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    max-height: 187px;
    width: 100%;
    min-width: 187px;
    max-width: 187px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .zl_shopping_cart_detail_row .zl_shopping_cart_product_img {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.zl_shopping_cart_detail_row .zl_shopping_cart_detail_content {
    padding-top: 30px;
}

@media (min-width: 768px) {
    .zl_shopping_cart_detail_row .zl_shopping_cart_detail_content {
        width: calc(100% - 187px);
    }

    .zl_shopping_cart_detail_row .zl_shopping_cart_detail_content {
        padding-left: 28px;
    }

    .zl_shopping_cart_detail_row .zl_shopping_cart_detail_content {
        padding-top: 0px;
    }
}

.zl_shopping_cart_detail_row .zl_shopping_cart_detail_content h3 {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_shopping_cart_detail_row .zl_shopping_cart_detail_content h3 {
        margin-bottom: 34px;
    }

    .zl_shopping_cart_detail_row .zl_shopping_cart_detail_content h3 {
        text-align: left;
    }

    .zl_shopping_cart_detail_row .zl_shopping_cart_detail_content h3 {
        font-size: 22px;
    }
}

.zl_shopping_cart_detail_row
.zl_shopping_cart_detail_content
.zl_shopping_cart_detail {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

    .zl_shopping_cart_detail_row
    .zl_shopping_cart_detail_content
    .zl_shopping_cart_detail
    .zl_shopping_cart_detail_column
    h4 {
        margin-bottom: 9px;
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: -0.09px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

    .zl_shopping_cart_detail_row
    .zl_shopping_cart_detail_content
    .zl_shopping_cart_detail
    .zl_shopping_cart_detail_column
    p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-transform: uppercase;
        letter-spacing: -0.16px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

@media (min-width: 640px) {
    .zl_shopping_cart_detail_row
    .zl_shopping_cart_detail_content
    .zl_shopping_cart_detail
    .zl_shopping_cart_detail_column
    p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 768px) {
    .zl_shopping_cart_detail_row
    .zl_shopping_cart_detail_content
    .zl_shopping_cart_detail
    .zl_shopping_cart_detail_column
    p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_shopping_cart_detail_row
.zl_shopping_cart_detail_content
.zl_shopping_cart_edit_remove_btn {
    margin-left: -19px;
    margin-right: -19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .zl_shopping_cart_detail_row
    .zl_shopping_cart_detail_content
    .zl_shopping_cart_edit_remove_btn {
        justify-content: flex-start;
    }
}

.zl_shopping_cart_detail_row
.zl_shopping_cart_detail_content
.zl_shopping_cart_edit_remove_btn
button {
    margin-left: 19px;
    margin-right: 19px;
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 2.17;
    letter-spacing: 2px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_shopping_cart_content .zl_order_summary_column .zl_order_summary_list, .zl_checkout_content .zl_order_summary_column .zl_order_summary_list {
    margin-top: 39px;
    margin-bottom: 23px;
    padding-top: 29px;
}

    .zl_shopping_cart_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_item, .zl_checkout_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_item {
        margin-bottom: 7px;
    }

    .zl_shopping_cart_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_item, .zl_shopping_cart_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_total_item, .zl_checkout_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_item, .zl_checkout_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_total_item {
        display: flex;
        align-items: center;
    }

        .zl_shopping_cart_content
        .zl_order_summary_column
        .zl_order_summary_list
        .zl_order_summary_list_item
        .zl_order_summary_list_left_item, .zl_shopping_cart_content
        .zl_order_summary_column
        .zl_order_summary_list
        .zl_order_summary_list_total_item
        .zl_order_summary_list_total_left_item, .zl_checkout_content
        .zl_order_summary_column
        .zl_order_summary_list
        .zl_order_summary_list_item
        .zl_order_summary_list_left_item, .zl_checkout_content
        .zl_order_summary_column
        .zl_order_summary_list
        .zl_order_summary_list_total_item
        .zl_order_summary_list_total_left_item {
            margin-right: auto;
        }

        .zl_shopping_cart_content
        .zl_order_summary_column
        .zl_order_summary_list
        .zl_order_summary_list_item
        .zl_order_summary_list_left_item, .zl_checkout_content
        .zl_order_summary_column
        .zl_order_summary_list
        .zl_order_summary_list_item
        .zl_order_summary_list_left_item {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 600;
        }

.zl_order_summary_list_left_item span {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_shopping_cart_content
.zl_order_summary_column
.zl_order_summary_list
.zl_order_summary_list_item
.zl_order_summary_list_right_item, .zl_checkout_content
.zl_order_summary_column
.zl_order_summary_list
.zl_order_summary_list_item
.zl_order_summary_list_right_item {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
}

.zl_shopping_cart_content
.zl_order_summary_column
.zl_order_summary_list
.zl_order_summary_list_total_item, .zl_checkout_content
.zl_order_summary_column
.zl_order_summary_list
.zl_order_summary_list_total_item {
    margin-top: 13px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-top: 15px;
}

    .zl_shopping_cart_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_total_item
    .zl_order_summary_list_total_left_item, .zl_shopping_cart_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_total_item
    .zl_order_summary_list_total_right_item, .zl_checkout_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_total_item
    .zl_order_summary_list_total_left_item, .zl_checkout_content
    .zl_order_summary_column
    .zl_order_summary_list
    .zl_order_summary_list_total_item
    .zl_order_summary_list_total_right_item {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
    }

.zl_shopping_cart_content .zl_order_summary_column .zl_order_summary_msg_text, .zl_checkout_content .zl_order_summary_column .zl_order_summary_msg_text {
    margin-bottom: 1.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 300;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_shopping_cart_content .zl_order_summary_column .zl_order_summary_msg_text, .zl_checkout_content .zl_order_summary_column .zl_order_summary_msg_text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

.zl_shopping_cart_content
.zl_order_summary_column
.zl_order_summary_checkout_btn, .zl_checkout_content .zl_order_summary_column .zl_place_order_btn {
    display: block;
    width: 100%;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    padding-top: 21px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_order_checkout_btn {
    display: block;
    width: 100%;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    padding-top: 21px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_shopping_cart_content
.zl_shopping_cart_column
.zl_shopping_cart_return_shop_btn {
    display: block;
    width: 100%;
    border-radius: 2px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    padding-top: 21px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_shopping_cart_content
    .zl_shopping_cart_column
    .zl_shopping_cart_return_shop_btn {
        max-width: 297px;
    }

    .zl_shopping_cart_content
    .zl_shopping_cart_column
    .zl_shopping_cart_return_shop_btn {
        border-width: 1px;
    }

    .zl_shopping_cart_content
    .zl_shopping_cart_column
    .zl_shopping_cart_return_shop_btn {
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
    }

    .zl_shopping_cart_content
    .zl_shopping_cart_column
    .zl_shopping_cart_return_shop_btn {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

/* shopping cart page css end */

/* checkout page css start */

.zl_checkout_page_body {
    padding-top: 37px;
    padding-bottom: 64px;
}

@media (min-width: 768px) {
    .zl_checkout_page_body {
        padding-top: 60px;
    }

    .zl_checkout_page_body {
        padding-bottom: 90px;
    }
}

.zl_checkout_page_body .container {
    max-width: 1232px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 768px) {
    .zl_checkout_page_body .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.zl_checkout_content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 46px;
}

@media (min-width: 1024px) {
    .zl_checkout_content {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.zl_checkout_column h1 {
    margin-bottom: 1.25rem;
    font-size: 32px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_checkout_column h1 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .zl_checkout_content .zl_checkout_column {
        grid-column: span 4 / span 4;
    }

    .zl_checkout_content .zl_order_summary_column {
        grid-column: span 2 / span 2;
    }
}

.zl_checkout_content .zl_checkout_column h2 {
    padding-bottom: 29px;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_checkout_content .zl_order_summary_column h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -0.31px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_checkout_content .zl_checkout_column .zl_checkout_detail_inputs {
    margin-bottom: 51px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

    .zl_checkout_content .zl_checkout_column .zl_checkout_detail_inputs:last-child {
        margin-bottom: 0px;
    }

@media (min-width: 768px) {
    .zl_checkout_content .zl_checkout_column .zl_checkout_detail_inputs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .zl_checkout_content .zl_checkout_column .zl_checkout_detail_inputs {
        gap: 1.5rem;
    }

    .zl_checkout_content .zl_checkout_column .zl_checkout_detail_inputs {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .zl_checkout_content .zl_checkout_column .zl_checkout_detail_inputs {
        padding-top: 1.5rem;
    }

    .zl_checkout_content .zl_checkout_column .zl_checkout_detail_inputs {
        padding-bottom: 50px;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row {
    position: relative;
    min-height: 69px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding: 1rem;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row {
        min-height: 80px;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 1024px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
label {
    pointer-events: none;
    position: absolute;
    left: 12px;
    top: 26px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(120 120 120 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    label {
        left: 24px;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    label {
        top: 28px;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    label {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
input, .zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
select {
    display: block;
    width: 100%;
    padding-top: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.16px;
}

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    input::-webkit-input-placeholder, .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    select::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    input:-ms-input-placeholder, .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    select:-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    input::placeholder, .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    select::placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
input, .zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
select {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    input:focus-visible, .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    select:focus-visible {
        outline-width: 0px;
    }

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    input, .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    select {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
input:not(:-ms-input-placeholder) ~ label {
    top: 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
input:focus ~ label, .zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
input:not(:placeholder-shown) ~ label, .zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
select.zl_selected_value ~ label, .zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
select:focus ~ label {
    top: 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
select
option:disabled::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120 / var(--tw-placeholder-opacity));
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
select
option:disabled:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120 / var(--tw-placeholder-opacity));
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
select
option:disabled::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120 / var(--tw-placeholder-opacity));
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_select_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_select_row {
        gap: 0px;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_select_row
.zl_checkout_detail_input_row {
    width: 100%;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_select_row
    .zl_checkout_detail_input_row {
        width: 50%;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_radio_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_radio_row {
        gap: 1rem;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_radio_row
.zl_custom_radio {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_radio_row
    .zl_custom_radio {
        padding: 1.5rem;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_radio_row
.zl_custom_radio
label {
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_radio_row
    .zl_custom_radio
    label {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_input_row
.zl_payment_card_img {
    position: absolute;
    left: 0px;
    top: -33px;
    height: 24px;
    width: 164px;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    .zl_payment_card_img {
        right: 24px;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    .zl_payment_card_img {
        top: 50%;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    .zl_payment_card_img {
        left: auto;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_input_row
    .zl_payment_card_img {
        --tw-translate-y: -50%;
        -webkit-transform: var(--tw-transform);
        transform: var(--tw-transform);
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_payment_card_row {
    margin-top: 44px;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_payment_card_row {
        margin-top: 0px;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_payment_card_row {
        padding-right: 200px;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_date_cvn_number_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_date_cvn_number_row {
        gap: 1rem;
    }

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_date_cvn_number_row {
        gap: 1.5rem;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_checkout_detail_date_cvn_number_row
.zl_checkout_detail_input_row {
    width: 42%;
}

    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_date_cvn_number_row
    .zl_checkout_detail_input_row:first-child {
        width: 53%;
    }

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_checkout_detail_date_cvn_number_row
    .zl_checkout_detail_input_row:first-child {
        width: 42%;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_custom_checkbox {
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_custom_checkbox {
        margin-top: 0px;
    }
}

.zl_checkout_content
.zl_checkout_column
.zl_checkout_detail_inputs
.zl_custom_checkbox
label {
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .zl_checkout_content
    .zl_checkout_column
    .zl_checkout_detail_inputs
    .zl_custom_checkbox
    label {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_checkout_content .zl_checkout_column .zl_checkout_detail_payment_option {
    padding-bottom: 1.5rem;
}

.zl_checkout_content
.zl_checkout_order_summary_column
.zl_order_summary_list
.zl_checkout_order_summary_list_item {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: flex-start;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 1.25rem;
}

    .zl_checkout_content
    .zl_checkout_order_summary_column
    .zl_order_summary_list
    .zl_checkout_order_summary_list_item:nth-child(2) {
        border-bottom-width: 0px;
    }

    .zl_checkout_content
    .zl_checkout_order_summary_column
    .zl_order_summary_list
    .zl_checkout_order_summary_list_item
    .zl_checkout_order_summary_list_left_item {
        margin-right: auto;
        width: calc(100% - 100px);
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.16px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

        .zl_checkout_content
        .zl_checkout_order_summary_column
        .zl_order_summary_list
        .zl_checkout_order_summary_list_item
        .zl_checkout_order_summary_list_left_item
        span {
            display: block;
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 2.29;
            letter-spacing: -0.15px;
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
        }

.zl_checkout_content
.zl_checkout_order_summary_column
.zl_order_summary_msg_text {
    margin-bottom: 23px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 35px;
}

.zl_checkout_content
.zl_checkout_order_summary_column
.zl_checkout_order_summary_other_text_content {
    margin-top: 1.75rem;
}

    .zl_checkout_content
    .zl_checkout_order_summary_column
    .zl_checkout_order_summary_other_text_content
    .zl_checkout_order_summary_other_text {
        margin-bottom: 1rem;
        font-size: 0.875rem;
        font-weight: 200;
        line-height: 1.71;
        letter-spacing: -0.11px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

        .zl_checkout_content
        .zl_checkout_order_summary_column
        .zl_checkout_order_summary_other_text_content
        .zl_checkout_order_summary_other_text
        span {
            font-weight: 700;
        }

.zl_checkout_content .zl_order_summary_column .zl_order_summary_list {
    margin-top: 33px;
    padding-top: 0px;
}

/* checkout page css end */

/* thank you page css start */

.zl_thankyou_body {
    padding-top: 2.5rem;
    padding-bottom: 64px;
}

@media (min-width: 768px) {
    .zl_thankyou_body {
        padding-top: 105px;
        padding-bottom: 105px;
    }
}

.zl_thankyou_body .container {
    max-width: 932px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 768px) {
    .zl_thankyou_body .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_thankyou_icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    height: 104px;
    width: 104px;
}

@media (min-width: 768px) {
    .zl_thankyou_icon {
        margin-bottom: 2.5rem;
    }

    .zl_thankyou_icon {
        height: 166px;
    }

    .zl_thankyou_icon {
        width: 166px;
    }
}

.zl_thankyou_top_text {
    margin-left: auto;
    margin-right: auto;
    max-width: 267px;
    text-align: center;
}

@media (min-width: 768px) {
    .zl_thankyou_top_text {
        max-width: -webkit-max-content;
        max-width: max-content;
    }
}

.zl_thankyou_top_text .zl_thankyou_top_heading {
    margin-bottom: 1rem;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -0.39px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_top_text .zl_thankyou_top_heading {
        font-size: 36px;
    }
}

.zl_thankyou_top_text .zl_thankyou_top_order_num {
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_top_text .zl_thankyou_top_order_num {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_thankyou_top_text .zl_thankyou_top_reference_num {
    margin-bottom: 1.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_top_text .zl_thankyou_top_reference_num {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_thankyou_top_text .zl_thankyou_top_discription {
    margin-left: auto;
    margin-right: auto;
    max-width: 777px;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_top_text .zl_thankyou_top_discription {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_thankyou_top_text .zl_thankyou_top_discription a {
    font-weight: 700;
}

.zl_thankyou_column_row {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
}

@media (min-width: 768px) {
    .zl_thankyou_column_row {
        margin-top: 56px;
    }
}

@media (min-width: 1024px) {
    .zl_thankyou_column_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.zl_thankyou_column_row .zl_thankyou_column .zl_thankyou_column_main_heading {
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: -0.22px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_thankyou_product_list_content {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding: 1rem;
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content {
        padding: 1.5rem;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_list {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 1.5rem;
}

    .zl_thankyou_product_list_content .zl_thankyou_product_list:last-child {
        margin-bottom: 15px;
    }

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_list:last-child {
        margin-bottom: 1.5rem;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_list img {
    height: 80px;
    width: 80px;
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_list img {
        height: 112px;
    }

    .zl_thankyou_product_list_content .zl_thankyou_product_list img {
        width: 112px;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_list .zl_thankyou_product_list_text {
    padding-left: 1rem;
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_list .zl_thankyou_product_list_text {
        padding-left: 2rem;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_list .zl_thankyou_product_list_text h2 {
    margin-bottom: 9px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.09;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_list .zl_thankyou_product_list_text h2 {
        font-size: 22px;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_list .zl_thankyou_product_list_text p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_list .zl_thankyou_product_list_text p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_item_list {
    margin-top: -10px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 13.5px;
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_item_list {
        margin-top: 0px;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_item_list .zl_thankyou_product_item_list_text {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

    .zl_thankyou_product_list_content .zl_thankyou_product_item_list .zl_thankyou_product_item_list_text:last-child {
        margin-bottom: 0px;
    }

    .zl_thankyou_product_list_content .zl_thankyou_product_item_list .zl_thankyou_product_item_list_text .zl_thankyou_product_item_left_list_text {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 2;
        letter-spacing: -0.18px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_item_list .zl_thankyou_product_item_list_text .zl_thankyou_product_item_left_list_text {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_item_list .zl_thankyou_product_item_list_text .zl_thankyou_product_item_right_list_text {
    margin-left: auto;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.22px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_item_list .zl_thankyou_product_item_list_text .zl_thankyou_product_item_right_list_text {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid, .zl_thankyou_product_list_content .zl_thankyou_product_item_paid_full {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-top: 15px;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid, .zl_thankyou_product_list_content .zl_thankyou_product_item_paid_full {
        padding-top: 37.5px;
    }

    .zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid, .zl_thankyou_product_list_content .zl_thankyou_product_item_paid_full {
        padding-bottom: 25.3px;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid .zl_thankyou_product_item_total_paid_left_text, .zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid .zl_thankyou_product_item_total_paid_right_text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.28px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid .zl_thankyou_product_item_total_paid_left_text, .zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid .zl_thankyou_product_item_total_paid_right_text {
        font-size: 26px;
    }
}

.zl_thankyou_product_list_content .zl_thankyou_product_item_total_paid .zl_thankyou_product_item_total_paid_right_text {
    margin-left: auto;
}

.zl_thankyou_product_list_content .zl_thankyou_product_item_paid_full {
    border-bottom-width: 0px;
    padding-top: 15.7px;
    padding-bottom: 9px;
}

    .zl_thankyou_product_list_content .zl_thankyou_product_item_paid_full .zl_thankyou_product_item_paid_full_left_text {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: -0.22px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

    .zl_thankyou_product_list_content .zl_thankyou_product_item_paid_full .zl_thankyou_product_item_paid_full_right_text {
        margin-left: auto;
        font-size: 0.875rem;
        line-height: 1.79;
        letter-spacing: -0.15px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

        .zl_thankyou_product_list_content .zl_thankyou_product_item_paid_full .zl_thankyou_product_item_paid_full_right_text span {
            display: block;
            font-size: 1.25rem;
            line-height: 1.75rem;
            font-weight: 700;
            letter-spacing: -0.22px;
        }

.zl_thankyou_shipping_box {
    margin-bottom: 29px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding: 1.5rem;
}

    .zl_thankyou_shipping_box h2 {
        margin-bottom: 0.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
        letter-spacing: -0.13px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

    .zl_thankyou_shipping_box ul li {
        font-size: 0.875rem;
        line-height: 1.64;
        letter-spacing: -0.11px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

.zl_thankyou_shipping_note_text {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_thankyou_shipping_note_text {
        margin-top: 29px;
    }

    .zl_thankyou_shipping_note_text {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_thankyou_shipping_note_text span {
    font-weight: 700;
}

.zl_thankyou_my_account_btn {
    display: block;
    width: 100%;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 21px;
    padding-bottom: 1.25rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

/* thank you page css end */

/* detail page css start */

.zl_mainbody_content {
    width: 100%;
}

.zl_detaile_product_content {
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    flex-wrap: wrap;
}

    .zl_detaile_product_content .zl_detaile_product_image {
        width: 100%;
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

@media (min-width: 1024px) {
    .zl_detaile_product_content .zl_detaile_product_image {
        max-width: 30%;
    }
}

.zl_detaile_product_content .zl_detaile_product_image img {
    margin-left: auto;
    margin-right: auto;
    height: 327px;
    width: 327px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    object-fit: cover;
}

@media (min-width: 768px) {
    .zl_detaile_product_content .zl_detaile_product_image img {
        height: 373px;
    }

    .zl_detaile_product_content .zl_detaile_product_image img {
        width: 373px;
    }
}

@media (min-width: 1024px) {
    .zl_detaile_product_content .zl_detaile_product_image img {
        margin-left: 0px;
        margin-right: 0px;
    }

    .zl_detaile_product_content .zl_detaile_product_image img {
        width: 100%;
    }
}

.zl_detaile_product_content .zl_detaile_product_right_text {
    margin-top: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 1024px) {
    .zl_detaile_product_content .zl_detaile_product_right_text {
        margin-top: 0px;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text {
        max-width: 70%;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text {
        padding-left: 2rem;
    }
}

.zl_detaile_product_content .zl_detaile_product_right_text h2 {
    margin-bottom: 9px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detaile_product_content .zl_detaile_product_right_text h2 {
        font-size: 32px;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text h2 {
        font-weight: 700;
    }
}

@media (min-width: 1024px) {
    .zl_detaile_product_content .zl_detaile_product_right_text h2 {
        margin-bottom: 0px;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text h2 {
        text-align: left;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text h2 {
        line-height: 2;
    }
}

.zl_detaile_product_content .zl_detaile_product_right_text h3 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
    width: 100%;
    max-width: 455px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.19px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_detaile_product_content .zl_detaile_product_right_text h3 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text h3 {
        text-align: left;
    }
}

.zl_detaile_product_content .zl_detaile_product_right_text .zl_detail_product_count_total_price h3.zl_auction_only {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
    width: 100%;
    max-width: 455px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.19px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_detaile_product_content .zl_detaile_product_right_text .zl_detail_product_count_total_price h3.zl_auction_only {
        margin-left: 0px;
        margin-right: 0px;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text .zl_detail_product_count_total_price h3.zl_auction_only {
        margin-bottom: 14px;
    }

    .zl_detaile_product_content .zl_detaile_product_right_text .zl_detail_product_count_total_price h3.zl_auction_only {
        text-align: left;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_count_total_price {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1024px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_count_total_price {
        justify-content: flex-start;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_count_total_price
.zl_detail_product_count_text {
    height: 41px;
    width: 41px;
    min-width: 41px;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_count_total_price
.zl_detail_product_total_price_text {
    margin-left: 15px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 3.2;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_price_support_row {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(78 78 78 / var(--tw-border-opacity));
    padding-bottom: 23px;
}

@media (min-width: 1024px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row {
        justify-content: flex-start;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_price_support_row
.zl_detail_product_increase_item {
    display: flex;
    height: 41px;
    min-width: 30px;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    letter-spacing: -0.23px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row
    .zl_detail_product_increase_item {
        min-width: 41px;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_price_support_row
.zl_detail_product_price {
    min-height: 41px;
    min-width: 115px;
    max-width: 115px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(40 40 40 / var(--tw-bg-opacity));
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0.5rem;
    padding-bottom: 9px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row
    .zl_detail_product_price {
        min-width: 141px;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row
    .zl_detail_product_price {
        max-width: 141px;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_price_support_row
.zl_detail_product_support_btn {
    display: flex;
    min-height: 41px;
    width: 100%;
    min-width: 180px;
    align-items: center;
    justify-content: flex-start;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 0.5rem;
    padding-bottom: 9px;
    font-size: 11px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row
    .zl_detail_product_support_btn {
        padding-right: 15px;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row
    .zl_detail_product_support_btn {
        padding-left: 21px;
    }
}

@media (min-width: 1024px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row
    .zl_detail_product_support_btn {
        width: auto;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_product_price_support_row
    .zl_detail_product_support_btn {
        justify-content: center;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_product_price_support_row
.zl_detail_product_support_btn
span {
    display: block;
    padding-left: 0.5rem;
    padding-right: 13px;
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_add_cart_return_offer_btn {
    margin-top: 1.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn {
        flex-direction: row;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn {
        gap: 0px;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_add_cart_return_offer_btn
.zl_additional_info {
    display: flex;
    min-height: 41px;
    width: 100%;
    min-width: 180px;
    align-items: center;
    justify-content: flex-start;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 0.5rem;
    padding-bottom: 9px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_additional_info {
        padding-right: 15px;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_additional_info {
        padding-left: 21px;
    }
}

@media (min-width: 1024px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_additional_info {
        width: auto;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_additional_info {
        justify-content: center;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_add_cart_return_offer_btn
.zl_detail_add_cart_btn {
    width: 100%;
    min-width: 148px;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 14px;
    padding-bottom: 13px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_detail_add_cart_btn {
        width: auto;
    }
}

.zl_detaile_product_content
.zl_detaile_product_right_text
.zl_detail_add_cart_return_offer_btn
.zl_detail_return_offer_btn {
    width: 100%;
    min-width: 146px;
    border-radius: 2px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0px;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_detail_return_offer_btn {
        margin-left: auto;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_detail_return_offer_btn {
        width: auto;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_detail_return_offer_btn {
        padding-top: 14px;
    }
}

@media (min-width: 1024px) {
    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_detail_return_offer_btn {
        border-width: 1px;
    }

    .zl_detaile_product_content
    .zl_detaile_product_right_text
    .zl_detail_add_cart_return_offer_btn
    .zl_detail_return_offer_btn {
        --tw-border-opacity: 1;
        border-color: rgb(227 187 7 / var(--tw-border-opacity));
    }
}

.zl_detail_body_content::before {
    height: 810px;
}

@media (min-width: 768px) {
    .zl_detail_body_content::before {
        height: 804px;
    }
}

@media (min-width: 1024px) {
    .zl_detail_body_content::before {
        height: 455px;
    }
}

.zl_detail_other_bottom_text {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .zl_detail_other_bottom_text {
        margin-top: 95px;
    }
}

.zl_detail_other_bottom_text .zl_detail_other_bottom_left_column {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 1024px) {
    .zl_detail_other_bottom_text .zl_detail_other_bottom_left_column {
        max-width: 30%;
    }

    .zl_detail_other_bottom_text .zl_detail_other_bottom_left_column {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_detail_other_bottom_text .zl_detail_other_bottom_right_column {
    margin-top: 2rem;
    width: 100%;
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 1024px) {
    .zl_detail_other_bottom_text .zl_detail_other_bottom_right_column {
        margin-top: 0px;
    }

    .zl_detail_other_bottom_text .zl_detail_other_bottom_right_column {
        max-width: 70%;
    }

    .zl_detail_other_bottom_text .zl_detail_other_bottom_right_column {
        padding-left: 2rem;
    }
}

.zl_detail_other_bottom_text .zl_detail_what_doyou_get {
    margin-top: 50px;
    padding: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        padding-top: 29px;
    }

    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        padding-left: 41px;
    }

    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        padding-right: 21px;
    }

    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        padding-bottom: 54px;
    }
}

@media (min-width: 1024px) {
    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        margin-top: 5px;
    }

    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        border-radius: 0.25rem;
    }

    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    }

    .zl_detail_other_bottom_text .zl_detail_what_doyou_get {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}

.zl_detail_other_bottom_text .zl_detail_what_doyou_get h3 {
    margin-bottom: 11px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.19px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detail_other_bottom_text .zl_detail_what_doyou_get h3 {
        line-height: 2.67;
    }
}

@media (min-width: 1024px) {
    .zl_detail_other_bottom_text .zl_detail_what_doyou_get h3 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}

.zl_detail_other_bottom_text .zl_detail_what_doyou_get ul li {
    margin-bottom: 17px;
    list-style-type: disc;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

    .zl_detail_other_bottom_text .zl_detail_what_doyou_get ul li:last-child {
        margin-bottom: 0px;
    }

@media (min-width: 1024px) {
    .zl_detail_other_bottom_text .zl_detail_what_doyou_get ul li {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}

.zl_detail_other_bottom_text .zl_detail_other_bottom_paragraph {
    font-size: 1.25rem;
    line-height: 1.7;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_detail_other_bottom_text .zl_detail_other_bottom_paragraph {
        font-size: 22px;
    }
}

@media (min-width: 1024px) {
    .zl_detail_other_bottom_text .zl_detail_other_bottom_paragraph {
        max-width: 576px;
    }
}

.zl_detail_other_bottom_text .zl_detail_other_bottom_paragraph span {
    margin-top: 1.5rem;
    display: block;
    font-size: 1rem;
    line-height: 1.9;
    letter-spacing: -0.13px;
}

@media (min-width: 768px) {
    .zl_detail_other_bottom_text .zl_detail_other_bottom_paragraph span {
        margin-top: 2.5rem;
    }
}

.zl_detail_archived_completed_date {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

    .zl_detail_archived_completed_date span {
        display: block;
        --tw-bg-opacity: 1;
        background-color: rgb(236 236 236 / var(--tw-bg-opacity));
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 3px;
        padding-bottom: 0.25rem;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.83px;
        --tw-text-opacity: 1;
        color: rgb(120 120 120 / var(--tw-text-opacity));
    }

    .zl_detail_archived_completed_date p {
        display: block;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.63px;
        --tw-text-opacity: 1;
        color: rgb(120 120 120 / var(--tw-text-opacity));
    }

/* detail page css end */

/* experience page css start */

.zl_experience_body_content .container {
    display: block;
    max-width: 1029px;
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width: 1024px) {
    .zl_experience_body_content .container {
        display: flex;
    }

    .zl_experience_body_content .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_experience_body_content {
    position: relative;
    padding-top: 1.75rem;
}

    .zl_experience_body_content::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        height: 235px;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    }

@media (min-width: 768px) {
    .zl_experience_body_content::before {
        height: 435px;
    }
}

.zl_experience_body_content .zl_mainbody_right_content {
    max-width: 100%;
    padding-left: 0px;
}

.zl_experience_body_content .zl_page_main_heading {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 18px;
}

@media (min-width: 640px) {
    .zl_experience_body_content .zl_page_main_heading {
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    .zl_experience_body_content .zl_page_main_heading {
        font-size: 34px;
    }
}

@media (min-width: 1024px) {
    .zl_experience_body_content .zl_page_main_heading {
        margin-bottom: 45px;
    }

    .zl_experience_body_content .zl_page_main_heading {
        text-align: left;
    }

    .zl_experience_body_content .zl_page_main_heading {
        font-size: 40px;
    }
}

.zl_experience_body_content .zl_full_video_section .zl_full_video_content {
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .zl_experience_body_content .zl_full_video_section .zl_full_video_content {
        margin-bottom: 23px;
    }
}

.zl_experience_body_content .zl_full_video_section .zl_page_main_heading {
    margin-bottom: 1rem;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: -0.31px;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_experience_body_content .zl_full_video_section .zl_page_main_heading {
        font-size: 40px;
    }
}

@media (min-width: 1024px) {
    .zl_experience_body_content .zl_full_video_section .zl_page_main_heading {
        line-height: 1.5;
    }
}

.zl_experience_body_content .zl_mainbody_right_content_main_heading {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242 / var(--tw-border-opacity));
    padding-bottom: 0.5rem;
}

.zl_experience_body_content .zl_card_video_type_label {
    margin-bottom: 1rem;
    display: block;
}

@media (min-width: 768px) {
    .zl_experience_body_content .zl_card_video_type_label {
        margin-bottom: 0.5rem;
    }
}

.zl_participant_offer_row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 44px;
}

@media (min-width: 768px) {
    .zl_participant_offer_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.zl_participant_offer_row .zl_card {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

@media (min-width: 1024px) {
    .zl_participant_offer_row .zl_card {
        padding-bottom: 2.25rem;
    }
}

.zl_experience_body_content .zl_card:hover {
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.zl_participant_offer_row .zl_card .zl_card_body {
    margin-top: 0px;
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

    .zl_participant_offer_row .zl_card .zl_card_body .zl_experience_card_body {
        margin-bottom: auto;
    }

.zl_participant_offer_row .zl_participant_text_photo {
    margin-bottom: 22px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225 / var(--tw-border-opacity));
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .zl_participant_offer_row .zl_participant_text_photo {
        flex-direction: row;
    }
}

.zl_participant_offer_row .zl_participant_text_photo .zl_participant_right_img {
    margin-bottom: 1rem;
    width: 100%;
    min-width: 90px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .zl_participant_offer_row .zl_participant_text_photo .zl_participant_right_img {
        margin-left: auto;
    }

    .zl_participant_offer_row .zl_participant_text_photo .zl_participant_right_img {
        margin-bottom: 0px;
    }

    .zl_participant_offer_row .zl_participant_text_photo .zl_participant_right_img {
        height: 90px;
    }

    .zl_participant_offer_row .zl_participant_text_photo .zl_participant_right_img {
        max-width: 90px;
    }
}

.zl_participant_offer_row .zl_participant_text_photo .zl_participant_left_text {
    width: 100%;
}

@media (min-width: 768px) {
    .zl_participant_offer_row .zl_participant_text_photo .zl_participant_left_text {
        margin-right: 0.5rem;
    }

    .zl_participant_offer_row .zl_participant_text_photo .zl_participant_left_text {
        max-width: 275px;
    }
}

.zl_participant_offer_row
.zl_participant_text_photo
.zl_participant_left_text
.zl_card_price {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.zl_participant_offer_row .zl_card_body .zl_card_view_details_btn, .zl_participant_offer_row .zl_card_body .zl_card_all_gone_btn {
    margin-top: 26px;
    display: block;
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 11px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_participant_offer_row .zl_card_body .zl_card_read_more_btn {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.86;
    letter-spacing: -0.11px;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.zl_participant_offer_row .zl_card_body .zl_card_list_paragraph {
    margin-bottom: 5px;
    padding-left: 0.75rem;
}

    .zl_participant_offer_row .zl_card_body .zl_card_list_paragraph ul {
        list-style-type: disc;
    }

    .zl_participant_offer_row .zl_card_body .zl_card_list_paragraph li {
        position: relative;
        font-size: 1rem;
        line-height: 1.63;
        letter-spacing: -0.13px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

        .zl_participant_offer_row .zl_card_body .zl_card_list_paragraph li::before {
            /* content: "�";*/
            position: absolute;
            left: -11px;
        }

.zl_soldout_card .zl_card_video_type_label {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --tw-bg-opacity: 1;
    background-color: rgb(203 203 203 / var(--tw-bg-opacity));
}

.zl_soldout_card .zl_participant_text_photo .zl_participant_right_img {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.24;
}

.zl_soldout_card .zl_card_body .zl_card_read_more_btn {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --tw-text-opacity: 1;
    color: rgb(211 211 211 / var(--tw-text-opacity));
}

.zl_soldout_card .zl_card_body .zl_card_all_gone_btn {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --tw-bg-opacity: 1;
    background-color: rgb(211 211 211 / var(--tw-bg-opacity));
}

.zl_past_project_section {
    margin-top: 59px;
}

    .zl_past_project_section .zl_past_project_content {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
        border-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 25px;
        padding-bottom: 1.75rem;
    }

@media (min-width: 1024px) {
    .zl_past_project_section .zl_past_project_content {
        gap: 48px;
    }
}

.zl_past_project_section .zl_past_project_content .zl_past_project_left_column {
    width: 100%;
}

@media (min-width: 1024px) {
    .zl_past_project_section .zl_past_project_content .zl_past_project_left_column {
        margin-top: 10px;
    }

    .zl_past_project_section .zl_past_project_content .zl_past_project_left_column {
        max-width: 25%;
    }

    .zl_past_project_section .zl_past_project_content .zl_past_project_left_column {
        text-align: right;
    }
}

.zl_past_project_section
.zl_past_project_content
.zl_past_project_left_column
h2 {
    margin-left: auto;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.169px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .zl_past_project_section
    .zl_past_project_content
    .zl_past_project_left_column
    h2 {
        max-width: 168px;
    }
}

.zl_past_project_section
.zl_past_project_content
.zl_past_project_right_column {
    width: 100%;
}

@media (min-width: 1024px) {
    .zl_past_project_section
    .zl_past_project_content
    .zl_past_project_right_column {
        max-width: 70%;
    }
}

.zl_past_project_section
.zl_past_project_content
.zl_past_project_right_column
li {
    position: relative;
    margin-bottom: 1.5rem;
    padding-left: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .zl_past_project_section
    .zl_past_project_content
    .zl_past_project_right_column
    li:last-child {
        margin-bottom: 0px;
    }

@media (min-width: 768px) {
    .zl_past_project_section
    .zl_past_project_content
    .zl_past_project_right_column
    li {
        margin-bottom: 0px;
    }

    .zl_past_project_section
    .zl_past_project_content
    .zl_past_project_right_column
    li {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .zl_past_project_section
    .zl_past_project_content
    .zl_past_project_right_column
    li {
        line-height: 2.5;
    }
}

.zl_past_project_section
.zl_past_project_content
.zl_past_project_right_column
li::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 9px;
    height: 3px;
    width: 3px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .zl_past_project_section
    .zl_past_project_content
    .zl_past_project_right_column
    li::before {
        top: 15px;
    }
}

.zl_experience_bottom_other_details {
    padding-top: 2rem;
}

@media (min-width: 768px) {
    .zl_experience_bottom_other_details {
        padding-top: 63px;
    }
}

.zl_experience_bottom_other_details
.zl_experience_bottom_other_details_content
h3 {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.64;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_experience_bottom_other_details
    .zl_experience_bottom_other_details_content
    h3 {
        font-size: 22px;
    }
}

.zl_experience_bottom_other_details
.zl_experience_bottom_other_details_content
p {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.17px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_experience_bottom_other_details
.zl_experience_bottom_other_details_content
.zl_detail_archived_completed_date {
    margin-top: 2rem;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .zl_experience_bottom_other_details
    .zl_experience_bottom_other_details_content
    .zl_detail_archived_completed_date {
        gap: 13px;
    }
}

.zl_experience_bottom_other_details
.zl_experience_bottom_other_details_content
.zl_detail_archived_completed_date
p {
    margin-bottom: 0px;
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.63px;
    --tw-text-opacity: 1;
    color: rgb(120 120 120 / var(--tw-text-opacity));
}

.zl_experience_bottom_other_details_content
.zl_detail_archived_completed_date
span, .zl_experience_bottom_other_details
.zl_experience_bottom_other_details_content
.zl_detail_archived_completed_date
p {
    font-size: 8px;
}

@media (min-width: 768px) {
    .zl_experience_bottom_other_details_content
    .zl_detail_archived_completed_date
    span, .zl_experience_bottom_other_details
    .zl_experience_bottom_other_details_content
    .zl_detail_archived_completed_date
    p {
        font-size: 10px;
    }
}

/* experience page css end */

/* login page css start */

.zl_login_page_body {
    padding-top: 37px;
    padding-bottom: 64px;
}

@media (min-width: 768px) {
    .zl_login_page_body {
        padding-top: 60px;
    }

    .zl_login_page_body {
        padding-bottom: 90px;
    }
}

.zl_login_page_body .container {
    max-width: 1232px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 768px) {
    .zl_login_page_body .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.zl_login_content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 46px;
}

@media (min-width: 1024px) {
    .zl_login_content {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.zl_login_column h1 {
    margin-bottom: 1.25rem;
    font-size: 32px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_login_column h1 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .zl_login_content .zl_login_column {
        grid-column: span 3 / span 3;
    }
}

.zl_login_content .zl_login_column .zl_login_detail_inputs {
    margin-bottom: 51px;
    gap: 10px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

    .zl_login_content .zl_login_column .zl_login_detail_inputs:last-child {
        margin-bottom: 0px;
    }

@media (min-width: 768px) {
    .zl_login_content .zl_login_column .zl_login_detail_inputs {
        gap: 1.5rem;
    }

    .zl_login_content .zl_login_column .zl_login_detail_inputs {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .zl_login_content .zl_login_column .zl_login_detail_inputs {
        padding-top: 1.5rem;
    }

    .zl_login_content .zl_login_column .zl_login_detail_inputs {
        padding-bottom: 50px;
    }
}

.zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row {
    position: relative;
    margin-bottom: 10px;
    min-height: 69px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding: 1rem;
}

@media (min-width: 768px) {
    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row {
        min-height: 80px;
    }

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 1024px) {
    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
label {
    pointer-events: none;
    position: absolute;
    left: 12px;
    top: 26px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(120 120 120 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
}

@media (min-width: 768px) {
    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    label {
        left: 24px;
    }

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    label {
        top: 28px;
    }

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    label {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
input, .zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
select {
    display: block;
    width: 100%;
    padding-top: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.16px;
}

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    input::-webkit-input-placeholder, .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    select::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    input:-ms-input-placeholder, .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    select:-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    input::placeholder, .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    select::placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

.zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
input, .zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
select {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    input:focus-visible, .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    select:focus-visible {
        outline-width: 0px;
    }

@media (min-width: 768px) {
    .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    input, .zl_login_content
    .zl_login_column
    .zl_login_detail_inputs
    .zl_login_detail_input_row
    select {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
input:not(:-ms-input-placeholder) ~ label {
    top: 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
input:focus ~ label, .zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
input:not(:placeholder-shown) ~ label, .zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
select.zl_selected_value ~ label, .zl_login_content
.zl_login_column
.zl_login_detail_inputs
.zl_login_detail_input_row
select:focus ~ label {
    top: 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.zl_login_content .zl_login_column .zl_login_detail_inputs .zl_login_button {
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 14px;
    padding-bottom: 13px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .zl_login_content .zl_login_column .zl_login_detail_inputs .zl_login_button:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }

/* login page css end */

/* features page css start */

.zl_features_page_body {
    margin-bottom: 30px;
    padding-top: 15px;
}

@media (min-width: 1024px) {
    .zl_features_page_body {
        padding-top: 50px;
    }
}

.zl_features_page_body .container {
    max-width: 1000;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 768px) {
    .zl_features_page_body .container {
        padding-left: 30px;
    }

    .zl_features_page_body .container {
        padding-right: 30px;
    }
}

.zl_features_body_content::before {
    height: 810px;
}

@media (min-width: 768px) {
    .zl_features_body_content::before {
        height: 804px;
    }
}

@media (min-width: 1024px) {
    .zl_features_body_content::before {
        height: 455px;
    }
}

.zl_features_heading {
    margin-right: auto;
    margin-left: 10px;
    margin-bottom: 1rem;
    max-width: 1282px;
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_features_heading {
        margin-left: 0px;
    }

    .zl_features_heading {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .zl_features_heading {
        font-size: 89px;
    }
}

@media (min-width: 1024px) {
    .zl_features_heading {
        margin-bottom: 1.25rem;
    }

    .zl_features_heading {
        line-height: 0.7;
    }
}

.zl_features_text_content {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .zl_features_text_content {
        padding-left: 35px;
        padding-right: 35px;
    }

    .zl_features_text_content {
        padding-top: 20px;
    }

    .zl_features_text_content {
        padding-bottom: 20px;
    }
}

.zl_features_text_content_lower {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .zl_features_text_content_lower {
        padding-left: 65px;
        padding-right: 65px;
    }

    .zl_features_text_content_lower {
        padding-top: 20px;
    }

    .zl_features_text_content_lower {
        padding-bottom: 20px;
    }
}

.zl_features_text_content_lower h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.71;
}

@media (min-width: 640px) {
    .zl_features_text_content_lower h3 {
        font-size: 25px;
    }
}

@media (min-width: 768px) {
    .zl_features_text_content_lower h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.zl_features_text_content_lower ul {
    margin-bottom: 30px;
    list-style-type: disc;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
}

@media (min-width: 768px) {
    .zl_features_text_content_lower ul {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.zl_features_text_content_lower ul li {
    margin-bottom: 10px;
    line-height: 2.71;
}

@media (min-width: 768px) {
    .zl_features_text_content_lower ul li {
        line-height: 2.71;
    }
}

.zl_features_text_content .zl_features_text_row {
    display: grid;
    gap: 60px;
}

@media (min-width: 1024px) {
    .zl_features_text_content .zl_features_text_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.zl_features_text_content .zl_features_detail_heading h3 {
    margin-left: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_features_text_content .zl_features_detail_heading h3 {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 768px) {
    .zl_features_text_content .zl_features_detail_heading h3 {
        margin-bottom: 0.5rem;
    }

    .zl_features_text_content .zl_features_detail_heading h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .zl_features_text_content .zl_features_detail_heading h3 {
        line-height: 1.71;
    }
}

.zl_features_text_content .zl_features_detail_heading h2 {
    margin-left: 10px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_features_text_content .zl_features_detail_heading h2 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 768px) {
    .zl_features_text_content .zl_features_detail_heading h2 {
        font-size: 3rem;
        line-height: 1;
    }

    .zl_features_text_content .zl_features_detail_heading h2 {
        line-height: 1.71;
    }
}

.zl_features_img img {
    width: 100%;
}

.zl_gotoproject_btn {
    margin-bottom: 1.25rem;
    margin-top: 0.5rem;
    margin-left: 10px;
    margin-right: 42px;
    max-width: 225px;
    border-radius: 14px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_gotoproject_btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .zl_gotoproject_btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 768px) {
    .zl_gotoproject_btn {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

/* features us page css end */

/* artists page css start */

.zl_artists_page_body {
    margin-bottom: 30px;
    padding-top: 45px;
}

@media (min-width: 1024px) {
    .zl_artists_page_body {
        padding-top: 50px;
    }
}

.zl_artists_page_body .container {
    max-width: 1000;
    padding-bottom: 30px;
}

.zl_artists_body_content::before {
    height: 810px;
}

@media (min-width: 768px) {
    .zl_artists_body_content::before {
        height: 804px;
    }
}

@media (min-width: 1024px) {
    .zl_artists_body_content::before {
        height: 455px;
    }
}

.zl_artists_heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 1282px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_artists_heading {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .zl_artists_heading {
        font-size: 89px;
    }
}

@media (min-width: 1024px) {
    .zl_artists_heading {
        margin-bottom: 1.25rem;
    }

    .zl_artists_heading {
        line-height: 0.7;
    }
}

.zl_artists_text_content {
    padding-bottom: 20px;
}

.zl_artists_text_content_lower {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .zl_artists_text_content_lower {
        padding-left: 65px;
        padding-right: 65px;
    }

    .zl_artists_text_content_lower {
        padding-top: 20px;
    }

    .zl_artists_text_content_lower {
        padding-bottom: 20px;
    }
}

.zl_artists_text_content_lower h3 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.71;
}

@media (min-width: 768px) {
    .zl_artists_text_content_lower h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.zl_artists_text_content_lower ul {
    margin-bottom: 30px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
}

@media (min-width: 768px) {
    .zl_artists_text_content_lower ul {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.zl_artists_text_content_lower ul li {
    margin-bottom: 10px;
    line-height: 2.71;
}

@media (min-width: 768px) {
    .zl_artists_text_content_lower ul li {
        line-height: 2.71;
    }
}

.zl_artists_text_content .zl_artists_text_row {
    display: grid;
    gap: 60px;
}

@media (min-width: 1024px) {
    .zl_artists_text_content .zl_artists_text_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.zl_artists_text_content .zl_artists_detail_heading h2 {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.71;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_artists_text_content .zl_artists_detail_heading h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.zl_artists_text_column_left {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
}

@media (min-width: 768px) {
    .zl_artists_text_column_left {
        font-size: 16px;
    }
}

.zl_artists_text_column_left h3 {
    padding-bottom: 8px;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.71;
}

@media (min-width: 768px) {
    .zl_artists_text_column_left h3 {
        font-size: 31px;
    }
}

.zl_artists_text_column_right {
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: 300;
    line-height: 1.71;
}

.zl_artists_img {
    text-align: center;
}

.zl_artists_detail_text_quote p {
    padding-bottom: 16px;
    padding-top: 16px;
    font-size: 19px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.71;
    --tw-text-opacity: 1;
    color: rgb(183 183 183 / var(--tw-text-opacity));
}

.zl_gotoproject_btn {
    margin-right: 5px;
    max-width: 225px;
    border-radius: 14px;
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .zl_gotoproject_btn {
        margin-right: 42px;
    }

    .zl_gotoproject_btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 768px) {
    .zl_gotoproject_btn {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

/* features us page css end */

/* terms and privacy pages css start */

.zl_terms_body {
    padding-top: 20px;
    padding-bottom: 25px;
}

    .zl_terms_body .container {
        max-width: 932px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

@media (min-width: 768px) {
    .zl_terms_body .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.zl_terms_top_text {
    margin-left: auto;
    margin-right: auto;
    max-width: 267px;
}

@media (min-width: 768px) {
    .zl_terms_top_text {
        max-width: -webkit-max-content;
        max-width: max-content;
    }
}

.zl_terms_top_text .zl_terms_top_heading {
    margin-bottom: 0.5rem;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -0.39px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_terms_top_text .zl_terms_top_heading {
        font-size: 36px;
    }
}

.zl_terms_top_text .zl_terms_sub_heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.17;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_terms_top_text .zl_terms_sub_heading {
        font-size: 24px;
    }
}

.zl_terms_top_text .zl_terms_sub_heading_sm {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.17;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_terms_top_text .zl_terms_sub_heading_sm {
        font-size: 18px;
    }
}

.zl_terms_body {
    margin-left: auto;
    margin-right: auto;
    max-width: 777px;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_terms_body {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_terms_body li {
    margin-left: auto;
    margin-right: auto;
    max-width: 777px;
    list-style-type: disc;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: -0.13px;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_terms_body li {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

/* terms and privacy pages css end */

/* Ship Address page css start */

.zl_address_page_body {
    padding-top: 37px;
    padding-bottom: 64px;
}

@media (min-width: 768px) {
    .zl_address_page_body {
        padding-top: 60px;
    }

    .zl_address_page_body {
        padding-bottom: 90px;
    }
}

.zl_address_page_body .container {
    max-width: 1232px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 768px) {
    .zl_address_page_body .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.zl_address_content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 46px;
}

@media (min-width: 1024px) {
    .zl_address_content {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.zl_address_column h1 {
    margin-bottom: 1.25rem;
    font-size: 32px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .zl_address_column h1 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .zl_address_content .zl_address_column {
        grid-column: span 4 / span 4;
    }

    .zl_address_content .zl_order_summary_column {
        grid-column: span 2 / span 2;
    }
}

.zl_address_content .zl_address_column h2 {
    padding-bottom: 29px;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -0.25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_address_content .zl_order_summary_column h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -0.31px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.zl_address_content .zl_address_column .zl_address_button {
    margin-bottom: 11px;
    display: block;
    border-radius: 2px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(227 187 7 / var(--tw-bg-opacity));
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.zl_address_content .zl_address_column .zl_address_detail_inputs {
    margin-bottom: 51px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

    .zl_address_content .zl_address_column .zl_address_detail_inputs:last-child {
        margin-bottom: 0px;
    }

@media (min-width: 768px) {
    .zl_address_content .zl_address_column .zl_address_detail_inputs {
        gap: 1.5rem;
    }

    .zl_address_content .zl_address_column .zl_address_detail_inputs {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .zl_address_content .zl_address_column .zl_address_detail_inputs {
        padding-top: 1.5rem;
    }

    .zl_address_content .zl_address_column .zl_address_detail_inputs {
        padding-bottom: 50px;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row {
    position: relative;
    min-height: 69px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding: 1rem;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row {
        min-height: 80px;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 1024px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
label {
    pointer-events: none;
    position: absolute;
    left: 12px;
    top: 26px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.16px;
    --tw-text-opacity: 1;
    color: rgb(120 120 120 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    label {
        left: 24px;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    label {
        top: 28px;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    label {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
input, .zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
select {
    display: block;
    width: 100%;
    padding-top: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.16px;
}

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    input::-webkit-input-placeholder, .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    select::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    input:-ms-input-placeholder, .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    select:-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    input::placeholder, .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    select::placeholder {
        --tw-placeholder-opacity: 1;
        color: transparent;
    }

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
input, .zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
select {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    input:focus-visible, .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    select:focus-visible {
        outline-width: 0px;
    }

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    input, .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    select {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
input:not(:-ms-input-placeholder) ~ label {
    top: 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
input:focus ~ label, .zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
input:not(:placeholder-shown) ~ label, .zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
select.zl_selected_value ~ label, .zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
select:focus ~ label {
    top: 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
select
option:disabled::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120 / var(--tw-placeholder-opacity));
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
select
option:disabled:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120 / var(--tw-placeholder-opacity));
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
select
option:disabled::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120 / var(--tw-placeholder-opacity));
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_select_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_select_row {
        gap: 0px;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_select_row
.zl_address_detail_input_row {
    width: 100%;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_select_row
    .zl_address_detail_input_row {
        width: 50%;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_radio_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_radio_row {
        gap: 1rem;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_radio_row
.zl_custom_radio {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 187 7 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_radio_row
    .zl_custom_radio {
        padding: 1.5rem;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_radio_row
.zl_custom_radio
label {
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_radio_row
    .zl_custom_radio
    label {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_input_row
.zl_payment_card_img {
    position: absolute;
    left: 0px;
    top: -33px;
    height: 24px;
    width: 164px;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    .zl_payment_card_img {
        right: 24px;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    .zl_payment_card_img {
        top: 50%;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    .zl_payment_card_img {
        left: auto;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_input_row
    .zl_payment_card_img {
        --tw-translate-y: -50%;
        -webkit-transform: var(--tw-transform);
        transform: var(--tw-transform);
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_payment_card_row {
    margin-top: 44px;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_payment_card_row {
        margin-top: 0px;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_payment_card_row {
        padding-right: 200px;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_date_cvn_number_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_date_cvn_number_row {
        gap: 1rem;
    }

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_date_cvn_number_row {
        gap: 1.5rem;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_address_detail_date_cvn_number_row
.zl_address_detail_input_row {
    width: 42%;
}

    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_date_cvn_number_row
    .zl_address_detail_input_row:first-child {
        width: 53%;
    }

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_address_detail_date_cvn_number_row
    .zl_address_detail_input_row:first-child {
        width: 42%;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_custom_checkbox {
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_custom_checkbox {
        margin-top: 0px;
    }
}

.zl_address_content
.zl_address_column
.zl_address_detail_inputs
.zl_custom_checkbox
label {
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .zl_address_content
    .zl_address_column
    .zl_address_detail_inputs
    .zl_custom_checkbox
    label {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.zl_address_content .zl_address_column .zl_address_detail_payment_option {
    padding-bottom: 1.5rem;
}

.zl_address_content
.zl_address_order_summary_column
.zl_order_summary_list
.zl_address_order_summary_list_item {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: flex-start;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 1.25rem;
}

    .zl_address_content
    .zl_address_order_summary_column
    .zl_order_summary_list
    .zl_address_order_summary_list_item:nth-child(2) {
        border-bottom-width: 0px;
    }

    .zl_address_content
    .zl_address_order_summary_column
    .zl_order_summary_list
    .zl_address_order_summary_list_item
    .zl_address_order_summary_list_left_item {
        margin-right: auto;
        width: calc(100% - 100px);
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.16px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

        .zl_address_content
        .zl_address_order_summary_column
        .zl_order_summary_list
        .zl_address_order_summary_list_item
        .zl_address_order_summary_list_left_item
        span {
            display: block;
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 2.29;
            letter-spacing: -0.15px;
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
        }

.zl_address_content
.zl_address_order_summary_column
.zl_order_summary_msg_text {
    margin-bottom: 23px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 35px;
}

.zl_address_content
.zl_address_order_summary_column
.zl_address_order_summary_other_text_content {
    margin-top: 1.75rem;
}

    .zl_address_content
    .zl_address_order_summary_column
    .zl_address_order_summary_other_text_content
    .zl_address_order_summary_other_text {
        margin-bottom: 1rem;
        font-size: 0.875rem;
        font-weight: 200;
        line-height: 1.71;
        letter-spacing: -0.11px;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / var(--tw-text-opacity));
    }

        .zl_address_content
        .zl_address_order_summary_column
        .zl_address_order_summary_other_text_content
        .zl_address_order_summary_other_text
        span {
            font-weight: 700;
        }

.zl_address_content .zl_order_summary_column .zl_order_summary_list {
    margin-top: 33px;
    padding-top: 0px;
}

/* ship address page css end */

/* custom component end */

/* ! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: currentColor;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    /* 3 */
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

    /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

    input::placeholder,
    textarea::placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/

[hidden] {
    display: none;
}

*, ::before, ::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-color: currentColor;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/ );
    --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.block {
    display: block;
}

.hidden {
    display: none;
}

.transform {
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
}

.rounded-\[3px\] {
    border-radius: 3px;
}

.bg-color12 {
    background-color:#d9b5001c;
}

.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px;
}

.py-\[7\.5px\] {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.font-bold {
    font-weight: 700;
}

.tracking-\[0\.12px\] {
    letter-spacing: 0.12px;
}

.tracking-\[-0\.18px\] {
    letter-spacing: -0.18px;
}

.text-color11 {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.text-color3 {
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.hover\:bg-color12:hover {
    background-color: #b6e5ff1c;
}

.hover\:text-color3:hover {
    --tw-text-opacity: 1;
    color: rgb(227 187 7 / var(--tw-text-opacity));
}

.group:hover .group-hover\:fill-white {
    fill: #ffffff;
}

@media (min-width: 768px) {
    .md\:text-\[8px\] {
        font-size: 8px;
    }
}