/* Add custom CSS styles below */ 


@media (min-width: 1024px) {
    .lg\:ltr\:mr-8:where([dir="ltr"], [dir="ltr"] *) {
        margin-right: 1rem;
    }
}
@media (min-width: 640px) {
    .navbar-brand img {
        max-height: 122px;
        HEIGHT: 125px !important;
    }

img.lazy.object-contain.banner-image.rounded.max-h-\[720px\].loaded
 {
 height: 580px ;
    object-fit: cover !important;
}

}
  @media (max-width: 1024px)  {
    .relative.flex.flex-col.justify-center.min-w-\[200px\].start.lg\:gap-5.max-w-lg {
    PADDING-LEFT: 20% ! IMPORTANT;
}



img.lazy.object-contain.banner-image.rounded.max-h-\[720px\].loaded {
    height: 470px ;
        object-fit: cover !important;
}


}


.banner-entry__text .banner__desc {
    margin-top: 0.25rem;
    font-size: 0.675rem;
    line-height: 0.95rem;}
.with-gradient-overlay .banner-entry__text:before {
    position: absolute;
    bottom: -1.5rem;
    left: 0px;
    height: 10rem;
    width: 100%;
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(0 0 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-content: "";
    content: "";
    content: var(--tw-content);}
section#fixed-banner-with-dots-8 {
    background-color: #ffffff;
}

.navbar-brand img

 {
    height: 125px !important;
    max-height: 24.5rem !important;
    width: auto;
    max-width: 240px;
}

.btn--outline {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(44 46 127);
    border-color: rgb(44 46 127);
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    }
    a.btn--main.btn--outline, button.btn--main.btn--outline, .btn--add-to-cart button.btn--outline {
    border-width: 2px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #ffffff;
    color: #414042;
    color: var(--color-primary);
}

.image--aspect-ratio img, .image--aspect-ratio .img

 {

    object-fit: contain !important;}

.product-card-img--portrait .product-entry__image-main

 {
    padding-bottom: 100.333%!important;
}




img.lazy.object-contain.banner-image.rounded.max-h-\[720px\].loaded {
    max-height: 800px !important;
}