@font-face{
	font-family: "Helvetica";
	src:url("https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/helvetica/Helvetica.woff");
}
@font-face{
	font-family: "Helvetica Bold";
	src:url("https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/helvetica-bold/Helvetica-Bold.woff");
}
@font-face{font-family:Pluto;src:url(https://s3.amazonaws.com/konsciousketo.com/fonts/PlutoRegular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:Pluto;src:url(https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/plutobold/PlutoBold.eot);src:url(https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/plutobold/PlutoBold.eot?#iefix) format("embedded-opentype"),url(https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/plutobold/PlutoBold.woff2) format("woff2"),url(https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/plutobold/PlutoBold.woff) format("woff"),url(https://s3.amazonaws.com/konsciousketo.com/samcart/upsell-fonts/plutobold/PlutoBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Pluto;src:url(https://s3.amazonaws.com/konsciousketo.com/fonts/PlutoMedium.ttf),url(https://s3.amazonaws.com/konsciousketo.com/fonts/PlutoCondMedium.ttf) format("truetype");font-weight:500;font-style:normal}




.maxwidth {max-width: 1440px;margin:0 auto;}
.myriadpro {font-family: 'myriad-pro';}
.poppins {font-family: 'Poppins';}
.lora {font-family: 'Lora';}
.inter {font-family: 'Inter';}
.worksans {font-family: "Work Sans", sans-serif;}
.pluto {font-family: Pluto;}
.georgia {font-family: Georgia;}
.fw300 {font-weight: 300!important;}
.fw400 {font-weight: 400!important;}
.fw500 {font-weight: 500!important;}
.fw600 {font-weight: 600!important;}
.fw700 {font-weight: 700!important;}
.fw800 {font-weight: 800!important;}
.fw900 {font-weight: 900!important;}
.italic {font-style: italic;}
.fs12px {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs26 {font-size: 26px;}
.fs27 {font-size: 27px;}
.fs28 {font-size: 28px;}
.fs29 {font-size: 29px;}
.fs30 {font-size: 30px;}
.fs32 {font-size: 32px;}
.fs34 {font-size: 34px;}
.fs36 {font-size: 36px;} 
.fs37 {font-size: 37px;} 
.fs38 {font-size: 38px;} 
.fs40 {font-size: 40px;}
.fs42 {font-size: 42px;}
.fs46 {font-size: 46px;}
.fs48 {font-size: 48px;}
.fs64 {font-size: 64px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh30 {line-height: 30px;}
.lh38 {line-height: 38px;}
.lh40 {line-height: 40px;}
.lh46 {line-height: 46px;}
.lh50 {line-height: 50px;}
.lh52 {line-height: 52px;}
.text-underline {text-decoration: underline;}
.text-capitalize {text-transform: capitalize;}
.color00A4E5 {color:#00A4E5;}

figure { margin: 0; padding: 0; }
figure img { width: 100%; object-fit: contain; }


.header-banner {
	background: linear-gradient(90deg, #5461AC 0%, #2F3A7C 100%);
}
.header-banner h4 {
	color: #FFF;
	font-family: "Readex Pro", serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.header-banner .d-flex{
	padding-top: 10px;
  margin: 0 100px;
}
.bolder-text {font-weight: 600px;}
.hero-section {
	background-image: url('./images/hero-img-new.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding: 51px 0 31px;
}
.hero-div {max-width: 1000px;margin: 0 auto;}
.hero-banner {max-width: 910px;}
.logo {max-width: 56px;}
.melissa {
	color: #FFF;
	font-family: "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 2px;
	margin: 18.91px 0;
	text-transform: uppercase;
}
.border-bottom-blue {background-color: #00A4E5;height: 6px;max-width: 275px;}
.slimming {
	color: #FFF;
	font-family: "Source Serif Pro";
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px;
	margin-top: 27px;
	max-width: 760px;
}
.posted {
	color: #FFF;
	font-family: Helvetica;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin-top: 50px;
}
.content-div {max-width: 750px;margin: 0 auto; padding-top: 45px; padding-bottom: 65px; }
.content { padding: 0 0 32px; }
.content p { margin-bottom: 24px; }
.content h2 {
	color: #000;
	text-align: center;
	font-family: Georgia;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 28.8px */
	margin-bottom: 28px;
	margin-top: 28px;
	text-align: left;
}
.content h3 {
	color: #4A4A4A;
	font-family: Georgia;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}
.content {
	color: #000000;
	font-family: Georgia;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}
video {
  width: 100%;
  height: auto;
  cursor: pointer; /* Makes the video look clickable */
  border-radius: 15px;
}
.cta-link {
	color: #00A4E5;
	font-family: Georgia;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 125% */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.content-ul {
	color: #4A4A4A;
	font-family: Georgia;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}
.ul-painkillers {
	max-width: 740px;
}
.watchnow {
	color: #FFF;
	text-align: center;
	font-family: "myriad-pro";
	font-size: 21.6px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.432px;
	display: block;
	text-decoration: none;
}
.individual{
	color: #000;
	font-family: Georgia;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: block;
	text-align: center;
	margin: 32px 0;
}
.about-melissa {
	color: #4A4A4A;
	font-family: Georgia;
	font-size: 17.969px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 178.087% */
}
.melissa-propic {
	width: 120px;
	height: 120px;
	flex-shrink: 0;
	border-radius: 10px;
	background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.about-melissa-desktop {
	color: #4A4A4A;
	font-family: Georgia;
	font-size: 13.48px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px; /* 185.46% */
}
.melissa-text {
	color: #4A4A4A;
	font-family: Georgia;
	font-size: 12.75px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; /* 196.078% */
}
footer {background: #2F3A7C;padding: 28px 0 38px; }
.footer-container {
	max-width: 1040px;
	margin: 0 auto;
}
.footer-links a, .footer-links span {
	color: #FFF;
	font-family: "Work Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 15.6px */
	text-decoration: none;
}
.footer-links a {
	text-decoration: underline;
}
.cta-watchnow-button {
	border-radius: 10px;
	background-color: #00A4E5;
	max-width: 556px;
	display: block;
	margin: 0 auto;
	text-align: center;
  padding: 12px;
  margin-top: 31px;
}
.cta-watchnow {
	color: #FFF;
	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 33px */
	letter-spacing: 1px;
	text-decoration: none;
}
.individual-result {
	color: #4A4A4A;
	text-align: center;
	font-family: Georgia;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 300% */
}

.capitalize {text-transform: capitalize;}
.text-center {text-align: center;}

.img-inset { margin-left: -16px; width: calc(100% + 32px); margin-top: 32px; margin-bottom: 32px;}
.img-inset-wrapper { margin-bottom: 32px; }
.img-inset-wrapper .img-inset { margin-bottom: 24px; }
.img-inset-wrapper span { color: #4A4A4A; text-align: center; font-family: Georgia; font-size: 10px; font-style: normal; font-weight: 400; line-height: 24px; text-align: center; display: block; }
.gif-wrapper { margin-left: -16px; width: calc(100% + 32px); margin-top: 32px; margin-bottom: 32px; }
.gif-wrapper a { display: block; }
.clinical { padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.40); margin-bottom: 16px; }
.clinical h3 { color: rgba(255, 255, 255, 0.50); text-align: center; font-family: "myriad-pro"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 50px; text-transform: capitalize; margin-bottom: 32px; }
.clinical .clinical-list { display: flex; gap: 32px; }
.clinical ul { list-style: none; padding: 0; margin: 0; width: 50%; gap: 8px; display: flex; flex-direction: column; }
.clinical ul li { display: flex; gap: 4px;  }
.clinical ul li span, .clinical ul li p { color: #FFF; text-align: center; font-family: "myriad-pro"; font-size: 16px; font-style: italic; font-weight: 400; line-height: normal; text-align: left; }
.clinical ul li p { font-size: 14px; word-break: break-all; margin-bottom: 0; }

.d-450-none {
	display: none;
}
.footer-container h2{
	color: #FFF;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px; /* 166.667% */
}
.disclaimer {
	color: #FFF;
	text-align: center;
	font-family: "Work Sans", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 25px; /* 178.571% */
}
.footerlinks a{
	color: #FFF;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px; /* 178.571% */
	text-decoration: none;
}
.footerlinks span{
	color: #FFF;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px; /* 178.571% */
	margin: 0 3px;
}


/*===== media max-width will be change depending on the design =====*/
@media (max-width:992px){
	.hero-div { padding: 0 29px; }
	.maxwidth-430 {max-width: 430px;margin:0 auto;}
	.fsm14 {font-size: 14px!important;}
    .fsm15 {font-size: 15px!important;}
    .fsm16 {font-size: 16px!important;}
    .fsm17 {font-size: 17px!important;}
    .fsm18 {font-size: 18px!important;}
    .fsm19 {font-size: 19px!important;}
	.fsm20 {font-size: 20px!important;}
    .fsm21 {font-size: 21px!important;}
    .fsm22 {font-size: 22px;}
    .fsm23 {font-size: 23px;}
	.fsm24 {font-size: 24px;}
	.fsm26 {font-size: 26px;}
    .fsm28 {font-size: 28px;}
    .fsm30 {font-size: 30px;} 
	.fsm32 {font-size: 32px;} 
    .fsm34 {font-size: 34px;} 
	.fsm36 {font-size: 36px;}
	.lhm28 {line-height: 28px;}
	.lhm24 {line-height: 24px;}
	.lhm30 {line-height: 30px;}
	.lhm36 {line-height: 36px;}
	.lhm40 {line-height: 40px;}
	.logo { max-width: 50px; }
	.hero-section {
		background-image: url('./images/hero-img-mobile-new.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		padding: 30px 0;
	}
	.in-content { padding: 0; }
	.melissa {
		color: #FFF;
		font-family: Helvetica;
		font-size: 20.64px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 2.293px;
	}
	.slimming {
		text-shadow: 0px 4.587px 57.333px rgba(0, 0, 0, 0.35);
		font-size: 28px;
		font-style: normal;
		font-weight: 600;
		line-height: 125%; /* 42.5px */
		max-width: 320px;
	}
	.posted {
		margin-top: 20px;
		margin-bottom: 0;
		color: #FFF;
		text-edge: cap;
		font-family: Helvetica;
		font-size: 13.76px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	.melissa-propic-mobile {
		width: 194.933px;
		height: 163.973px;
		margin: 18px 0;
		}
	.melissa-text {
		color: #4A4A4A;
		font-family: Georgia;
		font-size: 17px;
		line-height: 32px; /* 188.235% */
	}
	.bolder-text {font-weight: 700px!important;}
	.content { 
		padding: 0 0 25px;
		color: #000;
		font-family: Georgia;
		font-size: 22px;
		font-style: normal;
		font-weight: 400;
		line-height: 36.7px; /* 166.818% */
	}
	.hero-banner {max-width: 317px;margin: 0 auto; max-width: unset; }
	.content-div { padding-top: 30px; padding-bottom: 58px; padding-left:30px; padding-right: 30px; margin:0 auto; }
	.border-bottom-blue {max-width: 200px;}
	.content h2 {text-align: left; font-size: 24px; margin-bottom: 28px; }
	.footer-container {margin: 0 auto;}
	.individual { margin: 32px 0 13.5px;}

	.img-inset { margin-top: 30px; margin-bottom: 30px; margin-left: -29px; width: calc(100% + 76px); }
	.img-inset-wrapper { margin-bottom: 30px; }
	.img-inset-wrapper .img-inset { margin-bottom: 13.82px; }
	.gif-wrapper { margin-left: -29px; width: calc(100% + 76px); }

	.clinical { padding: 0 16px 32px; }
	.clinical h3 { margin-bottom: 26px; }
	.clinical .clinical-list { flex-direction: column; gap: 16px; }
	.clinical .clinical-list ul { width: 100%; gap: 16px; }

	.header-banner h4 {
		font-weight: 400;
		line-height: normal;
	}
	.header-banner .d-flex{
	  margin: 0 15px;
	}
	
	.cta-link {
		font-size: 22px;
		font-family: Georgia;
		font-style: normal;
		font-weight: 700;
		line-height: 36.7px; /* 166.818% */
	}
	
	.about-melissa-desktop {
		color: #4A4A4A;
		font-size: 17.97px;
		line-height: 36.693px; /* 178.087% */
	}
	.individual-result {font-size: 16px;margin-top: 15px;}
	.content h3 {
		color: #4A4A4A;
		font-family: Georgia;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
	}

}	

@media (max-width: 680px ) {
	.d-680-none { display: none; }
}

@media (max-width:420px) {
	.d-450-none { display: block; }
	.content-div{
		/* max-width: 360px; */
		margin:0 auto;
	}
	.footer-container {max-width: 360px;}
}