*{
    margin: 0;
    padding: 0; 
}
html{
    scroll-behavior: smooth;
}
/* ==================upper-header start===================== */

.upper-header{
    width: 100%;
    background-color: #FBDCBA;
}
.upper-header-text{
    font-size: 0.8rem;
    color: black;
    font-family: "Quantico",sans-serif !important ;
}
.ruppees{
    color: #F60DC3;
    font-family: "Quantico",sans-serif !important ;

/* ==================upper-header end===================== */



}
/* =================nav_bar start========================= */
.navbar{
    width: 100%;
}
.nav-item{
    position: relative;
}
.nav-item::before{
    content: "";
    position: absolute;
    width: 0%;
    height: 3px;
    bottom: 10px;
    background-color: #ff6565;
    border-radius: 50px;
    transition: 0.3s;

}
.nav-item:hover::before{
    width: 90%;
}
.nav-link{
    margin-right: 1.5rem;
    font-size: 17px !important;
    /* font-family: "Quantico",sans-serif !important; */
    font-family: "Nunito", sans-serif !important;
    font-weight: 500 !important;
    color: black;
    margin-bottom: 8px;
}
.active{
    color: #ff6565 !important;
}
.nav-link:hover{
    color: #ff6565 !important;
    transition: 0.3s;
    width: 100%;
}
.dropdown-item{
    text-align: center;
}
.dropdown-item:hover{
    color: #ff6565 !important;
    transition: 0.3s;
}

/* =================nav_bar end========================= */




/* ==========================sale card start============================ */
.sales-card{
    border-radius: 1rem;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.sales-card:hover{
    transform: scale(1.1);
    z-index: 2;
}
/* ==========================sale card end============================ */




/* ===================about us start====================== */
.about{
    background-color: #FAEFED;
}
.about>h1{
    font-family: "Nunito", sans-serif !important;
}

.products-provider{
    font-family: "Nunito", sans-serif !important;
}
/* ===================about us end====================== */




/*-------------------- our products start---------------------- */
.our-products-h1{
    font-family: "Nunito", sans-serif;
}
.skinpr{
    background-color: #fce1c4;
    color: rgba(10, 10, 10, 0.962);
    
}
.skinpr h1{
font-family: "Nunito", sans-serif;

}

.bi-star-fill{
    color: rgb(255, 208, 0);
}
.card button{
     background-color: #f5c9c9;
    border: 1px solid #f5c9c9;
    border-radius: 50px !important;
    color: black;
    padding:8px 25px !important;
    transition: 0.5s all;
   }
.card button:hover{
    color: white;
    background-color: #f5b6b6;
    
}
.card{
    position: relative;
    transition: 0.4s ease-in-out;
}
.card .card1-info{
    position: absolute;
    z-index: 3;
    color: #ffffff;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s all;
    bottom: 190px;
    font-family: "Quantico",sans-serif !important ;

}
.card:hover .card1-info{
    opacity: 1;
    bottom: 250px;
}
.product-card-1::before{
    content: "";
    position: absolute;
    bottom: 230px;
    width: 100%;
    height: 56%;
    background: linear-gradient(to bottom, rgba(253, 185, 140, 0.37),rgba(255, 166, 248, 0.5));
    transition: 0.3s all;
    opacity: 0;
    z-index: 2;
}
.product-card-1:hover::before{
    opacity: 1;
}


/* ------------------hair products start--------------------- */
.hair-products{
    width: 100%;
    background-color: #ffe8fb;
}
.hair-products h1{
    font-family: "Nunito", sans-serif;
}
.product-card-2{
    position: relative;
    transition: 0.4s ease-in-out;
}
.card .card2-info{
    position: absolute;
    z-index: 3;
    color: #ffffff;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s all;
    bottom: 190px;
    font-family: "Quantico",sans-serif !important ;

}
.card:hover .card2-info{
    opacity: 1;
    bottom: 280px;
}
.product-card-2::before{
    content: "";
    position: absolute;
    bottom: 255px;
    width: 100%;
    height: 53%;
    background: linear-gradient(to bottom, rgba(255, 127, 244, 0.5), rgba(147, 97, 240, 0.37));
    transition: 0.3s all;
    opacity: 0;
    z-index: 2;
}
.product-card-2:hover::before{
    opacity: 1;
}


/* ------------------hair products end--------------------- */



/* ------------------makeup kits start------------------ */
.makeup-kits{
    width: 100%;
    background: linear-gradient(#ffdcf7,#fcf0d4);
   
}
.makeup-kits h1{
    font-family: "Nunito", sans-serif;
}
.product-card-3{
    position: relative;
    transition: 0.4s ease-in-out;
}
.card .card3-info{
    position: absolute;
    z-index: 3;
    color: #ffffff;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s all;
    bottom: 190px;
    font-family: "Quantico",sans-serif !important ;

}
.card:hover .card3-info{
    opacity: 1;
    bottom: 250px;
}
.product-card-3::before{
    content: "";
    position: absolute;
    bottom: 231px;
    width: 100%;
    height: 55%;
    background: linear-gradient(to bottom, rgba(255, 128, 244, 0.5),rgba(247, 177, 87, 0.37));
    transition: 0.3s all;
    opacity: 0;
    z-index: 2;
}
.product-card-3:hover::before{
    opacity: 1;
}

/* ------------------makeup kits end------------------ */



/* ----------------nail paints start------------------------ */
.nail-paints{
    width: 100%;
background-color: #e9dbf7ef;
}
.nail-paints h1{
    font-family: "Nunito", sans-serif;
}
.product-card-4{
    position: relative;
    transition: 0.4s ease-in-out;
}
.card .card4-info{
    position: absolute;
    z-index: 3;
    color: #ffffff;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s all;
    bottom: 190px;
    font-family: "Quantico",sans-serif !important ;

}
.card:hover .card4-info{
    opacity: 1;
    bottom: 250px;
}
.product-card-4::before{
    content: "";
    position: absolute;
    bottom: 255px;
    width: 100%;
    height: 53%;
    background: linear-gradient(to bottom,rgba(247, 184, 255, 0.637), rgba(216, 200, 255, 0.925));
    transition: 0.3s all;
    opacity: 0;
    z-index: 2;
}
.product-card-4:hover::before{
    opacity: 1;
}
/* ----------------nail paints end------------------------ */


/* ----------------nail arts start------------------------ */
.nail-arts{
    width: 100%;
    background-color: #f3c8fcd2;
}
.nail-arts h1{
    font-family: "Nunito", sans-serif;
}
.product-card-5{
    position: relative;
    transition: 0.4s ease-in-out;
}
.card .card5-info{
    position: absolute;
    z-index: 3;
    color: #ffffff;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s all;
    bottom: 190px;
    font-family: "Quantico",sans-serif !important ;

}
.card:hover .card5-info{
    opacity: 1;
    bottom: 270px;
}
.product-card-5::before{
    content: "";
    position: absolute;
    bottom: 230px;
    width: 100%;
    height: 56%;
    background: linear-gradient(to bottom,rgba(247, 184, 255, 0.466), rgba(216, 200, 255, 0.925));
    transition: 0.3s all;
    opacity: 0;
    z-index: 2;
}
.product-card-5:hover::before{
    opacity: 1;
}
/* ----------------nail arts end------------------------ */



/* ----------------jewellery start------------------------ */
.jewellery{
    width: 100%;
    background-color:rgb( 235, 232, 232);
}
.jewellery h1{
    font-family: "Nunito", sans-serif;
}
/* ----------------jewellery end------------------------ */



/* ----------------wedding-kits start------------------------ */
.wedding-kits{
    width: 100%;
    background-color:#ffcdcdcf;
}
.wedding-kits h1{
    font-family: "Nunito", sans-serif;
}
.product-card-7{
    position: relative;
    transition: 0.4s ease-in-out;
}
.card .card7-info{
    position: absolute;
    z-index: 3;
    color: #ffffff;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s all;
    bottom: 190px;
    font-family: "Quantico",sans-serif !important ;

}
.card:hover .card7-info{
    opacity: 1;
    bottom: 250px;
}
.product-card-7::before{
    content: "";
    position: absolute;
    bottom: 230px;
    width: 100%;
    height: 56%;
    background: linear-gradient(to bottom,rgba(255, 133, 208, 0.664), rgba(255, 108, 218, 0.356));
    transition: 0.3s all;
    opacity: 0;
    z-index: 2;
}
.product-card-7:hover::before{
    opacity: 1;
}
/* ----------------wedding-kits end------------------------ */



/* ----------------------our products end----------------------------- */




/* ---------------------sale banner start-------------------- */
.sale-banner{
        transition: 0.3s ease-in-out;
}
.sale-banner:hover{
    transform: scale(1.1);
    z-index: 2;
}
/* ---------------------sale banner end-------------------- */




/* -------------------upcoming products start------------------ */
.upcoming-product{
    width: 100%;
    background-color: #F8C8C6;
}
.upcoming-product h1{
    font-family: "Nunito", sans-serif;
}
/* -------------------upcoming products end------------------ */




/* ------------------gallery start------------------------ */
.gallery-section{
width: 100%;
background: linear-gradient(to left, rgb(213,198,255),rgb(216,250,243),rgb(255,219,225));
}
.gallery-h1{
    font-family: "Nunito", sans-serif;
}
.gallery-img{
    transition: 0.3s ease-in-out;
}
.gallery-img:hover{
transform: scale(1.1);

z-index: 2;
}
/* ------------------gallery end------------------------ */





/* ---------------------feedback form start-------------------------- */
.feedback{
    width: 100%;

    padding-bottom: 8px;
    margin-bottom: 2rem;
}
.feedback h1{
    font-family: "Nunito", sans-serif;
}
.feedback-img{
    /* border-radius: 50%; */
    transition: 0.3s ease-in-out;
}
.feedback-img:hover{
    /* transform: scale(1.1); */
    z-index: 2;
}
.input{
    border: none;
    outline: none !important;
    background: transparent;
    border-bottom: 2px solid rgb(219, 181, 255);
}
.btn-outline-success{
    color: rgb(219, 181, 255) !important;
    outline: rgb(219, 181, 255) !important;
    border: 2px solid rgb(219, 181, 255) !important ;
}
.btn-outline-success:hover{
background-color: rgb(226, 203, 250) !important;
color: white !important;
}

/* ---------------------feedback form end-------------------------- */





/* ----------------------contact us start---------------------- */
.contact{
    width: 100%;
    /* background: linear-gradient(rgb(77, 248, 205),rgb(104, 236, 214),rgb(252, 116, 240)); */
background: linear-gradient(#C7F1CF,#E0D7FF);
}
.contact h1{
    font-family: "Nunito", sans-serif;
}
.bi-geo-alt-fill{
    color: #fa5252;
}
.bi-telephone-fill{
    font-size: 1.4rem;
    color: rgb(106, 248, 63);
    padding-right: 6px;
}
.bi-envelope-at{
    color: orangered;
    padding-right: 8px;
}
.bi-shop{
    padding: 0.8rem;
}
.bi-arrow-up-square-fill{
    text-decoration: none;
    color: rgb(248, 129, 149);
    background-color: transparent;
    font-size: 2.5rem;
    display: flex;
    justify-content: flex-end;
}
/* ----------------------contact us end---------------------- */




/* --------------------footer start-------------------- */
.footer{
    width: 100%;
    background-color: rgb(0, 0, 0);
    color: white;
}
.bi-arrow-bar-up{
    color:white;
}

.bi-arrow-bar-up:hover{
    color: gray;
}

/* --------------------footer end-------------------- */



/* ============================================website end============================================ */