@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);
:root {
    --doro-blue: #22408D;
    --doro-yellow: #FBE800;
    --doro-teal: #69C8C4;
    --light-grey: #E9ECF3;
    --primary-grey: #1A1A1A;
    --secondary-grey: #555C6A;
    --tertiary-grey: #99A1B3;
    --teal-text-color: #46BDB8;
    --red: #EF4444;
    --doro-blue-hovered: #1A3274;
    --doro-yellow-hovered: #E8D700;
    --doro-teal-hovered: #4AA59C;
    --loading-placeholder: #e7e9ee;
    --loading-placeholder-layer: #f2f3f7;
    --extra-light-grey: #f2f2f2;
    --on-sale: #ff3400;
    --tier-normal: linear-gradient(135deg, #939393 0%, #E6E6E6 100%);
    --tier-bronze: linear-gradient(135deg, #957437 0%, #FFB700 50%, #BB8200 100%);
    --tier-silver: linear-gradient(135deg, #7D8494 0%, #D6DDEE 45%, #868C9C 100%);
    --tier-gold: linear-gradient(135deg, #DEB247 0%, #FFDE8A 47%, #BC8603 100%);
    --tier-premium: linear-gradient(135deg, #327976 0%, #86DFDB 50%, #0C7C77 100%);
    --box-shadow: 0 6px 30px 0 rgba(153,161,179,0.3);
    --divider-thin: 1px solid #E0E0E0;

}

* {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
    overflow-y: auto;
}

html img {
    -moz-user-select: none;
         user-select: none;
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
}

html .icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

body {
    overflow-y: auto; /* vertical scrollbar only when needed */
    overflow-x: hidden;
}

.doro {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: row;
}

.doro.blank {
    background: var(--light-grey);
}

[class*="btn-"] {
    font-weight: 500;
    border-radius: 50px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    border: none;
    transition: all .2s ease-in-out;
}

[class*="btn-"].loading {
    opacity: .5;
    cursor: progress;
}

button:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-doro-blue {
    background: var(--doro-blue);
    color: white;
}
.btn-doro-blue:hover {
    background: var(--doro-blue-hovered);
}

.btn-doro-teal {
    background: var(--doro-teal);
    color: white;
}
.btn-doro-teal:hover {
    background: var(--doro-teal-hovered);
}

.btn-doro-yellow {
    background: var(--doro-yellow);
    color: var(--doro-blue);
}
.btn-doro-yellow:hover {
    background: var(--doro-yellow-hovered);
}

.btn-doro-red {
    background: var(--red);
    color: white;
}

.btn-doro-red:hover {
    background: #cc3131;
}

.btn-primary-grey {
    background: var(--primary-grey);
    color: white;
}

.btn-primary-grey:hover {
    background: #373737;
}

.btn-light-grey {
    background: var(--light-grey);
    color: var(--secondary-grey);
}

.btn-light-grey:hover {
    background: #e8eaec;
}

.btn-outline {
    border: 1px solid var(--doro-blue);
    color: var(--doro-blue);
    background: white;
}

.btn-outline:hover {
    background: #EBF0FA;
}

.disabled-btn {
    background: var(--light-grey);
    color: var(--tertiary-grey);
    border-radius: 50px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.btn-with-arrow {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 30px;
    border: none;
}

.btn-with-arrow .icon {
    width: 13px;
    height: 13px;
}

.tertiary-text-btn {
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
    color: var(--tertiary-grey);
}

.tertiary-text-btn:hover {
    color: #646a76;
}

.icon.arrow-right {
    transform: rotate(270deg);
}

.icon.arrow-left {
    transform: rotate(90deg);
}

.icon.arrow-up {
    transform: rotate(180deg);
}

.truncate-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.truncate-text-two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.centered-content {
    text-align: center;
}

.container {
    background: white;
    box-shadow: var(--box-shadow);
    border-radius: 30px;
}

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

.row {
    display: flex;
}

.page-title {
    margin-bottom: 30px;
}

.mobile-fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    min-height: 50px;
}

.page-with-mobile-fixed-header {
    margin-top: 50px;
}

.end-of-list__message {
    font-size: clamp(13px, 1.8vw, 14px);
    color: #bac0cd;
    text-align: center;
    padding: 5px 10px 5px;
}

.pointer-events-none {
    pointer-events: none;
}

.list-fade-out {
    opacity: 0.4;
    pointer-events: none;
}

@media (max-width: 1024px) {
    html::-webkit-scrollbar {
        display: none;
    }

    .container {
        border-radius: 10px;
    }

    .page-title {
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
        border-radius: 0 0 15px 15px;
        padding: 70px 15px 15px;
        /* background: var(--doro-blue); */
        /* color: white; */
        margin-bottom: 10px;
    }

    [class*="btn-"] {
        border-radius: 6px;
    }
}


/* Typography Start */
.doro h1 {
    font-weight: 700;
    font-size: clamp(26px, 6vw, 42px);
}

.doro h2 {
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
}

.doro h3 {
    font-weight: 700;
    font-size: clamp(18px, 3.5vw, 24px);
}

.doro h4 {
    font-weight: 700;
    font-size: clamp(16px, 3vw, 18px);
}

.doro h5 {
    font-weight: 700;
    font-size: clamp(14px, 2vw, 16px);
}

.doro h6 {
    font-weight: 500;
    font-size: 14px;
}

/* @media (max-width: 767px) {
    .doro h3 {
        font-size: 18px;
    }
} */
/* Typography End */


/* Input Field Styling Start */
fieldset {
    display: flex;
    flex-direction: column;
    gap: 25px;
    border: none;
    padding: 0;
    margin: 0;
}

fieldset:disabled {
    /* opacity: .5;
    pointer-events: none; */

}

/* .form-disabled .form-group {
    pointer-events: none;
} */

.outline-input {
    border-radius: 50px;
    border: 1px solid var(--light-grey);
    background: white;
    color: var(--secondary-grey);
}

.outline-input:focus {
    border-color: var(--doro-blue);
    background: #F5F7FA;
}

.form-group-row {
    display: grid;
    gap: 25px;
}

.form-group-row.col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.button-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dp__main .dp__input {
    border-radius: 30px;
    border-color: var(--light-grey);
    font-size: 14px;
}

.dp__main .dp__input[readonly] {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    background: #f3f5f9;
}

@media (max-width: 767px) {
    fieldset {
        gap: 18px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .form-group-row {
        display: grid;
        gap: 18px;
    }

    .form-group-row.col-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .dp__main .dp__input {
        border-radius: 6px;
    }
}
/* Input Field Styling End */


/* Toast Message Start */
html .v-toast {
    z-index: 99999;
    padding: 30px;
}

html .v-toast.v-toast--top {
    gap: 5px;
    top: 60px;
}

html .v-toast.v-toast--bottom {
    bottom: 30px;
}

html .v-toast__item {
    min-height: 30px;
    padding: 8px 20px;
    gap: 12px;
    border-radius: 30px;
    margin: 0;
    font-size: 14px;
}

html .v-toast__item .v-toast__icon {
    margin-left: 0;
    width: 18px;
    min-width: 18px;
    height: 18px;
}

html .v-toast__item .v-toast__text {
    padding: 0;
}

html .v-toast__item--success {
    background-color: #0db10d;
}

html .v-toast__item--error {
    background-color: var(--red);
}

html .v-toast__item--warning {
    color: white;
    background-color: #eb9800;
}

html .v-toast__item.v-toast__item--warning .v-toast__icon {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23fff' d='M49.466 41.26L29.216 6.85c-.69-1.16-1.89-1.85-3.22-1.85-1.32 0-2.53.69-3.21 1.85L2.536 41.26c-.71 1.2-.72 2.64-.03 3.85.68 1.18 1.89 1.89 3.24 1.89h40.51c1.35 0 2.56-.71 3.23-1.89.7-1.21.69-2.65-.02-3.85zm-25.53-21.405h3.381v3.187l-.724 8.92H24.66l-.725-8.92v-3.187zm2.97 17.344a1.712 1.712 0 01-1.267.543c-.491 0-.914-.181-1.268-.543a1.788 1.788 0 01-.531-1.297c0-.502.176-.935.53-1.297a1.712 1.712 0 011.269-.544c.49 0 .914.181 1.268.544s.53.795.53 1.297c0 .503-.176.934-.53 1.297z'/%3e%3c/svg%3e") no-repeat;
}

@media (max-width: 767px) {
    html .v-toast {
        z-index: 99999;
        padding: 30px 15px;
    }

    html .v-toast__item {
        font-size: 13px;
        min-height: 25px;
        padding: 8px 15px;
        border-radius: 6px;
    }

    html .v-toast.v-toast--top {
        top: 30px;
    }

    html .v-toast__item .v-toast__icon {
        width: 15px;
        min-width: 15px;
        height: 15px;
    }

    html .v-toast__item--success {
        background-color: #0db10d;
    }
}
/* Toast Message End */


/* Tier Membership Start */
.tier.badge {
    font-weight: 500;
    border-radius: 40px;
}

.tier.badge.trainer {
    background: var(--tier-normal);
    color: #3F4042;
}

.tier.badge.bronze {
    background: var(--tier-bronze);
    color: #1F1200;
}

.tier.badge.silver {
    background: var(--tier-silver);
    color: #4B4C51;
}

.tier.badge.gold {
    background: var(--tier-gold);
    color: #402C03;
}

.tier.badge.premium {
    background: var(--tier-premium);
    color: #013036;
}
/* Tier Membership End */


/* Pane Start */
.doro .pane {
    width: calc(100% - 170px);
    padding: 0 10px 0;
    position: relative;
    overflow: hidden;
    color: var(--primary-grey);
}

.doro.blank .pane {
    width: 100%;
    padding: 20px 40px;
}

@media (max-width: 1024px) {
    .doro.blank .pane {
        padding: 0;
    }
}
/* Pane End */


/* Content Area Start */
.simplebar-track.simplebar-vertical {
    width: 8px;
    right: 0;
}

.simplebar-scrollbar::before {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.simplebar-content {
    height: calc(100% - 10px);
}

.simplebar-content .view {
    min-height: calc(100% - 158px);
}

.doro .pane .content-area {
    background-color: var(--light-grey);
    color: var(--primary-grey);
    height: calc(100vh - 80px);
    border-radius: 35px;
    padding: 30px 30px 0;
}

.container-with-side {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.container-with-side .main-area {
    flex: 1;
    min-width: 0;
}

.container-with-side .side-area {
    flex: 0 0 30%;
    max-width: 400px;
    min-height: 50px;
    position: sticky;
    top: 30px;
}

@media (max-width: 1024px) {
    .doro .pane {
        width: 100%;
        padding: 0;
        background: white;
    }

    .container-with-side {
        flex-direction: column;
        height: 100%;
        position: relative;
        gap: 0;
    }

    .container-with-side .side-area,
    .container-with-side .main-area {
        width: 100%;
        max-width: 100%;
        flex: none;
    }

    .container-with-side .side-area.filter-modal {
        z-index: 1000;
        min-height: 0;
    }
}

@media (max-width: 1024px) {
    .doro .pane.has-bottom {
        margin-bottom: 60px;
    }
}
/* Content Area End */


/* Product Start */
.doro .catalogue__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.doro .catalogue__head .title-with-count {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.doro .catalogue__head .title-with-count .count-item {
    font-weight: 500;
    font-size: clamp(11px, 2vw, 14px);
    color: var(--tertiary-grey);
}


.doro .catalogue .listing {
    display: grid;
}

.product-card .overlay-sold {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    color: white;
}

.product-card .overlay-sold span {
    font-size: clamp(13px, 2.5vw, 15px);
    /* background: #ffffff; */
    /* color: var(--primary-grey); */
    color: white;
    font-weight: 500;
    padding: 6px 15px;
    width: clamp(100px, 9vw, 150px);
    text-align: center;
    border-radius: 20px;
}

.product-card .btn-favourite:hover .favourite.active, .product-card .btn-favourite:hover {
    color: white;
}

.btn-favourite .favourite.active, .btn-favourite:hover {
    color: var(--red);
}

.listing__no-result {
    padding: 15px 30px;
    font-size: clamp(14px, 2.5vw, 16px);
    color: var(--tertiary-grey);
}

@media (max-width: 1024px) {
    .doro .catalogue__head {
        margin-bottom: 10px;
        gap: 10px;
        padding: 0 10px;
    }

    .listing__no-result {
        padding: 15px 10px;
        color: var(--secondary-grey);
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-favourite:hover .favourite.active {
        color: var(--red);
    }

    .doro .mobile__collections {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 5px 10px;
        gap: 8px;
    }

    .doro .mobile__collections::-webkit-scrollbar {
        display: none;
    }

    .doro .mobile__collections-list-item {
        color: var(--secondary-grey);
        width: 100%;
        min-height: 80px;
        padding: 10px;
        text-align: center;
        font-size: 11px;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        justify-content: center;
        background: white;
        border-radius: 8px;
        box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.1);
    }

    .doro .mobile__collections-list-item.page-active {
        border: 1px solid var(--primary-grey);
    }

    .doro .mobile__collections-list-item img {
        width: 35px;
        height: 35px;
        -o-object-fit: contain;
           object-fit: contain;
    }
}

@media (max-width: 767px) {
    .doro .catalogue__head .title-with-count {
        flex-direction: column;
        gap: 0;
    }
}
/* Product End */


/* Login Start */
.modal-wrapper.account .modal-body .content-container {
    display: flex;
    height: 100%;
    padding: 5px;
}

.modal-wrapper.account .modal-body .content-container .feature {
    width: 40%;
    height: 100%;
}

.modal-wrapper.account .modal-body .content-container .feature .banner {
    background: var(--doro-blue);
    border-radius: 30px;
    height: 100%;
    width: 100%;
}

.modal-wrapper.account .modal-body .content-container .form {
    width: 80%;
    max-width: 800px;
    padding: 30px 50px 30px 45px;
    margin: 0 auto;
}

.modal-wrapper.account .modal-body .content-container .form .action-tab {
    display: flex;
    gap: 5px;
    width: 100%;
    background: var(--light-grey);
    color: var(--primary-grey);
    border-radius: 40px;
    height: 50px;
    padding: 4px 5px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    margin-bottom: 35px;
}

.modal-wrapper.account .modal-body .content-container .form .action-tab li {
    width: 50%;
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    transition: all .2s ease-in-out;
}

.modal-wrapper.account .modal-body .content-container .form .action-tab li.active {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
    background: white;
}

.modal-wrapper.account .modal-body .content-container .form .action-tab li:hover {
    background: white;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

.modal {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal .modal-content {
    display: block;
    background: white;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
    width: 95%;
    max-width: 900px;
    border-radius: 35px;
}

.selection-modal__title {
    text-align: center;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: clamp(16px, 3vw, 18px);
    color: var(--primary-grey);
}
/* Login End */


/* Message Page Start */
.message-page {
    padding: 45px 30px;
    font-size: clamp(15px, 3vw, 16px);
    color: var(--secondary-grey);
    text-align: center;
}

.message-page .message .message__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.message-page .message .message__item.success {
    color: green;
}

.message-page .message .message__item.failed {
    color: var(--red);
}

.message-page .message .message__item .icon {
    width: 35px;
    height: 35px;
    padding: 5px;
    border-radius: 50%;
    color: white;
}

.message-page .message .message__item.success .icon {
    background: green;
}

.message-page .message .message__item.failed .icon {
    background: var(--red);
}

.message-page .message .btn-redirect {
    padding: 11px 40px;
    font-size: 14px;
    margin-top: 20px;
}

@media (max-width: 1024px) {
    .message-page {
        margin-top: 60px;
        box-shadow: none;
        padding: 60px 20px;
    }

    .message-page .message .btn-redirect {
        margin-top: 30px;
    }

    .message-page .message .message__item {

    }
}
/* Message Page End */


/* Setting Start */
.settings-title {
    margin-bottom: 25px;
}

@media (max-width: 1024px) {
    .settings-title {
        display: none;
    }
}
/* Setting End */


/* Product List Start */
.product-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-list__item {
    display: flex;
    gap: 20px;
    font-size: 14px;
    font-weight: 500;
}

.product-list__image-wrapper {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    overflow: hidden;
}

.product-list__item-details {
    display: flex;
    gap: 20px;
    width: calc(100% - 95px);
}

.product-list__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.product-list__title {
    width: calc(100% - 120px);
    max-height: 36px;
}

.product-list__meta {
    width: 100px;
    display: block;
    text-align: right;
}

.product-list__quantity {
    color: var(--tertiary-grey);
}

@media (max-width: 1024px) {
    .product-list {
        gap: 8px;
    }

    .product-list__item {
        gap: 10px;
        font-size: 13px;
        align-items: center;
    }

    .product-list__image-wrapper {
        width: 65px;
        height: 65px;
        border-radius: 5px;
    }

    .product-list__meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        color: var(--primary-grey);
        font-size: 13px;
        font-weight: 500;
    }

    .product-list__item-details {
        flex-direction: column;
        gap: 8px;
        width: calc(100% - 75px);
    }

    .product-list__title {
        width: 100%;
        font-weight: 400;
    }

    .product-list__quantity {
        color: var(--primary-grey);
    }
}
/* Product List End */


/* Payment Gateway Start */
#razorpay-checkout-v2-container.loaded {
    height: 100% !important;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
}
/* Payment Gateway End */


/* Search Bar With Back Start */
.search-bar-with-back {
    background: white;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: clamp(50px, 6vw, 60px);
}

.search-bar-with-back .search-container {
    width: calc(100% - 30px);
}

.search-bar-with-back .cancel-btn {
    font-size: 14px;
    font-weight: 500;
    width: 60px;
    color: white;
    text-align: center;
}

.search-bar-with-back .arrow-left {
    width: 20px;
    height: 20px;
    color: var(--secondary-grey);
}
/* Search Bar With Back End */


/* Menu Start */
.back-button-menu__action .icon {
    width: clamp(26px, 5vw, 30px);
    height: clamp(26px, 5vw, 30px);
    color: var(--secondary-grey);
    cursor: pointer;
}

.mobile-header__plain-title .icon {
    width: clamp(22px, 5vw, 30px);
    height: clamp(22px, 5vw, 30px);
    color: var(--secondary-grey);
    cursor: pointer;
}
/* Menu End */


/* Policies Start */
.policy-container {
    font-size: clamp(13px, 2vw, 16px);
    color: var(--secondary-grey);
}

.policy-container section {
    margin-bottom: 40px;
}

.policy-container .date {
    margin-bottom: 25px;
    padding-bottom: 25px;
    font-size: clamp(12px, 1.6vw, 15px);
    font-style: italic;
    border-bottom: 1px dashed #d9d9d9;
}

.policy-container h1, .policy-container h4, .policy-container h5 {
    color: var(--primary-grey);
}

.policy-container h1 {
    font-size: clamp(20px, 4vw, 30px);
    margin-bottom: 5px;
}

.policy-container h4 {
    margin-bottom: 10px;
    font-size: clamp(18px, 2.5vw, 24px);
}

.policy-container h5 {
    margin-bottom: 8px;
    font-size: clamp(15px, 2vw, 18px);
}

.policy-container p {
    margin-bottom: 10px;
}

.policy-container ul, .policy-container ol {
    padding-left: 32px;
    margin-bottom: 10px
}

.policy-container ol>li {
    list-style: lower-alpha;
    margin-top: 15px;
}

.policy-container ol.highlight>li {
    margin-top: 20px;
}

.policy-container ol.highlight>li::marker {
    font-size: clamp(15px, 2vw, 18px);
}

.policy-container ul>li {
    margin-bottom: 3px;
    list-style: disc;
}

.policy-container table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1em;
    margin-bottom: 1em;
}

.policy-container table,
th,
td {
    border: 1px solid #ccc;
}

.policy-container th,
.policy-container td {
    padding: 10px;
    text-align: left;
}

.policy-container th {
    background-color: #f7f7f7;
}

.policy-container a {
    text-decoration: underline;
    color: var(--teal-text-color);
}

@media (max-width: 1024px) {
    .policy-container {
        padding: 15px 12px;
        background: white;
    }

    .policy-container h1 {
        margin-bottom: 2px;
    }

    .policy-container h4 {
        margin-bottom: 6px;
    }

    .policy-container h5 {
        margin-bottom: 4px;
    }

    .policy-container p {
        margin-bottom: 8px;
    }

    .policy-container .date {
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .policy-container ul {
        padding-left: 25px;
        margin-bottom: 8px;
    }

    .policy-container ol {
        padding-left: 20px;
        margin-bottom: 8px;
    }

    .policy-container ol.highlight>li {
        margin-top: 13px;
    }

    .policy-container section {
        margin-bottom: 30px;
    }
}
/* Policies End */


/* Other */
.confirmation-modal__message .confirm-order-list {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: clamp(13px, 1.4vw, 15px);
}

.confirmation-modal__message .confirm-order-list thead tr {
    background: var(--extra-light-grey);
}

.confirmation-modal__message .confirm-order-list thead tr th {
    padding: 6px 10px;
    font-size: clamp(12px, 1.5vw, 14px);
    text-transform: uppercase;
}

.confirmation-modal__message .confirm-order-list thead tr th:first-child {
    text-align: left;
}

.confirmation-modal__message .confirm-order-list tbody tr td {
    padding: 8px 10px;
}

.confirmation-modal__message .confirm-order-list tbody tr td:first-child {
    text-align: left;
}

.confirmation-modal__message .confirm-order-list thead tr th:last-child {
    min-width: clamp(100px, 20vw, 130px);
}

.confirmation-modal__message .confirm-order-list tbody tr td:last-child {
    font-weight: 700;
    min-width: clamp(100px, 20vw, 130px);
}

.confirmation-modal__message .confirm-profile-info {
    margin: 10px 0 12px;
    border: var(--divider-thin);
    padding: 10px 20px;
    background: var(--extra-light-grey);
    border-radius: 15px;
    font-size: clamp(13px, 1.4vw, 15px);
    display: flex;
    gap: 10px;
}

.confirmation-modal__message .confirm-profile-info .column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}


/* Effect */
.fade-enter-active, .fade-leave-active {
    transition: opacity 10s ease;
}

.fade-enter-from, .fade-leave-to {
    opacity: 0;
}

.fade-enter-to, .fade-leave-from {
    opacity: 1;
}

.modal-enter-from, .modal-leave-to {
    transform: scale(0);
    opacity: 0;
}

.modal-enter-active, .modal-leave-active {
    transition: transform 0.4s ease, opacity 0.2s ease;
}

.modal-enter-to, .modal-leave-from {
    transform: scale(1);
    opacity: 1;
}

.slide-in-right-enter-active,
.slide-in-right-leave-active {
    transition: transform 0.3s ease;
}

.slide-in-right-enter-from, .slide-in-right-leave-to {
    transform: translateX(100%);
}

.slide-in-right-enter-to, .slide-in-right-leave-from {
    transform: translateX(0);
}

.slide-right-enter-active,
.slide-right-leave-active {
    transition: transform 0.3s ease;
}

.slide-right-enter-from, .slide-right-leave-to {
    transform: translateX(100%);
}

.slide-right-enter-to, .slide-right-leave-from {
    transform: translateX(0);
}

/* Slide in from bottom */
.slide-in-bottom-enter-active, .slide-in-bottom-leave-active {
    transition: transform 0.3s ease;
}
.slide-in-bottom-enter-from, .slide-in-bottom-leave-to {
    transform: translateY(100%);
}

.slide-in-bottom-enter-to, .slide-in-bottom-leave-from {
    transform: translateY(0);
}


/* Skeleton Start */
.shimmer {
    position: relative;
    overflow: hidden;
    background: var(--loading-placeholder);
    animation: pulse 2.2s infinite ease-in-out;
}

/* .shimmer::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150px;
    height: 100%;
    width: 150px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: shimmer 1.5s infinite;
} */

@keyframes shimmer {
    100% {
        left: 100%;
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.4;
    }
    50% {
        opacity: 1;
    }
}
/* Skeleton End */