.swiper.product-suggestion{
    height: unset !important;
}

.swiper.product-suggestion .swiper-wrapper {
    height: unset !important;
}

.swiper-wrapper {
    height: 500px !important;
    width: max-content;
    align-items: center;
    background: #f7fafc5a;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper.product-prev {
    height: 500px !important;
    background: #b4b4b412;
}

.swiper-wrapper.swiper-wrapper-thumb {
    max-height: 100px !important;
    width: max-content;
    background: white;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "" !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "" !important;
}

.product-thumb
    .swiper-slide.swiper-slide-thumb-active
    > .slide\:border-indigo-600 {
    --tw-border-opacity: 1;
}

#paymentFormEmbed {
    width: 100%;
    height: 600px;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 640px) {
    .swiper {
        height: 80px !important;
        max-width: calc(100vw - 48px);
    }
    .swiper.product-suggestion{
        height: unset !important;
    }

    .swiper-wrapper {
        height: 200px !important;
    }

    .swiper.product-prev {
        height: 250px !important;
        background: #b4b4b412;
    }
    .swiper-wrapper.swiper-wrapper-thumb {
        max-height: 80px !important;
    }

    #paymentFormEmbed {
        height: 200px;
    }

    h1 {
        font-size: 1.5rem;
    }
    h2 {
        font-size: 1.25rem;
    }
    h3 {
        font-size: 1rem;
    }
    h4 {
        font-size: 0.875rem;
    }
    h5 {
        font-size: 0.75rem;
    }
    h6 {
        font-size: 0.625rem;
    }
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
}

.ql-editor {
    white-space: unset !important;
    padding: unset;
}

.ql-editor img {
    max-width: 100%;
    height: auto;
}

a {
    color: #007bff;
    text-decoration: underline;
}

h1 {
    font-size: 2.25rem;
}
h2 {
    font-size: 1.875rem;
}
h3 {
    font-size: 1.5rem;
}
h4 {
    font-size: 1.25rem;
}
h5 {
    font-size: 1rem;
}
h6 {
    font-size: 0.875rem;
}