/* Font */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap');
body {
    font-family: "Readex Pro", sans-serif;
}

/* NG-hero-section */
.NG-hero-section .wrapper {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    margin: 0 !important;
    max-width: 700px;
    align-items: center;
}
.NG-hero-section .wrapper a.button {
    color: #fff;
}
.NG-hero-section .wrapper h1 {
    font-size: 40px;
}
.NG-hero-section .wrapper p {
    font-size: 30px;
}
@media(max-width: 576px){
    .NG-hero-section .wrapper {
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        margin: 0 !important;
        width: 90%;
        text-align: center;
        align-items: center;
    }
    .NG-hero-section .wrapper h1 {
        font-size: 30px;
    }
    .NG-hero-section .wrapper p {
        display: block !important;
        font-size: 18px;
    }
    .NG-hero-section .subtext-bottom {
        display: none !important;
    }
}

/* NG-categories */
.NG-categories {
    margin-top: 3rem;
}
@media (max-width: 768px) {
  .NG-categories .grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
    .NG-categories .card-inner {
        height: 200px;
    }
}

/* Categories List Start 1 */
section:nth-child(1 of .s-block.s-block--banners.container) .grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 300px 500px;
}
section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry {
    height: 300px;
    background-color:unset;
    transition: 0.2s;
}
section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry:last-child {
    grid-column: span 2;
    height: 100%;
}
section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry:hover {
    transform: scale(1.04)
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
    section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry{
        height: 285px;
    }
}
@media(max-width:768px){
    section:nth-child(1 of .s-block.s-block--banners.container) .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 170px 300px;
    }
    section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry{
        height: 170px;
    }
}
@media(max-width: 576px){
    section:nth-child(1 of .s-block.s-block--banners.container) .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 90px 150px;
        gap: 0.3rem;
    }
    section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry{
        height: 90px;
    }
}
/* Categories List End 1 */

/* Categories List Start 2 */
section:nth-child(2 of .s-block.s-block--banners.container) {
    margin-bottom: 4rem;
}
section:nth-child(2 of .s-block.s-block--banners.container) .grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 250px 250px;
}
section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry {
    height: 250px;
    background-color:unset;
    transition: 0.2s;
}
section:nth-child(2 of .s-block.s-block--banners.container) .banner-entry:first-child {
    grid-column: 1/2;
    grid-row: 1/3;
    height: 100%;
}
section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry:hover {
    transform: scale(1.04)
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
    section:nth-child(2 of .s-block.s-block--banners.container) .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 200px 200px;
    }
    section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry{
        height: 200px;
    }
}
@media(max-width:768px){
    section:nth-child(2 of .s-block.s-block--banners.container) .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 140px 140px;
        gap: 0.5rem;
    }
    section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry{
        height: 140px;
    }
}
@media(max-width: 576px){
    section:nth-child(2 of .s-block.s-block--banners.container) .grid {
        grid-template-columns: unset;
        grid-template-rows: unset
    }
    section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry{
        height: 140px ;
    }
    section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry:first-child {
        height: 300px;
    }
}
/* Categories List End 2 */

/* Products */
salla-add-product-button button .s-button-text {
    color: #fff ;
}
@media (max-width: 576px) {
    .sticky.max-h-\[300px\] {
        max-height: 400px;
    }
}

/* NG-testimonials */
.NG-testimonials {
    margin-block: 3rem;
}
.NG-testimonials h2 {
    text-align: center;
    font-size: 26px;
}

/* jo-Why-choose-us */
.jo-Why-choose-us {
    background-color: #AC51200D;
}


/***edits***/
.product-single .s-slider-wrapper img.object-contain {
    object-fit: cover;
}
/*.top-navbar {
    background-color: #AC51200D;
}*/
a.s-contacts-topnav-link {
    display: none;
}
footer .social-gallery {
    display: none;
}
button.custom-button.text-background.fixed.ltr\:right-\[-54px\].rtl\:left-\[-54px\].top-\[36\%\].open-compare-modal.items-center.bg-primary.rounded-\[4px\].px-4.py-\[6px\].gap-2.z-50.rotate-\[270deg\].flex {
    display: none;
}
.jo-Why-choose-us {
    margin-bottom: 0;
}
.single__test .s-social-share-list li a.a2a_button_facebook,
.single__test .s-social-share-list li a.a2a_button_twitter{
    display: none;
}
/*.top-navbar {
    background-color: #603326;
}*/
.main-content .bg-background.py-2\.5.mb-5.rounded-md.inline-flex.text-sm {
    display: none;
}
salla-add-product-button button:hover .s-button-text {
   color: #603326; 
}
section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry:last-child {
    pointer-events: none;
}
@media (max-width: 576px) {
.jo-Why-choose-us .pro.flex.flex-col.sal-animate {
    align-items: center;
}
  .jo-Why-choose-us .pro.flex.flex-col.sal-animate * {
    text-align: center;
}
.top-navbar {
    display: none;
}
}