:root{
  --sec-color: #f4a73e;
}




/* main banner */
@media(max-width: 768px){
  section.advanced-slider.advanced-slider--0.auto-height {
    margin-top: 4rem;
}
}

/* titles */
.htv--pulse-line .enhanced-title-border{
  background-color: var(--sec-color);
}




/* marquee */
section.s-block.s-block--bundle-marquee {
    margin-top: 0;
}




/* ==========================================
                  special products
========================================== */
@media(max-width: 768px){
  .special-slider__media.max-h-\[350px\] {
    max-height: 506px !important;
}

  
  .s-block--special-products-slider
img[data-selia="home-special-products-slider-image"]{
  /* object-position: top; */
  /* object-fit: contain; */
      max-height: 506px !important;
}
}


.s-block--special-products-slider
> div > div> div{
  justify-content: end;
}


.s-block--special-products-slider
a.special-products-slider__button{
  border-radius: 20px;
}





/* tabs */
.s-block--product-tabs 
.btn-tab-primary.active,
.btn-tab-primary:hover
{
  background: var(--sec-color);
  border-color: var(--sec-color);
}








/* ==========================================
                 cat
========================================== */
@media (max-width: 768px) {
  section.s-block.s-block--square-links
.grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}


  li.square-links__item.text-center.group.anime-item:last-child {
    grid-column: span 3;
    width: calc(100% / 3);
    margin: auto;
}
}






/* ==========================================
   Offer Countdown - Custom Design
========================================== */

.s-block--offer-countdown {
  /* Desktop Background */
  background-image: url("https://i.ibb.co/ZpNBkbkJ/Section-36.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding-top: 6rem;
    padding-bottom: 6rem;

  /* Font */
  /* font-family: "DG Ghayaty", sans-serif !important; */

  /* Remove default background */
  background-color: transparent !important;
}

/* Make all content use the custom font */
.s-block--offer-countdown *,
.s-block--offer-countdown h2,
.s-block--offer-countdown p,
.s-block--offer-countdown a,
.s-block--offer-countdown li {
  /* font-family: "DG Ghayaty", sans-serif !important; */
  color: #000 !important;
}



.s-block--offer-countdown 
.offer-countdown-cta 
.offer-countdown-button{
      background-color: #f7aa40;
      padding: 0.5rem 2.5rem;
      color: #1f212d;
       border: solid 1px #1f212d;
}
.s-block--offer-countdown
.offer-countdown-cta 
.offer-countdown-button:hover{
  color: #f7aa40 !important;
}
i.sicon-arrow-left{
  display: none;
}

.s-block--offer-countdown
.offer-countdown-title{
  color: #1f212d !important;
}
.s-block--offer-countdown
.offer-countdown-subtitle{
  color: #1f212d !important;
}

.s-block--offer-countdown
salla-count-down
.s-count-down-list
.s-count-down-item{
      background: rgba(255, 255, 255, .4);
  height: 5rem;
    width: 5rem;
    border-radius: 50%;
  border: solid 1px #1f212d;
}

/* ======================
   Desktop - Content Right
======================== */

@media (min-width: 768px) {

  .s-block--offer-countdown .offer-countdown-container {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .s-block--offer-countdown .offer-countdown-content {
    width: 50% !important;
    text-align: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .s-block--offer-countdown .offer-countdown-title,
  .s-block--offer-countdown .offer-countdown-subtitle,
  .s-block--offer-countdown .offer-countdown-timer,
  .s-block--offer-countdown .offer-countdown-cta {
    text-align: right !important;
  }

}

/* ====================
   Mobile - Different Background + Center
====================== */

@media (max-width: 767px) {

  .s-block--offer-countdown {
    background-image: url("https://i.ibb.co/35MgWmbH/Background-6.webp") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding-top: 1rem;
    padding-bottom: 10rem;
  }

  .s-block--offer-countdown .offer-countdown-container {
    display: flex !important;
    justify-content: center !important;
    align-items: top;
    width: 100% !important;
  }

  .s-block--offer-countdown .offer-countdown-content {
    width: 100% !important;
    text-align: center !important;
  }

  .s-block--offer-countdown .offer-countdown-title,
  .s-block--offer-countdown .offer-countdown-subtitle,
  .s-block--offer-countdown .offer-countdown-timer,
  .s-block--offer-countdown .offer-countdown-cta {
    text-align: center !important;
  }

  .s-block--offer-countdown .offer-countdown-button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

}


/* ==========================================
                  three-banners
========================================== */
section.s-block--three-banners
  .container{
  padding-left: 0;
  padding-right: 0;
}
.three-banners__row {
    gap: 0;
}





/* ==========================================
                  features
========================================== */
@media (max-width: 991px) {
    .s-block--enhanced-features.mini-features [data-length="3"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

   .s-block--enhanced-features.mini-features [data-length="3"]
      .s-block--enhanced-features__item:first-child{
          grid-column: span 2 !important;
        width: calc(100%);
   }

}