@charset "utf-8";
/* CSS Document */

body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	line-height: 1.55;
	background: var(--bg);
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: 400;
	font-family: 'Plus Jakarta Sans','Inter',system-ui,sans-serif;
}
:root{
  --bg:#fbf7f2;
  --surface:#ffffff;
  --surface-2:#f3ede4;
  --ink:#1a1530;
  --ink-2:#4a4560;
  --muted:#857f95;
  --line:#ece5da;
  --accent:#ff4d6d;            /* hot coral pink */
  --accent-2:#6a3df5;           /* electric violet */
  --accent-3:#ffb347;           /* warm amber */
  --accent-soft:#ffe3ea;
  --grad:linear-gradient(135deg,#ff4d6d 0%,#ff7a3d 50%,#6a3df5 100%);
  --grad-soft:linear-gradient(135deg,#ffe3ea,#ffe9d6);
  --shadow-sm:0 2px 10px rgba(26,21,48,.06);
  --shadow:0 24px 60px -22px rgba(106,61,245,.35);
  --shadow-coral:0 18px 40px -14px rgba(255,77,109,.55);
  --radius:20px;
}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {
	margin: 0;
	padding: 0;
}
header, section, footer, aside, nav, main, article, figure {
	display: block;
}
table, tr, td {
	border: 0;
}
a {
	outline: none;
	color: #333;
	text-decoration: none;
}
a:hover {
	outline: none;
	text-decoration: none;
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
li {
	list-style: none;
}
* {
	box-sizing: border-box;
}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
.dsplay {
	width: 100%;
	display: table;
}
.flt {
	float: left;
	width: 100%;
}
.position {
	position: relative;
}
.eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:8px 16px;border-radius:999px;margin-bottom:18px}
h1,h2,h3,h4{
	font-family: 'Fraunces', 'Plus Jakarta Sans', serif;
    font-weight: 500;
    letter-spacing: -.02em;
    color: var(--ink);
    line-height: 1.1;
    text-transform: capitalize;
	}
h1{font-size:clamp(2.4rem,5vw,4.2rem)}
h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin-bottom:14px}
h3{font-size:1.18rem}
p{color:var(--ink-2)}
.section{padding: 80px 0;float: left;width: 100%;}
/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width: 1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.topStrip {
	background: #0185cf;
	padding: 6px 0 6px 0;
}
.topStrip p {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: capitalize;
}
.header {
	height: 81px;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0;
}
.logo {
	float: left;
    max-width: 210px;
    margin-top: 6px;
}
ul.hdrlist {
	float: left;
	margin: 20px 0 0 0;
}
ul.hdrlist li {
	float: left;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #02101d;
	text-align: left;
	margin: 0 25px 0 0;
}
ul.hdrlist li:last-child {
	margin: 0;
}
ul.hdrlist li img {
	vertical-align: middle;
	margin: 0 5px 0 0;
	display: inline-block;
}
/*-----------------------
CSS FOR NAV BAR
------------------------*/	
.top-fix-bar {
	float: left;
	width: 100%;
	margin-bottom: 70px;
}
.nav-sec {
	float: left;
	width: 100%;
	margin-top: -70px;
	top: 70px;
	position: relative;
	padding: 7px 0px;
	height: 70px;
	background: rgba(251, 247, 242, .85);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
}
.fixed-nav .nav-sec {
	position: fixed;
	z-index: 999999;
	transition: margin .3s ease-out;
	-webkit-transition: margin .3s ease-out;
	margin-top: 0;
	top: 0;
	width: 100%;
}
.fixed-nav .inner-header {
	width: 100%;
}
.fixed-nav .nav-sec .logo {
}
ul.menu-list {
	margin: 14px 0 0;
	float: right;
}
ul.menu-list li {
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	padding: 4px 10px;
	text-align: center;/*background:url(../images/disc.png) right center no-repeat;*/
}
ul.menu-list li:last-child {
	background: none;
}
ul.menu-list li a {
	color: var(--ink-2);
}
ul.menu-list li a:hover{color:var(--accent)}
ul.menu-list li a.active {
	color: #0185cf;
}
.logo-sec {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 10px;
}
ul.nav-rgt {
	width: auto;
	text-align: left;
	margin: 20px 18px 0 0;
}
ul.nav-rgt li {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 18px;
	padding: 0 20px;
}
ul.nav-rgt li:first-child {
	padding-left: 0;
}
ul.nav-rgt li:last-child {
	border: none;
	padding-right: 0;
}
ul.nav-rgt li a {
	color: #484848;
}
ul.nav-rgt li img {
	display: inline-block;
	vertical-align: middle;
	margin: -7px 5px 0 0;
	background: #fff;
	padding: 4px;
	border-radius: 13px;
}
a.nav-btn {
	float: right;
	background: #fff;
	color: #0185cf;
	font-size: 18px;
	text-align: center;
	width: 135px;
	height: 39px;
	line-height: 39px;
	border: 1px solid #0185cf;
	border-radius: 30px;
	transition: all ease .5s;
	margin-top: 10px;
}
a.nav-btn:hover {
	background: #0185cf;
	color: #fff;
}
/*-----------------------
CSS FOR BANNAR
------------------------*/		
/* HERO */
.hero{
	float:left;
	width:100%;padding:80px 0 100px;background:linear-gradient(180deg,#fff5ef 0%,var(--bg) 100%);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:var(--grad);filter:blur(120px);opacity:.35}
.hero::after{content:"";position:absolute;bottom:-180px;left:-140px;width:460px;height:460px;border-radius:50%;background:linear-gradient(135deg,#6a3df5,#ffb347);filter:blur(140px);opacity:.25}
.hero-grid{text-align: left;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}
.hero h1 { max-width:500px;}
.hero h1 span{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;line-height: 1.55;color:var(--ink-2);margin:22px 0 0;max-width:520px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-img{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:7/6}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,77,109,.15),transparent 50%);pointer-events:none}
.hero-img img{width:100%;height:100%;object-fit:cover}
@media(max-width:767px){.hero-grid{grid-template-columns:1fr;gap:25px; text-align:center;}}
.shop-btn {
	display: inline-block;
    width: 250px;
    height: 55px;
    text-align: center;
    color: #fff;
    font-size: .95rem;
    line-height:55px;
    position: relative;
    font-weight: 700;
    margin:30px 0 0 0;
    text-transform: capitalize;
    border-radius:50px;
    transition: all .35s cubic-bezier(.2, .8, .2, 1);
    font-family: inherit;
    letter-spacing: .01em;
    overflow: hidden;
    isolation: isolate;
	background: var(--grad);
    background-size: 200% 200%;
    box-shadow: var(--shadow-coral);
}
.shop-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6a3df5,#ff4d6d,#ffb347);opacity:0;transition:opacity .4s;z-index:-1}
.shop-btn:hover{transform:translateY(-3px);box-shadow:0 22px 50px -14px rgba(106,61,245,.65);background-position:100% 100%}
.shop-btn:hover::before{opacity:1}

/* STRIP */
.strip{float: left;width: 100%;background:var(--grad);color:#fff;padding:15px 0}
.strip-inner{display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 18px;
    font-size: 1.0rem;
    color: #fff;
    font-weight: 500;
    letter-spacing: .02em;
	}
.strip-inner div{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.strip-inner img{
    max-width: 45px;
}

/* INTRO */
.intro{
	float:left;
	width:100%;
	background:var(--bg)}
.intro-grid{ text-align:left;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.intro-img{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3}
.intro-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.intro-img:hover img{transform:scale(1.03)}
.intro-img::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,77,109,.12),transparent 50%);pointer-events:none}
.intro-img-badge{position:absolute;bottom:22px;left:22px;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:16px 22px;border-radius:16px;box-shadow:0 12px 30px -10px rgba(26,21,48,.25)}
.intro-img-badge span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.intro-img-badge b{font-family:'Fraunces',serif;font-size:1.25rem;color:var(--ink);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro-copy p{margin-bottom:16px}
.intro-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);margin-top:28px}
.intro-card h3{font-size:1.2rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.intro-card p{margin:0;font-size:.95rem}
@media(max-width:767px){.intro-grid{text-align: center;grid-template-columns:1fr;gap:22px}.intro-img{aspect-ratio:3/2}}

/* BENEFITS */
.benefit-sec{
	float:left;
	width:100%;
	padding:0 0 80px;
	}
.benefit-grid{
	float:left; width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:0px}
.benefit{text-align: left;
    position: relative;
    background: #fff;
    border: 1px solid var(--line);
    padding: 25px 18px;
    border-radius: var(--radius);
    transition: .3s;}
.benefit:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.benefit .icon{width:58px;height:58px;border-radius:16px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin-bottom:18px;box-shadow:var(--shadow-coral)}
.benefit .icon img {max-width: 34px;}
.benefit p{font-size:.92rem;margin-top:6px}
@media(max-width:767px){.benefit-grid{grid-template-columns:1fr;gap: 18px;}}

/* WHY — full vibrant background */
.why{
	float:left;
	width:100%;position:relative;background-image:linear-gradient(135deg,rgba(26,21,48,.55),rgba(106,61,245,.45)),url('../images/why-bg.jpg');background-size:cover;background-position:center;background-attachment:fixed;color:#fff}
.why h2,.why .eyebrow{color:#fff}
.why .eyebrow{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(8px)}
.why .center p{color:rgba(255,255,255,.9)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}
.why-card{background:rgba(255,255,255,.12);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.22);padding:40px 45px;border-radius:var(--radius);transition:.3s;color:#fff}
.why-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.18);box-shadow:0 24px 50px -18px rgba(0,0,0,.4)}
.why-card h3{color:#fff}
.why-card p{color:rgba(255,255,255,.85);margin-top:10px;font-size:.95rem}
.why-num{font-family:'Fraunces',serif;font-size:2.6rem;color:var(--accent-3);margin-bottom:14px;display:block;font-weight:700}
@media(max-width:767px){.why-grid{grid-template-columns:1fr}.why{background-attachment:scroll}}	
/*-----------------------
CSS FOR SECTION1
------------------------*/		

.bnrline {
	position: absolute;
	left: 0;
	right: 0;
	top: -130px;
	margin: 0 auto;
	display: block;
}
.sub-hdg {
	float: left;
	width: 100%;
	color: #e8351e;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 43px;
	line-height: 53px;
}
.common-head1 {
	float: left;
	width: 100%;
	font-size:40px;
	line-height:50px;
	color: #000000;
	font-weight: 700;
}
.common-head1 span {color: #ffb800;
}
.common-head2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 40px;
	color: #1c1c1c;
	margin-top: 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
}
.common-para {
	display: inline-block;
	width:100%;
	font-size: 18px;
	line-height: 30px;
	color: #000;
	font-weight: 400;
	margin-top: 16px;
}

/*-----------------------
CSS FOR SECTION2
------------------------*/		

.prodBox {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 15px;
	row-gap: 35px;
	margin-top: 30px;
	padding: 0px 0px;
}
.prodbox-row {
	padding: 10px 22px 24px;
	float: left;
	width: 32%;
	position: relative;
	text-align: left;
	background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    transition: .35s;
}
.prodbox-row:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}
.heart {
	position: absolute;
	top: 10px;
	right: 10px;
}
.prd-img-bg {
	float: left;
    width: 100%;
	text-align:center;
	border-bottom:1px solid #dedede;
}
.prod-1 {
	margin: 0 auto 0px;
	padding: 0px 0px;
	display: block;
	max-width:90%;
}
.prodbox-row .prod-1:hover {
}
.prodbx-head {
	font-family: 'Fraunces', 'Plus Jakarta Sans', serif;
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--ink);
	font-size:1.18rem;
    line-height: 1.1;
    margin-top: 17px;
    width: 100%;
    float: left;
}
.prodbx-head span {
	font-size: 15px;
	line-height: 20px;
}
.ord-bx {
	float: left;
	width: 100%;
	position: relative;
	margin-top:12px;
}
.prodbx-para {
	float: left;
    width: 100%;
    font-size: 15px;
    line-height: 23px;
    color: var(--ink-2);
    margin-top: 9px;
}
.prodbx-prc {
	float: left;
	width: 100%;
	font-family: 'Fraunces', serif;
    font-size: 1.5rem;
	line-height:1.55;
    color: var(--accent-2);
}
.tag {
	margin: 5px 0 0 0;
	display: inline-block;
    align-self: flex-start;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    background: var(--grad);
    padding: 6px 12px;
    border-radius: 6px;
}

.plus-btn {
	width: 100%;
	/*height: 42px;*/
	font-weight: 700;
	font-size: 18px;
	line-height: 42px;
	color: #fff;
	text-align: center;
	display: inline-block;
	/* background: #0185cf; */
	border-radius: 0px;
	letter-spacing: 0px;
}
a.order-btn {
	width: 100%;
	/*height: 54px;*/
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	color: #000;
	text-align: center;
	display: inline-block;
	border-radius: 0px;
	letter-spacing: 1px;
	text-decoration: underline;
	text-transform: uppercase;
}
.shop-btn-shape {
	margin: 0 0 0 2px;
}

.all-prod-btn {
	font-size: 20px;
	line-height: 55px;
	display: inline-block;
	max-width: 100%;
	text-align: center;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 2px;
	/* text-decoration: underline; */
	margin-top: 30px;
	border-radius: 0px;
	background: #0185cf;
	width: 210px;
	height: 55px;
}

/*-----------------------
CSS FOR SECTION3
------------------------*/		
.section3 {
	background: var(--surface-2);
	float: left;
	width: 100%;
	padding:80px 0 80px;
	text-align: center;
}
.s3-inner {
	display: inline-block;
	width: 100%;
	position: relative;
	padding-bottom: 0px;
}
.s3-lft {
	float: left;
	width: 100%;
	text-align: center;
}
.s3-Box {
	float: left;
	width: 100%;
	margin-bottom: 80px;
	border-bottom: 1px solid #d7d7d7;
	padding: 50px 0px 40px;
}
.prodDtls1-left .s3-Box {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
.prodDtls1-left ul.s3-list li {
	width: 50%;
	margin-bottom: 20px;
}
.s3bx-lft {
	float: left;
	width: 49%;
	height: 599px;
	margin: 0 0 0;
	position: relative;
	background: url(../images/s3-bx1-bg.png) no-repeat center top;
	max-width: 100%;
}
.s3-btl1 {
	position: absolute;
	left: 0;
	top: 220px;
	transform: rotate(20deg);
}
.s3-btl2 {
	position: absolute;
	right: 0;
	top: 182px;
	transform: rotate(30deg);
}
.s3bx-rgt {
	float: right;
	width: 51%;
	background: #fff9e9;
	padding: 75px 23px 70px;
	margin-top: 27px;
	text-align: left;
}
.s3bx-rgt-txt {
	float: left;
	width: 100%;
	font-size: 42px;
	line-height: 28px;
	color: #000000;
	font-weight: 400;
	text-transform: capitalize;
}
ul.s3-list {
	float: left;
	width: 100%;
}
ul.s3-list li {
	float: left;
	width: 25%;
	font-size: 20px;
	line-height: 29px;
	color: #0e0f0f;
	font-weight: 600;
	text-align: center;
	position: relative;
}
ul.s3-list li span {
	display: block;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul.s3-list li img {
	display: block;
	margin: 0 auto 5px;
	max-width: 70px;
}
ul.s3-list li:last-child {
}
ul.s3-list2 {
	float: left;
	width: 49.45%;
}
ul.s3-list2 li {
	height: 530px;
	padding: 135px 0 0 0;
	background: url(../images/s3-li-img3.jpg) no-repeat center top;
}
.txt1 {
	float: left;
	font-weight: 400;
	color: #fff;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	padding: 6px 15px;
	background: #e91e1e;
	margin-bottom: 20px;
}
.txt2 {
	float: left;
	width: 70%;
	font-weight: 700;
	font-size: 38px;
	line-height: 45px;
	color: #fff;
}
.txt2 span {
	display: block;
}
.txt3 {
	float: left;
	width: 50%;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	margin-top: 20px;
}
.txt3-price {
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	margin-top: 20px;
}
.s3bx-lft a.shop-btn, .s3bx-rgt a.shop-btn {
	font-size: 18px;
	line-height: 48px;
	height: 48px;
	width: 178px;
}
.bx-cont {
	float: left;
	width: 72%;
	text-align: left;
	padding: 30px 0 0 22px;
}
.bx-cont-r {
	float: right;
	width: 49%;
	text-align: left;
	padding: 20px 16px 0 0;
}
.rit-bx-txt1 {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #fff;
}
.rit-bx-txt2 {
	float: left;
	width: 100%;
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #fff;
}
.rit-bx-txt2 span {
	display: block;
	text-transform: uppercase;
	font-size: 50px;
	line-height: 58px;
}
.rit-bx-txt3 {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 5px;
	color: #fff;
}
.s3bx-rgt a.shop-btn {
	margin-top: 5px;
}
.s3txt {
	text-align: left;
	font-size: 18px;
	line-height: 28px;
	color: #6f7277;
	text-align: left;
}
ul.s3list {
	margin: 10px 0 0 0;
}
ul.s3list li {
	float: left;
	display: inline-block;
	width: 30%;
	margin: 30px 5% 0 0;
}
ul.s3list li:last-child {
	margin: 30px 0 0 0;
}
.s3limg {
	margin: 0 auto;
	display: block;
	border-radius: 5px;
	max-width: 100%;
}
.s3lbx {
	width: 80%;
	margin: -50px auto 0 auto;
	display: block;
	background: #fff;
	position: relative;
	border-radius: 5px;
	padding: 15px 15px 0 15px;
}
.s3lbx-icon {
	margin: 0 auto 10px auto;
	display: block;
}
.s3lbx-hding {
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	color: #22211c;
	text-align: center;
}
.s3lbx-txt {
	font-size: 16px;
	line-height: 24px;
	color: #6f7277;
	text-align: center;
	padding: 10px 0 0 0;
}
.s3-lft-bx {
	float: left;
	width: 570px;
	background: url(../images/s3-prd-bx1.png) no-repeat center top;
	height: 611px;
	text-align: center;
	margin-top: 35px;
	padding: 90px 0 0;
	display: flex;
	justify-content: center;
}
.lft-hdg {
	background: #ff9800;
	position: relative;
	line-height: 45px;
	padding: 5px 0;
	color: #000;
}
.stock-icon {
	margin: 0 5px -4px 0;
}
.s3-lft-bx .prodbox-row {
	width: 100%;
	padding: 18px 25px;
	text-align: center;
}
img.bestseller {
	max-width: 200px;
}
.s3-lft-bx .prodbx-head {
	font-size: 36px;
	line-height: 40px;
	color: #1d1d1d;
	font-weight: 700;
	margin-bottom: 5px;
	text-align: center;
	font-style: normal;
}
.s3-lft-bx .prodbx-prc {
	font-size: 20px;
	line-height: 30px;
	color: #292a29;
	padding: 0px 0;
}
.s3-lft-bx a.order-btn {
	color: #fff;
	text-decoration: none;
	margin: 20px 0 0;
	width: 210px;
}
.avail-stok {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	line-height: 28px;
	margin: 7px 0;
	color: #5c5c5c;
	font-weight: 500;
}
.avail-stok span {
	color: #74b908;
}
.s3-rit-bx {
	float: right;
	width: 100%;
}

.prodBox-list .prodbx-head {
	font-style: normal;
}
.prodBox-list .prod-1 {
	display: inline-block;
	margin: 0
}
.prodBox-list .prod-1:hover {
	background: none;
}
.prodBox-list .prodbox-row a.shop-btn {
	width: 100%;
    margin: 18px 0 0;
}



/*-----------------------
     FOOTER POPUP
------------------------*/
.affil-popup .pop-content {
	padding: 30px 40px 35px;
}
.affil-popup .affil-logo {
	margin: 0 auto 10px;
	display: block;
}
.affil-popup .common-para {
	margin-top: 15px;
}
.affil-popup .btnBlk {
	margin-top: 20px;
}
.affil-popup .popclose {
	right: 14px;
}

					
/*===========CART_DRAWER_PAGE============*/
.drawer {
	width: 400px;
	right: 0;
	border-left: 1px solid #e5e5e5;
	-ms-transform: translateX(400px);
	-webkit-transform: translateX(400px);
	transform: translateX(400px);
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	top: 0;
	bottom: 0;
	padding: 0 0 10px;
	z-index: 22;
	color: #000000;
	background-color: #ffffff;
	transition: all ease 0.5s;
	opacity: 0;
}
.cart_open .drawer {
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.shifter_page {
	transition: all ease 0.5s;
}
.cart_open .shifter_page {
	-ms-transform: translateX(-400px);
	-webkit-transform: translateX(-400px);
	transform: translateX(-400px);
}
.drawer__header {
	float: left;
	height: 50px;
	width: 100%;
	background: #3279b2;
	padding: 15px;
}
.table-cell {
	float: left;
	width: 50%;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 0.5px;
	text-align: left;
}
.cart-icon {
	float: right;
	margin: 15px 25px 0 0;
	position: relative;
}
.cart-icon img {
	display: inline-block;
	vertical-align: middle;
}
.cart-icon span {
	position: absolute;
	width: 20px;
	height: 20px;
	right: -10px;
	top: -10px;
	background: #ef5237;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 19px;
}
.table-cell .cart-icon {
	margin: 4px 40px 0 0;
}
.cross-icon {
	float: right;
	cursor: pointer;
	margin-top: 4px;
}
.drower-mdlbx {
	float: left;
	width: 100%;
	padding: 0 20px 20px;
}
.drawer_row {
	float: left;
	width: 100%;
	padding: 15px 0 15px;
	border-bottom: 1px solid #eaeaea;
	text-align: left;
}
.drawer-prod-lft {
	float: left;
	width: 44px;
}
.drawer-prod {
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	max-width: 90%;
}
.drawer-prod-lft span {
	position: absolute;
	width: 20px;
	height: 20px;
	right: -10px;
	top: -10px;
	background: #0c426d;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 19px;
}
.drawer-prod-rght {
	float: right;
	width: 190px;
	text-align: left;
}
.drwer-prod-name {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	letter-spacing: 0.5px;
	font-weight: 600;
}
.drwer-prod-name span {
}
.drwer-txt1 {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	color: #3e3e3e;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.drwer-txt1 span {
}
.drwer-txt2 {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 18px;
	color: #393733;
	font-weight: 500;
}
.drwer-prod-name a {
	float: right;
	font-size: 14px;
	color: #959595;
}
.cart-remv img {
	display: inline-block;
	vertical-align: middle;
}
.cart-qty-div {
	display: inline-block;
	vertical-align: middle;
	margin-top: 7px;
}
.sub, .add {
	float: left;
	width: 35px;
	border: 1px solid #ced4da;
	height: 36px;
	padding: 2px 0px 0;
	text-align: center;
	background: #fff;
	outline: none;
	cursor: pointer;
}
.cart-qty-div input {
	float: left;
	border: none;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	background: none;
	width: 50px;
	text-align: center;
	height: 36px;
	font-size: 18px;
	font-weight: normal;
	color: #2d2d2d;
	font-family: 'SF Display';
	font-weight: normal;
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}
.sub-total {
	float: left;
	width: 100%;
	font-size: 19px;
	line-height: 27px;
	color: #1e1e1e;
	font-weight: 600;
	margin-top: 0px;
	text-align: left;
}
.sub-total span {
	float: right;
}
a.chk-btn {
	float: left;
	width: 100%;
	background: #3279b2;
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	text-decoration: none;
	padding: 15px 0 15px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin-top: 20px;
}
a.continue-btn {
	float: left;
	width: 100%;
	border: 2px solid #3279b2;
	color: #000;
	font-size: 20px;
	line-height: 22px;
	text-decoration: none;
	padding: 12px 0;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin-top: 8px;
}
.cards-img {
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
	max-width: 100%;
}
.cart-smry {
	float: left;
	width: 100%;
	margin: 10px 0 0;
}
.crt-smry-hdng {
	float: left;
	width: 100%;
	font-size: 19px;
	line-height: 23px;
	color: #363636;
	font-weight: 600;
	padding: 0 0 8px 0;
	text-align: left;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #eaeaea;
}
.cart-prc-p1 {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0.5px;
	padding: 5px 0;
}
.cart-prc-p1 span {
	float: right;
}
.cart-prc-p2 {
	font-weight: 600;
}
/*==================================
CSS FOR DETAILS_PAGE
=====================================*/

.prodBreadcrm {
	float: left;
	width: 100%;
	text-align: left;
	padding: 8px 0 10px;
	background: #f3e7f0;
	letter-spacing: 0.5px;
}
.prodBreadcrm p {
	float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
}
.prodBreadcrm p a {
	color: #000;
	font-weight: 400;
}
.prod-5 {
	top: 15px;
	right: -10px;
}
.prod-6 {
	top: 0px;
	right: -10px;
}
/*------------------------------
CONTACT SECTION
--------------------------------*/	
.contact-sec {
	float: left;
	width: 100%;
	padding: 65px 0;
}
.contact-sec .common-head2 {
	font-size: 25px;
}
.cont-sec1Lft {
	float: left;
	width:100%;
	text-align: left;
}
.mar-t0 {
	margin-top: 0;
}
.cntc-inr {
	float: left;
	width: 100%;
	padding: 0 35px 30px 0;
	position: relative;
}
.cntc-inr:before {
	position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 80px;
    bottom: 0;
    border: 1px solid #f3f6ec;
    width: 100%;
}
ul.cnt-list {
	float: left;
	width: 100%;
	text-align: left;
	margin: 40px 40px 0px 20px;
}
ul.cnt-list li {
	float: left;
	width: 100%;
	position: relative;
	padding: 15px 0 15px 55px;
	border-bottom: 1px solid #eaf1f7;
}
ul.cnt-list li img {
	position: absolute;
	left: 7px;
	top: 25px;
}
ul.cnt-list li p {
	float: left;
    width: 100%;
    font-size: 16px;
    color: var(--ink-2);
    line-height: 26px;
}
ul.cnt-list li span {
	font-size: 23px;
	line-height: 30px;
	color: #000000;
	font-weight: 600;
	padding-bottom: 4px;
}
ul.cnt-list li:last-child {
	padding-bottom: 0;
}
ul.cnt-list li:last-child {
	border: none;
	padding-bottom: 0;
}
.cntct-rght {
	float: right;
	width: 49%;
	background: #f4f4f4;
	padding: 45px 35px;
	position: relative;
	border-radius: 10px;
}
.msgbx-txt {
	float: left;
	width: 100%;
	font-size: 25px;
	text-align: center;
	line-height: 32px;
	color: #000000;
	font-weight: 600;
	padding-bottom: 40px;
	position: relative;
}
.msgbx-txt:after {
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	background: #ff9800;
	left: 50%;
	margin-left: -40px;
	top: 50px;
}
.msg-frmfild {
	float: left;
	width: 100%;
	height: 55px;
	border: 1px solid #eff2e7;
	padding: 5px;
	margin-top: 10px;
	background: #fff;
	text-align: left;
	position: relative;
	z-index: 2;
}
.msg-frmfild input, .msg-frmfild textarea {
	float: left;
	width: 100%;
	height: 100%;
	font-size: 19px;
	color: #000;
	outline: none;
	border: none;
	font-weight: 400;
	padding-left: 20px;
	-webkit-appearance: none;
	font-family: inherit;
}
.msg-areafild {
	height: 100%;
	min-height: 110px;
	padding-top: 15px;
}
.msg-frmfild textarea {
	height: 100%;
	min-height: 100px;
	resize: none;
}
.submit {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	border: none;
	outline: none;
	border: 1px solid #ff9800;
	border-radius: 3px;
	text-align: center;
	width: 100%;
	height: 65px;
	font-size: 26px;
	line-height: 65px;
	background: #ff9800;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
	-webkit-appearance: none;
}
/*------------------------------
	LAB-RESULTS SECTION
--------------------------------*/
.labresults-sec {
	float: left;
	width: 100%;
	background: url(../images/lab-banner.jpg) no-repeat center top;
	padding: 40px 0 35px;
}
.lab-sec-left {
	float: left;
	width: 61%;
	text-align: left;
	padding: 60px 0;
}
.lab-sec-left .common-para {
	padding-right: 80px;
}
.lab-imgbx {
	float: right;
	width: 35%;
	position: relative;
}
.lab-bnr-image {
	margin: 0 auto 0;
	display: block;
	max-width: 100%;
	position: relative;
	z-index: 2;
}
.lab-imgbx:before {
	content: '';
	position: absolute;
	border: 1px solid #dcd9d9;
	top: 20px;
	left: -20px;
	right: 15px;
	bottom: -20px;
}
.lab-bnr-seal {
	position: absolute;
	top: 133px;
	right: 335px;
	z-index: 2;
}
/*===lab-sec-1===*/
.lab-section1 {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.lab-s1-mid {
	float: left;
	width: 100%;
	margin-top: 55px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lab-s1-col {
	float: left;
	width: 23.5%;
	border: 1px solid #dce2cd;
	padding: 20px;
	position: relative;
}
.lab-s1-col:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 111px;
	height: 135px;
	background: url(../images/lab-s1-col-icn.png) no-repeat left top;
}
.lab-col-top-hdng {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 27px;
	line-height: 32px;
	color: #000000;
	position: relative;
	font-weight: 600;
	border-bottom: 2px solid #3279b2;
	padding-bottom: 15px;
}
.lab-col-top-prod {
	position: absolute;
	right: -12px;
	top: -55px;
}
.lab-col-qr-details {
	float: left;
	width: 100%;
	padding-top: 20px;
}
.lab-qr-text1 {
	float: left;
	width: 100%;
	font-size: 20px;
	line-height: 26px;
	color: #14193c;
	font-weight: 600;
}
.qr-code-lab {
	float: left;
	width: 100%;
	border: 1px solid #dce2cd;
	margin-top: 15px;
	padding: 10px;
}
.qr-code-img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.lab-qr-dnlode {
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 20px;
	color: #055ee2;
	font-weight: 600;
	text-decoration: underline;
}
.labdnld-icn-lft {
	display: inline-block;
	vertical-align: middle;
	margin: -8px 8px 0 0;
}
.labdnld-icn-rgt {
	display: inline-block;
	vertical-align: middle;
	margin: -8px 0 0 8px;
}
.lab-s1-btm {
	float: left;
	width: 100%;
	margin-top: 60px;
}
/*------------------------------
		FAQ SECTION
--------------------------------*/
.faq-container {
	display: inline-block;
	vertical-align: middle;
	max-width: 775px;
	width: 100%;
	text-align: left;
	margin: 40px 0 20px;
}
.up-slide-dwn {
	float: left;
	width: 100%;
	border-bottom: 1px solid #dedede;
}
.accordion {
	float: left;
	width: 100%;
	text-align: left;
	background: url(../images/dwn-arw.png) no-repeat 100% center #fff;
	padding: 18px 40px 18px 0;
	font-size: 22px;
	line-height: 28px;
	color: #000000;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.acdn-heading.accordion-open {
	background: url(../images/arw-up.png) no-repeat 100% center;
}
.acdn-content {
	float: left;
	width: 100%;
	padding: 10px 20px 10px 0;
	border-top: 1px solid #d3d3d3;
}
.acdn-para {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #1c1c1c;
	line-height: 26px;
	margin-bottom: 15px;
	letter-spacing: 0.3px;
}
p.ing-hed {
	font-size: 22px;
	margin: 10px 0;
	font-weight: 700;
}
/*==========PRODUCT DETAILS PAGE==========*/
.prodDtls1-left {
	float: left;
	width: 37.67%;
	text-align: center;
	margin: 0 0 50px 0;
}
.prd-slide2 {
	max-width: 100%;
	margin: 0 auto 0;
	display: block;
}
.prod-dtls1-slide {
	width: 100%;
	border-radius: var(--radius);
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
	padding: 10px 0 0 0;
}
.prd-slide {
	margin: 0 auto 0;
	display: block;
}
.purchase-opt {
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: left;
}
/*.prod-lft-list{
	float:left;
	width:100%;
	margin-top:20px;
	}
.prod-lft-list li{
	float:left;
	width:33.33%;
	text-align:center;
	margin-top:30px;
	}	
.prod-lft-list li img{
	margin:0 auto 0;
	display:block;
	max-width:100%;
	}
.prod-lft-seal{
	width:100%;
	margin-top:100px;
	padding:0 20px 35px;
	}*/	
				
/*============RIGHT============*/
.prodDtls1-rght {
	float: right;
	width: 58%;
	text-align: left;
}
.prd-faq-box {
	float: left;
	width: 100%;
	margin-top: 45px;
	text-align: center;
}
.prod-nmhd1 {
	text-align: left;
	font-size: 22px;
	line-height: 50px;
	font-weight: 400;
}
.prod-nameHdng {
	font-size: 35px;
	line-height: 45px;
	color: #ffb800;
	font-weight: 600;
	margin-bottom: 5px;
}
.prod-nameHdng span{
	display:block;
	font-size:25px;
	line-height:35px;
	color:#000;
	}
p.show-desp {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	color: #2d2d2d;
	font-weight: 400;
	padding: 15px 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	margin-top: 0cm;
}
.details-para {
	font-size: 17px;
	line-height: 24px;
	text-align: left;
	margin: 10px 0 0 0;
}
.s1-p2 {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    color: var(--ink-2);
    margin-top:8px;
}
ul.bndl-list {
	float: left;
	width: 100%;
}
ul.bndl-list li {
	background: url(../images/bullet.png) left 6px no-repeat;
	padding: 0 0 0 22px;
	margin: 0px 0 0 0;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	text-align: left;
}
ul.prdrgt-list1 {
	margin: 10px 0 0 0;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: space-between;
}
ul.prdrgt-list1 li {
	width:100%;
	background: none;
	padding: 0 0 0 22px;
	margin: 0px 0 0 0;
	font-size: 16px;
	line-height: 25px;
	color: var(--ink-2);
	text-align: left;
	position:relative;
	text-transform: capitalize;
	font-weight: 600;
}
ul.prdrgt-list1 li:before{
	content:"\21D2";
	position:absolute;
	top:0;
	left:0;
}
ul.prdrgt-list1 li strong {
    float: left;
    width: 20%;
}
.prd-txt1 {
    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    color: #161d25;
    font-weight: bold;
    margin-top: 12px;
}
.pkg-bx1{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-2px;
	}
.jar-txt{
	    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: var(--ink-2);
    margin: 0 auto 0;
    border-bottom: 1px solid #dadedc;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 3px;
    display: inline-block;
	width:100%;
	}	
.pck-prc{
	float:left;
	width:100%;
	margin:4px 0 5px;
	font-size: 32px;
    line-height: 35px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
	background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
	}
.pck-prc p{
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	color:#0a0a0a;
	display:inline-block;
	vertical-align:middle;
	}
.pck-prc small{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	font-weight:normal;
	font-style:normal;
	position:relative;
	font-size:20px;
	line-height:20px;
	margin-top:3px;
	padding-top:1px;
	color:#929292;
	}	
.chk-s1-txt1{ display:none;}
.switch-opt {
    float: left;
    width: 100%;
    margin: 10px 0 10px;
}	
.switch-opt .buyopt {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    position: relative;
}		
.pkg-sec{
	    float: left;
    width: 100%;
    position: relative;
    margin:5px 0 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: flex-start;
    column-gap: 14px;
	}
.pkg-bx{
	width: 31%;
    float: left;
    border-radius: 15px;
    -webkit-box-shadow: 0 9px 2px rgb(0 0 0 / 10%);
    box-shadow: 0 0 9px 2px rgb(0 0 0 / 10%);
    text-align: center;
    padding: 15px 10px 15px;
    cursor: pointer;
    transition: all ease 1.5s;
    border: 2px solid #cbcbcb;
    font-size: 18px;
	}
.pkg-bx.addprice{
	border:2px solid #ff6a4d;
	animation: shadow-pulse 0.5s infinite;
	}
.pkg-bx:hover{
	animation: shadow-pulse 0.5s infinite;
 	border:2px solid #ff6a4d;  
 	-webkit-box-shadow: 0 9px 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 9px 4px rgba(0,0,0,0.2); 
	}
p.price {
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #0a0a0a;
    display: inline-block;
    vertical-align: middle;
}
a.sccode-ing {
	float: left;
	width: 100%;
	font-size: 22px;
	color: #6a6a6a;
	font-weight: 600;
	text-decoration: underline;
	margin-top: 20px;
}
.proDetls1-rgt-pnts {
	float: left;
	width: 100%;
	margin-top:10px;
}
.proDetls1-rgt-pnts li {
	float: left;
	text-align: left;
	position: relative;
	padding: 5px 0 0 38px;
	width: 100%;
}
.proDetls1-rgt-pnts li:last-child {
	border: none;
}
.proDetls1-rgt-pnts li img {
	position: absolute;
	top: 5px;
	left: 0;
	max-width: 28px;
}
.proDetls1-rgt-pnts li span {
	font-size: 16px;
	line-height: 25px;
	color: var(--ink-2);
	font-weight: 600;
}
ul.proDetls1-rgt-list {
	float: left;
	width: 100%;
	margin-top: 25px;
}
ul.proDetls1-rgt-list li {
	display: inline-block;
	/* width: 100%; */
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	/* padding-left: 26px; */
	margin-right: 15px;
	letter-spacing: 0.5px;
}
.select-txt {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 22px;
	line-height: 22px;
	color: #000;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-top: 25px;
}
.option-field {
	height: 51px;
	width: 60%;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	text-align: left;
	padding: 10px 13px;
	outline: none;
	font-weight: 500;
	margin: 4px 0 7px 0;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	margin-top: 10px;
	font-family: inherit;
}
.price {
	font-weight: bold;
	font-size: 32px;
	margin: 16px 0 0px;
	float: left;
	width: 100%;
}
.select-txt, .prd_quantity, .add-to-cart, .logos {
	float: left;
	display: inline-block;
}
.select-txt {
	text-align: left;
	margin: 15px 10px 0 0;
	
	font-size: 22px;
    line-height: 24px;
    color: #6a6a6a;
    font-weight: 600;
	position:relative;
	padding: 5px 0 0 38px;
}
.select-txt img {
    position: absolute;
    top: 5px;
    left: 0;
    max-width: 28px;
}
.prd_quantity {
	vertical-align: top;
	margin-top: 15px;
}
.pack-sec {
	float: left;
	width: 100%;
	background: #fff;
	text-align: center;
	position: relative;
	margin-top: 20px;
	padding: 0 22px;
}
.package {
	width: 30%;
	float: left;
	border-radius: 5px;
	border: 1px solid #d8ebeb;
	overflow: hidden;
	cursor: pointer;
}
.package.left {
	float: left;
}
.package.right {
	float: right;
}
.package.mid {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15%;
}
.package.active {
	border: 1px solid #3279b2;
	box-shadow: 0 0 9px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.2);
}
.pkgInner {
	float: left;
	width: 100%;
	background: #fff;
}
.pack-hdng {
	background: #b5c0c9;
	float: left;
	width: 100%;
	padding: 5px;
}
.package.active .pack-hdng {
	background: #3279b2;
}
.pack-hdng p {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 15px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #fff;
}
.pkg-mdl {
	float: left;
	width: 100%;
	padding: 12px;
}
.prod-quanty {
	float: left;
	width: 100%;
	font-size: 20px;
	line-height: 22px;
	color: #000000;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.prod-dv {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 15px;
}
.pkg-prod {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}
.pkg-msrp {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #505050;
	margin-top: 15px;
}
.pkg-msrp span {
	position: relative;
	padding: 0 5px;
}
.pkg-msrp span img {
	position: absolute;
	top: 0px;
	left: 2px;
	width: 100%;
}
.prcDv {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 4px;
}
.rtl-prc {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	color: #242424;
}
.float-prc1 {
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}
.float-prc2 {
	font-size: 16px;
	line-height: 17px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	text-align: center;
}
.float-prc2 span {
	border-top: 1px solid #636363;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	line-height: 15px;
	color: #636363;
}
.save-text {
	float: left;
	width: 100%;
	font-size: 17px;
	color: #3279b2;
	font-weight: 500;
	margin-top: 0;
	letter-spacing: 0.5px;
}
.switch-opt {
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-left: 22px;
}

.buyopt input[type=radio] {
	position: absolute;
	left: 0;
	opacity: 0;
}
.buyopt input[type=radio] + span {
	position: absolute;
	left: 15px;
	width: 24px;
	height: 24px;
	border-radius: 2px;
	border: 1px solid #d5d5d5;
	top: 17px;
	background: #fff;
}
.buyopt input[type=radio]:checked + span:after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(../images/prd-tik.png) no-repeat left center;
	background-size: 100%;
	left: 2px;
	top: 2px;
}
.buy-opt-t1 {
	font-size: 18px;
	line-height: 20px;
	color: #151515;
	font-weight: 600;
}
.buy-opt-t2 {
	font-size: 16px;
	line-height: 18px;
	color: #9a9a9a;
	margin-top: 4px;
}
.buyopt.active .buy-opt-t2 {
	color: #516d81;
}
.buy-opt-t3 {
	font-size: 16px;
	line-height: 18px;
	color: #4a4a4a;
	font-weight: 600;
	margin-top: 6px;
}
.buyopt.active .buy-opt-t3 {
	color: #000000;
}
.purchase-price {
	float: left;
	width: 100%;
}
.purch-lft {
	float: left;
	width: 100%;
	text-align: left;
}
.retail-prc {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #505050;
}
.retail-prc span {
	position: relative;
	padding: 0 2px;
}
.retail-prc span img {
	position: absolute;
	top: 5px;
	left: 2px;
}
.disct-prc {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	color: #000000;
	font-weight: 700;
	margin: 10px 0 6px;
}
.purch-rgt {
	float: right;
	width: 50%;
	text-align: right;
}
.save-prc {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #3279b2;
}
a.add-to-cart {
	width: 60%;
}
.secure-logo {
    display: inline-block;
    vertical-align: middle;
    margin:35px 0 0 10px;
    max-width: 100%;
}
.logos2 {
	margin: 20px 0 0 10px;
	max-width: 170px;
}
.shop-s1bx {
	background: #22211c url(../images/shop-s1bxbg.jpg) right top no-repeat;
	padding: 40px 660px 40px 35px;
	margin: 60px 0 0 0;
	position: relative;
}
.shop-s1bx-prd {
	position: absolute;
	top: 96px;
	left: 590px;
	width: 130px;
}
.shop-s1bx-hd {
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
	color: #fff;
	text-align: left;
}
.shop-s1bx-hd span {
	color: #0185cf;
}
.shop-s1bx-txt {
	padding: 20px 0 0 0;
	font-size: 17px;
	line-height: 26px;
	color: #c4c4c4;
	text-align: left;
}
.shopsec2 {
	padding: 40px 0 60px 0;
	background: #f7f7f7;
}
.shopsec2 ul.s3-list {
	margin-top: 55px;
}
.shopsec2 .prodbox-row {
}
.shopsec2 .prodbx-head {
	font-weight: 600;
	color: #2d2d2d;
}
.shopsec2 .prodbx-prc {
}
ul.prodt-dtls-list {
	float: left;
	width: 100%;
	margin: 5px 0 18px;
	padding: 0 15px;
}
ul.prodt-dtls-list li {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	color: #2d2d2d;
	font-weight: 400;
	margin-top: 3px;
	text-align: left;
	padding-left: 21px;
	position: relative;
	text-transform: capitalize;
}
ul.prodt-dtls-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 10px;
	height: 10px;
	border: 1px solid #0c0c0c;
	border-radius: 50px;
}
.shopsec3 {
	padding: 50px 0 70px 0;
}
.secure-img {
	margin: 15px auto 0;
	display: block;
	max-width: 100%;
}
.faq-container2 {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 40px;
}
.up-slide-dwn2 {
	float: left;
	width: 100%;
}
.accordion2 {
	float: left;
	width: 100%;
	text-align: left;
	background: url(../images/plus-icn.png) no-repeat 100% center #fff;
	padding: 18px 40px 18px 0;
	font-size: 20px;
	line-height: 28px;
	color: #121212;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #cfcfcf;
}
.acdn-heading2.accordion-open {
	background: url(../images/minus-icn.png) no-repeat 100% center;
}
.acdn-content2 {
	float: left;
	width: 100%;
	padding: 20px 0 10px;
}
.acdn-para2 {
	font-size: 17px;
	color: #000;
	line-height: 25px;
	letter-spacing: 0.5px;
	margin-top: 15px;
}
.gumies-ing {
	max-width: 100%;
	display: block;
	margin: 0 auto 20px;
}
.revw-row {
	float: left;
	width: 100%;
	padding: 0 0 0 73px;
	text-align: left;
	position: relative;
	margin: 6px 0;
}
.rvw-nm {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	height: 55px;
	font-size: 25px;
	line-height: 52px;
	border: 1px solid #d3d3d3;
	background: #e3e3e3;
	border-radius: 50%;
	text-align: center;
	color: #23262d;
	font-weight: 500;
	text-transform: uppercase;
}
.rev-star {
	float: left;
	max-width: 100%;
	margin: 8px 0 0;
}
.revw-row p {
	float: left;
	width: 100%;
	color: #000000;
	font-size: 17px;
	line-height: 25px;
	margin-top: 15px;
	letter-spacing: 0.5px;
}
.revw-tik {
	position: absolute;
	left: 37px;
	top: 35px;
}
.revw-p1, .revw-p2 {
	float: left;
	width: 100%;
	font-size: 20px;
	line-height: 25px;
	color: #3279b2;
	letter-spacing: 0.5px;
	font-weight: 600;
}
.revw-p2 {
	color: #282828;
	font-weight: 600;
	margin-top: 15px;
	font-size: 18px;
}
.revw-p2 span {
	color: #6b6b6b;
	font-weight: 400;
	font-size: 16px;
}
.revw-hr {
	float: left;
	width: 100%;
	background: #e1e1e1;
	height: 1px;
	border: none;
	margin: 8px 0;
}
.prd-dtl-vari-cust {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.top-0 {
	margin-top: 0;
}
.sugest-img1 {
	border-radius: 50%;
	width: 90px;
	margin: -10px 0 0 0;
}
a.view-ing {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 18px;
	color: #4db6db;
	font-weight: 600;
	text-decoration: underline;
	letter-spacing: 0.5px;
	margin-top: 10px;
}
a.lab-ing {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #4db6db;
	font-weight: 600;
	text-decoration: underline;
	letter-spacing: 0.5px;
	margin-top: 10px;
}
.file-img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.qr-img1 {
	float: right;
	width: 140px;
	margin-left: 10px;
}
/*CSS FOR SIZE POPUP*/
.ing-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 9;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.popup-container {
	float: left;
	width: 100%;
	padding: 25px;
	max-height: 100%;
}
.pop-content {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 990px;
	background: #fff;
	padding: 10px;
	position: relative;
	border-radius: 10px;
}
.pop-image {
	float: left;
	width: 100%;
	max-height: 60vh;
	overflow-y: auto;
}
.popclose {
	position: absolute;
	top: 16px;
	right: 37px;
	font-size: 15px;
	cursor: pointer;
	border: 1px solid #000;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
}
.ingredient {
	float: left;
	width: 100%;
}
.terms-cont {
	float: left;
	width: 100%;
	text-align: left;
}
.terms-cont .common-para {
	font-size: 17px;
	line-height: 25px;
	margin-top: 17px;
}
.terms-cont .common-para a {
	color: #3279b2;
}
.terms-hd {
	float: left;
	width: 100%;
	font-size: 30px;
	line-height: 30px;
	color: #000;
}
.trm-bx .ing-img {
	max-width: 48%;
	margin-top: 10px;
	display: block;
}
.trm-bx .ing-hed {
	font-size: 20px;
	float: left;
	width: 100%;
	font-weight: 700;
	padding: 7px 17px 7px;
	background: #393636;
	line-height: 28px;
	float: left;
	margin: 10px 0;
	color: #fff;
}
.terms-subhd {
	float: left;
	width: 100%;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	margin-top: 30px;
}
.terms-cont ul {
	float: left;
	width: 100%;
	margin-top: 17px;
	padding-left: 40px;
}
.terms-cont ul li {
	float: left;
	width: 100%;
	font-size: 17px;
	line-height: 25px;
	list-style: disc;
	margin-bottom: 10px;
}
.terms-cont ul li:last-child {
	margin-bottom: 0;
}
/*=========Thankyou========*/
.thank-section-1 {
	float: left;
	width: 100%;
	font-weight: normal;
	padding: 0 100px;
}
.thnk-txt1 {
	float: left;
	width: 100%;
	font-size: 36px;
	line-height: 40px;
	color: #393733;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.thnk-txt2 {
	float: left;
	width: 100%;
	font-size: 17px;
	line-height: 25px;
	color: #1c1c1c;
	font-weight: normal;
	margin-top: 10px;
	letter-spacing: 0.5px;
}
.cart-col-1, .cart-col-2, .cart-col-3, .cart-col-4 {
	float: left;
	width: 20%;
}
.cart-col-1 {
	width: 60%;
	padding: 0 0 0 20px;
	text-align: left;
	position: relative;
}
.cart-col-4 {
	text-align: right;
	padding: 0 20px 0 0;
}
.cart-prd-row .cart-col-3, .cart-prd-row .cart-col-4 {
	margin-top: 20px;
}
.cart-prd-row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	padding: 25px 0;
}
.cart-prd-row:last-child {
	border: none;
}
.cart-prd-1 {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 72px;
}
.thank-p1 {
	float: left;
	width: 100%;
	font-size: 23px;
	line-height: 30px;
	color: #393733;
	font-weight: 600;
	margin: 40px 0 -17px;
	position: relative;
	z-index: 1;
	letter-spacing: 0.5px;
}
.thank-p1 span {
	background: #fff;
	padding: 0 8px;
}
.thank-ord {
	float: left;
	width: 100%;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 18px 7px;
	font-size: 17px;
	line-height: 22px;
	color: #2d2d2d;
	letter-spacing: 0.5px;
}
.thank-dtl-box {
	float: left;
	width: 100%;
	margin: 30px 0;
}
.cart-heading-row {
	float: left;
	width: 100%;
	font-size: 20px;
	line-height: 50px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.5px;
	background: #3279b2;
}
.cart-prd-name {
	float: left;
	width: 100%;
	padding: 0 0 0px 80px;
	color: #666;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.5px;
}
.cart-prd-name span {
	font-size: 18px;
	color: #393733;
	font-weight: 500;
}
.unit-price {
	float: left;
	width: 100%;
	color: #393733;
	font-size: 18px;
	line-height: 22px;
}
.thnk-rit-price-row {
	float: right;
	width: 46%;
	padding: 10px 0;
}
.cart-rit-price {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	font-size: 20px;
	line-height: 22px;
	color: #1e1e1e;
	text-align: left;
	padding: 12px 3px;
	font-weight: 500;
}
.cart-prc-spn {
	float: right;
	text-align: right;
}
.thnk-rit-price-row .cart-rit-price {
	font-size: 18px;
	padding: 15px 3px;
	font-weight: normal;
}
.thnk-rit-price-row .cart-prc-spn {
	text-align: left;
	width: 90px;
}
.thnk-Addressinfo {
	float: left;
	width: 100%;
}
.ty-lft-Address, .ty-rgt-Address {
	float: left;
	width: 48%;
	text-align: left;
}
.sh-heading {
	float: left;
	width: 100%;
	color: #393733;
	font-size: 22px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: 0.5px;
}
ul.user-info {
	float: left;
	width: 100%;
	margin-top: 10px;
	border: 5px solid #ebebeb;
	padding: 15px;
	background: #fff;
}
ul.user-info li {
	float: left;
	width: 100%;
	position: relative;
	padding-left: 110px;
	margin: 5px 0;
	color: #393733;
	font-size: 16px;
	line-height: 21px;
	word-break: break-all;
}
ul.user-info li span {
	position: absolute;
	left: 0;
	color: #2b2b2b;
	font-weight: 500;
}
.ty-rgt-Address {
	float: right;
}
/*****************************/
/*TERMS- PRIVACY*/

.tems_bg {
	float: left;
	width: 100%;
	padding: 40px 0;
}
.trm-bx {
	width: 100%;
	float: left;
	text-align: left;
}
.trm-bx h1 {
	line-height: 30px;
	color: #000;
	margin: 0;
	padding: 0px 0 10px;
	font-size: 22px;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: 700;
	border-bottom: 5px solid #000;
}
.trm-bx h3 {
	line-height: 28px;
	text-align: left;
	font-size: 24px;
	float: left;
	width: 100%;
	margin: 0px 0 15px;
	color: #000;
	font-weight: 600;
}
.trm-bx li {
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
	list-style: decimal;
}
.trm-bx ol li {
	list-style: lower-roman;
}
.trm-bx li ol li {
	list-style: lower-alpha;
}
.trm-bx strong {
	text-transform: capitalize;
}
.trm-bx span {
	text-transform: capitalize;
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}
.prod-list p span {
	display: inline-block;
	font-weight: 400;
}
.trm-bx p {
	font-size: 16px;
	line-height: 26px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 400;
}
.trm-bx h4, .trm-bx h5 {
	font-size: 22px;
	float: left;
	width: 100%;
	margin: 0px 0 10px;
	font-weight: 500;
	line-height: 30px;
}
.ingr-lst h4 {
	text-align: center;
}
.ingr-lst img {
	display: block;
	margin: 0 auto 10px;
	max-width: 630px;
	width: 100%;
}
.trm-bx table {
	float: left;
	width: 100%;
	border-collapse: collapse;
}
.trm-bx table td, .trm-bx table th {
	padding: 14px;
	border: 1px solid #ccc;
}
.trm-bx h5 {
	font-size: 20px;
	font-weight: 500;
}
.privacy-list {
	padding: 0 0 0 30px
}
.privacy-list li {
	font-weight: bold;
}
.privacy-list li p {
	font-weight: normal;
	margin-top: 10px;
}
.mrg-tp {
	margin: 15px 0 !important;
	float: left;
	width: 100%
}
.trm-txt {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 20px
}
.disclr-bx {
	border: 2px solid #000;
	padding: 10px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin: 0;
}
.disclr-bx p {
	margin-bottom: 0;
	font-weight: bold;
}
.trm-bx ol, .trm-bx ul {
	margin-bottom: 20px;
	float: left;
	width: 100%;
	font-weight: 400;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
}
.trm-bx .disclmr {
	width: 100% !important;
}
.thank-hdg {
	float: left;
	width: 100%;
	font-size: 25px;
	font-weight: 700;
	margin: 10px 0;
}
.inr-cont.thank-pg {
	float: left;
	width: 100%;
	padding: 30px 0 60px;
}
.s1-p2 pad-1 {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 28px;
}
/*-------------------------
CSS FOR FOOTER
--------------------------*/
footer, .foo-btm {
	float: left;
	width: 100%;
	padding: 30px 0;
	background: var(--ink);
    color: #cdc8da;
    border-top: 1px solid var(--line);
}
.foo-logo {
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	margin-bottom: 5px;
}
.ftrBox2 {
	float: left;
	width: 100%;
}
.ftr-nav {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 10px 0 20px;
	row-gap: 4px;
}
.ftr-nav li, .ftr-nav li a {
    width: 100%;
    margin-right: 0;
    font-size: 14px;
    line-height: 24px;
	color: #cdc8da;
}
.ftr-nav li img {
	display: inline-block;
    vertical-align: middle;
    filter: invert(1);
    margin: 0 3px 0 0;
}
.ftr-nav li:last-child {
	margin-right: 0;
}
.other-links {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.other-links li, .other-links li a {
	position: relative;
	margin-right: 20px;
	font-size:14px;
	line-height: 22px;
	color: #cdc8da;
}
.other-links li a:hover{color:var(--accent-3)}
.other-links li:last-child {
	margin-right: 0;
}
.other-links li:after {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 2px;
	right: -10px;
	border-right: 1px solid #ccc;
}
.other-links li:last-child:after {
	border: none;
}
footer p, .foo-btm p {
	float: left;
    width: 100%;
    color: #857f95;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    font-weight: 400;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
footer .ftr-txt2 {
	float: left;
	width: 100%;
	color: #000;
	font-size: 15px;
	line-height: 21px;
	margin-top: 15px;
}
footer p a {
	color: #2d2d2d;
	padding: 0 5px;
}
.foo-btm {
	padding: 15px 0;
	border-top: 1px solid #cfd2d9;
}
.foo-btm p {
	margin: 0;
}

/********************************/
.age-pop-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0
}
.pop-up-bg {
	    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 9999600;
    border: 0px;
    opacity: 0.3;
    background: #000;
}
.pop-up-bg-in {
	position: fixed;
    bottom: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background: #000;
    transition: left 1s ease 0s;
    z-index: 10000010;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
    display: flex;
    justify-content: center;
}
.pop-up-left {
	width: 100% ;
	height: 100% ;
	position: fixed ;
	left: 0px ;
	top: 0px ;
	border: 0px;
	background-color: rgb(0, 0, 0) ;
	display: none ;
	opacity: 0.8 ;
	z-index: 10000001 ;
}
.pop-up-left-txt {
	font-size: 16px;
    box-sizing: initial;
    overflow-wrap: break-word;
    transition: left 1s ease 0s;
    display: flex;
    text-align: left;
    padding: 20px;
    line-height: 24px;
    color: #fff;
    float: left;
    width: 100%;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
	flex-wrap: wrap;
}
.pop-innr {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
}
.pop-btn {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}
.pop-up-left-txt span{
	font-weight: 700;
    font-size: 24px;
    margin-bottom: 15px;
    display: block;
	}
.pop-up-left-txt a{ text-decoration:underline;     display: inline-block; color: #fff}
.yes-btn, .no-btn {
    cursor: pointer;
    margin-top: 10px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    outline: none;
    box-shadow: none;
   	background: var(--grad);
    appearance: none;
    transition: left 1s ease 0s;
    display: inline-block;
    padding: 10px 20px;
    line-height: 16px;
    border-radius: 50px;
    border: none;
}
.no-btn {
    background: #333;
	color:#fff;
}
.pop-innr p{color: #fff !important;}
.error-sec{
	float:left;
	width:100%;
	text-align:center;
	}
.error-hed {
    color: red;
    font-size: 32px;
}
.card-error {
    max-width: 250px;
    margin-bottom: 20px;
}