body{
    font-family: 'Aileron', sans-serif;
}
.title{
    font-size: 10vw;
    /* font-size: 158px; */
    font-family: 'Adobe Garamond Pro', sans-serif;
}
.description{
    font-size: 22px;
    font-family: 'Adobe Garamond Pro', sans-serif;
}
#carouselExampleCaptions .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: gray;
}
#carouselExampleCaptions .carousel-indicators{
    bottom: -50px;
}
.bg-home-1{
    background: url('/assets/img/home-1.webp'); 
    background-size: 100vw; 
    background-repeat: no-repeat;
}
.bg-home-2{
    background: url('/assets/img/home-2.webp');
    background-size: 100vw;
    background-repeat: no-repeat;
}
.bg-home-3{
    background: url('/assets/img/home-3.webp');
    background-size: 100vw;
    background-repeat: no-repeat;
}
.bg-about-us{
    background: url('/assets/img/about-us.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}
.bg-spin-mop{
    background: url('/assets/img/spin-mop.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}
.bg-spray-mop{
    background: url('/assets/img/spray-mop.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
}
.bg-sweep-broom{
    background: url('/assets/img/sweep-broom.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
}
.text-yellow{
    color: #f6b219;
}
.spray-mop-det{
    width: 225px;
}
.sweep-broom-content-wrapper{
    margin-top: 220px;
}
@media screen and (max-width: 480px) {
    .title{
        /* font-size: 22px; */
        font-family: 'Adobe Garamond Pro', sans-serif;
    }
    .description{
        font-size: 16px;
        font-family: 'Adobe Garamond Pro', sans-serif;
    }
    .hide{
        display: none;
    }
    .bg-home{
        background-size: cover!important;
        background-position-x: center!important;
    }
    .bg-about-us{
        background: white;
    }
    .bg-spin-mop,.bg-spray-mop,.bg-sweep-broom,.bg-home-1,.bg-home-2,.bg-home-3{
        background: none;
    }
    .spray-mop-det{
        width: 100%;
    }
  }