/* Add custom CSS styles below */ 
.bg-nav_bg {

    background-color: #0d5859;

}
.s-block--bundle-features-grid .section-container
.header h2
{
  color:#1C5252 !important;
}
.footer-is-light .store-footer .contact-social{

  border-color: rgb(10 60 61);

}

.footer-is-light .store-footer .store-footer__inner{

  border-bottom-color: rgb(10 60 61);

   background-color: rgb(12 89 89);

}

.store-footer h3 , .leading-6 , .store-footer .s-contacts-icon , .store-footer .s-contacts-item , .store-footer a {

  color:#aba279

}
.s-trust-badges-label , .s-trust-badges-number{

  color: #aba279

}
.about-store p{
    color: #aba279;
}
/* 1. Make Header Transparent and Overlap Slider (Home Page Only) */
body.index header.store-header {
  background-color: transparent !important;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  border: none !important;
  box-shadow: none !important;
}
/* Ensure header sub-navs are also transparent */
body.index header.store-header .top-nav,
body.index header.store-header #main-nav {
  background-color: transparent !important;
}

/* 2. Desktop-Only Styles (Overlap & Full Height) */
@media (min-width: 1024px) {
  body.index section#default-home-slider-0,
  body.index section#default-home-slider-0 salla-slider,
  body.index section#default-home-slider-0 .swiper,
  body.index section#default-home-slider-0 .swiper-slide {
    height: 100vh !important;
    min-height: 600px; /* Optional: ensures a minimum height */
  }
}

/* 3. Slider Image - Full Size & No Bottom Cropping */
body.index section#default-home-slider-0 .swiper-lazy {
  height: 100% !important;
  background-size: 100% 100% !important; /* Shows full image height/width */
  background-position: center top !important;
}

/* 4. Remove Pagination Dots */
body.index section#default-home-slider-0 .swiper-pagination {
  display: none !important;
}
/* Specific button gradient */
a.btn.btn--primary.group.h-12.\!px-10.mt-8.gap-2 {
  background: linear-gradient(to right, #E5B469, #B28A4B) !important;
  border: none !important;
  color: #ffffff !important;
}

/* 1. Style the container for the background and circular shape */
span.relative.text-xl.text-primary.flex-center.w-14.h-14.rtl\:ml-2.ltr\:mr-2 {
  background-color: #f4f2ee !important;
  border-radius: 9999px !important; /* Ensures it stays circled */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2. Hide the original pseudo-element to avoid color mixing */
span.relative.text-xl.text-primary.flex-center.w-14.h-14.rtl\:ml-2.ltr\:mr-2::before {
  display: none !important;
}

/* 3. Change the icon color */
span.relative.text-xl.text-primary.flex-center.w-14.h-14.rtl\:ml-2.ltr\:mr-2 i.sicon-vision {
  color: #DDAC67 !important;
}
/* 1. Style the container for the background and circular shape */
span.relative.text-xl.text-primary.flex-center.w-14.h-14.rtl\:ml-2.ltr\:mr-2 {
  background-color: #f4f2ee !important;
  border-radius: 9999px !important; /* Ensures it stays circled */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2. Hide the original pseudo-element to avoid color mixing */
span.relative.text-xl.text-primary.flex-center.w-14.h-14.rtl\:ml-2.ltr\:mr-2::before {
  display: none !important;
}

/* 3. Change the icon color */
span.relative.text-xl.text-primary.flex-center.w-14.h-14.rtl\:ml-2.ltr\:mr-2 i.sicon-vision {
  color: #DDAC67 !important;
}
i.sicon-star-o {
  color: #DDAC67 !important;
}

/* Mobile-only slider image override */
@media (max-width: 767px) {
  /* Select the first slide in the specific section */
  section#default-home-slider-0 .swiper-slide:nth-child(1) .swiper-lazy {
    background-image: url("https://i.ibb.co/j904XSD8/Variant3-1-1.webp") !important;
  }

  /* Select the second slide in the specific section */
  section#default-home-slider-0 .swiper-slide:nth-child(2) .swiper-lazy {
    background-image: url("https://i.ibb.co/cSfL9Mhj/Variant4-1-1.webp") !important;
  }
}

/* Add space between title and description */
.s-block--donations-grid a.text-lg.font-bold {
    display: block !important;
    margin-bottom: 16px !important;
}

/* Update button colors */
.s-block--donations-grid a.flex.gap-2.items-center.border {
    border-color: #C59A56 !important;
    color: #C59A56 !important;
}

/* Ensure icons/spans inside the button inherit the color */
.s-block--donations-grid a.flex.gap-2.items-center.border i,
.s-block--donations-grid a.flex.gap-2.items-center.border span {
    color: #C59A56 !important;
}
.s-block--donations-grid .text-lg.font-bold {
    color: #1D5758 !important;
}

@media (min-width: 1024px) {
    .s-block--donations-grid .text-lg.font-bold {
        font-size: 48px !important;
    }
}

.s-block--donations-grid .text-base.font-normal {
    color: #626262 !important;
}

@media (min-width: 1024px) {
  #donations-grid-7 .container .lg\:flex-row {
        flex-direction: row-reverse !important;
    }
  .s-block--donations-grid a.text-lg.font-bold{
    line-height:1.3;
  }

  
                           }