/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 21 2024 | 16:18:13 */
.elementor-widget-n-menu .e-n-menu-heading {
	justify-content: space-between !important;
}
@media (max-width: 1024px) {
	#footer-menu span.e-n-menu-icon {
		display: none;
  }
}
.eael-progressbar-circle-inner-content {
	display: flex;
    flex-direction: column-reverse;
}
.elementor-widget-n-tabs .e-n-tab-title-text br, h3.bdt-interactive-tabs-title br {
	display: none;
}
@media (max-width: 1054px) {
	.elementor-widget-n-tabs .e-n-tab-title-text br, h3.bdt-interactive-tabs-title br {
		display: initial;
	}
}
span.shop-qnt {
    color: #20242780;
    padding-left: 6px;
}
.elementor-9 .elementor-element.elementor-element-8ef4502 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ) {
	max-width: max-content;
}
input#form-field-name, input#form-field-tel, input#form-field-city, input#form-field-np {
	padding: 16px 24px;
}
.fa-map-marker-alt:before {
	padding-left: 14px;
}
svg.input-icons{
	left: 20px !important;
}
input#form-field-city, input#form-field-np {
	padding-left: 55px !important;
}
.bdt-interactive-tabs-wrap {
	display: flex;
	align-items: center;
    justify-content: center;
	flex-wrap: wrap;
}

@media (min-width: 769px) {
	.bdt-dots-container {
		display: none;
	}
}
@media (max-width: 1120px) and (min-width: 967px) {
	.eael-progressbar.eael-progressbar-circle {
		width: 85px !important;
		height: 85px !important;
	}
}
@media (max-width: 966px) and (min-width: 851px) {
	.eael-progressbar.eael-progressbar-circle {
		width: 75px !important;
		height: 75px !important;
	}
}
@media (max-width: 850px) {
	.eael-progressbar.eael-progressbar-circle {
		width: 70px !important;
		height: 70px !important;
	}
}


@media (max-width: 402px) and (min-width: 384px) {
	.elementor-9 .elementor-element.elementor-element-624a915 .elementor-heading-title {
		max-width: 95%;
	}
}
@media (max-width: 422px) and (min-width: 403px) {
	.elementor-9 .elementor-element.elementor-element-624a915 .elementor-heading-title {
		max-width: 90%;
	}
}
@media (max-width: 445px) and (min-width: 423px) {
	.elementor-9 .elementor-element.elementor-element-624a915 .elementor-heading-title {
		max-width: 85%;
	}
}
@media (max-width: 470px) and (min-width: 446px) {
	.elementor-9 .elementor-element.elementor-element-624a915 .elementor-heading-title {
		max-width: 80%;
	}
}
@media (max-width: 499px) and (min-width: 471px) {
	.elementor-9 .elementor-element.elementor-element-624a915 .elementor-heading-title {
		max-width: 75%;
	}
}
@media (max-width: 600px) and (min-width: 500px) {
	.elementor-9 .elementor-element.elementor-element-624a915 .elementor-heading-title {
		max-width: 70%;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.elementor-9 .elementor-element.elementor-element-0ecc157, .elementor-9 .elementor-element.elementor-element-5332f93 { 
		width: 100%; 
	} 
}

input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#form-field-checkbox1-0 + label, #form-field-checkbox2-0 + label, #form-field-checkbox3-0 + label, #form-field-checkbox4-0 + label, #form-field-checkbox5-0 + label {
  display: flex;
  align-items: flex-start;
  min-width: 225px;
  text-align: left;
  padding: 10px;
  text-transform: uppercase;
  font-size: 14px;
  justify-content: space-evenly;
}

#form-field-checkbox1-0 + label::before  {
  content: '';
  display: block;
  min-width: 50px;
  height: 50px;
  background-image: url('/wp-content/uploads/2024/11/Roztoropshi-oil.svg');
  background-size: contain; 
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  transition: 0.3s;
  margin-right: 5%;
}
#form-field-checkbox2-0 + label::before  {
  content: '';
  display: block;
  min-width: 50px;
  height: 50px;
  background-image: url('/wp-content/uploads/2024/11/Konoplyana-oil.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  transition: 0.3s;
  margin-right: 5%;
}
#form-field-checkbox3-0 + label::before  {
  content: '';
  display: block;
  min-width: 50px;
  height: 50px;
  background-image: url('/wp-content/uploads/2024/11/Girchica-oil.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  transition: 0.3s;
  margin-right: 5%;
}
#form-field-checkbox4-0 + label::before  {
  content: '';
  display: block;
  min-width: 50px;
  height: 50px;
  background-image: url('/wp-content/uploads/2024/11/Llyana-oil.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  transition: 0.3s;
  margin-right: 5%;
}
#form-field-checkbox5-0 + label::before {
  content: '';
  display: block;
  min-width: 50px;
  height: 50px;
  background-image: url('/wp-content/uploads/2024/11/Voloski-oil.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  transition: 0.3s;
  margin-right: 5%;
}

#form-field-checkbox1-0 + label::after {
  content: "375UAH";
  display: block;
  position: relative;
  color: #20242780;
  border-bottom: solid 1px #ffe939;
  line-height: 15px;
  right: 10px;
}
#form-field-checkbox2-0 + label::after {
  content: "375UAH";
  display: block;
  position: relative;
  color: #20242780;
  border-bottom: solid 1px #ffe939;
  line-height: 15px;
  right: 5px;
}
#form-field-checkbox3-0 + label::after {
  content: "450UAH";
  display: block;
  position: relative;
  color: #20242780;
  border-bottom: solid 1px #ffe939;
  line-height: 15px;
}
#form-field-checkbox4-0 + label::after {
  content: "250UAH";
  display: block;
  position: relative;
  color: #20242780;
  border-bottom: solid 1px #ffe939;
  line-height: 15px;
}
#form-field-checkbox5-0 + label::after {
  content: "250UAH";
  display: block;
  position: relative;
  color: #20242780;
  border-bottom: solid 1px #ffe939;
  line-height: 15px;
}
input[type="checkbox"]:checked + label {
  border: solid 1px #F8DF14;
  border-radius: 20px;
}
.elementor-element.elementor-element-5694f1c .elementor-field-group {
    align-self: center;
}
.elementor-field-input-description {
    display: block;
    margin-top: 5px;
    text-align: left;
}
.elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
	margin-bottom: 15px;
}
.elementor-field-group {
	margin-bottom: 5px;
}
li.trp-language-switcher-container.current-language-menu-item a {
	text-decoration: underline !important;
    text-decoration-color: #FFE939 !important;
    text-underline-offset: 5px;
}
li#e-n-menu-title-1901 {
	z-index: 10;
}

.elementor-field-input-description {
	position: absolute;
    bottom: 0px;
    left: 83px;
}

input[type="checkbox"]:checked + label > .elementor-field-input-description {
	display: none;
}

.elementor-field-input-description {
	position: absolute;
	top: -10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
#tooltip {
	position: absolute;
	display: none;
}
#tooltip-vju {
	position: absolute;
	display: block;
	width: 90%;

}

.wrap-div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%;
	@media (max-width: 767px) {
	width: 100%;
  }
}
@media (max-width: 767px) {
.e-form__step:not(.elementor-hidden) {
	    flex-direction: column;
	}
}
#oil img {
	width: auto;
	max-width: 100%;
}
.bdt-interactive-tabs-wrap {
	margin-bottom: 10px;
}
.shop-oil {
	font-size: 11px;
	font-weight: 400;
	margin-block-end: 0rem;
	letter-spacing: 0px;
	padding-top: 5px;
}
#btn-shop span.elementor-button-text {
	text-align: left;
}
a#btn-shop {
	background-image: url(/wp-content/uploads/2024/12/shop-btn.webp);
	background-repeat: no-repeat;
	background-position: center left;
    background-size: cover;
}
.e-n-accordion .e-con-inner {
	justify-content: flex-start;
}
