/** Shopify CDN: Minification failed

Line 1132:122 Expected "}" to go with "{"

**/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*
	Title # Benova 
	Date #  06 January 2026
*/


html {
  scroll-behavior: smooth;
}


*{ padding: 0px; margin: 0px; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{ padding: 0px; margin: 0px; background: #1A3B69; /*font-family: "Jost", sans-serif;*/ font-family: "Outfit", sans-serif; font-weight: 400; font-style: normal; line-height:24px; }


.body-full{ width: 100%; float: left; position: relative; background: #FFF; }
.body-full2{ width: 100%; float: left; position: relative; background: #1A3B69; }


img{ max-width:100%; height:auto; }


.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  /*width: 70%;*/
  margin: auto;
}

a{ text-decoration:none;outline: 0; }
a:hover{ text-decoration:none;outline: 0; }
:focus {
outline: 0;
}
button:focus {
    outline: 0 !important;
}


.table > thead > tr > th{ border:none; font-size:12px; font-weight:normal; color:#666666; } 
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ border:none; font-size:12px; font-weight:normal; color:#000; line-height:20px; } 




/* ================================================== Start Header Logo ========================================================== */

.header-logo-full{ width: 100%; float: left; position: relative; background:##1A3B69; }


.logo{
	width: auto;
	padding: 26px 0px 22px;
	float: left;
	position: relative;
	}

	.logo img{ width:auto; height: 57px; }
		

@media (max-width: 767px) {
	
.logo{
	width: 100%;
	padding: 10px 0px;
	text-align:center;
	}

	.logo img{ width:auto; height: 33px; }	

}


/* ===================================================== End Header Logo ============================================== */

	
/* ================================================== Start Header ========================================================== */

.header-full{ width: 100%; float: left; position: relative; background:#E7F0FB url(/cdn/shop/files/hero-lotion.webp?v=1767779973) center no-repeat; background-size:cover; }



.header{
		width:558px;
		padding:6% 0px 4.8%;
		float: left;		
		position:relative;
		}
		
	.header .col-12{ width:100%; display:inline-block; padding:0px 0px; }
	
		.header .display-inline{ display:inline-block; }			

	.header h1{ font-size:48px; line-height:58px; font-weight:700; color:#BDE5C5; margin-bottom:10px; }

	.header h3{ font-size:36px; line-height:40px; font-weight:700; color:#FFF; margin-bottom:25px; }
		.header h3 a{ color:#FFF; }

	.header p{ font-size:24px; font-weight:400; color:#FFF; line-height:30px; margin-bottom:20px; max-width: 478px; }
		.header p a{ color:#FFF; }	

	.header .btn-primary{
						width:228px;
						padding:10px 10px;
						background:#BDE5C5;
						height:auto;
						border:0px;
						border-radius:25px;
						font-family: "Outfit", sans-serif; font-size:24px; font-weight:600; color: #000; line-height:30px; text-align:center; display:inline-block; cursor:pointer;
						margin-top: 3px;
						}

		.header .btn-primary:hover{ background:#BDE5C5; color:#000; }
		
		.header .btn-primary:hover{ background:#BDE5C5; color:#000; }
		.header .btn-primary:not(:disabled):not(.disabled):active{ background:#BDE5C5; color:#000; border:0px; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		.header .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		
	.header-satisfaction{
						 width:100px;
						 position:absolute;
						 right: -24%;
						 bottom:18%;
						}
		
	.header-testimonials{
						width:99%;
						padding:14px 17px 15px;
						display:inline-block;
						background:#FFF;
						border-radius:6px;
						margin-top:12px;
						margin-bottom:25px;					
						}
						
		.header-testimonials ul{ padding:0px; margin:0px; }
		.header-testimonials li{ padding:0px; margin:0px; list-style:none; width:100%; float: left; display:inline-block; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
		
			.header-testimonials li p{ font-size:14px; font-weight:400; color:#000; line-height:20px; margin-bottom:0px; }
				.header-testimonials li p a{ color:#000; }
				
			.header-testimonials li .star{
										width:80px;
										float:left;
										}
										
			.header-testimonials li .content{
										width:82%;
										float:right;
										}
										
			.header-testimonials .left-arrow{
											  width:28px;
											  float:left;
											  position:absolute;
											  left:3%;
											  top:0px;
											  line-height:0px;
											  z-index:2;
											  cursor:pointer;
											  opacity:1 !important;
											}
							
							
			.header-testimonials .right-arrow{
											  width:28px;				  
											  float:left;
											  position:absolute;
											  right:3%;
											  top:0px;
											  line-height:0px;
											  z-index:2;
											  cursor:pointer;
											  opacity:1 !important;
											}




@media (min-width:2000px) {
	
.header{
		padding:15% 0px;
		}	
	
}



@media (max-width: 991px) {
	
.header{
		width:450px;
		padding:6% 0px 8%;
		}
		
	.header h1{ font-size:38px; line-height:48px; }
	.header h3{ font-size:25px; line-height:30px;}
	.header p{ font-size:20px; line-height:26px; }
		
		
		
	.header-testimonials{
						width:100%;
						padding:10px 5px;				
						}	
		
		.header-testimonials li p{ font-size:12px; }
		
		.header-testimonials li .star{
										width:70px;
										}
										
	.header-satisfaction{
						width:80px;
						right: -4%;
						bottom: 18%;
					}
									
	
}



@media (max-width: 767px) {
	
.header-full{ background:url(/cdn/shop/files/hero-mobile-lotion.webp?v=1767779974) center no-repeat; background-size:cover; }
	
.header{
		width:200px;
		padding:8% 0px 11%;
		float: left;		
		position:relative;
		}
		
	
	.header .display-inline{ display:none; }			

	.header h1{ font-size:26px; line-height:36px; margin-bottom:10px; }

	.header h3{ font-size:36px; line-height:25px; }

	.header p{ font-size:18px; line-height:26px; margin-bottom:20px; text-align:center; display:none; }
		.header p a{ color:#000; }	

	.header .btn-primary{
						width:140px;
						padding:10px 10px;
						font-size:18px;
						}

		.header .btn-primary:hover{ background:#0C6C6C; }
		
	.header-testimonials{
						width:100%;
						padding:10px 10px;
						text-align:center;
						margin-top:150px;	
						display:none;		
						}
						
		.header-testimonials li{ display: inline-block; }
		
			.header-testimonials li p{ font-size:14px; line-height:20px; }
				
			.header-testimonials li .star{
										width:80px;
										display:inline-block;
										margin-bottom:5px;
										float:none;
										}
										
			.header-testimonials li .content{
										width:100%;
										float:none;
										}
										
										
			.header-satisfaction{ 
								width:70%;
								position:relative;
								left:0px;
								bottom:0px;
								text-align:center;
								}
		.header-satisfaction img{ width:80px; height:auto; }


}

/* ===================================================== End Header ============================================== */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>> Start Header Mobile <<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.header-mobile-full{ width: 100%; float: left; position: relative; background: #1A3B69; display:none; }

.header-mobile{
			width:100%;
			padding:30px 0px 35px;
			float: left;		
			position:relative;
			text-align:center;
			}
		
	.header-mobile .col-12{ width:100%; display:inline-block; padding:0px 0px; }

	.header-mobile h3{ font-size:24px; line-height:30px; font-weight:700; color:#FFF; margin-bottom:20px; }
		.header-mobile h3 a{ color:#FFF; }

	.header-mobile p{ font-size:16px; font-weight:400; color:#FFF; line-height:24px; margin-bottom:20px; }
		.header-mobile p a{ color:#FFF; }	

	.header-mobile .btn-primary{
						width:228px;
						padding:10px 10px;
						background:#BDE5C5;
						height:auto;
						border:0px;
						border-radius:25px;
						font-family: "Outfit", sans-serif; font-size:24px; font-weight:600; color: #000; line-height:30px; text-align:center; display:inline-block; cursor:pointer;
						margin-bottom: 0px;
						}

		.header-mobile .btn-primary:hover{ background:#BDE5C5; color:#000; }
		
		.header-mobile .btn-primary:hover{ background:#BDE5C5; color:#000; }
		.header-mobile .btn-primary:not(:disabled):not(.disabled):active{ background:#BDE5C5; color:#000; border:0px; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		.header-mobile .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		
		
	.header-mobile-testimonials{
						width:100%;
						padding:10px 17px;
						display:inline-block;
						background:#FFF;
						border-radius:6px;
						margin-top:10px;
						margin-bottom:20px;					
						}
						
		.header-mobile-testimonials ul{ padding:0px; margin:0px; }
		.header-mobile-testimonials li{ padding:0px; margin:0px; list-style:none; width:100%; float: left; display:inline-block; }
		
			.header-mobile-testimonials li p{ font-size:14px; font-weight:400; color:#000; line-height:20px; margin-bottom:0px; }
				.header-mobile-testimonials li p a{ color:#000; }
				
			.header-mobile-testimonials li .star{
										width:100%;
										float:left;
										}
										
				.header-mobile-testimonials li .star img{ width:80px; height:auto; }
										
			.header-mobile-testimonials li .content{
										width:100%%;
										float:right;
										}
										
			.header-mobile-testimonials .left-arrow{
											  width:28px;
											  float:left;
											  position:absolute;
											  left:3%;
											  top:0px;
											  line-height:0px;
											  z-index:2;
											  cursor:pointer;
											  opacity:1 !important;
											}
							
							
			.header-mobile-testimonials .right-arrow{
											  width:28px;				  
											  float:left;
											  position:absolute;
											  right:3%;
											  top:0px;
											  line-height:0px;
											  z-index:2;
											  cursor:pointer;
											  opacity:1 !important;
											}
											

@media (max-width: 767px) {
	
.header-mobile-full{ display:inline-block; }	
	
}
											

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> End Header Mobile <<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Icon Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.icon-full{ width: 100%; float: left; position: relative; background:#BDE5C5; }

.icon-body{
			width:100%;
			padding:30px 0px 40px;
			float:left;
			position:relative;
			text-align:center;
			}

	.icon-body h2{ font-size:22px; line-height:30px; font-weight:700; color:#000; margin-bottom:0px; }
	
	.icon-body p{ font-size:20px; line-height:31px; font-weight:400; color:#000; margin-bottom:0px; }
	
			
	.icon-body ul{ padding:0px; margin:0px; display: flex; flex-wrap: nowrap; }
	.icon-body li{ padding:0px; margin:0px; list-style:none; width:100%; padding: 0px 1%; float: left; display:inline-block; }

		.icon-body li img{ width: auto; height:56px; margin:2px 0px 13px; }

		.icon-body li:nth-child(1) img{ width: 56px; height:60px; margin:0px 0px 10px; }
		


@media (max-width: 1199px) {

.icon-body h2{ font-size:20px; line-height:28px; }
.icon-body p{ font-size:18px; line-height:26px; }	
	
}


@media (max-width: 991px) {	
	
.icon-body h2{ font-size:18px; line-height:26px; }
.icon-body p{ font-size:16px; line-height:25px; }	
	
}


@media (max-width: 767px) {	
	
.icon-body{
			padding:15px 0px;
			}
			
	
	.icon-body ul{ display: inline-block; }
	.icon-body li{ width:100% !important; padding:0px 0px; line-height:normal; margin:15px 0px; }
	
	.icon-body li:nth-child(2){ padding: 0px 0px; }
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Icon Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Pain Relief <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.pain-relief-full{ width:100%; float:left; position:relative; background:#FFF url(/cdn/shop/files/pain-relief-bg-lotion.png?v=1767779975) left top no-repeat; background-size:570px 693px; }

.pain-relief{
			 width: 100%;
			 padding:78px 0px 20px;
			 float: right;
			 position: relative;
			 min-height:693px;
			 /*display: flex;
			 align-items: center;
			 justify-content: end;*/			 
			}
	
	.pain-relief .col-12{ width:100%; display:inline-block; padding:0px 0px; display: flex; justify-content: space-between; }
	
	.pain-relief h2{ font-size:48px; line-height:55px; font-weight:700; color:#1A3B69; margin-bottom:5px; }
		.pain-relief h2 a{ color:#1A3B69; }
		
	.pain-relief h3{ font-size:32px; line-height:40px; font-weight:500; color:#000; margin-bottom:30px; }
		.pain-relief h3 a{ color:#000; }
	
	.pain-relief h3 strong{ color:#77C69E; font-weight:700; padding-right: 16%; }

	.pain-relief h4{ font-size:20px; line-height:25px; font-weight:500; color:#000; margin-bottom:16px; padding-right: 18%; }
		.pain-relief h4 a{ color:#000; }
		
	.pain-relief ul{ padding:0px; margin:0px; margin-top:15px; margin-left:6%; margin-bottom:20px; float:left; text-align:left; }
	.pain-relief li{ padding: 0px; margin: 0px; list-style: none; font-size:20px; font-weight:500; color:#000; line-height:26px; width:100%; float:left; background: url("/cdn/shop/files/tick-lotion.webp?v=1767779972") left top no-repeat; background-size:22px 21px; padding-left:35px; margin-bottom:13px; background-position:0 .2em; }
	
	.pain-relief ul.right{ margin-left:0px; }	
		

	.pain-relief .btn-primary{
							width:225px;
							padding:10px 20px;
							background:#1A3B69;
							height:auto;
							border:0px;
							border-radius:25px;
							font-family: "Outfit", sans-serif; font-size:24px; font-weight:600; color: #FFF; line-height:30px; text-align:center; display:inline-block; cursor:pointer;
							margin-bottom: 0px;
							margin-right: 15%;
							}
		
		.pain-relief .btn-primary:hover{ background:#1A3B69; color:#FFF; }
		.pain-relief .btn-primary:not(:disabled):not(.disabled):active{ background:#1A3B69; color:#FFF; border:0px; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		.pain-relief .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }


	.pain-relief-right{
					 width: 625px;
					 float: right;
					 position: relative;			 
					}

.lotion-hand {
	display:none;
}
@media (max-width: 1199px) {
	
.pain-relief-full{ background-size:395px 560px; }

.pain-relief{
			 width: 100%;
			 padding:20px 0px;
			 min-height:560px;	
			 display: flex;
			align-items: center;
			justify-content: flex-end;	 
			}
			
	.pain-relief h3{ margin-bottom:20px; }
	.pain-relief h3 strong{	padding-right:0px; }
	.pain-relief h4{ padding-right:0px; margin-top:0px; }
		
	.pain-relief .btn-primary{
							margin-right:0px;
							}
	
	.pain-relief li{ margin-bottom:5px; }
	
}



@media (max-width: 1023px) {
	
.pain-relief-full{ background:#FFF url(/cdn/shop/files/pain-relief-bg2.png?v=1767848034) left bottom no-repeat; background-size:contain; }
	
.pain-relief{
			 padding:20px 0px;		 
			}
			
	.pain-relief h2{ font-size:36px; line-height:45px; }		
	.pain-relief h3{ font-size:28px; line-height:40px; margin-bottom:20px; }
	.pain-relief h4{ font-size:16px; line-height:25px; }
		
	.pain-relief ul{ margin-top:0px; margin-left:5%; margin-bottom:20px; }
	.pain-relief li{ font-size:16px; line-height:25px; margin-bottom:5px; }	

	
	.pain-relief-right{
					 width: 500px;		 
					}
	
}

@media (max-width: 767px) {
	
.pain-relief-full{ width:100%; float:left; position:relative; background:#FFF; background-size:auto; }
	
.pain-relief{
			 padding:30px 0px;
			 text-align:center;			 
			}		
	
	.pain-relief h2{ font-size:32px; line-height:40px; }		
	.pain-relief h3{ font-size:26px; line-height:35px; margin-bottom:20px; }
	.pain-relief h4{ font-size:18px; line-height:25px; }
		
	.pain-relief ul{ margin-top:0px; margin-left:9%; margin-bottom:20px; }
	.pain-relief li{ font-size:18px; line-height:26px; margin-bottom:5px; }	

	
	.pain-relief-right{
					 width: 100%;		 
					}
	.lotion-hand {
		display:block;
	}
	
}

@media (max-width: 575px) {
		
.pain-relief .col-12{
					width: 270px;
					display: inline-block;
					padding: 0px 0px;
					display: inline-block;
					margin: auto;
				}
				
	.pain-relief ul{ margin-top:0px; margin-left:0px; margin-bottom:0px; }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Pain Relief <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Safe & Effective Ingredients <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.safe-effective-full{ width:100%; float:left; position:relative; background:url(/cdn/shop/files/safe-effective-bg-lotion.webp?v=1767779975) center top no-repeat; background-size:cover; }

.safe-effective{
				 width: 100%;
				 padding:100px 0px 70px;
				 float: left;
				 position: relative;	
				 text-align:center;		 
				}
				
	.safe-effective .col-12{ width:100%; padding:0px; float:left; }
	
	.safe-effective h2{ font-size:48px; line-height:55px; font-weight:700; color:#BDE5C5; margin-bottom:20px; text-align:center; }
		.safe-effective h2 a{ color:#BDE5C5; }
		
	.safe-effective h3{ font-size:20px; line-height:30px; font-weight:700; color:#FFF; margin-bottom:3px; }
		.safe-effective h3 a{ color:#FFF; }
		
	.safe-effective p{ font-size:16px; line-height:30px; font-weight:400; color:#FFF; margin-bottom:0px; }
		.safe-effective p a{ color:#FFF; }

		
	.safe-effective ul{ padding: 0px; margin: 0px; margin-top:30px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-around; }
	.safe-effective li{ padding: 0px; margin: 0px; list-style: none; width:23%; margin-bottom:20px; min-height: 300px; }
	
		.safe-effective li img{ width: auto; height:80px; margin-bottom: 8px; }
	
		.safe-effective li:nth-child(4n+1){ margin-left:0px; }
		

	.view-all{ font-size:20px; line-height: 30px; font-weight: 400; color: #FFF; margin-top: -45px; }
		.view-all a{ color: #FFF; text-decoration: underline; }
			.view-all a:hover{ color: #FFF; text-decoration: none; }



.testimonials-body{
				  width:100%;
				  padding:40px 7% 20px;
				  background:#BDE5C5;
				  border-radius:6px;				  
				  float:left;
				  position:relative;
				  text-align:center;
				  min-height: 325px;
				  margin-bottom:85px;
				  }
				  
					
	.testimonials-body ul{ padding:0px; margin:0px; }
	.testimonials-body li{ padding:0px; margin:0px; list-style:none; width:100%; float: left; display:inline-block; }
	
			
									
		.testimonials-body .left-arrow{
									  width:11px;
									  float:left;
									  position:absolute;
									  left:2%;
									  top:0px;
									  line-height:0px;
									  z-index:2;
									  cursor:pointer;
									  opacity:1 !important;
									}
						
						
		.testimonials-body .right-arrow{
									  width:11px;				  
									  float:left;
									  position:absolute;
									  right:2%;
									  top:0px;
									  line-height:0px;
									  z-index:2;
									  cursor:pointer;
									  opacity:1 !important;
									}
				  
	
	.testimonials-body .star{ width:107px; height:19px; margin-bottom:18px; }
				  
	.testimonials-body h3{ font-size:20px; line-height:30px; font-weight:500; color:#000; margin-bottom:0px; }
		.testimonials-body h3 a{ color:#000; }
		
	.testimonials-body p{ font-size:20px; line-height:30px; font-weight:300; color:#000; margin-bottom:15px; }
		.testimonials-body p a{ color:#000; }


@media (max-width: 1199px) {
	
.view-all{ margin-top:0px; }

}


@media (max-width: 991px) {
	
.safe-effective li{ width:32%; min-height:inherit; }

}


@media (max-width: 767px) {

.safe-effective{
				 width: 100%;
				 padding:40px 0px;		 
				}
	
	.safe-effective h2{ font-size:38px; line-height:44px; margin-bottom:30px; } 

	.safe-effective ul{ margin-top:30px; }
	.safe-effective li{ width:100%; min-height:inherit; margin-bottom:30px; }
		
		
.testimonials-body{
				  width:100%;
				  padding:25px 7%;
				  min-height:inherit;
				  margin-bottom:40px;
				  }		


}


@media (max-width: 479px) {

.safe-effective li{ width:100% !important; min-height:inherit; margin-bottom:15px; }

}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Safe & Effective Ingredients <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Money Back Guarantee <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.money-guarantee{
				 max-width:920px;
				 padding:50px 0px 28px;
				 margin:auto;
				 position: relative;
				 text-align:center;			 
				}
				
	.money-guarantee img{ width:210px; height:auto; margin-bottom:20px; }
	
	.money-guarantee h2{ font-size:48px; line-height:60px; font-weight:700; color:#FFF; margin-bottom:22px; }
		.money-guarantee h2 a{ color:#FFF; }
		
	.money-guarantee p{ font-size:24px; line-height:30px; font-weight:400; color:#FFF; margin-bottom:15px; }
		.money-guarantee p a{ color:#FFF; }
	
	.money-guarantee p span{ font-size:12px; }



@media (max-width: 991px) {

.money-guarantee{
				 width:100%;
				 padding:30px 0px 10px;	 
				}
	
	.money-guarantee h2{ font-size:38px; line-height:44px; margin-bottom:15px; }
	.money-guarantee p{ font-size:18px; line-height:30px; margin-bottom:15px; }

}


@media (max-width: 767px) {

.money-guarantee{
				 width:100%;
				 padding:30px 0px 10px;	 
				}
	
	.money-guarantee h2{ font-size:32px; line-height:38px; margin-bottom:15px; }
	.money-guarantee p{ font-size:16px; line-height:26px; margin-bottom:15px; }

}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Money Back Guarantee <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start First Order <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.first-order{
			max-width:885px;
			padding:110px 0px 0px;
			margin:auto;
			position:relative;			
			}
			
	.first-order .col-12{ width:100%; display:inline-block; padding:0px 0px; }
	
	.first-order .display{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
			
	.first-order h2{ font-size:60px; font-weight:700; color:#000; line-height:73px; text-align:center; margin-bottom:30px; }
		.first-order h2 a{ color:#000; }
		
	.first-order h3{ font-size:40px; font-weight:600; color:#1A3B69; line-height:50px; margin-bottom:25px; }
		.first-order h3 a{ color:#1A3B69; }
		
	.first-order h4{ font-size:36px; font-weight:700; color:#77C69E; line-height:40px; margin-bottom:10px; text-align:center; padding-left: 8%; }
		.first-order h4 a{ color:#77C69E; }
		
	.first-order h5{ font-size:24px; font-weight:700; color:#77C69E; line-height:30px; margin-bottom:30px; text-align:center; padding-left: 8%; }
		.first-order h5 a{ color:#77C69E; }
		
			
	.first-order ul{ padding:0px; margin:0px; display:inline-block; margin-top:0px; margin-bottom:25px; text-align:left; }
	.first-order li{ padding: 0px; margin: 0px; list-style: none; font-size:24px; font-weight:500; color:#000; line-height:30px; width:auto; float:left; background: url("/cdn/shop/files/tick-lotion.webp?v=1767779972") left top no-repeat; background-size:30px 29px; padding-left:42px; margin-bottom:12px; background-position:0 .1em; }	
	
	.first-order .btn-primary{
							width:228px;
							padding:10px 20px;
							background:#1A3B69;
							height:auto;
							border:0px;
							border-radius:25px;
							font-family: "Outfit", sans-serif; font-size:24px; font-weight:600; color: #FFF; line-height:30px; text-align:center; display:inline-block; cursor:pointer;
							margin:7px 0px 36px 8%;
							}
		
		.first-order .btn-primary:hover{ background:#1A3B69; color:#FFF; }
		.first-order .btn-primary:not(:disabled):not(.disabled):active{ background:#1A3B69; color:#FFF; border:0px; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		.first-order .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		
		
	.view-all2{ font-size:20px; line-height: 30px; font-weight: 400; color: #1A3B69; margin-top:6%; margin-left: 10%; }
	.view-all2 a{ color: #1A3B69; text-decoration: underline; }
		.view-all2 a:hover{ color: #1A3B69; text-decoration: none; }
	

	.first-order-left{
					width:23.8%;
					padding:35px 0px 0px 34px;
					float:left;
					position:relative;
					}
					
		.first-order-satisfaction{
								width:120px;
								float:left;
								position:absolute;
								right:-60%;
								bottom:18%;
								z-index:1;
								}
					
	.first-order-right{
					width:66%;
					padding:50px 0px 0px;
					float:right;
					position:relative;
					}



@media (max-width: 991px) {	

.first-order{
			max-width:100%;
			padding:40px 0px;
		}
		
	.first-order h2{ font-size:40px; line-height:50px; margin-bottom:20px; }		
	.first-order h3{ font-size:30px; line-height:40px; margin-bottom:20px; }		
	.first-order h4{ font-size:26px; line-height:36px; margin-bottom:10px; padding:0px; }		
	.first-order h5{ font-size:20px; line-height:26px; margin-bottom:20px; padding:0px; }
	
	.first-order li{ font-size:20px; line-height:30px; background-size:20px 19px; padding-left:30px; margin-bottom:8px; background-position:0 .0em; }	
	
	.first-order .btn-primary{
							margin:10px 0px 20px 0px;
							}
	
	.first-order-satisfaction{
							bottom: 10%;
							}
	.first-order-left{
		width:150px;
		padding:10px 0px 0px;
		text-align:center;
		float:none;
		margin:auto;
	}
	.first-order-right{
		width:100%;
		padding:40px 0px 0px;
	}						
	.view-all2{	margin-top: 0%; }
	
}


@media (max-width: 767px) {	

.first-order{
			max-width:100%;
			padding:30px 0px;
			}
			
			
	.first-order h2{ font-size:32px; line-height:40px; margin-bottom:20px; }		
	.first-order h3{ font-size:26px; line-height:35px; margin-bottom:20px; }		
	.first-order h4{ font-size:22px; line-height:28px; margin-bottom:10px; }		
	.first-order h5{ font-size:18px; line-height:25px; margin-bottom:20px; }
	
	.first-order li{ font-size:18px; line-height:26px; background-size:20px 19px; padding-left:30px; margin-bottom:10px; background-position:0 .1em; }		
			
			
	.first-order-left{
					width:150px;
					padding:10px 0px 0px;
					text-align:center;
					float:none;
					margin:auto;
					}
					
		/*.first-order-left img{ width:auto; height:400px; }*/
					
		.first-order-satisfaction{
								width:100px;
								right:-50%;
								bottom:10%;
								}
								
			.first-order-satisfaction img{ width:auto; height:auto; }
					
				
	.first-order-right{
					width:100%;
					padding:40px 0px 0px;
					}
					
		.view-all2{	margin-top: 0%; margin-left:0px; text-align:center; }
						
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End First Order <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.footer-full{ width: 100%; float: left; position: relative; background: #1A3B69; }

.footer{
	 width: 100%;
	 padding:64px 0px;
	 float: left;
	 position: relative;
	 text-align: center;
	}
	
	.footer img{ width:auto; height: 55px; margin-bottom:15px; }	

	.footer p{ font-size: 12px; line-height: 20px; font-weight: 400; color: #FFF; margin-bottom: 0px; }
		.footer p a{ color: #FFF; }
	
	
@media (max-width: 767px) {
	
.footer{
	 padding:30px 0px;
	}
	
	.footer img{ width:auto; height: 33px; }	

}
				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Popup <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.modal-lg, .modal-xl{
					max-width: 777px;
					}

.product-popup{
			 width: 100%;			 
			 float: left;
			 position: absolute;
			 left: 0px;
			 top: 0px;
			 z-index: 99;
			}

.product-popup-title{
					 width: 100%;
					 padding:15px 30px;
					 background:#BDE5C5;
					 float:left;
					 position:relative;
					 font-size: 48px; line-height: 60px; font-weight: 700; color: #000;
					 border-radius:8px 8px 0px 0px;
					}

	.product-popup-title img{ width: 30px; height: auto; float:right; vertical-align:middle; margin-top:16px; cursor: pointer; }


	.product-popup-content{
						 width: 100%;
						 background: #FFF;
						 border-radius:0px 0px 8px 8px;
						 float: left;
						 position: relative;
						}
						
		.product-popup-content h3{ font-size:18px; line-height:28px; font-weight:700; color:#000; margin-bottom:10px; }
		.product-popup-content p{ font-size:18px; font-weight:400; color:#000; line-height:28px; margin-bottom: 20px; }
			.product-popup-content p a{ color:#000; }
			
		.product-popup-content a.button{ font-size:18px; font-weight:500; color:#000; line-height:28px; display:inline-block; text-decoration:underline; margin-left:8%; vertical-align:middle; cursor:pointer; }
			.product-popup-content a.button{ color:#000;  }
			
		.product-popup-content .btn-primary{
											width:228px;
											padding:10px 20px;
											background:#1A3B69;
											height:auto;
											border:0px;
											border-radius:25px;
											font-family: "Outfit", sans-serif; font-size:24px; font-weight:600; color: #FFF; line-height:30px; text-align:center; display:inline-block; cursor:pointer;
											margin-bottom: 0px;
											}
		
		.product-popup-content .btn-primary:hover{ background:#1A3B69; color:#FFF; }
		.product-popup-content .btn-primary:not(:disabled):not(.disabled):active{ background:#1A3B69; color:#FFF; border:0px; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
		.product-popup-content .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
						
						
		.product-popup-left{
							 width: 65%;
							 padding:30px 30px;
							 float: left;
							 position: relative;
							}
							
		.product-popup-right{
							 width: 35%;
							 padding:30px 0px 0px;
							 text-align:center;
							 float: right;
							 position: relative;
							}
							
			.product-popup-right img{ width:auto; height:473px; }

		

@media (max-width: 991px) {
	
.modal-dialog{
			max-width: 94%;
			}


@media (max-width: 767px) {
	
.product-popup-title{
					 padding:15px 20px;
					 font-size: 38px; line-height: 50px;
					}

	.product-popup-title img{ width: 20px; height: auto; margin-top:15px; }	
	
	
.product-popup-left{
				 width: 100%;
				 padding:20px 20px;
				}
				
.product-popup-right{
				 width: 100%;
				 display:none;
				}
	
	
}


@media (max-width: 479px) {
	
.product-popup-content a.button{ margin-left:5%;  }
	
.product-popup-content .btn-primary{
									width:auto;
									padding:10px 24px;
									font-size:18px;
									}	
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Popup <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */