/* Add custom CSS styles below */

/* ===== Roots ===== */
:root {
    --blue: #019f91;
} 
body{
  max-width: 100%;
  overflow-x: hidden;
}
/* ===== Header ===== */
.store-header, .top-nav{
  background-color:transparent;
}
.store-header .s-cart-summary-total{
  display:none
}
.store-header{
    padding:0
}
i.icon.sicon-user, .s-cart-summary-wrapper #s-cart-icon, .sicon-search{
  background: transparent;
  font-size: 1.25rem;
  color: var(--blue)
}
.main-menu li.root-level>a{
  font-weight: 700;
}
.topnav-link-item div.hidden.lg\:flex.flex-col.leading-none.text-sm.text-start{
    color: #fff;
    background: #019f91;
    padding: 3px 16px 6px;
    border-radius: 16px;
}
/* ===== Sections ===== */
section.s-block.s-block--banners .container {
  width: 50%;
}
section.s-block.s-block--banners .grid {
  grid-template-columns: 1fr 1fr 1fr;
}
section.s-block.s-block--banners .grid .banner-entry {
  padding-top: 120%;
  background-color: transparent;
}
.two-row .banner-entry:first-child {
  grid-column: auto;
  grid-row: auto;
}
.s-block--banners  {
  margin-top: 1rem;
}
.s-block.s-block--banners  .grid .banner-entry a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.banner-entry a:hover::before {
  opacity: 0;
}
/* ===== Features ===== */

.bayan-features {
  text-align: center;
  background-color: #019f91;
  color: #fff;
  padding: 4rem 20%;
  margin: 3rem 0;
  background-image: url("https://cdn.salla.sa/EoXmr/6k7knYEbUvnGq6q5VztmUgnstBhvZcxFIo9mnlBm.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bayan-features h2 {
  font-size: 2.5rem;
  margin-bottom: 4rem;
  font-weight: bold;
}
.bayan-features div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  margin: auto;
}

.bayan-features .box {
  display: block;
  min-height: 100px;
}
.bayan-features .box h3 {
  font-size: 2rem;
  margin-bottom: 2rem;
}
.bayan-features .box p {
  font-size: 1.5rem;
}
/* ===== Banners ===== */
.s-block--fixed-banner {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
} 
/* ===== Product Slider ===== */

.product-entry .btn--add-to-cart button span {
  font-size: 0;
}
.product-entry .btn--add-to-cart button span:after {
  content: "تبرع الآن";
  font-size: 1.2rem;
}
.product__description {
    border-radius: 16px;
    padding: 5px 10px;
    margin-top: 2rem;
}
/* ======  Product Page  ====== */
.s-comments .border-b {
  padding: 20px;
  border-radius: 5px;
  background: rgba(1, 159, 145, 0.05)
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="22" viewBox="0 0 29 22" fill="none"><path d="M0 22V16.2105C0 14.4522 0.314275 12.5867 0.942825 10.614C1.59305 8.61988 2.52504 6.70078 3.73879 4.85673C4.97421 2.99123 6.45889 1.37232 8.19283 0L12.3543 3.34503C10.9888 5.27485 9.79671 7.29045 8.77803 9.39181C7.78102 11.4717 7.28251 13.7018 7.28251 16.0819V22H0ZM16.6457 22V16.2105C16.6457 14.4522 16.96 12.5867 17.5886 10.614C18.2388 8.61988 19.1708 6.70078 20.3845 4.85673C21.62 2.99123 23.1046 1.37232 24.8386 0L29 3.34503C27.6345 5.27485 26.4425 7.29045 25.4238 9.39181C24.4268 11.4717 23.9282 13.7018 23.9282 16.0819V22H16.6457Z" fill="black" /></svg>')
    bottom 1rem left 1.7rem/38px no-repeat !important;
}
.flex-1.testimonial__text,
.flex-1.testimonial__text > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
}
.testimonials-slider .testimonial__text p {
  margin-top: 0px !important;
}
.flex-1.testimonial__text > div,
.testimonial__rating.text-sm {
  order: -1;
}
.store-footer .flex.mb-6 {
  margin-bottom: 0px !important;
}
.store-footer div:nth-of-type(2) div b {
  color: #e57f10;
}
#tabbyPromoWrapper {
  border: 1px solid #d6d6d3 !important;
}
.product-form,
.s-product-options-wrapper,
.product-form section,
.product__description {
  background-color: #f8fafd !important;
}
.product-form,
.s-product-options-wrapper {
  border-radius: 16px;
  padding: 5px 10px 20px;
}
.product__description {
  border-radius: 16px;
  padding: 5px 10px;
  margin-top: 2rem;
}
.product__description h3 {
  text-align: center;
  color: #000;
}

.product-form salla-button[quick-buy] .s-button-btn {
  padding: 7px 0 !important;
}
.product-form salla-button[quick-buy] .s-button-text {
  font-size: 0;
}
.product-form salla-button[quick-buy] svg {
  display: none;
}
.s-product-options-donation-options-item label {
  border-radius: 14px;
}
/* title */
.product-single .main-content h1 {
  margin-bottom: 1rem;
}
.product-single .product__description img {
  border-radius: 8px;
}

/* ======  Footer  ====== */
.store-footer .about-store h3{
  font-size:0
}
.store-footer .about-store h3:after{
  content:"جمعية تحفيظ القرآن برماح - بيان";
  color:#fff;
  font-size:1.125rem
}
footer.store-footer,
.store-footer .store-footer__inner, .footer-is-light .store-footer__info-bar {
  background-color: #019f91 !important;
  color: #fff;
}

.store-footer .store-footer__inner {
  background-image: url("https://cdn.salla.sa/EoXmr/6k7knYEbUvnGq6q5VztmUgnstBhvZcxFIo9mnlBm.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.store-footer > div p {
  color: #fff;
}
/* social */
.store-footer .social-link {
  border: none;
  width: 2.2rem;
  height: 2.2rem;
  color: #fff;
}
.store-footer .social-link i {
  font-size: 1.3rem;
}
.store-footer .social-link:hover {
  border: 1px solid #fff;
  opacity: 1;
}
/* .store-footer .contact-social {
  display: block !important;
} */

/* .store-footer .store-footer__inner {
  display: none;
}
.index .store-footer .store-footer__inner {
  display: block;
} */
/* social  */
.store-footer .contact-social,
.store-footer > div.items-center {
  border: none;
}
.store-footer .contact-social {
  padding-top: 0;
  margin-top: 10px;
}

/* social to icons  */

.store-footer__inner .container > div:nth-of-type(3) div:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.store-footer__inner .container > div:nth-of-type(3) div:first-child h3 {
  flex-basis: 100%;
}
.store-footer__inner .container > div:nth-of-type(3) div:first-child a {
  margin: 0;
}
.store-footer__inner .container > div:nth-of-type(3) div:first-child a i {
  border-width: 0;
  font-size: 1.4rem;
}
.store-footer__inner .container > div:nth-of-type(3) div:first-child a span {
  display: none;
}

/* TAX */
a[data-modal-id="modal-value-tax"] + div {
  display: flex;
  gap: 8px;
}
a[data-modal-id="modal-value-tax"] {
  display: none;
}
/* ===== Media Queries ===== */
@media (max-width: 1024px) {
 footer.store-footer,
  .store-footer .store-footer__inner * {
    text-align: center;
    justify-content: center;
  }
  .store-footer h3 {
    text-align: center;
  }
    .s-block--fixed-banner {
        width: 96%;
    }
  section.s-block.s-block--banners .grid .banner-entry {
    height: 140px;
  }
  section.s-block.s-block--banners .container {
    width: 100%;
  }
  .bayan-features {
    padding: 2rem 0.5rem 1.5rem;
    margin: 3rem 0 1.5rem;
  }
  .bayan-features div {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 10px 5px;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu li>a{
    font-size: .875rem;
  }
}
@media (max-width: 768px) {
 .store-footer h3 {
    margin-top: 1rem;
  }
  .store-footer__inner .container {
    gap: 1rem;
  }
  .store-footer__inner .container > div:nth-of-type(3) div:first-child {
    justify-content: center;
  }
  .bayan-features div {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
  .bayan-features h2 {
    font-size: 1.7rem;
    margin-bottom: 2rem;
  }
  .bayan-features .box h3 {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
  .bayan-features .box p {
    font-size: 1rem;
  }
  .bayan-features .box p br {
    display: none;
  }
}
@media (min-width: 768px) {
  .s-block--banners .grid.item_5 .banner-entry:last-child, .s-block--banners .grid.item_3 .banner-entry:last-child, .s-block--banners .grid.item_1 .banner-entry:last-child {
    grid-column: auto;
  }
}