p
{
	font-size: 16px;
	padding-bottom: 12px;
	color: #000;
	margin: 0px;
	line-height:1.8;
	letter-spacing:1px;
}



/* Menu */

.navbar-toggler:focus
{
	box-shadow: none;
}

.navbar-toggler
{
	border: none;
}

#main_menu
{
    border-bottom:1px solid #ececec;
}

.logo
{
    width: 150px;
	height:auto;
}

#main_menu .navbar
{
	padding: 0px;
}

.menu_bar
{
	padding: 15px 0px;
    text-align: end;
}

.menu a
{
    color: #000;
    padding: 5px 15px !important;
    font-size: 16px;
	/* font-weight:500; */
    background: transparent;
    margin:5px 10px 5px 0px;
}
.menu li a:hover 
{
	background-color:#a48238;
	color:#fff;
	border-radius:5px;
	/*padding: 7px 35px;*/
}

.dropdown-menu 
{
	padding:0px 15px;	
}
.dropdown-menu li a :hover
{
	margin:5px 0px;
}

/* Home Banner Section */

#home_banner
{
  background-image: url(../images/youglow-home-banner.webp),linear-gradient(#000000c7, #00000070);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding:100px 0px;
  position: relative;
}

#home_banner .banner_heading h1
{
	font-size:55px;
	font-weight:400;
	color:#000;
	margin: 0px;
	padding-bottom: 15px;
}

#home_banner p
{
	color: #fff;
}

#home_banner .btn-group .banner_btn
{
	margin: 15px 6px;
	padding: 10px 55px;
	border: 1px solid #fff;
    font-size: 16px;
	font-weight: 500;
}

#home_banner .btn-group .banner_btn:hover
{
	border: 2px solid #fff;
}

#home_banner .btn-group .banner_btn a
{
	color: #000;
	text-decoration: none;
}

#offer
{
	background-color:#bb8900;
	position:relative;
	padding-bottom:10px;
	
	
}
#offer h5
{
	font-size: 2rem;
}
.trans_btn
{
	background-color: transparent;
}

/*
#home_banner .btn-group .trans_btn a
{
	color: rgb( 255,255,255) !important;
}*/


/* Section Heading Css */


.section_pad
{
	padding: 25px 0px;
}

.section_heading
{
	padding-bottom: 15px;
}

.section_heading h2
{
	color: #000;
	font-weight: 400;
	font-size: 35px;
	margin: 0px;
	padding: 0px;
}

/* Youglow Discover Best Skin Section */

#best_skin h2
{
	font-size: 22px;
}

.discoverskin_box
{
	margin-top: 15px;
	transition: 0.5s all ease-in-out;
}

.discoverskin_box h3
{
	padding: 10px 0px;
	margin: 0px;
	font-weight: 400;
	font-size: 16px;
}

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

.g_logo
{
	width: 66px;
	height: auto;
	padding-left: 6px;
}

#best_skin .fa-star {
  color: orange;
}

.discoverskin_box:hover
{
	transform: scale(1.05);
}

/*

.discoverskin_box:hover img
{
transform: scale(1.005);
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
    cursor: pointer;

}*/


/*.simg2
{
	height: 258px;
}*/


/*  Unlock True beauty Section */

#unlock_beauty
{
  
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;	
  position: relative;
  padding: 100px 0px 100px;
  background-color:#ecefec;
  
}


.banner1
{
	background-image: url(../images/Youglow-lp-Desktop-Dr-Mahalaxmi.webp);
}
.banner2
{
	background-image: url(../images/BTM-doctor-dtp-swarnalatha.webp);
}


.truebeauty_box
{
	background-color: #f3f3f3;
	padding: 25px 45px;
	border-radius: 5px;
	width: 100%;
	float: right;
}

.truebeauty_box h2, .truebeauty_box p
{
   text-align: right;	
}

#unlock_beauty  .btn-group
{
	float: right; 
}

#unlock_beauty .black_btn
{
	margin: 15px 6px;
	padding: 10px 35px;
	border: 1px solid #000;
    font-size: 16px;
	background-color: #000;
}

#unlock_beauty .black_btn:hover
{
	border: 2px solid #000;
}

#unlock_beauty .black_btn a
{
	color: #fff;
	text-decoration: none;
}

.trans_btn
{
	background-color: transparent !important;
}

#unlock_beauty .trans_btn a
{
	color: #000 !important;
}


/*  Anti ageing treatments section */

.aqua_box
{
	background-color: #f3f3f3;
}

.side_content_box
{
	padding: 80px;
}

.black_buttn
{
	margin-top: 15px;
	padding: 10px 35px;
	border: 1px solid #000;
    font-size: 16px;
	background-color: #000;
}

.black_buttn a
{
	color: #fff;
	text-decoration: none;
}

.ba_box
{
	margin-top: 35px;
}

.ba_box p
{
	padding: 15px 0px;
	background-color: #f3f3f3;
}

.ba_box span
{
	border-bottom: 1px solid #000;
}

.ba_box p:hover span
{
	border-bottom: 2px solid #000;
}

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


/* Look Natural Results Section */

.white_box
{
	background-color: #fff;
	border: 1px solid #f3f3f3;
}


/*  Location Banner Footer */

#youglowloc_branches
{
	background-color: #ecefec;
	padding: 100px 0px;
}

.lbranch_box
{
	margin-top: 15px;
	transition: 0.5s all ease-in-out;
	cursor: pointer;
}

.lbranch_box h3
{
	padding: 10px 0px;
	margin: 0px;
	font-weight: 600;
	font-size: 18px;
	color: #000;
}

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

.lbranch_box:hover
{
	transform: scale(1.05);
}


/*  Contact Section  */


#contact h5
{
	color: #000;
	font-weight: 700;
	font-size: 35px;
	text-align: center;
	margin: 0px;
	padding-bottom: 20px;
}


/* Footer  */

#footer
{
	background-color: #35444a;
}

#footer p, #footer a
{
	color: #fff;
	text-decoration: none;
}

.footer_logo
{
    padding-bottom: 15px;
}


/*  Copyright  */

#copyright
{
	padding: 15px 0px;
	background-color: #272c2e;
}

#copyright p
{
	padding-bottom: 0px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}


/*  Thank you page  */

#thankyou
{
	padding: 100px 0px;
}

#thankyou h2
{
	font-size: 35px;
	font-weight: 600;
	margin: 0px;
	padding-bottom: 15px;
}

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


/*  Skin Booster Page  */

#skin_booster
{
	background-image: url('../images/skin-booster/skin-booster-bg.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 100px 0px;
}

.treatment_bannerbox
{
	background-color: #fff;
	padding: 40px;
	float: right;
	border-radius: 5px;
	width: 65%;
}

.treatment_bannerbox h1
{
	font-size:35px;
	font-weight:400;
	color:#000;
	margin: 0px;
	padding-bottom: 15px;
	text-align: right;
}

.treatment_bannerbox p
{
	text-align: right;
}


/*.truebeauty_box
{
	background-color: #f3f3f3;
	padding: 25px 45px;
	border-radius: 5px;
	width: 65%;
	float: right;
}*/



.treatment_bannerbox  .btn-group
{
	float: right; 
}

.treatment_bannerbox .innerb_btn
{
	margin: 15px 6px;
	padding: 10px 35px;
	border: 1px solid #000;
    font-size: 16px;
	background-color: #000;
}

.treatment_bannerbox .innerb_btn:hover
{
	border: 2px solid #000;
}

.treatment_bannerbox .innerb_btn a
{
	color: #fff;
	text-decoration: none;
}

.trans_btn
{
	background-color: transparent !important;
}

.treatment_bannerbox .trans_btn a
{
	color: #000 !important;
}




/* MEDIA QURIES */


@media only screen and (min-width:570px) and (max-width: 700px)
{
	.menu a
	{
		font-size: 14px;
		padding: 5px 5px !important;
	}
}
@media only screen and  (max-width: 768px)
{

	.menu_bar
	{
		padding: 0px;
	}
	#main_menu
	{
		padding-left: 0rem;
	}
	
	#home_banner
	{
		padding: 45px 20px;
		background-position: left center;
	}
	
	#home_banner .banner_heading h1
	{
		font-size: 42px;
	} 
	  
	#home_banner  .btn-group, #unlock_beauty .btn-group
	{
       display: block;
	   margin-top: 12px;
	}		
	
	#home_banner  .btn-group .banner_btn, #unlock_beauty .black_btn
	{
		width: 100%;
		margin: 5px 0px;
	}
	 
	 #offer
	{
		margin-top:unset;
		position:relative;
		
	}
	#offer h5
	{
		font-size: 1.5rem;
	}
	.discoverskin_box
    {
		height: auto;
	}
    	
	.section_pad, #youglowloc_branches
    {
       padding: 25px 25px;
    }   
		
	#unlock_beauty .banner1, #unlock_beauty .banner2, #unlock_beauty .banner3
	{
		background-image: none;
		background-color: #fffffb;
		padding: 45px 0px 45px;
	}
	
	.truebeauty_box
	{
		width: 100%;
	}
	
	.truebeauty_box h2, .truebeauty_box p
	{
		text-align: left;
	}
	
	.side_content_box
	{
		padding: 30px;
	}
	 
    .black_buttn
	{
       padding: 15px 25px;
	}

    .section_heading h2   
	{
        font-size: 32px;
	}		
	
	#skin_booster
	{
		background-image: none;
		padding: 0px;
	}
	 
	.treatment_bannerbox
	{
        width: 100%;
	}
	#unlock_beauty
	{
		padding:70px 0px;
	}
	
	.lbranch_box h3
	{
		font-size: 16px;
	}
	
}

@media only screen and (min-width: 770px) and (max-width: 1000px)
{
	.menu a
	{
		font-size: 14px;
	}
	
	#main_menu
	{
		padding-left: 0rem;
	}
	
	.discoverskin_box
    {
		height: auto;
	}
	
	.truebeauty_box, .treatment_bannerbox
	{
		width: 100%;
	}
	 #offer
	{
		margin-top:-55px;
	}
	#offer h5
	{
		font-size:20px !important;
	}

}


@media only screen and (min-width: 1001px) and (max-width: 1200px)
{
	.truebeauty_box, .treatment_bannerbox
	{
		width: 75%;
	}
	 #offer
	{
		margin-top:-65px !important;
	}
	
}

@media only screen and (min-width: 1900px)
{
	#thankyou
	{
		padding: 250px 0px !important;
	}
}




.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
	fill:#23ff0000 !important;
}