/* Add custom CSS styles below */ 

:root{
--maiin-color: #9A3B3B;
--secoond-color: #F0E5CF;
}

/* start header */
/*logo*/
    .navbar-brand img {
        scale: 1.3;
    }
div#mainnav .inner {
    backdrop-filter: contrast(0.5);
}
.main-nav-container .mobile-menu ul li a{
    opacity: 1;
}
.main-menu li.root-level span,
.inner.bg-inherit .relative .flex:last-child i{
    color: var(--secoond-color)
}
@media only screen and (min-width: 1024px) {
    .main-menu {
        margin-left: 0;
        margin-right: 0;
    }
}
.s-block--fixed-banner {
    margin-top: 0;
}
/* start main banner */
.main-sec-0 h1,
.main-sec-0 p {
    color: var(--secoond-color) !important;
}
.main-sec-0 button{
    background-color: var(--secoond-color);
    border-color: var(--secoond-color);
    color: var(--maiin-color);
}


/* start category */
.category-sec li.text-center:hover img{
   transition: all .3s ease-in-out;
}
.category-sec li.text-center a{
    overflow: hidden;
}
.category-sec li.text-center:hover img {
    transform: scale(1.2);
}


/* start banner image */
.image-banner h1{
    color: var(--maiin-color);
} 
section.banner-image2 .relative div.absolute {
    width: 100%;
    left: 0;
}
section.banner-image2 .relative div.absolute *{
    color: var(--maiin-color);
    border-color: var(--maiin-color);
}


/* start gallery */
.gallery-sec h1 {
    color: #000;
} 


/* start media */
section.media *{
    color: var(--maiin-color)
}


/* start fixed banner */
.fixed-banner .relative:last-child .absolute h1,
.fixed-banner .relative:last-child .absolute button a {
    color: var(--secoond-color);
}
.fixed-banner .relative:last-child .absolute button{
    border-color: var(--secoond-color);
}
.fixed-banner .relative:first-child .absolute h1,
.fixed-banner .relative:first-child .absolute button a {
    color: var(--maiin-color);
}
.fixed-banner .relative:first-child .absolute button{
    border-color: var(--maiin-color);
}
.fixed-banner .relative .absolute {
    right: 10%;
}


/* start feature */
.features h1 {
    color: var(--maiin-color);
}
.features p {
    color: #000;
}


/* start single product page */
body.product-single .s-form-control {
    min-width: 90px ;
}

/* start footer */
.footer-is-light .store-footer .store-footer__inner * {
    color: var(--maiin-color);
}


/* start media */
@media(min-width:991px){
.main-sec\~0{
    height: 174vh;
}
}
@media(max-width:767px){
/* start main section */
.navbar-brand img {
    scale: 1.1;
}
section.main-sec .h-\[50vh\] {
    height: 85vh;
}
/* start category */
.s-block--fixed-banner {
    margin-top: -71px;
}
.category-sec {
    margin-top: -1rem;
}
section.category-sec ul {
    justify-content: space-around;
}
section.category-sec ul li{
    width: 135px;
}
/* start banner image */
section.banner-image2 {
    margin-top: 0;
}
section.image-banner .container {
    gap: 1rem;
}
.fixed-banner .relative .absolute {
    right: unset;
    left: unset;
}
section.banner-image2 h1 {
    line-height: 3rem;
}
/* start gallery */
.gallery-sec .grid.grid-cols-2.gap-2 img:first-child {
    width: 100% !important;
}
}
/*cartimg*/
.cartimg {
    max-width: 67%;
    margin: 2rem auto;
}