a {
    color: #000;
    text-decoration: none;
}

header {
    position: relative;
    z-index: 5;
}


.searchengin {
    background-color: #c45975;
    border-radius: 50px;
    padding: 5px 25px;
    color: white;
}

.navbar .navbar-collapse .navbar-nav {}

.slider .slider-list-slider .item img {
    width: 100%;
    height: 100%;
}

.slider-list-slider {
    position: relative;
}

.owl-nav-custom {
    position: absolute;
    top: 50%;
    width: 89%;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    padding: 0 20px;
    margin: auto;
    left: 5%;
}

.owl-nav-custom button {
    background: #f09eb4;
    border: none;
    color: white;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* cursor: pointer; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-nav-custom button:hover {
    background: #cc8799;
}

.owl-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 15px;
    align-items: center;
}

.owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #cecece !important;
    border-radius: 50%;
    cursor: pointer;
    /* transition: background 0.3s ease; */
    border: none;

}

.owl-dots .active {
    background: #f09eb4 !important;
    width: 17px;
    height: 17px;

}

/* ************************** */


#why {
    /* height: 80vh; */
    position: relative;
}

#why .first-text {
    margin-top: 15vh;
}

#why .second-text {
    margin-top: 7vh;
}

#why .second-text p {
    width: 60%;
    font-size: 17px;
}

#why .item img {
    background-color: #ef9eb1;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    padding: 25px;

}

#why .third {
    margin-top: 12vh;
}

#why .flower {
    position: absolute;
    top: 3%;
    left: -10%;
    width: 30%;
}

#why .flower-1 {
  position: absolute;
  top: 68%;
  left: 7%;
  width: 5%;
}

#why .flower-2 {
    position: absolute;
    top: 23%;
    right: 7%;
    width: 8%;
}


/* ********************* */

#bathtub {
    position: relative;
    overflow: visible;
}

#bathtub .bathtub {
    position: absolute;
    top: 64%;
    left: 17%;
    width: 6%;
}

#bathtub .bathtub-1 {
    position: absolute;
    top: 30%;
    right: -23%;
    width: 36%;
}

/* ************* */

#video .video-list-slider .img {
    width: 350px;
    height: 250px;
    border-radius: 100px;
    background-color: #c45975;
    transition: ease .5s;
    overflow: hidden;
    border: 3px solid #c45975;
}

#video .video-list-slider .img:hover {
    width: 360px;
    height: 260px;
}

#video .video-list-slider .img .img-chald {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ************* */

#blog .blog-list-slider .img {
    position: relative;
    width: 350px;
    height: 250px;
    border-radius: 100px;
    transition: ease .5s;
    overflow: hidden;
    border: 2px solid #c45975;
}

#blog .blog-list-slider .img:hover {
    width: 380px;
    height: 280px;
    border-radius: 80px;
}

#blog .blog-list-slider .img .text {
    position: absolute;
    bottom: 0;
    padding: 25px;
    color: #fff;
    text-align: center;
    background: linear-gradient(180deg, rgba(42, 123, 155, 0) 0%, rgba(196, 89, 117, 1) 100%);
}
#blog .blog-list-slider .img .img-chald {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* ***************** */

#products {
    position: relative;
    /* height: 70vh; */
}


#products .box-products {
    width: 80%;
    /* height: 35vh; */
    background: #b0b8d1;
    background: linear-gradient(90deg, rgba(176, 184, 209, 1) 0%, rgba(42, 59, 111, 1) 34%);
    overflow: hidden;
    position: relative;
}

#products .box-products .products-child {
    margin-top: -50px;
    
}

#products .products {
    position: absolute;
    width: 50%;
    left: -28%;
    top: 32%;
}

#products .products-1 {
    position: absolute;
    width: 8%;
    right: 6%;
    top: 36%;
}

#products .products-2 {
    position: absolute;
    width: 5%;
    left: 4%;
    top: 8%;
}


/* ************* */


#about-us{
    position: relative;
    /* height: 70vh; */
}
#about-us .box-about-us .about-us-child {
    /* position: absolute;
    width: 45%;
    right: 0;
    top: 0; */
}

#about-us .box-about-us {
    width: 80%;
    /* height: 35vh; */
    background: #2a3b6f;
    overflow: hidden;
    position: relative;
}


#about-us .about-us {
    position: absolute;
    width: 50%;
    right: -28%;
    top: 22%;
}

#about-us .about-us-1 {
    position: absolute;
    width: 8%;
    left: 6%;
    top: 36%;
}



/* ******************** */

footer{
    background-color: #c45975;

}