/* Tooltip container */
		.custom-tooltip {
		  position: relative;
		  display: inline-block;
		}
		/* Tooltip text */
		.custom-tooltip .tooltiptext {
		    visibility: hidden;
		    width: 325px;
		    background-color: #fff;
		    color: #000;
		    text-align: center;
		    padding: 45px 40px;
		    position: absolute;
		    z-index: 1;
		    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 19%);
		    line-height: 25px;
		}
		/* Show the tooltip text when you mouse over the tooltip container */
		.custom-tooltip:hover .tooltiptext {
		  visibility: visible;
		  display: block;
		}
		.custom-tooltip .tooltiptext {
		  bottom: 100%;
		  left: 50%;
		  font-size: 17px;
		  margin-left: -202px;
    	  margin-bottom: 15px;
		  transform: translateX(-50%);
		  display: none;
		}
		.custom-tooltip .tooltiptext a{
			text-decoration: none;
			color: #39b54a;
			font-size:17px;
		}
		.learn-more{
			margin-top: 20px
		}
		.tooltip-leaf{
			vertical-align: middle;
    		width: 28px;
    	}
		.custom-tooltip .tooltiptext::after {
		  content: " ";
		  position: absolute;
		  top: 100%; /* At the bottom of the tooltip */
		  left: 50%;
		  margin-left: 0px;
		  border-width: 15px;
		  border-style: solid;
		  border-color: #fff transparent transparent transparent;
		  transform: translateX(-50%);
		}
		.ecocart-checker:after{content:'';position:absolute;display:none}
		.ecocart-block input:checked ~ .ecocart-checker:after{display:block}
		.ecocart-block .ecocart-checker:after{left:6px;top:0;width:5px;height:10px;border:solid #00CB8F;border-width:0 4px 4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
		.checked{max-height: 1000px !important;}.descr{display: none;}.visible{display: block !important;}.background{background: #fff !important;box-shadow: 1px 1px 8px #00c364;}.show-btn{background-image: url(ask.svg); background: none;}
		.ecocart-block {
			display: block;
			position: relative;
			padding-left: 35px;
			margin-top: -29px;
			cursor: pointer;
			font-size: 22px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		/* Hide the browser's default checkbox */
		.ecocart-block input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0;
		}

		/* Create a custom checkbox */
		.ecocart-checker {
			position: absolute;
			top: 0;
			left: 0;
			height: 28px;
			width: 28px;
			background-color: transparent;
			border: 2px solid #000;
			border-radius: 5px;
		}
		/* Create the checkmark/indicator (hidden when not checked) */
		.ecocart-checker:after {
			content: "";
			position: absolute;
			display: none;
		}

		/* Show the checkmark when checked */
		.ecocart-block input:checked ~ .ecocart-checker:after {
			display: block;
		}
		.ecocart-block input:checked ~ .ecocart-checker{
			background-color: #39B54A;
		  border: 2px solid #39b54a;
		}

		/* Style the checkmark/indicator */
		.ecocart-block .ecocart-checker:after {
			left: 9px;
			top: 0px;
			width: 9px;
			height: 18px;
			border: solid white;
			border-width: 0 3px 3px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		@media screen and (max-width: 767px){
			.custom-tooltip .tooltiptext{
				width: 225px;
				margin-left: 0px;
				top: 100%;
				height: 275px;
				margin-top: 15px;
				transform: translateX(-50%);
			}
			.custom-tooltip .tooltiptext::after {
			    left: 50%;
			    border-color: transparent transparent #fff transparent;
			    top: auto;
    			bottom: 100%;
			}
			.ecocart{
				padding: 10px !important;
			}
			#ecocart-text-wrapper > img{
				width: 50px !important;
				height: 50px !important;
			}
			#ecocart-text-wrapper > div{
				margin-left: 10px !important;
				padding-right: 15px !important;
				box-sizing: border-box;
			}
			#ecocart-text-wrapper > div p > img{
				max-width: 80px;
			}
			/* .custom-tooltip{
				position: initial;
			} */
			#ecocart-text-wrapper h3{
				position: relative;
				font-size: 0.9rem !important;
			}
		}
		@media(max-width: 370px){
			.custom-tooltip .tooltiptext::after {
				left: 42px;
				transform: translateX(0%);
			}
			.custom-tooltip .tooltiptext{
				transform: translateX(0);
				left: -50px;
			}
		}