/* Add custom CSS styles below */ 
.navbar-brand img {
    max-height: 6rem;
}
.art-testimonials-slider img {
  object-fit: contain;
  height: 50px;
  border-radius: 10px ;
}

.sicon-star:before {
  color: #fcd463;
}
 .s-products-slider-slider .s-product-card-content-footer .s-button-btn , .s-products-list .s-product-card-content-footer .s-button-btn {
    width: 40px;
    transition: 0.3s;
    border: 1px solid #000 !important;
    background: #000 !important;
    color: #fff;
}

.mm-spn li a, .mm-spn li > span {
    font-size: 17px !important;
    font-weight: 900 !important;
}


.s-block--features__item {
    margin-bottom: 30px;
    background-color: #eee1d4;
  border-radius: 0px !important;
}

#page-main-title{
  display: none !important;
}
.art-promotion-title, .promotion-title {
    padding: 8px 10px;
    background-color: red !important;
    color: #ffffff !important;
    width: 90%;
    top: 12rem;
    right: 50%;
    transform: translatex(50%);
    margin: 0px;
    text-align:center;
}

.art-sidebar .details-slider .art-promotion-title, .promotion-title {
    top: 1rem;
    right: 3rem;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:px-10.px-5.lg\:py-9.md\:py-7.py-5 > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end{
  position: relative;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:px-10.px-5.lg\:py-9.md\:py-7.py-5 > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 87px;
    border-radius: 10px;
    left: -500px;
    padding: 15px;
    top: -40px;
    /* background-color: #fff; */
    background-image: url("https://i.postimg.cc/nLBn8v3H/2070896-722720429.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


@media (max-width:768px){
  .art-promotion-title, .promotion-title {
    padding: 8px 10px;
    background-color: red !important;
    color: #ffffff !important;
    width: 90%;
    top: 8rem;
    right: 50%;
    transform: translatex(50%);
    margin: 0px;
    text-align: center;
}

  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:px-10.px-5.lg\:py-9.md\:py-7.py-5 > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    left: 148px;
    padding: 15px;
    top: -87px;
    /* background-color: #fff; */
    background-image: url("https://i.postimg.cc/nLBn8v3H/2070896-722720429.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:px-10.px-5.lg\:py-9.md\:py-7.py-5 > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end{
justify-content: center;
  margin-top: 105px;
  
}
}