body{
	font-family: "Poppins";
}
.navbar .megamenu{ 
	padding: 1rem; 
	
}
.nav-link{
	font-family: "Poppins";
    font-size: 14px;
	font-weight: 500;
	color: #000000 !important;
}
.nav-link:hover{
	color: #FFFFFF;
}
.thum img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.h4hd{
	font-family: "Poppins";
    font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration-line: none;
}
.subcatt{
	color: #000000 !important;
	font-family: "Poppins";
    font-size: 14px;
	text-decoration-line: none;
	padding: 3px 0;
	display: block;
}
.subcatt:hover{
	background-color: #EEEEEE;
	
}
.topbar{
    background-color: #cfbaf0;
    padding: 15px 0;
    text-align: center;
    
}
.topbar a{
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}
.hdr-button{
    background-color: #732c7b;
    border: solid 1px  #732c7b;
}
.hdr-button:hover{
    background-color: #a5a5a5;
}
.imgfit{
	width: 100%;
    height: 200px;
    object-fit: cover;
}
.producttitle{
	font-size: 15px;
    text-decoration: none;
    color: #000000;
}
.hdr-heading{
    color: #732c7b;
    line-height: 1;
    font-size: 4vw;
    font-weight: 500;
}
.hdr-subheading{
    color: #a5a5a5;
    
}
.box1{
    background-color: #cfbaf0 ;
}
.box1 h3{
	font-size: 40px;
  line-height: 40px;
}
.box2 h3{
	font-size: 40px;
  line-height: 40px;
}
.box3 h3{
	font-size: 40px;
  line-height: 40px;
}
.box2{
    background-color: #cddafd;
}

.box3{
    background-color: #fde2e4;
}
.handwrite{
	font-family: 'Ms Madi', cursive;
	font-weight: 400;
	font-size: 40px;
	margin: 0px;
	text-align: center;
	color: #732c7b;
}
.handwritesidebox{
	font-family: 'Ms Madi', cursive;
	font-weight: 400;
	font-size: 60px;
	margin: 0px;
	text-align: center;
	color: #732c7b;
	line-height: 0.5;
}
.whitefont{
	color: #FFFFFF !important;
}
.h1title{
	font-family: "Poppins";
    font-size: 35px;
	font-weight: 500;
	text-align: center;
	line-height: 30px;
}
.title{
	font-family: "Poppins";
    font-size: 18px;
	font-weight: 500;
	color: #732c7b;
	text-decoration: none;
}
.card{
	background-color: #F6F6F6;
}

.sideimage {
   position: relative;
   cursor: pointer;
   margin-bottom: 20px;
   background-position: top;
   background-size: cover;
   background-image: url('https://beautyprivatelabels.com/images/sideimage.png');
   background-size: 148%;
   transition: all 0.3s ease-in-out;
   background-repeat: no-repeat;
}
.sideimage2 {
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
	background-position: top;
	background-size: cover;
	background-image: url('https://beautyprivatelabels.com/images/supplements.png');
	background-size: 148%;
	transition: all 0.3s ease-in-out;
	background-repeat: no-repeat;
 }
.sideimage:hover {
    background-size: 175%;
}

.sideimage2:hover {
    background-size: 175%;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
	
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
	    max-height: 90vh;
	    margin-top:10px;
	}
}
@media (max-width:500px)  { 
	.hdr-heading{
    color: #732c7b;
    line-height: 1;
    font-size: 12vw;
    font-weight: 600;
	}
	.mblogo{
		padding-top: 20px;
	}
	.sideimageht{
		height: 500px;
	}
}
/* ============ mobile view .end// ============ */