/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 1009:0 Unexpected "<"

**/
<style>
	.specific-gummy-tabs {
		display: flex;
	}

	.specific-gummy-tabs.sleep-gummies-tab {
		background: #B2D2EC;
		display: flex;
	}

	.specific-gummy-tabs.pain-gummies-tab {
		background: #FCD0BE;
	}

	.specific-gummy-tabs.de-stress-gummies-tab {
		background: #D6F5E0;
	}

	.specific-gummy-tab-bottom {
		display: flex;
		gap: 26px;
		align-items: center;
		margin-top: 30px;
	}



	.specific-gummy-tab-content p {
		font-size: 19px;
		line-height: 29px;
	}

	.specific-gummy-tab-content .specific-gummy-tab-bottom__title {
		font-size: 30px;
		line-height: 29px;
	}

	.specific-gummy-tab-content .h1-new {
		margin-top: 0;
		margin-bottom: 20px;
	}
.specific-gummy-tab-bottom__inner{
	max-width: 637px;
}
	.sleep-gummies-tab .specific-gummy-tab-content .h1-new {
		color: #071561;
	}

	.pain-gummies-tab .specific-gummy-tab-content .h1-new {
		color: #FF7050;
	}

	.de-stress-gummies-tab .specific-gummy-tab-content .h1-new {
		color: #82C49D;
	}

	.specific-gummy-tab-bottom__title {
		color: #071561;
		font-family: "Century Old Style Std";
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		margin-bottom: 18px;
	}

	.sleep-gummies-tab .specific-gummy-tab-bottom__title {
		color: #071561;
	}

	.pain-gummies-tab .specific-gummy-tab-bottom__title {
		color: #FF7050;
	}

	.de-stress-gummies-tab .specific-gummy-tab-bottom__title {
		color: #82C49D;
	}

	.specific-gummy-tab-bottom svg {
		min-width: 122px;
		width: 122px;
		height: 122px;
	}

	.specific-gummy-tab-image-wrapper {
		width: 80%;
		max-width: 605px;
		position: relative;
		flex-grow: 1;
	}

	#function .cta-img-wrapper.tabs {
		max-width: 605px;
	}

	.specific-gummy-tab-image-wrapper svg {
		display: none;
		width: 118px;
		height: 118px;
	}

	.specific-gummy-tab-content {
		padding-top: 60px;
		padding-bottom: 100px;

		padding-left: max(calc((100vw - 1320px) / 2), 87px);
		/*
      padding-left: max(calc((100vw - 1380px) / 2), 87px);
      padding-right: calc((100vw - 1434px) / 2);
	  */
		padding-right: 60px;
		color: #2D2926;
	}

	.specific-gummy-tab-image {
		position: absolute;
		right: 0;
		/*
      height: calc(100% + 60px);
	  */
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
		/*
      border-bottom-left-radius: 200px;
	  */
		border-bottom-left-radius: 0px;
	}

	#function .cta-img-function {
		position: absolute;
		right: 0;
		/*
      height: calc(100% + 60px);
	  */
		min-height: 962px;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
		/*
      border-bottom-left-radius: 200px;
	  */
		border-bottom-left-radius: 0px;
	}

	.how-to-use-wrapper h1 {
		font-size: 55px;
		font-style: normal;
		font-weight: 700;
		margin-top: 0px;
	}

	.how-to-use-wrapper .jc-faq-page-content-heading {
		color: #2D2926;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: 1.28px;
		text-transform: uppercase;
	}

	.cta-wrapper-function {
		display: flex;
		/*
		padding-left: max(calc((100vw - 1380px) / 2), 27px);
		*/
		padding-left: 27px;
		padding-top: 0px;
		padding-bottom: 100px;
		padding-top: 102px;
		background: #FCD0BE;
	}

	.cta-wrapper-function {
		padding-left: max(calc((100vw - 1380px) / 2), 87px);
	}

	#function .jc-faq-page-content-wrapper {
		margin-top: 0px;
		padding-right: 0px;
	}


	.cta-img-wrapper {

		height: 100%;
		/*
		min-height: 765px;
		*/
		margin-right: 0px;
		margin-left: 0px;
		padding: 0px 0 20px;
		/*
	width: 60%;
    max-width: 820px;
	*/
		text-align: right;
		overflow: hidden;
		width: 100%;
		max-width: 605px;
		position: relative;

	}

	.cta-img-function {
		margin-bottom: 30px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		object-fit: cover;
		/*
	max-width: 813.84px;
	*/
		height: 675px;
		min-width: 543px;
		border-radius: 200px 0px 0px 200px;
		transition: opacity 0.5s ease;
		opacity: 0;
		/* Hide all images initially */
	}

	.cta-img-function.active {
		opacity: 1;
		/* Only the active image is visible */
	}

	.cta-text-wrapper-tabs {
		width: 100%;
		max-width: none;
		margin-right: 0px;
		padding-left: 70px;
		text-align: left;
		padding-right: 40px;
		padding-top: 0px;
	}

	.cta-text-wrapper-tabs.function {
		padding-right: 40px;
		padding-left: 0px;
	}

	.button-green {
		padding: 21px 30px 19px 30px;
		background-color: #004943;
		-webkit-transition: background-color .25s ease;
		transition: background-color .25s ease;
		font-family: poppins;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		text-transform: uppercase;
		border-radius: 50px;
		width: auto;
		line-height: 1em;
		font-size: 16px;
		font-weight: 400;
		text-decoration: none;
	}

	.button-green:hover {
		background-color: white;
		color: #004943;
	}

	.function-body {
		max-width: 474px;
		/*
		max-width: none;
		*/
	}

	.light-bold-title {
		font-weight: 500;
		margin-bottom: 8px;
	}

	/* Style the tab */

	.tablinks svg path {
		transition: all 300ms ease;
		fill: black;
		/* Default color */
	}

	.tablinks.active svg path {
		fill: white;
		/* Active color */
	}

	.border-extention {
		position: absolute;
		bottom: -22px;
	}

	.tab {
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
	max-width: 793px;
	}

	/* Style the buttons that are used to open the tab content */
	.tab button {
		background-color: inherit;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		padding: 12px 26px 12px 24px;
		justify-content: center;
		align-items: center;
		border-radius: 70px;
		display: flex;
		margin-right: 12px;
		column-gap: 12px;
		max-height: 52px;
		position: relative;

		font-family: century-old-style-std;
		font-weight: 400;
		font-size: 26px;
		color: #2D2926
	}

	/* Change background color of buttons on hover */
	.tab button:hover {}

	.cta-wrapper-function.tabs {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.cta-text-wrapper-tabs.function {
		padding-top: 60px;
		padding-bottom: 70px;
	}

	.cta-img-function {
		height: 100%;
		border-radius: 0px;
		margin-bottom: 0px;
	}

	.cta-img-wrapper {
		/*
	min-height: 831px;
	*/
		min-height: 682px;
	}

	.cta-wrapper-function.orange {
		background: #FCD0BE;
	}

	.cta-wrapper-function.green {
		background: #D6F5E0;
	}
	.cta-wrapper-function.dark-green {
		background: #D3E6EA;
	}

	.cta-wrapper-function.blue {
		background: #C6D9F0;
	}

	.cta-wrapper-function.teal {
		background: #D3E6EA;
	}

	/* Create an active/current tablink class */
	.tab button.active {
		color: #fff;
	}

	.cta-wrapper-function.tabs .tablinks.orange.active {
		background: var(--rr-pain, #FF7050);
	}

	.cta-wrapper-function.tabs .tablinks.green.active {
		background: #82C49D;
	}

	.cta-wrapper-function.tabs .tablinks.blue.active {
		background: #071561;
	}

	.cta-wrapper-function.tabs .tablinks.teal.active {
		background: #004943;
	}

	.cta-wrapper-function.tabs .tablinks.dark-green.active {
		background: #004943;
	}

	

	/*
	.cta-wrapper-function.tabs {
		background: #D3E6EA;
	}
	*/

	.cta-wrapper-function.tabs .tablinks.orange:hover {
		background: var(--rr-pain, #FF7050);
		color: white;
	}

	.cta-wrapper-function.tabs .tablinks.orange:hover svg * {
		fill: white;
	}

	.cta-wrapper-function.tabs .tablinks.green:hover {
		background: #82C49D;
		color: white;
	}

	.cta-wrapper-function.tabs .tablinks.green:hover svg * {
		fill: white;
	}

	.cta-wrapper-function.tabs .tablinks.blue:hover {
		background: #071561;
		color: white;
	}

	.cta-wrapper-function.tabs .tablinks.dark-green:hover svg * {
		fill: white;
	}

	.cta-wrapper-function.tabs .tablinks.dark-green:hover {
		background: #004943;
		color: white;
	}

	.cta-wrapper-function.tabs .tablinks.blue:hover svg * {
		fill: white;
	}

	.cta-wrapper-function.tabs .tablinks.teal:hover {
		background: #004943;
		color: white;
	}

	.cta-wrapper-function.tabs .tablinks.teal:hover svg * {
		fill: white;
	}

	/* Style the tab content */
	.tabcontent {
		display: none;

		margin-top: 21px;
		border-top: 2px solid black;
	}

	.type-icon-wrapper {
		position: absolute;
		z-index: 99;
		top: 40px;
		right: 40px;
	}

	.type-icon-wrapper svg {
		display: block;
	}

	.tabcontent .tab-inner p:nth-of-type(1) {
		margin-bottom: 20px;
	}

	.how-to-use-wrapper .tab-inner {
		max-width: 750px;
	}

	.tabcontent .tab-inner p {
		font-size: 17px;
		line-height: 26px;
	}

	.tab-inner {
		margin-left: 40px;
		padding-top: 30px;
		font-size: 19px;
	}

	.tablinks svg {
		width: 28px;
		height: 28px;
	}

	.tab-inner h3 {
		font-weight: 400;
		color: #2D2926;
		font-size: 30px;
		margin-bottom: 20px;
		font-family: century-old-style-std;
		margin-top: 10px;
	}

	.btn-text-mobile {
		display: none;
	}

	.cta-wrapper-function.tabs {
		overflow: hidden;
	}

	.specific-gummy-tab-bottom__inner p:nth-of-type(2) {
		margin-bottom: 20px;
	}

	.pet-title.h1-new {
		max-width: 550px;
	}

	.specific-gummy-tab-bottom img{
		min-width: 77px;
	}


	#Stress .specific-gummy-tab-bottom svg path{
	fill: #82C49D;
	}
	#Sleep .specific-gummy-tab-bottom svg path{
	fill: #071561;
	}
	#Multifunctional .specific-gummy-tab-bottom svg path{
	fill: #004943;
	}
	.specific-gummy-tab-bottom svg{
		max-height: 77px;
		max-width: 77px;
		min-width: auto;
	}
	@media (max-width: 1023px) {
		.specific-gummy-tab-content {
			padding-top: 40px;
			padding-bottom: 80px;
		}
		.border-extention{
			display: none !important;
		}
		.specific-gummy-tab-content .specific-gummy-tab-bottom {
			margin-top: 40px;
		    padding-left: 0px;
    		padding-right: 0px;
			gap: 20px;
		}

		.pet-title.h1-new {
			max-width: 747px;
			margin-bottom: 14px;
		}


		.specific-gummy-tab-content {
			/*
			padding-left: 20px;
			padding-right: 20px;
			*/
			padding-left: 40px;
			padding-right: 40px;
			max-width: 800px;
			margin-right: auto;
			margin-left: auto;
		}

		.cta-wrapper-function.tabs {
			/*
			flex-direction: column;
			*/
			padding-bottom: 0px;
		}

		.cta-text-wrapper-tabs {
			width: 100%;
			max-width: 100%;
		}

		.cta-img-wrapper img {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 100px;
		}

		#function .cta-text-wrapper-tabs.function {
			padding-right: 40px;
			padding-left: 20px;
			padding-top: 0px;
			padding-bottom: 75px;
		}

		.cta-wrapper-function.tabs {
			padding-top: 40px;
		}
		#function .tab{
			margin-top: 30px;
			justify-content: left;
		}
		#function .tabcontent{
			margin-top: 47px;
		}
		#function .tab button{

		}
		.cta-img-wrapper.tabs {
			margin-left: auto;
			/*
			display: none;
			width: 355px;
			height: 372px;
			*/
			width: 500px;
			height: 600px;
			border-radius: 100px 0px 0px 100px;
			min-height: auto;
			margin-top: 57px;
			padding-right: 0px;
		}

		.tabcontent .function-body {
			max-width: none;
		}

		#function {
			padding-left: 0px;
		}

		.cta-wrapper-function.tabs .cta-img-wrapper img {
			height: 100%;
			border-radius: 0px;
			border-bottom-left-radius: 100px;
			border-top-left-radius: 100px;
		}

		.specific-gummy-tabs {
			flex-direction: column-reverse;
		}

		.specific-gummy-tab-image {
			position: relative;
			max-height: 583px;
			object-position: center;
			width: 100%;
			border-bottom-left-radius: 100px;
			border-bottom-right-radius: 100px;
		}

		.specific-gummy-tab-image-wrapper {
			width: 100%;
			max-width: 100%;
		}

		.border-extention {
			display: none;
		}

		.jc-faq-page-content-wrapper .tabcontent {
			border-top: none;
		}

		.heading-color-bg {
			border-radius: 0px 0px 40px 0px;
			background: var(--rr-pain, #FF7050);
			width: 280px;
			/*
			height: 52px;
			*/
			height: auto;
			padding-top: 10px;
			padding-bottom: 10px;
			display: flex;
			align-items: center;
			margin-bottom: 25px;
			margin-left: -20px;
			padding-left: 20px;
		}

		.heading-color-bg h3 {
			color: #fff;
			margin-top: 10px;
		}

		#Pain .heading-color-bg {
			background: var(--rr-pain, #FF7050);
		}

		#Stress .heading-color-bg {
			background: var(--rr-pain, #82C49D);
		}

		#Sleep .heading-color-bg {
			background: var(--rr-pain, #071561);
		}

		#Multifunctional .heading-color-bg {
			background: var(--rr-pain, #004943);
		}

		.specific-gummy-tab-bottom svg {
			/*
			display: none;
			*/
			min-width: 76px;
			height: 76px;
		}

		.specific-gummy-tab-image-wrapper svg {
			display: block;
			position: absolute;
			/*
			bottom: -24px;
			*/
			right: 0px;
		}
		.tablinks .btn-text {
			display: none;
		}

		.btn-text-mobile {
			display: block;
			position: absolute;
			bottom: -28px;
			color: var(--rr-black, #2D2926);
			text-align: center;
			font-family: filson-pro;
			font-size: 14px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 1.12px;
			text-transform: uppercase;
		}





		.tablinks {
			/*
			opacity: .5;
			*/
		}

		.tablinks.active {
			opacity: 1;
		}

		.tablinks.active .btn-text-mobile {
			padding-bottom: 10px;
			bottom: -38px;
		}

		.tablinks.orange.active .btn-text-mobile {
			border-bottom: 2px solid #FF7050;
			color: #FF7050;
		}

		.tablinks.green.active .btn-text-mobile {
			border-bottom: 2px solid #82C49D;
			color: #82C49D;
		}

		.tablinks.blue.active .btn-text-mobile {
			border-bottom: 2px solid #071561;
			color: #071561;
		}

		.tablinks.teal.active .btn-text-mobile {
			border-bottom: 2px solid #66A5D9;
			color: #66A5D9;
		}

		.tablinks.dark-green.active .btn-text-mobile {
			border-bottom: 2px solid #004943;
			color: #004943;
		}

		.tabcontent .tab-inner {
			margin-left: 0px;
		}

		.tabcontent .tab-inner .heading-color-bg {
			display: flex;
			align-items: center;
			padding-right: 35px;
			width: fit-content;
		}

		.tabcontent .tab-inner .heading-color-bg h3 {
			line-height: 36px;
		}

		.tabcontent .tab-inner h3 {
			margin-top: 0;
			margin-bottom: 0;
		}
		#function .how-to-use-wrapper .tablinks {
        opacity: .5;
		}
		.cta-wrapper-function.tabs .tablinks {
			background-color: #fff;
		}
		.tablinks svg {
			height: 44px;
			width: 44px;
		}
		.tab .tablinks {
			padding: 12px !important;
			width: 67px;
			height: 67px;
			max-height: 67px;
			/*
			margin-right: calc(12px + 4%);
			*/
			margin-right: 18px;
		}
	}

	@media (max-width: 767px) {

	.cta-text-wrapper-tabs.function .how-to-use-wrapper h1{
		margin-top: 40px;
	}
	.tab-inner .specific-gummy-tab-bottom__inner p:nth-of-type(2){
		margin-bottom: 20px;
	}
		#function .cta-img-wrapper.tabs{
			display: none;
		}
		#function .top-heading-wrapper{
			margin-bottom: 14px;
		}
		.tablinks.active .btn-text-mobile{
			padding-bottom: 8px;
		}
		.specific-gummy-tab-content .specific-gummy-tab-bottom {
			margin-top: 40px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.specific-gummy-tab-content .h1-new {
			margin-bottom: 14px;
		}

		.specific-gummy-tab-bottom {
			margin-top: 34px;
		}

		.specific-gummy-tab-content {
			padding-left: 20px;
			padding-right: 20px;
		}

		.cta-text-wrapper-tabs.function {
			padding-top: 40px;
		}

		#function {
			padding-top: 0px;
		}

		#function .tab-inner {
			padding-top: 44px;
		}
		#function .jc-faq-page-content-wrapper .light-bold-title{
			font-size: 19px;
		}
		.specific-gummy-tab-bottom {
			/*
			flex-direction: column;
			*/
		}
		.specific-gummy-tab-bottom__inner{
			/*
			max-width: 76%;
			*/
		}
		.specific-gummy-tab-bottom{
			gap: 20px;
		}
		.specific-gummy-tab-image {
			height: 401px;
		}
		#function .cta-text-wrapper-tabs.function{
			padding-bottom: 60px;
		}
		.specific-gummy-tab-image-wrapper svg{
			width: 88px;
			height: 88px;
		}
		.type-icon-wrapper{
			top: 20px;
    		right: 30px;
		}
		.specific-gummy-tab-content{
			padding-top: 20px;
			padding-bottom: 60px;
		}

		.specific-gummy-tab-content .h1-new {
			font-weight: 700 !important;
		}

		.specific-gummy-tab-content p {
			font-size: 17px;
			line-height: 26px;
		}

		.specific-gummy-tab-bottom__inner .specific-gummy-tab-bottom__title {
			font-size: 30px;
		}


		.cta-wrapper-function.tabs .tablinks {
			background-color: #fff;
		}

		.tablinks.teal svg {
			width: ;
		}

		.max-289 {
			max-width: 289px;
		}

		.cta-img-wrapper-use {
			max-height: 375px;
		}

		.cta-wrapper-function.tabs .how-to-use-wrapper h1 {
			max-width: 370px;
		}
		#function .jc-faq-page-content-wrapper p{
			font-size: 17px;
		}
		.cta-wrapper-function.tabs .how-to-use-wrapper h1{
			font-size: 38px !important;
		}
		.cta-img-use {
			height: 100%;
		}

		.cta-img-wrapper.tabs {
			/*
			width: 355px;
			height: 372px;
			margin-left: auto;
    		padding-left: 20px;
			*/
			width: 100%;
			max-width: none;
			height: 435px;
			border-radius: 0px;


		}

		.cta-wrapper-function.tabs .cta-img-wrapper img {
			border-radius: 0px;
		}

		.cta-wrapper-function.tabs {
			padding-bottom: 0px;
			margin-top: 0px;
		}

		.cta-text-wrapper-tabs.function {
			padding-bottom: 52px;
		}

		#function .function-body {
			font-size: 17px;
			line-height: 26px;
		}
	}

	@media (max-width: 479px) {
		.specific-gummy-tab-content {
			padding-left: 20px;
			padding-right: 20px;
		}

		.cta-img-wrapper.tabs {
			margin-top: 0px;
			width: 100%;
			height: 435px;
			margin-left: 0px;
			padding-left: 0px;
			display: none;
		}

		.cta-wrapper-function.tabs {
			padding-bottom: 0px;
		}

	}
</style>