/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

* {
  font-family: "Cairo", sans-serif;
}

div#sticky-bar {
    position: static;
}

salla-button .s-button-btn {
    border-radius: 0.75rem;
}
.s-block--statistics .inner {
    justify-content: space-between;
    border-radius: 10px; /* Rounded corners */
    overflow: hidden; /* Prevents content overflow */
    padding: 10px; /* Adds spacing inside */
    color: rgb(255, 254, 250); /* White text */
    background-color: rgb(113, 93, 65); /* Base brown background */
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Half-circle effect using a background image */
.s-block--statistics .inner::before {
    content: "";
    position: absolute;
    width: 160px; /* Adjust size of the effect */
    height: 160px;
    background: rgba(255, 255, 255, 0.1); /* Light overlay */
    border-radius: 50%; /* Makes it a perfect circle */
    bottom: 0;
    left: 0;
    transform: translate(-30%, 30%); /* Moves the circle slightly */
}



/* header */
#home-slider-0 .home-slider-data *{    
  display: block;
  width: fit-content;
  text-align:center;
  margin-right:auto;
  margin-left:auto;
}
a.offers-link span {
  color: #f1e7ab !important;
}
#home-slider-0 h2{
  font-size:70px;
}

#home-slider-0 p {
    font-size: 36px;
    line-height: 1.5;
    font-weight: 400;
    color: rgb(113,93,65);
}

#main-carousel-12 a.btn,
#home-slider-0 a.btn {
    color: rgb(255,254,250);
    background: rgb(113,93,65);
    padding: 1rem 1rem;
    font-size: 20px;
    margin-right: 10px;
}


#home-slider-0 .md\:max-w-\[500px\] {
    max-width: 750px;
    padding:0;
}


/* banner */
#s-block--fixed-banner-1,
#s-block--fixed-banner-1 .container{
padding:0;
margin:0 !important;
max-width:100%
}

/* features */
.s-block--statistics .inner{
justify-content: space-evenly;
}

s-block--statistics .fadeup.img_cover {
    width: 5rem !important;
    height: 5rem !important;
}


/* tabs */
#tabs-and-images-4 .tabs-wrapper.py-0 p, 
#tabs-and-images-4 .tabs-wrapper.py-0 a {
    display: none;
}

#tabs-and-images-4 h3 {
    font-size: 42px;
    font-weight: 600;
}

#tabs-and-images-4 p {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 400;
}




#main-links-3 .xl\:grid-cols-6 {
    grid-template-columns: repeat(5,minmax(0,1fr));
}

/* video_text-10 */
#video_text-10 .image-wrap-right {
    background: rgb(46,157,114);
    background: linear-gradient(43deg, rgba(46,157,114,1) 0%, rgba(16,55,40,1) 100%);
}

#video_text-10 .animated-background-text,
#video_text-10 .fadeup.not-fading-up.fading-up{
text-align:right!important
}

#video_text-10 h2{
font-size:48px
}

#video_text-10 p{
font-size:28px;
margin:2rem auto;
}

#video_text-10 a.btn {
    color: #368662 !important;
    background: linear-gradient(-80deg, rgba(255,254,250,1) 0%, rgba(203,197,179,1) 100%) !important;
    font-size: 20px;
    padding: 1rem 2rem;
}

/* banners */
@media (min-width: 768px) {
#main-carousel-12 .md\:max-w-\[300px\].md\:w-1\/2 {
    width: 100%;
    max-width: 750px;
  }
}

  
  #main-carousel-12 .md\:max-w-\[300px\].md\:w-1\/2 *{
    text-align:right
  }

#main-carousel-12 h3{
font-size:32px
}

#main-carousel-12 strong {
    font-size: 20px;
    line-height: 1.5;
}

section#best-offers-15-slider {
    margin-top: -7rem !important;
}

/* links */
#main-links-14 .lg\:grid-cols-6 {
    grid-template-columns: repeat(5,minmax(0,1fr));
}

#main-links-14 .relative.z-1.container {
    top: -10rem;
}

/* footer */
.fill-\[--data-fill-stock\] {
    fill: transparent;
}

section.s-block.relative.z-0:has(footer){
background:url(https://i.ibb.co/RDMcMVt/Vector-13-1.png);
background-size: cover;
}


}

@media(max-width:767px){
#home-slider-0 h2 {
    font-size: 26px;
}

#home-slider-0 p {
    font-size: 21px;
    line-height: 1.5;
}

#main-carousel-12 a.btn,
#home-slider-0 a.btn {
    padding: 0.5rem 1rem;
    font-size: 16px;
}


#tabs-and-images-4 h3 {
    font-size: 36px;
}

#tabs-and-images-4 p {
    font-size: 20px;
}

.max-w-\[166px\] {
    max-width: 200px;
}
#video_text-10 .animated-background-text,
#video_text-10 .fadeup.not-fading-up.fading-up{
text-align:center!important
}

#video_text-10 h2{
font-size:32px
}

#video_text-10 p{
font-size:20px;
}
#video_text-10 a.btn {
    font-size: 16px;
    padding: 0.5rem 1rem;
}

#main-links-14 .lg\:grid-cols-6 {
    grid-template-columns: repeat(3,minmax(0,1fr));
    display: flex;
    flex-wrap: wrap;
}

#main-links-14 .lg\:grid-cols-6 > div {
    width: 30%;
}

#main-links-14 .relative.z-1.container {
    top: 0;
}
section#best-offers-15-slider {
    margin-top:0!important;
}
section.s-block.relative.z-0:has(footer) {
    background-position: center right;
}
}(max-width: 767px) {
    #home-slider-0 h2 {
        font-size: 22px;
    }
#home-slider-0 p {
    font-size: 18px;
    line-height: 1.5;
}
}