.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
/*! http://responsiveslides.com v1.55 by @viljamis */

ul.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity:0.7
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}


/* custom rules */
.main-slider.rslides{
    margin: 0px;
    max-height: 75vh;
}

.slider-caption{
    width: 90%;
    text-align: center ;
    padding: 0;
    margin: 0 5%;
    font-family: 'Festivo LC Basic', "Helvetica", "Arial", sans-serif;
    letter-spacing: 3px;
    color: #fff;
    font-size:40px;
    margin-top:-40px;
    text-shadow:2px 2px 8px rgba(0,0,0,50);
    position:absolute;
    top:50%;
    z-index:2;
}

.rslides-container{
    overflow:hidden;
    position:relative;
    background:#000;
}

@media only screen and (max-width: 767px) {
    .slider-caption{
        font-size:20px;
        margin-top:-20px;
    }
}

/* navigation */
.centered-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("/lang/wp-content/plugins/light-responsive-slider/assets/themes.gif?x54327") no-repeat left top;
    margin-top: -45px;
}

.centered-btns_nav:active {
    opacity: 1.0;
}

.centered-btns_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
    outline: none;
}
a.slider-caption-link {
    font-family: 'Festivo LC Basic', "Helvetica", "Arial", sans-serif;
    letter-spacing: 3px;
    color: #fff;
    font-size:40px;
    text-shadow:2px 2px 8px rgba(0,0,0,50);
    display: block;
}
a.slider-caption-link:hover {
    text-decoration: none;
}#meta_menu_button{
  display:none;
}

#meta_menu_button + input {
  display:none;
}

@media only screen and (max-width: 767px) {

  ul.meta-menu{
    display:none;
  }

  #meta_menu_button{
    display:block;
    font-weight:bold;
    width:100%;
    line-height:20px;
    padding:10px;
    background:#f5f5f5;
    border:1px solid #ddd;
    border-radius:10px;
    font-family:"Open Sans";
    margin-bottom:10px;
    overflow:hidden;
  }
  #meta_menu_button label span{
    display:block;
  }
  #meta_menu_button label input {
    position:absolute;
    top:-20px;
  }

  #meta_menu_button + input:checked + ul.meta-menu{
    display:block;
  }
  /* shop pages navigation */
  body.wpex-responsive.page-id-186 .container,
  body.wpex-responsive.single-portfolio .container {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
#sidebar-inner
  .sidebar-box.widget.widget_wpex_recent_posts_thumb.clr.sidebar-recent-posts {
  padding: 0;
}

.quiz-container {
  max-width: 1160px;
  margin: auto;
}

.career-quiz .quiz-content {
  max-width: 950px;
  margin: auto;
}

.quiz-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem 2rem;
  margin: auto;
}

@media (max-width: 768px) {
  .quiz-options {
    grid-template-columns: 1fr;
  }
}

.quiz-options .btn-white {
  background-color: var(--beige-50);
  color: var(--black);
  width: 100%;
  margin: 0;
}

.quiz-options .btn-white.ans-right {
  border: 3px solid;
  border-color: var(--green-500);
}

.quiz-options .btn-white.selected.ans-right {
  background: var(--green-500);
  color: #fff;
  border-color: var(--green-500);
}

.quiz-options .btn-white.ans-wrong {
  background: #efa539;
  color: #fff;
  border-color: #efa539;
}
#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}:root {
  --zBelow: -1;
  --zAbove: 1;
  --zHighest: 10;
}
.ppi-shop-collection {
  border-radius: 1.5rem 0.25rem 1.5rem 0.25rem;
  overflow: hidden;
  margin-block: 2rem;
  padding: 190px 0.5rem 0.5rem;
}

.ppi-placement__clr-overlay {
  bottom: -1px;
  top: unset;
  left: 0;
  right: 0;
  width: 100%;
  height: 75px;
}

.ppi-placement__img-overlay {
  inset: 0;
  width: 100%;
  height: 190px;
}

.ppi-shop-collection.ppi-collection-placement {
  border-radius: 0.5rem;
}

.ppi-placement__img-overlay > img {
  top: 0;
  left: var(--img-left);
  right: var(--img-right);
  bottom: 0;
  height: 100%;
  width: auto;
  max-width: unset;
  transform: translate(calc(var(--img-left) * -1));
}
.cta-placement__content-card {
  padding: 1.5rem;
  border-radius: 1.5rem 0.25rem 1.5rem 0.25rem;
}

.cta-placement__content-card--left {
  margin-left: auto;
}

/* PPI Collection Placement */
/* .collection-placement__img-overlay > img {
  z-index: var(--zBelow);
} */

.collection-placement__content-card {
  padding: 1.5rem;
}

.cta-placement__cta a > .flex,
.collection-placement__cta a > .flex {
  gap: 0.5rem;
  font-weight: 500;
}

.collection-placement__cta > a.btn-white {
  color: var(--grey-600);
}

.collection-placement__content {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .ppi-shop-collection {
    border-radius: 2rem 0.5rem 2rem 0.5rem;
    overflow: hidden;
    margin-block: 2rem;
    padding: 5rem 2.5rem 2.5rem;
  }

  .ppi-shop-collection.ppi-collection-placement {
    border-radius: 1rem;
  }

  .ppi-placement__img-overlay,
  .ppi-placement__clr-overlay {
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .cta-placement__content-card {
    padding: 1.5rem 2rem;
  }

  .ppi-collection-placement {
    padding: 0 2.5rem;
    display: flex;
    max-height: 192px;
    min-height: 192px;
  }

  .collection-placement__img-overlay > img {
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    max-width: unset;
    transform: unset;
  }

  .cta-placement__content-card {
    padding: 1.5rem;
    border-radius: 2rem 0.5rem 2rem 0.5rem;
  }

  .collection-placement__content {
    font-size: 1.25rem;
  }

  .collection-placement__content-card {
    padding: 0;
    flex-grow: 1;
  }

  .ppi-placement__img-overlay.collection-placement__img-overlay > img {
    top: 0;
    left: unset;
    right: -10px;
    bottom: 0;
    height: 100%;
    width: auto;
    max-width: unset;
  }
}

@media (max-width: 768px) {
  .ppi-placement__clr-overlay.collection-placement__clr-overlay {
    background: var(--bg-mbl) !important;
  }

  .cta-placement__content-card,
  .collection-placement__content-card {
    max-width: 100% !important;
  }

  .banner-with-text-cta-wrap .collection-image {
    display: none;
  }
}
form.col-override-form .plantura-media-preview img {
  max-width: 100px;
}

.banner-with-text-cta-wrap .ppi-placement__img-overlay > img {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  width: 100%;
}

.banner-with-text-cta-wrap .ppi-placement__clr-overlay {
  display: none;
}

.banner-with-text-cta-wrap .ppi-placement__img-overlay {
  height: 100%;
}
.cta-shop-product-placement,
.static-product-placement {
  cursor: pointer;
}
/**
CPRS Widget Styles
**/
.widget .cta-placement__content-card {
  text-align: center;
}

.widget .ppi-placement__img-overlay {
  inset: 0;
  width: 100%;
  height: 290px;
}

.widget .cta-placement__title {
  font-size: var(--h-s) !important;
}

.widget .collection-image-overlay.cta-placement__clr-overlay {
  display: block;
}

.widget .btn-primary {
  padding: 0.625em 1.25em;
}

.widget .collection-placement__content-card {
  padding: 158px 8px 24px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  width: 100%;
  text-align: center;
}
.widget .collection-placement__content {
  font-size: 1rem;
}
.widget h2.collection-placement__title.h-xl.h-s-m.text-bold {
  font-size: 1.625rem;
}
.widget .ppi-collection-placement {
  max-height: unset;
}

.cta-shop-product-placement .cta-price-regular del {
  display: block;
}
.cta-shop-product-placement.cta-type-1 .cta-wrap .cta-image-wrap {
  flex: 1 1 35%;
  margin-right: 20px;
}
.cta-shop-product-placement.cta-type-1 .cta-wrap .cta-desc {
  flex: 1 1 60%;
}
.cta-shop-product-placement.cta-type-1 .cta-price-sale {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .cta-shop-product-placement.cta-type-1 .cta-desc .cta-title {
    margin-left: 35px;
  }
  span.unitPriceInfo.text-copy-12.text-low-emphasis {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .cta-type-1.product-fallback-image .cta-wrap .cta-image-wrap img {
      margin-left: 15px;
  }
}
@media only screen and (min-width: 769px) {
  .cta-type-1.product-fallback-image .cta-wrap ul {
      min-height: 50px;
  }
}.prpm-wrap {
  background: var(--beige-50);
  margin: 2rem 0;
}

.prpm-content-list.prpm-wrap,
.prpm-content-grid-list.prpm-wrap,
.prpm-content-grid-fancy.prpm-wrap {
  background: var(--white);
}

.pl-shadow {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06),
    0px 8px 24px -8px rgba(0, 0, 0, 0.25);
  border: 0.5px solid #b3b3b3;
}

.pl-round {
  border-radius: 1rem;
}

.pl-round-bottom {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.pl-round-top {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.prpm-header {
  padding: 1rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.prpm-header .prpm-heading {
  margin-bottom: 0;
  font-size: 1.375rem;
}

.prpm-header .prpm-cta {
  color: var(--green-500);
  font-weight: 500;
}

.prpm-sidebar-list-green.prpm-header {
  padding: 1rem;
}

.pl-grid-12 {
  display: grid;
  grid-gap: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.pl-span-12 {
  grid-column: span 12 / span 12;
}

.pl-span-4 {
  grid-column: span 4 / span 4;
}

.pl-flex-center {
  display: flex;
  align-items: center;
}

.pl-flex-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

/** Product Card **/
.prpm-product-card {
  position: relative;
  gap: 0.5rem;
}

.prpm-product-detail {
  gap: 0.5rem;
}

.prpm-product-card::after {
  content: "";
  position: absolute;
  border-bottom: 0.5px solid #cccccc;
  bottom: 0;
  width: 100%;
  left: 0;
}

.prpm-content-list .prpm-product-card::after {
  width: calc(100% - 3rem);
  left: 1.5rem;
}

.prpm-content-list .prpm-product-img,
.prpm-product-img {
  position: relative;
  width: 100px;
  flex: 1 0 100px;
  border-top-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  overflow: hidden;
  aspect-ratio: 1/1;
  background-color: #ececec;
}

.prpm-product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #ececec;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.prpm-product-card:hover .prpm-product-img > img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.prpm-product-review.review-ratings-container .stars-group img {
  width: 1rem;
  height: 1rem;
}

.prpm-content-grid-list
  .prpm-product-card:not(:first-child)
  .prpm-product-review
  .stars-group
  img {
  width: 0.75rem;
  height: 0.75rem;
}

.prpm-product-review.review-ratings-container .review-count {
  font-weight: 400;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}

.prpm-products .prpm-product-title {
  font-size: 1rem;
  margin-bottom: 0;
}

.prpm-products .prpm-product-title > a:hover {
  text-decoration: none;
  color: inherit;
}

.prpm-product-price {
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.prpm-price-regular {
  font-size: 1rem;
}

.price-tag {
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--gray);
}

.prpm-price-sale {
  margin-right: 0.5rem;
}

.prpm-content-grid-fancy .prpm-product-price,
.prpm-sidebar-single .prpm-product-price {
  font-size: 1.625rem;
}

.prpm-content-grid-fancy .prpm-price-regular,
.prpm-sidebar-single .prpm-price-regular {
  font-size: 1.25rem;
}

.prpm-product-cta {
  width: 24px;
}

.prpm-product-cta.cta-text-link {
  width: 100%;
  display: inline-block;
  color: var(--green-500);
  font-weight: 500;
}

.prpm-badge {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.675rem;
  padding: 0.75rem 1.5rem;
}

.prpm-badge img {
  width: 90px;
}

.prpm-space {
  padding: 1rem;
}

.prpm-sidebar-list .prpm-badge {
  background: var(--petrol-50);
}

.prpm-sidebar-list .prpm-heading,
.prpm-content-list .prpm-heading,
.prpm-content-grid-list .prpm-heading,
.prpm-content-grid-fancy .prpm-heading {
  color: var(--white);
}

.prpm-content-list .prpm-cta,
.prpm-content-grid-list .prpm-cta {
  margin-top: 1rem;
}

.prpm-sidebar-list .prpm-header,
.prpm-content-list .prpm-header,
.prpm-content-grid-list .prpm-header,
.prpm-content-grid-fancy .prpm-header {
  background: var(--green-500);
}
.prpm-sidebar-list-gray .prpm-badge {
  background: var(--beige-100);
}

.prpm-sidebar-list-gray .prpm-heading {
  color: var(--gray-800);
}

.prpm-sidebar-list .prpm-cta,
.prpm-sidebar-list-gray .prpm-cta,
.prpm-sidebar-list-gray .prpm-product-review,
.prpm-content-grid-list .prpm-product-card:first-child .prpm-product-cta {
  display: none;
}

.prpm-content-grid-list .prpm-product-card {
  grid-column: span 12 / span 12;
}

.prpm-content-grid-list .prpm-product-card:first-child {
  grid-column: span 12 / span 12;
  grid-row: 1 / span 4;
  flex-direction: column;
}

.prpm-content-grid-list .prpm-product-card:first-child::after,
.prpm-content-grid-fancy .prpm-product-card:after,
.prpm-sidebar-single .prpm-product-card:after {
  content: "";
  border-bottom: 0;
}

.prpm-content-grid-list .prpm-product-card:first-child .prpm-product-detail {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.prpm-content-grid-list .prpm-product-card:first-child .prpm-product-img {
  width: 100%;
  flex: 1 1 100%;
}

.prpm-content-grid-list .prpm-product-card:first-child .prpm-product-title {
  font-size: 1.25rem;
}

.prpm-content-grid-list .prpm-space {
  padding: 1rem 0;
}

.prpm-content-grid-list .prpm-products {
  padding: 0rem 1rem;
}

.prpm-product-img.w-full {
  width: 100%;
  flex: 1 1 100%;
}

.pl-gap-4 {
  gap: 1rem;
}

.prpm-content-grid-fancy .prpm-products {
  overflow-x: scroll;
  display: flex;
}

.prpm-content-grid-fancy .prpm-products::-webkit-scrollbar {
  display: none;
}

.prpm-content-grid-fancy .prpm-products > .prpm-product-card {
  flex: 1 0 75%;
}

.prpm-content-grid-fancy .prpm-product-cta.cta-text-link,
.prpm-content-grid-fancy .prpm-cta {
  display: none;
}

.prpm-content-grid-fancy .prpm-badge {
  border-top: 1px solid var(--beige-100);
}

.prpm-product-detail {
  position: relative;
}

.prpm-product-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 11;
  display: inline-block;
  padding: 8px 24px;
  background-color: var(--petrol-700);
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.063rem;
  border-radius: 1rem 0 1rem 0;
  text-transform: uppercase;
}

.prpm-shop-bag {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  padding: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green-500);
}

.prpm-shop-bag > img {
  background-color: var(--green-500);
}

.prpm-product-review {
  flex-wrap: wrap;
}

.prpm-sidebar-single .prpm-header {
  padding: 1rem 0;
}

.prpm-sidebar-single .prpm-product-title {
  font-size: 1rem;
}

.prpm-product-slider {
  padding: 1rem;
  padding-right: 0;
}

@media (min-width: 768px) {
  .prpm-product-slider {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }

  .prpm-product-badge {
    font-size: 1rem;
    top: -8px;
    right: -8px;
  }
  .prpm-content-grid-fancy .prpm-badge {
    border-top: 0;
  }
  .prpm-content-list .prpm-header,
  .prpm-content-grid-list .prpm-header,
  .prpm-content-grid-fancy .prpm-header {
    padding: 1rem;
    border-top-left-radius: 1.7rem;
    border-top-right-radius: 1.7rem;
  }

  .prpm-content-list .prpm-header .prpm-heading,
  .prpm-content-grid-list .prpm-heading,
  .prpm-content-grid-fancy .prpm-heading {
    margin-bottom: 0;
    font-size: 1.625rem;
    color: var(--white);
  }

  .prpm-header .pl-flex-center {
    align-items: center;
  }

  .prpm-content-list .prpm-cta,
  .prpm-content-grid-list .prpm-cta {
    margin-top: 0;
  }

  .prpm-content-list .prpm-products .prpm-product-title {
    font-size: 1.5rem;
    margin-bottom: 0;
  }

  .prpm-content-list .prpm-product-img,
  .prpm-content-grid-list .prpm-product-img {
    width: 120px;
    flex: 1 0 120px;
  }
  .prpm-content-list .prpm-product-img {
    width: 120px;
    flex: 1 0 120px;
  }

  .prpm-content-list .prpm-product-detail {
    gap: 1.125rem;
  }

  .prpm-content-list .prpm-product-price,
  .prpm-content-grid-list .prpm-product-price {
    font-size: 1.25rem;
  }

  .price-tag {
    font-size: 1rem;
  }

  .prpm-price-inset {
    margin-right: 2rem;
  }

  .prpm-price-regular {
    font-size: 1.125rem;
  }

  .prpm-content-list .prpm-space {
    padding: 1.5rem;
  }

  .prpm-content-list.pl-round,
  .prpm-content-grid-list.pl-round,
  .prpm-content-grid-fancy.pl-round {
    border-radius: 1.75rem;
  }
  .prpm-content-list
    .prpm-product-review.review-ratings-container
    .review-count {
    font-weight: 400;
    font-size: 1rem;
  }

  .prpm-content-grid-list .prpm-product-card .prpm-product-title {
    font-size: 1.125rem;
    margin-bottom: 0;
  }

  .prpm-content-grid-list .prpm-product-card:first-child .prpm-product-price {
    font-size: 1.625rem;
  }

  .prpm-content-grid-list .prpm-product-card:not(:first-child) {
    margin-left: 2rem;
  }

  .prpm-content-grid-list .prpm-product-card {
    grid-column: 5 / span 13;
  }

  .prpm-content-grid-list .prpm-product-card:first-child {
    grid-column: 1 / span 4;
    grid-row: 1 / span 4;
    flex-direction: column;
  }

  .prpm-content-grid-list .prpm-products {
    padding: 0.5rem 1.5rem;
  }

  .prpm-content-grid-list
    .prpm-product-review.review-ratings-container
    .stars-group
    img {
    width: 1.5rem;
    height: 1.5rem;
  }

  .prpm-content-grid-list
    .prpm-product-card:not(:first-child)
    .prpm-product-review
    .stars-group
    img {
    width: 1rem;
    height: 1rem;
  }

  .prpm-content-grid-list
    .prpm-product-card:not(:first-child)
    .prpm-product-review {
    display: flex;
  }

  .prpm-content-grid-fancy .prpm-product-title {
    font-size: 1.25rem;
    margin-bottom: 0;
  }

  .prpm-content-grid-fancy .prpm-product-cta.cta-text-link,
  .prpm-content-grid-fancy .prpm-cta {
    display: block;
  }

  .prpm-content-grid-fancy .prpm-products > .prpm-product-card {
    flex: 1 0 calc(33.33% - 1rem);
  }
}
span.total-products-info {
  font-size: 12px;
  font-style: italic;
}

.glide .prpm-glide__arrows .glide__arrow {
  width: 24px;
  height: 24px;
}

.glide .prpm-glide__arrows .glide__arrow.glide__arrow--right {
  right: -25px;
}

.glide .prpm-glide__arrows .glide__arrow.glide__arrow--left {
  left: -25px;
}
pre.plantura-debug-message {
  border-left: 5px solid #2c8da0;
  padding: 5px;
}
.prpm-product-img.product-with-overlay-image img {
  position: absolute;
  background: transparent;
}
.cta-image-wrap.product-with-overlay-image img {
  position: absolute;
  top: 0;
  left: 0;
}
.widget_prpm_widget {
  margin-top: 30px;
}
.prpm-product-price .cta-price-sale {
  margin-right: 20px;
}
.prpm-wrap .cta-price-regular del,
.prpm-product-card .cta-price-regular del {
  display: block;
}
.prpm-category-cprs {
  grid-column: 1 / -1;
}
.archive .category-description .wpex-row {
  grid-auto-flow: dense;
}
/*!
Theme Name: Plantura Master 2021 UK 
Theme URI: https://plantura.garden/uk
Author: Plantura Dev Team
Author URI: https://www.plantura.garden/
Description: Main theme for Plantura UK Site
Version: 1.0.0
Tested up to: 5.8
Requires PHP: 5.6
*/
.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}
/*1rem*/

html {
    font-size: 16px;
  }
  
  body {
    font-family: "dinpro", Sans-serif;
    color: var(--copy);
    line-height: 1.5;
  }/* CSS Reset from Piccalilli - https://piccalil.li/blog/a-modern-css-reset/

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

ul {
  list-style-type: disc;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow-x: hidden;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --green-800: #4b6940;
  --green-700: #648c55;
  --green-600: #709d60;
  --green-750: #557648;
  --green-400: #8ab77a;
  --green-300: #97bf88;
  --green-200: #b1cfa6;
  --green-100: #cbdfc3;
  --green-50: #e5efe1;
  --purple-900: #362a34;
  --purple-800: #423440;
  --purple-700: #4a3a48;
  --purple-600: #534151;
  --purple-500: #645462;
  --purple-400: #756773;
  --purple-300: #978d96;
  --purple-200: #bab3b9;
  --purple-100: #cbc6cb;
  --purple-50: #dcd9dc;
  --beige-900: #737366;
  --beige-800: #969584;
  --beige-700: #acab98;
  --beige-600: #c1c0aa;
  --beige-500: #d7d6be;
  --beige-400: #dbdac4;
  --beige-300: #dfdecb;
  --beige-200: #e7e6d8;
  --beige-100: #efeee5;
  --beige-50: #f3f2eb;
  --petrol-900: #3e4c4d;
  --petrol-800: #516465;
  --petrol-700: #647b7c;
  --petrol-600: #708a8c;
  --petrol-500: #7d9a9c;
  --petrol-400: #8aa4a6;
  --petrol-300: #97aeaf;
  --petrol-200: #b1c2c3;
  --petrol-100: #cbd6d7;
  --petrol-50: #e5eaeb;
  --gray-800: #333333;
  --gray-700: #4d4d4d;
  --gray-600: #666666;
  --gray-500: #808080;
  --gray-400: #999999;
  --gray-300: #b3b3b3;
  --gray-200: #cccccc;
  --gray-100: #e6e6e6;
  --danger-800: #800002;
  --danger-500: #dc2b02;
  --danger-200: #fbc096;
  --warning-800: #934500;
  --warning-500: #ff9800;
  --warning-200: #ffe299;
  --success-800: #18652f;
  --success-500: #4caf50;
  --success-200: #cbf7bf;
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --black: #000000;
  --black-rgb: 0, 0, 0;

  --primary-dark: var(--green-700);
  --primary: var(--green-750);
  --primary-light: var(--green-200);
  --secondary-dark: var(--purple-500);
  --secondary: var(--purple-300);
  --secondary-light: var(--purple-100);
  --warning: var(--warning-500);
  --danger: var(--danger-500);
  --success: var(--success-500);
  --gray: var(--gray-600);
  --copy: var(--gray-800);

  --green-750-rgb: 125, 175, 107;
  --purple-400-rgb: 117, 103, 115;
  --primary-hover: #7bac69;
  --primary-active: #7cad6a;
  --secondary-hover: #736571;
  --secondary-active: #746672;
}

.green-800 {
  color: var(--green-800);
}
.green-700 {
  color: var(--green-700);
}
.green-600 {
  color: var(--green-600);
}
.green-500 {
  color: var(--green-750);
}
.green-400 {
  color: var(--green-400);
}
.green-300 {
  color: var(--green-300);
}
.green-200 {
  color: var(--green-200);
}
.green-100 {
  color: var(--green-100);
}
.green-50 {
  color: var(--green-50);
}
.purple-900 {
  color: var(--purple-900);
}
.purple-800 {
  color: var(--purple-800);
}
.purple-700 {
  color: var(--purple-700);
}
.purple-600 {
  color: var(--purple-600);
}
.purple-500 {
  color: var(--purple-500);
}
.purple-400 {
  color: var(--purple-400);
}
.purple-300 {
  color: var(--purple-300);
}
.purple-200 {
  color: var(--purple-200);
}
.purple-100 {
  color: var(--purple-100);
}
.purple-50 {
  color: var(--purple-50);
}
.beige-900 {
  color: var(--beige-900);
}
.beige-800 {
  color: var(--beige-800);
}
.beige-700 {
  color: var(--beige-700);
}
.beige-600 {
  color: var(--beige-600);
}
.beige-500 {
  color: var(--beige-500);
}
.beige-400 {
  color: var(--beige-400);
}
.beige-300 {
  color: var(--beige-300);
}
.beige-200 {
  color: var(--beige-200);
}
.beige-100 {
  color: var(--beige-100);
}
.beige-50 {
  color: var(--beige-50);
}
.petrol-900 {
  color: var(--petrol-900);
}
.petrol-800 {
  color: var(--petrol-800);
}
.petrol-700 {
  color: var(--petrol-700);
}
.petrol-600 {
  color: var(--petrol-600);
}
.petrol-500 {
  color: var(--petrol-500);
}
.petrol-400 {
  color: var(--petrol-400);
}
.petrol-300 {
  color: var(--petrol-300);
}
.petrol-200 {
  color: var(--petrol-200);
}
.petrol-100 {
  color: var(--petrol-100);
}
.petrol-50 {
  color: var(--petrol-50);
}
.gray-800 {
  color: var(--gray-800);
}
.gray-700 {
  color: var(--gray-700);
}
.gray-600 {
  color: var(--gray-600);
}
.gray-500 {
  color: var(--gray-500);
}
.gray-400 {
  color: var(--gray-400);
}
.gray-300 {
  color: var(--gray-300);
}
.gray-200 {
  color: var(--gray-200);
}
.gray-100 {
  color: var(--gray-100);
}
.danger-800 {
  color: var(--danger-800);
}
.danger-500 {
  color: var(--danger-500);
}
.danger-200 {
  color: var(--danger-200);
}
.warning-800 {
  color: var(--warning-800);
}
.warning-500 {
  color: var(--warning-500);
}
.warning-200 {
  color: var(--warning-200);
}
.success-800 {
  color: var(--success-800);
}
.success-500 {
  color: var(--success-500);
}
.success-200 {
  color: var(--success-200);
}

.bg-green-700 {
  background: var(--green-700);
}
.bg-green-600 {
  background: var(--green-600);
}
.bg-green-500 {
  background: var(--green-750);
}
.bg-green-400 {
  background: var(--green-400);
}
.bg-green-300 {
  background: var(--green-300);
}
.bg-green-200 {
  background: var(--green-200);
}
.bg-green-100 {
  background: var(--green-100);
}
.bg-green-50 {
  background: var(--green-50);
}
.bg-purple-900 {
  background: var(--purple-900);
}
.bg-purple-800 {
  background: var(--purple-800);
}
.bg-purple-700 {
  background: var(--purple-700);
}
.bg-purple-600 {
  background: var(--purple-600);
}
.bg-purple-500 {
  background: var(--purple-500);
}
.bg-purple-400 {
  background: var(--purple-400);
}
.bg-purple-300 {
  background: var(--purple-300);
}
.bg-purple-200 {
  background: var(--purple-200);
}
.bg-purple-100 {
  background: var(--purple-100);
}
.bg-purple-50 {
  background: var(--purple-50);
}
.bg-beige-900 {
  background: var(--beige-900);
}
.bg-beige-800 {
  background: var(--beige-800);
}
.bg-beige-700 {
  background: var(--beige-700);
}
.bg-beige-600 {
  background: var(--beige-600);
}
.bg-beige-500 {
  background: var(--beige-500);
}
.bg-beige-400 {
  background: var(--beige-400);
}
.bg-beige-300 {
  background: var(--beige-300);
}
.bg-beige-200 {
  background: var(--beige-200);
}
.bg-beige-100 {
  background: var(--beige-100);
}
.bg-beige-50 {
  background: var(--beige-50);
}
.bg-petrol-900 {
  background: var(--petrol-900);
}
.bg-petrol-800 {
  background: var(--petrol-800);
}
.bg-petrol-700 {
  background: var(--petrol-700);
}
.bg-petrol-600 {
  background: var(--petrol-600);
}
.bg-petrol-500 {
  background: var(--petrol-500);
}
.bg-petrol-400 {
  background: var(--petrol-400);
}
.bg-petrol-300 {
  background: var(--petrol-300);
}
.bg-petrol-200 {
  background: var(--petrol-200);
}
.bg-petrol-100 {
  background: var(--petrol-100);
}
.bg-petrol-50 {
  background: var(--petrol-50);
}
.bg-gray-800 {
  background: var(--gray-800);
}
.bg-gray-700 {
  background: var(--gray-700);
}
.bg-gray-600 {
  background: var(--gray-600);
}
.bg-gray-500 {
  background: var(--gray-500);
}
.bg-gray-400 {
  background: var(--gray-400);
}
.bg-gray-300 {
  background: var(--gray-300);
}
.bg-gray-200 {
  background: var(--gray-200);
}
.bg-gray-100 {
  background: var(--gray-100);
}
.bg-danger-800 {
  background: var(--danger-800);
}
.bg-danger-500 {
  background: var(--danger-500);
}
.bg-danger-200 {
  background: var(--danger-200);
}
.bg-warning-800 {
  background: var(--warning-800);
}
.bg-warning-500 {
  background: var(--warning-500);
}
.bg-warning-200 {
  background: var(--warning-200);
}
.bg-success-800 {
  background: var(--success-800);
}
.bg-success-500 {
  background: var(--success-500);
}
.bg-success-200 {
  background: var(--success-800);
}

.white {
  color: var(--white);
}

.bg-white {
  background: var(--white);
}

.white-rgb {
  color: var(--white-rgb);
}

.bg-white-rgb {
  background: var(--white-rgb);
}

.black {
  color: var(--black);
}

.bg-black {
  background: var(--black);
}

.black-rgb {
  color: var(--black-rgb);
}

.bg-black-rgb {
  background: var(--black-rgb);
}
/* SPACING & PADDING */

/* BASE_VALUE 16px = 1rem */

/* SPACE
0 = 0px = 0rem
05 = 8px = .5rem
1 = 16px = 1rem
1-5 = 24px = 1.5rem
2 = 32px = 2rem
2-5 = 40px = 2.5rem
3 = 48px = 3rem
3-75 = 60px = 3.75rem
4 = 64px = 4rem
5 = 80px =  5rem 
6 = 96px = 6rem */

/* SPACE  -- STANDARD
0 = 0px = 0rem
xxs = 8px = .5rem
xs = 16px = 1rem
s = 24px = 1.5rem
md = 32px = 2rem
l = 40px = 2.5rem
xl = 60px = 3.75rem
xxl = 80px =  5rem */

/* 
>768px
m[t,r,b,l]-{SPACE} = margin [top,right,bottom,left]
p[t,r,b,l]-{SPACE} = padding [top,right,bottom,left]

<768px
RANGE (0px - 64px)
m[t,r,b,l]-{SPACE}-m  = margin [top,right,bottom,left] -medium
p[t,r,b,l]-{SPACE}-m  = padding [top,right,bottom,left] -medium

<600px
RANGE (0px - 48px)
m[t,r,b,l]-{SPACE}-s  = margin [top,right,bottom,left] -small
p[t,r,b,l]-{SPACE}-s  = padding [top,right,bottom,left] -small */

:root {
  --space-0: 0rem;
  --space-0-5: 0.5rem;
  --space-1: 1rem;
  --space-1-5: 1.5rem;
  --space-2: 2rem;
  --space-2-5: 2.5rem;
  --space-3: 3rem;
  --space-3-75: 3.75rem;
  --space-4: 4rem;
  --space-5: 5rem;
  --space-6: 6rem;
}

/* MARGIN */
.m-0 {
  margin: var(--space-0);
}

.m-05,
.m-xxs {
  margin: var(--space-0-5);
}

.m-1,
.m-xs {
  margin: var(--space-1);
}

.m-1-5,
.m-s {
  margin: var(--space-1-5);
}

.m-2 {
  margin: var(--space-2);
}

.m-2-5,
.m-l {
  margin: var(--space-2-5);
}

.m-3 {
  margin: var(--space-3);
}

.m-3-75,
.m-xl {
  margin: var(--space-3-75);
}

.m-4 {
  margin: var(--space-4);
}

.m-5,
.m-xxl {
  margin: var(--space-5);
}

.m-6 {
  margin: var(--space-6);
}

/* MARGIN-TOP */
.mt-0 {
  margin-top: var(--space-0);
}

.mt-05,
.mt-xxs {
  margin-top: var(--space-0-5);
}

.mt-1,
.mt-xs {
  margin-top: var(--space-1);
}

.mt-1-5,
.mt-s {
  margin-top: var(--space-1-5);
}

.mt-2 {
  margin-top: var(--space-2);
}

.mt-2-5,
.mt-l {
  margin-top: var(--space-2-5);
}

.mt-3 {
  margin-top: var(--space-3);
}

.mt-3-75,
.mt-xl {
  margin-top: var(--space-3-75);
}

.mt-4 {
  margin-top: var(--space-4);
}

.mt-5,
.mt-xxl {
  margin-top: var(--space-5);
}

/* MARGIN-RIGHT */
.mr-0 {
  margin-right: var(--space-0);
}

.mr-05,
.mr-xxs {
  margin-right: var(--space-0-5);
}

.mr-1,
.mr-xs {
  margin-right: var(--space-1);
}

.mr-1-5,
.mr-s {
  margin-right: var(--space-1-5);
}

.mr-2 {
  margin-right: var(--space-2);
}

.mr-2-5,
.mr-l {
  margin-right: var(--space-2-5);
}

.mr-3 {
  margin-right: var(--space-3);
}

.mr-3-75,
.mr-xl {
  margin-right: var(--space-3-75);
}

.mr-4 {
  margin-right: var(--space-4);
}

.mr-5,
.mr-xxl {
  margin-right: var(--space-5);
}

.mr-6 {
  margin-right: var(--space-6);
}


/* MARGIN-BOTTOM */
.mb-0 {
  margin-bottom: var(--space-0);
}

.mb-05,
.mb-xxs {
  margin-bottom: var(--space-0-5);
}

.mb-1,
.mb-xs {
  margin-bottom: var(--space-1);
}

.mb-1-5,
.mb-s {
  margin-bottom: var(--space-1-5);
}

.mb-2 {
  margin-bottom: var(--space-2);
}

.mb-2-5,
.mb-l {
  margin-bottom: var(--space-2-5);
}

.mb-3 {
  margin-bottom: var(--space-3);
}

.mb-3-75,
.mb-xl {
  margin-bottom: var(--space-3-75);
}

.mb-4 {
  margin-bottom: var(--space-4);
}

.mb-5,
.mb-xxl {
  margin-bottom: var(--space-5);
}

.mb-6 {
  margin-bottom: var(--space-6);
}

/* MARGIN-LEFT */
.ml-0 {
  margin-left: var(--space-0);
}

.ml-05,
.ml-xxs {
  margin-left: var(--space-0-5);
}

.ml-1,
.ml-xs {
  margin-left: var(--space-1);
}

.ml-1-5,
.ml-s {
  margin-left: var(--space-1-5);
}

.ml-2 {
  margin-left: var(--space-2);
}

.ml-2-5,
.ml-l {
  margin-left: var(--space-2-5);
}

.ml-3 {
  margin-left: var(--space-3);
}

.ml-3-75,
.ml-xl {
  margin-left: var(--space-3-75);
}

.ml-4 {
  margin-left: var(--space-4);
}

.ml-5,
.ml-xxl {
  margin-left: var(--space-5);
}

.ml-6 {
  margin-left: var(--space-6);
}

/* PADDING */
.p-0 {
  padding: var(--space-0);
}

.p-05,
.p-xxs {
  padding: var(--space-0-5);
}

.p-1,
.p-xs {
  padding: var(--space-1);
}

.p-1-5,
.p-s {
  padding: var(--space-1-5);
}

.p-2 {
  padding: var(--space-2);
}

.p-2-5,
.p-l {
  padding: var(--space-2-5);
}

.p-3 {
  padding: var(--space-3);
}

.p-3-75,
.p-xl {
  padding: var(--space-3-75);
}

.p-4 {
  padding: var(--space-4);
}

.p-5,
.p-xxl {
  padding: var(--space-5);
}

.p-6 {
  padding: var(--space-6);
}

/* PADDING-TOP */
.pt-0 {
  padding-top: var(--space-0);
}

.pt-05,
.pt-xxs {
  padding-top: var(--space-0-5);
}

.pt-1,
.pt-xs {
  padding-top: var(--space-1);
}

.pt-1-5,
.pt-s {
  padding-top: var(--space-1-5);
}

.pt-2 {
  padding-top: var(--space-2);
}

.pt-2-5,
.pt-l {
  padding-top: var(--space-2-5);
}

.pt-3 {
  padding-top: var(--space-3);
}

.pt-3-75,
.pt-xl {
  padding-top: var(--space-3-75);
}

.pt-4 {
  padding-top: var(--space-4);
}

.pt-5,
.pt-xxl {
  padding-top: var(--space-5);
}

/* PADDING-RIGHT */
.pr-0 {
  padding-right: var(--space-0);
}

.pr-05,
.pr-xxs {
  padding-right: var(--space-0-5);
}

.pr-1,
.pr-xs {
  padding-right: var(--space-1);
}

.pr-1-5,
.pr-s {
  padding-right: var(--space-1-5);
}

.pr-2 {
  padding-right: var(--space-2);
}

.pr-2-5,
.pr-l {
  padding-right: var(--space-2-5);
}

.pr-3 {
  padding-right: var(--space-3);
}

.pr-3-75,
.pr-xl {
  padding-right: var(--space-3-75);
}

.pr-4 {
  padding-right: var(--space-4);
}

.pr-5,
.pr-xxl {
  padding-right: var(--space-5);
}

.pr-6 {
  padding-right: var(--space-6);
}

.pt-6 {
  padding-top: var(--space-6);
}

/* PADDING-BOTTOM */
.pb-0 {
  padding-bottom: var(--space-0);
}

.pb-05,
.pb-xxs {
  padding-bottom: var(--space-0-5);
}

.pb-1,
.pb-xs {
  padding-bottom: var(--space-1);
}

.pb-1-5,
.pb-s {
  padding-bottom: var(--space-1-5);
}

.pb-2 {
  padding-bottom: var(--space-2);
}

.pb-2-5,
.pb-l {
  padding-bottom: var(--space-2-5);
}

.pb-3 {
  padding-bottom: var(--space-3);
}

.pb-3-75,
.pb-xl {
  padding-bottom: var(--space-3-75);
}

.pb-4 {
  padding-bottom: var(--space-4);
}

.pb-5,
.pb-xxl {
  padding-bottom: var(--space-5);
}

.pb-6 {
  padding-bottom: var(--space-6);
}

/* PADDING-LEFT */
.pl-0 {
  padding-left: var(--space-0);
}

.pl-05,
.pl-xxs {
  padding-left: var(--space-0-5);
}

.pl-1,
.pl-xs {
  padding-left: var(--space-1);
}

.pl-1-5,
.pl-s {
  padding-left: var(--space-1-5);
}

.pl-2 {
  padding-left: var(--space-2);
}

.pl-2-5,
.pl-l {
  padding-left: var(--space-2-5);
}

.pl-3 {
  padding-left: var(--space-3);
}

.pl-3-75,
.pl-xl {
  padding-left: var(--space-3-75);
}

.pl-4 {
  padding-left: var(--space-4);
}

.pl-5,
.pl-xxl {
  padding-left: var(--space-5);
}

.pl-6 {
  padding-left: var(--space-6);
}

@media only screen and (max-width: 768px) {
  /* MARGIN */
  .m-0-m {
    margin: var(--space-0);
  }

  .m-05-m,
  .m-xxs-m {
    margin: var(--space-0-5);
  }

  .m-1-m,
  .m-xs-m {
    margin: var(--space-1);
  }

  .m-1-5-m,
  .m-s-m {
    margin: var(--space-1-5);
  }

  .m-2-m {
    margin: var(--space-2);
  }

  .m-2-5-m,
  .m-l-m {
    margin: var(--space-2-5);
  }

  .m-3-m {
    margin: var(--space-3);
  }

  .m-3-75-m,
  .m-xl-m {
    margin: var(--space-3-75);
  }

  .m-4-m {
    margin: var(--space-4);
  }

  .m-5-m,
  .m-xxl-m {
    margin: var(--space-5);
  }

  .m-6-m {
    margin: var(--space-6);
  }

  /* MARGIN-TOP */
  .mt-0-m {
    margin-top: var(--space-0);
  }

  .mt-05-m,
  .mt-xxs-m {
    margin-top: var(--space-0-5);
  }

  .mt-1-m,
  .mt-xs-m {
    margin-top: var(--space-1);
  }

  .mt-1-5-m,
  .mt-s-m {
    margin-top: var(--space-1-5);
  }

  .mt-2-m {
    margin-top: var(--space-2);
  }

  .mt-2-5-m,
  .mt-l-m {
    margin-top: var(--space-2-5);
  }

  .mt-3-m {
    margin-top: var(--space-3);
  }

  .mt-3-75-m,
  .mt-xl-m {
    margin-top: var(--space-3-75);
  }

  .mt-4-m {
    margin-top: var(--space-4);
  }

  .mt-5-m,
  .mt-xxl-m {
    margin-top: var(--space-5);
  }

  .mt-6-m {
    margin-top: var(--space-6);
  }

  /* MARGIN-RIGHT */
  .mr-0-m {
    margin-right: var(--space-0);
  }

  .mr-05-m,
  .mr-xxs-m {
    margin-right: var(--space-0-5);
  }

  .mr-1-m,
  .mr-xs-m {
    margin-right: var(--space-1);
  }

  .mr-1-5-m,
  .mr-s-m {
    margin-right: var(--space-1-5);
  }

  .mr-2-m {
    margin-right: var(--space-2);
  }

  .mr-2-5-m,
  .mr-l-m {
    margin-right: var(--space-2-5);
  }

  .mr-3-m {
    margin-right: var(--space-3);
  }

  .mr-3-75-m,
  .mr-xl-m {
    margin-right: var(--space-3-75);
  }

  .mr-4-m {
    margin-right: var(--space-4);
  }

  .mr-5-m,
  .mr-xxl-m {
    margin-right: var(--space-5);
  }

  .mr-6-m {
    margin-right: var(--space-6);
  }

  /* MARGIN-BOTTOM */
  .mb-0-m {
    margin-bottom: var(--space-0);
  }

  .mb-05-m,
  .mb-xxs-m {
    margin-bottom: var(--space-0-5);
  }

  .mb-1-m,
  .mb-xs-m {
    margin-bottom: var(--space-1);
  }

  .mb-1-5-m,
  .mb-s-m {
    margin-bottom: var(--space-1-5);
  }

  .mb-2-m {
    margin-bottom: var(--space-2);
  }

  .mb-2-5-m,
  .mb-l-m {
    margin-bottom: var(--space-2-5);
  }

  .mb-3-m {
    margin-bottom: var(--space-3);
  }

  .mb-3-75-m,
  .mb-xl-m {
    margin-bottom: var(--space-3-75);
  }

  .mb-4-m {
    margin-bottom: var(--space-4);
  }

  .mb-5-m,
  .mb-xxl-m {
    margin-bottom: var(--space-5);
  }

  .mb-6-m {
    margin-bottom: var(--space-6);
  }

  /* MARGIN-LEFT */
  .ml-0-m {
    margin-left: var(--space-0);
  }

  .ml-05-m,
  .ml-xxs-m {
    margin-left: var(--space-0-5);
  }

  .ml-1-m,
  .ml-xs-m {
    margin-left: var(--space-1);
  }

  .ml-1-5-m,
  .ml-s-m {
    margin-left: var(--space-1-5);
  }

  .ml-2-m {
    margin-left: var(--space-2);
  }

  .ml-2-5-m,
  .ml-l-m {
    margin-left: var(--space-2-5);
  }

  .ml-3-m {
    margin-left: var(--space-3);
  }

  .ml-3-75-m,
  .ml-xl-m {
    margin-left: var(--space-3-75);
  }

  .ml-4-m {
    margin-left: var(--space-4);
  }

  .ml-5-m,
  .ml-xxl-m {
    margin-left: var(--space-5);
  }

  .ml-6-m {
    margin-left: var(--space-6);
  }

    /* PADDING */
    .p-0-m {
      padding: var(--space-0);
    }
  
    .p-05-m,
    .p-xxs-m {
      padding: var(--space-0-5);
    }
  
    .p-1-m,
    .p-xs-m {
      padding: var(--space-1);
    }
  
    .p-1-5-m,
    .p-s-m {
      padding: var(--space-1-5);
    }
  
    .p-2-m {
      padding: var(--space-2);
    }
  
    .p-2-5-m,
    .p-l-m {
      padding: var(--space-2-5);
    }
  
    .p-3-m {
      padding: var(--space-3);
    }
  
    .p-3-75-m,
    .p-xl-m {
      padding: var(--space-3-75);
    }
  
    .p-4-m {
      padding: var(--space-4);
    }
  
    .p-5-m,
    .p-xxl-m {
      padding: var(--space-5);
    }
  
    .p-6-m {
      padding: var(--space-6);
    }
  
    /* PADDING-TOP */
    .pt-0-m {
      padding-top: var(--space-0);
    }
  
    .pt-05-m,
    .pt-xxs-m {
      padding-top: var(--space-0-5);
    }
  
    .pt-1-m,
    .pt-xs-m {
      padding-top: var(--space-1);
    }
  
    .pt-1-5-m,
    .pt-s-m {
      padding-top: var(--space-1-5);
    }
  
    .pt-2-m {
      padding-top: var(--space-2);
    }
  
    .pt-2-5-m,
    .pt-l-m {
      padding-top: var(--space-2-5);
    }
  
    .pt-3-m {
      padding-top: var(--space-3);
    }
  
    .pt-3-75-m,
    .pt-xl-m {
      padding-top: var(--space-3-75);
    }
  
    .pt-4-m {
      padding-top: var(--space-4);
    }
  
    .pt-5-m,
    .pt-xxl-m {
      padding-top: var(--space-5);
    }
  
    .pt-6-m {
      padding-top: var(--space-6);
    }
  
    /* PADDING-RIGHT */
    .pr-0-m {
      padding-right: var(--space-0);
    }
  
    .pr-05-m,
    .pr-xxs-m {
      padding-right: var(--space-0-5);
    }
  
    .pr-1-m,
    .pr-xs-m {
      padding-right: var(--space-1);
    }
  
    .pr-1-5-m,
    .pr-s-m {
      padding-right: var(--space-1-5);
    }
  
    .pr-2-m {
      padding-right: var(--space-2);
    }
  
    .pr-2-5-m,
    .pr-l-m {
      padding-right: var(--space-2-5);
    }
  
    .pr-3-m {
      padding-right: var(--space-3);
    }
  
    .pr-3-75-m,
    .pr-xl-m {
      padding-right: var(--space-3-75);
    }
  
    .pr-4-m {
      padding-right: var(--space-4);
    }
  
    .pr-5-m,
    .pr-xxl-m {
      padding-right: var(--space-5);
    }
  
    .pr-6-m {
      padding-right: var(--space-6);
    }
  
    /* PADDING-BOTTOM */
    .pb-0-m {
      padding-bottom: var(--space-0);
    }
  
    .pb-05-m,
    .pb-xxs-m {
      padding-bottom: var(--space-0-5);
    }
  
    .pb-1-m,
    .pb-xs-m {
      padding-bottom: var(--space-1);
    }
  
    .pb-1-5-m,
    .pb-s-m {
      padding-bottom: var(--space-1-5);
    }
  
    .pb-2-m {
      padding-bottom: var(--space-2);
    }
  
    .pb-2-5-m,
    .pb-l-m {
      padding-bottom: var(--space-2-5);
    }
  
    .pb-3-m {
      padding-bottom: var(--space-3);
    }
  
    .pb-3-75-m,
    .pb-xl-m {
      padding-bottom: var(--space-3-75);
    }
  
    .pb-4-m {
      padding-bottom: var(--space-4);
    }
  
    .pb-5-m,
    .pb-xxl-m {
      padding-bottom: var(--space-5);
    }
  
    .pb-6-m {
      padding-bottom: var(--space-6);
    }
  
    /* PADDING-LEFT */
    .pl-0-m {
      padding-left: var(--space-0);
    }
  
    .pl-05-m,
    .pl-xxs-m {
      padding-left: var(--space-0-5);
    }
  
    .pl-1-m,
    .pl-xs-m {
      padding-left: var(--space-1);
    }
  
    .pl-1-5-m,
    .pl-s-m {
      padding-left: var(--space-1-5);
    }
  
    .pl-2-m {
      padding-left: var(--space-2);
    }
  
    .pl-2-5-m,
    .pl-l-m {
      padding-left: var(--space-2-5);
    }
  
    .pl-3-m {
      padding-left: var(--space-3);
    }
  
    .pl-3-75-m,
    .pl-xl-m {
      padding-left: var(--space-3-75);
    }
  
    .pl-4-m {
      padding-left: var(--space-4);
    }
  
    .pl-5-m,
    .pl-xxl-m {
      padding-left: var(--space-5);
    }
  
    .pl-6-m {
      padding-left: var(--space-6);
    }
}


@media only screen and (max-width: 600px) {
  /* MARGIN */
  .m-0-s {
    margin: var(--space-0);
  }

  .m-05-s,
  .m-xxs-s {
    margin: var(--space-0-5);
  }

  .m-1-s,
  .m-xs-s {
    margin: var(--space-1);
  }

  .m-1-5-s,
  .m-s-s {
    margin: var(--space-1-5);
  }

  .m-2-s {
    margin: var(--space-2);
  }

  .m-2-5-s,
  .m-l-s {
    margin: var(--space-2-5);
  }

  .m-3-s {
    margin: var(--space-3);
  }

  .m-3-75-s,
  .m-xl-s {
    margin: var(--space-3-75);
  }

  .m-4-s {
    margin: var(--space-4);
  }

  .m-5-s,
  .m-xxl-s {
    margin: var(--space-5);
  }

  .m-6-s {
    margin: var(--space-6);
  }

  /* MARGIN-TOP */
  .mt-0-s {
    margin-top: var(--space-0);
  }

  .mt-05-s,
  .mt-xxs-s {
    margin-top: var(--space-0-5);
  }

  .mt-1-s,
  .mt-xs-s {
    margin-top: var(--space-1);
  }

  .mt-1-5-s,
  .mt-s-s {
    margin-top: var(--space-1-5);
  }

  .mt-2-s {
    margin-top: var(--space-2);
  }

  .mt-2-5-s,
  .mt-l-s {
    margin-top: var(--space-2-5);
  }

  .mt-3-s {
    margin-top: var(--space-3);
  }

  .mt-3-75-s,
  .mt-xl-s {
    margin-top: var(--space-3-75);
  }

  .mt-4-s {
    margin-top: var(--space-4);
  }

  .mt-5-s,
  .mt-xxl-s {
    margin-top: var(--space-5);
  }

  .mt-6-s {
    margin-top: var(--space-6);
  }

  /* MARGIN-RIGHT */
  .mr-0-s {
    margin-right: var(--space-0);
  }

  .mr-05-s,
  .mr-xxs-s {
    margin-right: var(--space-0-5);
  }

  .mr-1-s,
  .mr-xs-s {
    margin-right: var(--space-1);
  }

  .mr-1-5-s,
  .mr-s-s {
    margin-right: var(--space-1-5);
  }

  .mr-2-s {
    margin-right: var(--space-2);
  }

  .mr-2-5-s,
  .mr-l-s {
    margin-right: var(--space-2-5);
  }

  .mr-3-s {
    margin-right: var(--space-3);
  }

  .mr-3-75-s,
  .mr-xl-s {
    margin-right: var(--space-3-75);
  }

  .mr-4-s {
    margin-right: var(--space-4);
  }

  .mr-5-s,
  .mr-xxl-s {
    margin-right: var(--space-5);
  }

  .mr-6-s {
    margin-right: var(--space-6);
  }

  /* MARGIN-BOTTOM */
  .mb-0-s {
    margin-bottom: var(--space-0);
  }

  .mb-05-s,
  .mb-xxs-s {
    margin-bottom: var(--space-0-5);
  }

  .mb-1-s,
  .mb-xs-s {
    margin-bottom: var(--space-1);
  }

  .mb-1-5-s,
  .mb-s-s {
    margin-bottom: var(--space-1-5);
  }

  .mb-2-s {
    margin-bottom: var(--space-2);
  }

  .mb-2-5-s,
  .mb-l-s {
    margin-bottom: var(--space-2-5);
  }

  .mb-3-s {
    margin-bottom: var(--space-3);
  }

  .mb-3-75-s,
  .mb-xl-s {
    margin-bottom: var(--space-3-75);
  }

  .mb-4-s {
    margin-bottom: var(--space-4);
  }

  .mb-5-s,
  .mb-xxl-s {
    margin-bottom: var(--space-5);
  }

  .mb-6-s {
    margin-bottom: var(--space-6);
  }

  /* MARGIN-LEFT */
  .ml-0-s {
    margin-left: var(--space-0);
  }

  .ml-05-s,
  .ml-xxs-s {
    margin-left: var(--space-0-5);
  }

  .ml-1-s,
  .ml-xs-s {
    margin-left: var(--space-1);
  }

  .ml-1-5-s,
  .ml-s-s {
    margin-left: var(--space-1-5);
  }

  .ml-2-s {
    margin-left: var(--space-2);
  }

  .ml-2-5-s,
  .ml-l-s {
    margin-left: var(--space-2-5);
  }

  .ml-3-s {
    margin-left: var(--space-3);
  }

  .ml-3-75-s,
  .ml-xl-s {
    margin-left: var(--space-3-75);
  }

  .ml-4-s {
    margin-left: var(--space-4);
  }

  .ml-5-s,
  .ml-xxl-s {
    margin-left: var(--space-5);
  }

  .ml-6-s {
    margin-left: var(--space-6);
  }

    /* PADDING */
    .p-0-s {
      padding: var(--space-0);
    }
  
    .p-05-s,
    .p-xxs-s {
      padding: var(--space-0-5);
    }
  
    .p-1-s,
    .p-xs-s {
      padding: var(--space-1);
    }
  
    .p-1-5-s,
    .p-s-s {
      padding: var(--space-1-5);
    }
  
    .p-2-s {
      padding: var(--space-2);
    }
  
    .p-2-5-s,
    .p-l-s {
      padding: var(--space-2-5);
    }
  
    .p-3-s {
      padding: var(--space-3);
    }
  
    .p-3-75-s,
    .p-xl-s {
      padding: var(--space-3-75);
    }
  
    .p-4-s {
      padding: var(--space-4);
    }
  
    .p-5-s,
    .p-xxl-s {
      padding: var(--space-5);
    }
  
    .p-6-s {
      padding: var(--space-6);
    }
  
    /* PADDING-TOP */
    .pt-0-s {
      padding-top: var(--space-0);
    }
  
    .pt-05-s,
    .pt-xxs-s {
      padding-top: var(--space-0-5);
    }
  
    .pt-1-s,
    .pt-xs-s {
      padding-top: var(--space-1);
    }
  
    .pt-1-5-s,
    .pt-s-s {
      padding-top: var(--space-1-5);
    }
  
    .pt-2-s {
      padding-top: var(--space-2);
    }
  
    .pt-2-5-s,
    .pt-l-s {
      padding-top: var(--space-2-5);
    }
  
    .pt-3-s {
      padding-top: var(--space-3);
    }
  
    .pt-3-75-s,
    .pt-xl-s {
      padding-top: var(--space-3-75);
    }
  
    .pt-4-s {
      padding-top: var(--space-4);
    }
  
    .pt-5-s,
    .pt-xxl-s {
      padding-top: var(--space-5);
    }
  
    .pt-6-s {
      padding-top: var(--space-6);
    }
  
    /* PADDING-RIGHT */
    .pr-0-s {
      padding-right: var(--space-0);
    }
  
    .pr-05-s,
    .pr-xxs-s {
      padding-right: var(--space-0-5);
    }
  
    .pr-1-s,
    .pr-xs-s {
      padding-right: var(--space-1);
    }
  
    .pr-1-5-s,
    .pr-s-s {
      padding-right: var(--space-1-5);
    }
  
    .pr-2-s {
      padding-right: var(--space-2);
    }
  
    .pr-2-5-s,
    .pr-l-s {
      padding-right: var(--space-2-5);
    }
  
    .pr-3-s {
      padding-right: var(--space-3);
    }
  
    .pr-3-75-s,
    .pr-xl-s {
      padding-right: var(--space-3-75);
    }
  
    .pr-4-s {
      padding-right: var(--space-4);
    }
  
    .pr-5-s,
    .pr-xxl-s {
      padding-right: var(--space-5);
    }
  
    .pr-6-s {
      padding-right: var(--space-6);
    }
  
    /* PADDING-BOTTOM */
    .pb-0-s {
      padding-bottom: var(--space-0);
    }
  
    .pb-05-s,
    .pb-xxs-s {
      padding-bottom: var(--space-0-5);
    }
  
    .pb-1-s,
    .pb-xs-s {
      padding-bottom: var(--space-1);
    }
  
    .pb-1-5-s,
    .pb-s-s {
      padding-bottom: var(--space-1-5);
    }
  
    .pb-2-s {
      padding-bottom: var(--space-2);
    }
  
    .pb-2-5-s,
    .pb-l-s {
      padding-bottom: var(--space-2-5);
    }
  
    .pb-3-s {
      padding-bottom: var(--space-3);
    }
  
    .pb-3-75-s,
    .pb-xl-s {
      padding-bottom: var(--space-3-75);
    }
  
    .pb-4-s {
      padding-bottom: var(--space-4);
    }
  
    .pb-5-s,
    .pb-xxl-s {
      padding-bottom: var(--space-5);
    }
  
    .pb-6-s {
      padding-bottom: var(--space-6);
    }
  
    /* PADDING-LEFT */
    .pl-0-s {
      padding-left: var(--space-0);
    }
  
    .pl-05-s,
    .pl-xxs-s {
      padding-left: var(--space-0-5);
    }
  
    .pl-1-s,
    .pl-xs-s {
      padding-left: var(--space-1);
    }
  
    .pl-1-5-s,
    .pl-s-s {
      padding-left: var(--space-1-5);
    }
  
    .pl-2-s {
      padding-left: var(--space-2);
    }
  
    .pl-2-5-s,
    .pl-l-s {
      padding-left: var(--space-2-5);
    }
  
    .pl-3-s {
      padding-left: var(--space-3);
    }
  
    .pl-3-75-s,
    .pl-xl-s {
      padding-left: var(--space-3-75);
    }
  
    .pl-4-s {
      padding-left: var(--space-4);
    }
  
    .pl-5-s,
    .pl-xxl-s {
      padding-left: var(--space-5);
    }
  
    .pl-6-s {
      padding-left: var(--space-6);
    }
}

/* flex */
.flex,
.flex-m {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-align-center {
  align-items: center;
}
.flex-align-end {
  align-items: flex-end;
}
.flex-grow-1 {
  flex-grow: 1;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}

.flex__gutter > div {
  /* margin-left: 1rem; */
  /* margin-right: 1rem; */
}
.flex__gutter > div:first-child {
  margin-left: auto;
}
.flex__gutter > div:last-child {
  margin-right: auto;
}

.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33.3%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}

.flex-w-10 {
  max-width: 10%;
  flex-basis: 10%;
}
.flex-w-20 {
  max-width: 20%;
  flex-basis: 20%;
}
.flex-w-25 {
  max-width: 25%;
  flex-basis: 25%;
}
.flex-w-30 {
  max-width: 30%;
  flex-basis: 30%;
}
.flex-w-33 {
  max-width: 33.3%;
  flex-basis: 33.3%;
}
.flex-w-40 {
  max-width: 40%;
  flex-basis: 40%;
}
.flex-w-50 {
  max-width: 50%;
  flex-basis: 50%;
}
.flex-w-60 {
  max-width: 60%;
  flex-basis: 60%;
}
.flex-w-70 {
  max-width: 70%;
  flex-basis: 70%;
}
.flex-w-75 {
  max-width: 75%;
  flex-basis: 75%;
}
.flex-w-80 {
  max-width: 80%;
  flex-basis: 80%;
}
.flex-w-90 {
  max-width: 90%;
  flex-basis: 90%;
}
.flex-w-100 {
  max-width: 100%;
  flex-basis: 100%;
}

.h-100 {
  height: 100%;
}

.grid {
  display: grid;
}
.grid-2x2 {
  grid-template-columns: 1fr 1fr;
  grid-row: auto auto;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.display-contents {
  display: contents;
}

.hide {
  display: none;
}

@media only screen and (max-width: 768px) {
  .w-100-m {
    width: 100%;
  }
  .block-m {
    display: block;
  }
  .flex-m {
    display: flex;
  }
  .grid-m {
    display: grid;
  }
  .hide-m {
    display: none;
  }
  .text-center-m {
    text-align: center;
  }
  .text-left-m {
    text-align: left;
  }
  .justify-end-m {
    justify-content: flex-end;
  }
  .justify-start-m {
    justify-content: flex-start;
  }
  .justify-center-m {
    justify-content: center;
  }
}
@media only screen and (max-width: 600px) {
  .w-100-s {
    width: 100%;
  }
  .pr-0-s {
    padding-right: 0;
  }
  .pt-0-s {
    padding-top: 0;
  }
  .block-s {
    display: block;
  }
  .flex-s {
    display: flex;
  }
  .grid-s {
    display: grid;
  }
  .hide-s {
    display: none;
  }
  .text-center-s {
    text-align: center;
  }
  .text-left-s {
    text-align: left;
  }
  .justify-end-s {
    justify-content: flex-end;
  }
  .justify-start-s {
    justify-content: flex-start;
  }
  .justify-center-s {
    justify-content: center;
  }
}

.item-align-center {
  margin-left: auto;
  margin-right: auto;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.full-width .container {
  width: 90%;
  margin: 0 auto;
}
.clear-both {
  clear: both;
}

.yellow-bg {
  background: #f7efde;
}
.underline:after {
  content: "";
  display: block;
  height: 3px;
  background: #68a24b;
  border-radius: 4px;
}
.underline.u-90:after {
  width: 90%;
  margin-left: 5%;
}

.text-link {
  text-decoration: none;
}

/* styles specific to titles */

.text-lh-xxs {
  line-height: 1;
}

.text-lh-xs {
  line-height: 1.25;
}

.text-lh-normal {
  line-height: normal;
}

/* alignment */

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

/* text case */

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

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

.text-default-case {
  text-transform: unset;
}

/* text overflow */

.text-overflow-ellipsis {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* colors */

.text-high-emphasis {
  color: var(--copy);
}

.text-inverse {
  color: var(--white);
}

.text-low-emphasis {
  color: var(--gray);
}

.text-actionable {
  color: var(--primary);
}

.text-warning {
  color: var(--warning-500);
}

/* sizes */

.large-font {
  font-size: 5rem;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .large-font {
    font-size: 1.875rem;
    line-height: 1.5;
  }
}

h1,
.h1 {
  font-size: 3.75rem;
  font-weight: 500;
  line-height: normal;
}

.h1-s {
  font-size: 3.375rem;
  line-height: 1.111;
}

@media only screen and (max-width: 768px) {
  .h1-s {
    font-size: 1.875rem;
    line-height: 1.5;
  }
}

h2,
.h2 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: normal;
}

.h2-s {
  font-size: 1.375rem;
}

.h2-l {
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  .h2-l {
    font-size: 1.25rem;
  }
}

h3,
.h3 {
  font-size: 1.875rem;
  font-weight: 500;
  line-height: normal;
}

.h3-s {
  font-size: 1.625rem;
}

h4,
.h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
}

.single-blog-content
p {
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
}

.single-blog-content strong {
  font-weight: 500;
}

.single-blog-content h1,
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4,
.single-blog-content h5,
.single-blog-content h6 {
  margin-bottom: 1rem;
}

.text-copy-18 {
  font-size: 1.125rem;
}

/* p strong {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
} */

.text-copy {
  font-size: 1rem;
}

.text-copy-14 {
  font-size: 0.875rem;
  font-weight: 500;
}

.text-copy-12 {
  font-size: 0.75rem;
  font-weight: 500;
}

.text-tiny {
  font-size: 0.625rem;
  font-weight: 500;
}

/* weight */

.text-light {
  font-weight: normal;
}

.text-bold {
  font-weight: bold;
}

.text-medium {
  font-weight: 500;
}

.text-quote {
  font-size: 2.5rem;
  color: var(--petrol-500);
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:not(.btn):hover {
  color: var(--primary-dark);
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .h1-m {
    font-size: 2rem;
    font-weight: 500;
  }
  .h2-m {
    font-size: 2rem;
    font-weight: 500;
  }
  .h3-m {
    font-size: 1.625rem;
    font-weight: 500;
  }
  .h4-m {
    font-size: 1.25rem;
    font-weight: 500;
  }
  /* alignment */
  .text-center-m {
    text-align: center;
  }
  .text-right-m {
    text-align: right;
  }
  .text-left-m {
    text-align: left;
  }
  /* weight */
  .text-light-m {
    font-weight: normal;
  }
  .text-bold-m {
    font-weight: bold;
  }
  .text-medium-m {
    font-weight: 500;
  }
  /* colors */
  .text-high-emphasis-m {
    color: var(--copy);
  }
  .text-inverse-m {
    color: var(--white);
  }
  .text-low-emphasis-m {
    color: var(--gray);
  }
  .text-actionable-m {
    color: var(--primary);
  }
  .text-copy-m {
    font-size: 1rem;
  }
  .text-copy-14-m {
    font-size: 0.875rem;
  }
  .text-copy-12-m {
    font-size: 0.75rem;
  }
  .text-tiny-m {
    font-size: 0.625rem;
  }
}

@media only screen and (max-width: 600px) {
  h1,
  .h1 {
    font-size: 1.625rem;
    font-weight: 500;
  }
  h2,
  .h2 {
    font-size: 1.625rem;
    font-weight: 500;
  }
  h3,
  .h3 {
    font-size: 1.25rem;
    font-weight: 500;
  }
  h4,
  .h4 {
    font-size: 1rem;
    font-weight: 500;
  }
  .h1-s {
    font-size: 2rem;
    font-weight: 500;
  }
  .h2-s {
    font-size: 2rem;
    font-weight: 500;
  }
  .h3-s {
    font-size: 1.625rem;
    font-weight: 500;
  }
  .h4-s {
    font-size: 1.25rem;
    font-weight: 500;
  }
  /* alignment */
  .text-center-s {
    text-align: center;
  }
  .text-right-s {
    text-align: right;
  }
  .text-left-s {
    text-align: left;
  }
  /* weight */
  .text-light-s {
    font-weight: normal;
  }
  .text-bold-s {
    font-weight: bold;
  }
  .text-medium-s {
    font-weight: 500;
  }
  /* colors */
  .text-high-emphasis-s {
    color: var(--copy);
  }
  .text-inverse-s {
    color: var(--white);
  }
  .text-low-emphasis-s {
    color: var(--gray);
  }
  .text-actionable-s {
    color: var(--primary);
  }
  .text-copy-s {
    font-size: 1rem;
  }
  .text-copy-14-s {
    font-size: 0.875rem;
  }
  .text-copy-12-s {
    font-size: 0.75rem;
  }
  .text-tiny-s {
    font-size: 0.625rem;
  }
}

.title {
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--gray-800);
  line-height: 1.25;
}

.wp-block-image {
  margin-bottom: 1.5rem;
}

.wp-block-image img {
  border-radius: 2.5rem 0 2.5rem 0;
}

figcaption {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--grey-800);
}

/* New Style Guide */
.fnt-thin {
  font-weight: 300;
}

.fnt-medium {
  font-weight: 400;
}

.fnt-regular {
  font-weight: 500;
}

.fnt-bold {
  font-weight: 600;
}

.fnt-extrabold {
  font-weight: 700;
}

.green-800 {
  color: #32462a;
}

.bg-green-800 {
  background: #32462a;
}

.green-50 {
  color: #e5efe1;
}

.bg-green-50 {
  background: #e5efe1;
}

.purple-600 {
  color: #534151;
}

.bg-purple-600 {
  background: #534151;
}

.bg-beige-100 {
  color: #efeee5;
}

.bg-beige-100 {
  background: #efeee5;
}

/* root fontsizes */
:root {
  --h1-s: 3.375rem;
}

/* 
.h-xxl = 3.75rem; = 60px = .h1 (desktop)
.h-xl = 2.5rem; = 40px = .h2 (desktop)
.h-l = 2rem; = 32px 
.h-m = 1.875rem; = 30px  = .h3 (desktop) = .h1 (mobile)
.h-s = 1.625rem; = 26px
.h4 = 1.5rem = 24px = .h2 (mobile)
.h-xs = 1.375rem; = 22px = .h3 (mobile)
.h-xss = 1.25rem; = .h4 = 20px = (desktop) 
.h-tiny = 1.125rem; = .h4 = 18px = (mobile)

{SIZES WITH STYLE HEADING}
.h1-inverse-left 
.h1-hemp-left
.h1-action-center
.h2-petrol-left
.h3-inverse-left
.h3-action-center
.h4-inverse-left 
.h4-hemp-left
.h4-action-center
.h4-inverse-left-med 
.h4-hemp-left-med
.h4-action-center-med

*/

:root {
  --h-xxl: 3.75rem;
  --h-xl: 2.5rem;
  --h-l: 2rem;
  --h-md: 1.875rem;
  --h-s: 1.625rem;
  --h-4: 1.5rem;
  --h-xs: 1.375rem;
  --h-xss: 1.25rem;
  --h-tiny: 1.125rem;
  --h-copy: 1rem;
}

.h-xxl,
h1,
.h1 {
  font-size: var(--h-xxl);
}
.h-xl,
h2,
.h2 {
  font-size: var(--h-xl);
}
.h-l {
  font-size: var(--h-l);
}
.h-md,
h3,
.h3 {
  font-size: var(--h-md);
}
.h-s {
  font-size: var(--h-s);
}
.h4,
h4 {
  font-size: var(--h-4);
}
.h-xs {
  font-size: var(--h-xs);
}
.h-xss {
  font-size: var(--h-xss);
}
.h-tiny {
  font-size: var(--h-tiny);
}

@media only screen and (max-width: 768px) {
  .h-xxl-m {
    font-size: var(--h-xxl);
  }
  .h-xl-m {
    font-size: var(--h-xl);
  }
  .h-l-m {
    font-size: var(--h-l);
  }
  .h-md-m,
  h1,
  .h1 {
    font-size: var(--h-md);
  }
  .h-s-m {
    font-size: var(--h-s);
  }
  .h2,
  h2 {
    font-size: var(--h-4);
  }
  .h-xs-m,
  h3,
  .h3 {
    font-size: var(--h-xs);
  }
  .h-xss-m {
    font-size: var(--h-xss);
  }
  .h-tiny-m,
  h4,
  .h4 {
    font-size: var(--h-tiny);
  }
  .h-copy-m {
    font-size: var(--h-copy);
  }
}

@media only screen and (max-width: 600px) {
  .h-xxl-s {
    font-size: var(--h-xxl);
  }
  .h-xl-s {
    font-size: var(--h-xl);
  }
  .h-l-s {
    font-size: var(--h-l);
  }
  .h-md-s,
  h1,
  .h1 {
    font-size: var(--h-md);
  }
  .h-s-s {
    font-size: var(--h-s);
  }
  .h2,
  h2 {
    font-size: var(--h-4);
  }
  .h-xs-s,
  h3,
  .h3 {
    font-size: var(--h-xs);
  }
  .h-xss-s {
    font-size: var(--h-xss);
  }
  .h-tiny-s,
  h4,
  .h4 {
    font-size: var(--h-tiny);
  }
}
.flex__gutter {
  margin-left: -1rem;
  margin-top: -1rem;
}

.flex__gutter > div {
  padding-left: 1rem;
  padding-top: 1rem;
}

/* TODO: handle vertical xxs, xs and s spacings in flex__gutter */

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-33 {
  width: 33.3%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto;
}

/* flex */

.flex {
  display: flex;
}

.flex-inline {
  display: inline-flex;
}

.flex-1 {
  flex: 1;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-align-left {
  align-items: flex-start;
}

.flex-align-right {
  align-items: flex-end;
}

.flex-align-center {
  align-items: center;
}

.flex-align-start {
  align-items: flex-start;
}

.flex-align-end {
  align-items: flex-end;
}

.flex-align-baseline {
  align-items: baseline;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.justify-end {
  justify-content: flex-end;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-space-around {
  justify-content: space-around;
}

.justify-space-evenly {
  justify-content: space-evenly;
}

.grid {
  display: grid;
}

.grid-2x2 {
  grid-template-columns: 1fr 1fr;
  grid-row: auto auto;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.hide {
  display: none;
}

/* order */

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

/* Validation error message */

.validation-error {
  color: var(--danger-500);
  font-weight: 500;
}

/* sticky position */

.sticky-top {
  position: sticky;
  top: 0;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
}

/* purgecss ignore */

.noscroll {
  overflow-y: hidden;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.inline-block {
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .w-10-m {
    width: 10%;
  }
  .w-20-m {
    width: 20%;
  }
  .w-25-m {
    width: 25%;
  }
  .w-30-m {
    width: 30%;
  }
  .w-33-m {
    width: 33.3%;
  }
  .w-40-m {
    width: 40%;
  }
  .w-50-m {
    width: 50%;
  }
  .w-60-m {
    width: 60%;
  }
  .w-70-m {
    width: 70%;
  }
  .w-75-m {
    width: 75%;
  }
  .w-80-m {
    width: 80%;
  }
  .w-90-m {
    width: 90%;
  }
  .w-100-m {
    width: 100%;
  }
  .w-auto-m {
    width: auto;
  }
  .flex-m {
    display: flex;
  }
  .flex-1-m {
    flex: 1;
  }
  .flex-row-m {
    flex-direction: row;
  }
  .flex-column-m {
    flex-direction: column;
  }
  .flex-wrap-m {
    flex-wrap: wrap;
  }
  .flex-align-center-m {
    align-items: center;
  }
  .flex-align-start-m {
    align-items: flex-start;
  }
  .flex-grow-1-m {
    flex-grow: 1;
  }
  .justify-end-m {
    justify-content: flex-end;
  }
  .justify-start-m {
    justify-content: flex-start;
  }
  .justify-center-m {
    justify-content: center;
  }
  .justify-space-between-m {
    justify-content: space-between;
  }
  .justify-space-around-m {
    justify-content: space-around;
  }
  .justify-space-evenly-m {
    justify-content: space-evenly;
  }
  .block-m {
    display: block;
  }
  .grid-m {
    display: grid;
  }
  .hide-m {
    display: none;
  }
  .order-1-m {
    order: 1;
  }
  .order-2-m {
    order: 2;
  }
  .order-3-m {
    order: 3;
  }
  .order-4-m {
    order: 4;
  }
  .order-5-m {
    order: 5;
  }
}

@media only screen and (max-width: 600px) {
  .w-10-s {
    width: 10%;
  }
  .w-20-s {
    width: 20%;
  }
  .w-25-s {
    width: 25%;
  }
  .w-30-s {
    width: 30%;
  }
  .w-33-s {
    width: 33.3%;
  }
  .w-40-s {
    width: 40%;
  }
  .w-50-s {
    width: 50%;
  }
  .w-60-s {
    width: 60%;
  }
  .w-70-s {
    width: 70%;
  }
  .w-75-s {
    width: 75%;
  }
  .w-80-s {
    width: 80%;
  }
  .w-90-s {
    width: 90%;
  }
  .w-100-s {
    width: 100%;
  }
  .w-auto-s {
    width: auto;
  }
  .flex-s {
    display: flex;
  }
  .flex-1-s {
    flex: 1;
  }
  .flex-row-s {
    flex-direction: row;
  }
  .flex-column-s {
    flex-direction: column;
  }
  .flex-wrap-s {
    flex-wrap: wrap;
  }
  .flex-align-center-s {
    align-items: center;
  }
  .flex-grow-1-s {
    flex-grow: 1;
  }
  .justify-end-s {
    justify-content: flex-end;
  }
  .justify-start-s {
    justify-content: flex-start;
  }
  .justify-center-s {
    justify-content: center;
  }
  .justify-space-between-s {
    justify-content: space-between;
  }
  .justify-space-around-s {
    justify-content: space-around;
  }
  .justify-space-evenly-s {
    justify-content: space-evenly;
  }
  .block-s {
    display: block;
  }
  .grid-s {
    display: grid;
  }
  .hide-s {
    display: none;
  }
  .order-1-s {
    order: 1;
  }
  .order-2-s {
    order: 2;
  }
  .order-3-s {
    order: 3;
  }
  .order-4-s {
    order: 4;
  }
  .order-5-s {
    order: 5;
  }
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.page-content-narrow {
  max-width: 620px;
  margin: 0 auto;
}

.clear-both {
  clear: both;
}

.yellow-bg {
  background: #f7efde;
}

.underline:after {
  content: "";
  display: block;
  height: 3px;
  background: #68a24b;
  border-radius: 4px;
}

.underline.u-90:after {
  width: 90%;
  margin-left: 5%;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}
.h-underline-none:hover {
  text-decoration: none;
}

.layout-digital-leaf {
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.video-container, .wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.round-none {
  border-radius: 0;
}

.round-sm {
  border-radius: 0.3125rem;
}

.round {
  border-radius: 0.625rem;
}

.round-md {
  border-radius: 1.125rem;
}

.round-lg {
  border-radius: 1.875rem;
}

.round-xl {
  border-radius: 2.5rem;
}

.round-circle {
  border-radius: 9999px;
}

.ff-secondary {
  font-family: "FestivoLCBasic";
}html {
  scroll-behavior: smooth;
}

.container {
  width: calc(100% - 120px);
  max-width: 1400px;
  margin: 0px auto;
}
@media only screen and (max-width: 600px) {
  .container {
    /* width: calc(100% - 40px); */
    width: 100%;
    padding: 0 0.9375rem;
  }

  .container .container {
    padding: 0;
  }
}

.clr {
  clear: both;
}

.overlay {
  position: fixed;
  z-index: 1;
  background: var(--gray-500);
  opacity: 0.6;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* header */

@media only screen and (max-width: 600px) {
  #announcement .announcement__message {
    white-space: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #announcement .announcement__message::-webkit-scrollbar {
    display: none;
  }
}

#announcement {
  background: var(--beige-700);
  padding: 0.5rem;
}

#announcement .container {
  position: relative;
}

#announcement .announcement__right {
  position: absolute;
  top: 0;
  right: 0;
}

#announcement .announcement__right:hover {
  color: #ffffff;
  text-decoration: none;
}

header {
  position: relative;
}

.header-btn {
  flex-shrink: 0;
}

.header-btn .icon {
  width: 24px;
  height: 24px;
  margin: 2px;
  color: var(--copy);
}

.logo-container img {
  width: 150px;
}

.search {
  background: #eee;
  border-radius: 30px;
  margin-right: 5px;
}

.search input:focus {
  outline: none;
}

.search input {
  border: 0;
  background: transparent;
  width: 100%;
  max-width: 300px;
  padding: 10px;
  font-size: 1rem;
}

.search button {
  border: 0;
  background: transparent;
  text-align: center;
}

.search button span {
  font-weight: 500;
}

/* footer */

/* footer {
  background: #d0cdba;
  color: #000;
  font-size:1rem;
} */

.footer-swirl {
  display: block;
  margin-top: 3rem;
}

ul.footer-links {
  margin: 0;
  padding: 0;
}

img.footer--img {
  height: 60px;
}

ul.footer-links li {
  list-style-type: none;
}

@media only screen and (max-width: 767px) {
  footer {
    padding: 1rem;
  }
  .footer--img {
    max-height: 40px;
  }
}

/* navigation */

.site-nav__container::-webkit-scrollbar {
  display: none;
}

.site-nav {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

.site-nav > li {
  list-style-type: none;
  flex-shrink: 0;
  padding: 1rem 0;
  display: inline-block;
  font-weight: 500;
  font-size: 1.25rem;
  display: inline-block;
  text-align: center;
  margin: 0 40px 0 0;
  color: var(--copy);
}

.site-nav__icon {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  display: inline-block;
}

.site-nav a {
  color: inherit;
  text-decoration: none;
}

.site-nav a:hover {
  color: var(--primary-dark);
}

.site-nav__dropdown {
  display: none;
}

/* hide third level children by default */

.site-nav__childlist-item ul {
  display: none;
}

.site-nav__dropdown ul {
  padding-left: 0;
  list-style-type: none;
  text-align: left;
}

@media only screen and (min-width: 600px) {
  .site-nav li:hover > .site-nav__dropdown {
    display: block;
  }
  .site-nav__dropdown {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 1rem;
    z-index: 2;
    background: white;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .site-nav__dropdown li {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

@media only screen and (max-width: 600px) {
  .site-nav__container,
  .site-nav__container .container {
    width: 100%;
  }
  .site-nav {
    display: block;
    border-top: 1px solid #ccc;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
    margin: 0;
    opacity: 0;
  }
  #mobile_menu:checked ~ nav .site-nav {
    max-height: 1000px;
    opacity: 1;
  }
  .site-nav > li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .site-nav > li a {
    display: block;
    padding: 0.5rem;
    font-size: 1.1rem;
    text-align: left;
    color: black;
  }
  /* hamburger */
  .mobile-nav-toggle {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    transition: transform 0.25s ease-in;
  }
  /* submenu chevron icon */
  .site-nav__icon {
    float: right;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: -2.7rem;
    /* magic number */
  }
  .site-nav__icon svg {
    transition: all 0.25s;
  }
  /* sub menus */
  .site-nav__dropdown {
    display: block;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
    margin: 0;
    opacity: 0;
  }
  .site-nav__menu-checkbox:checked ~ .site-nav__dropdown {
    max-height: 1000px;
    opacity: 1;
  }
  .site-nav__menu-checkbox:checked ~ .site-nav__icon svg {
    transform: rotate(180deg);
  }
  /* sub menu item */
  .site-nav__dropdown li {
    padding-left: 10px;
  }
  .site-nav__dropdown li a {
    padding: 0;
    font-size: 1rem;
    color: #333;
  }
}
.btn {
  display: inline-block;
  text-decoration: none;
  padding: 0.625em 1.25em;
  /* background: var(--green-750); */
  border-radius: 1.875em;
  font-size: 1rem;
  font-weight: normal;
  color: white;
  border: 0;
}

.btn.btn-shadow {
  box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.6);
}

.btn-primary,
.primary-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: var(--green-750);
  color: var(--white);
  font-size: 1.0625em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.625em 1.375em;
  border-radius: 1.375em;
  vertical-align: middle;
}

.btn-primary.btn-floating,
.primary-btn.btn-floating {
  -webkit-box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
  box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
}

.btn-primary.btn-lg,
.primary-btn.btn-lg {
  padding: 0.9375em 1.375em;
  border-radius: 1.6875em;
}

.btn-primary.btn-sm,
.primary-btn.btn-sm {
  padding: 0.375em 0.9375em;
}

.btn-primary.btn-sm.btn-icon svg,
.btn-primary.btn-sm.btn-icon img,
.primary-btn.btn-sm.btn-icon svg,
.primary-btn.btn-sm.btn-icon img {
  width: 1em;
}

.btn-primary.btn-icon i,
.primary-btn.btn-icon i {
  max-height: 1.3125em;
  margin-right: 0.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-primary.btn-icon svg,
.btn-primary.btn-icon img,
.primary-btn.btn-icon svg,
.primary-btn.btn-icon img {
  width: 1.5em;
}

.btn-primary:active,
.btn-primary.active,
.primary-btn:active,
.primary-btn.active {
  background-color: var(--primary-active);
}

.btn-primary:hover,
.primary-btn:hover {
  background-color: var(--primary-hover);
}

.btn-primary.disabled,
.primary-btn:disabled {
  cursor: not-allowed;
  background-color: var(--gray-200);
}

.btn-secondary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: var(--purple-400);
  color: var(--white);
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.625em 1.375em;
  border-radius: 1.375em;
  vertical-align: middle;
}

.btn-secondary.btn-floating {
  -webkit-box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
  box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
}

.btn-secondary.btn-lg {
  padding: 0.9375em 1.375em;
  border-radius: 1.6875em;
}

.btn-secondary.btn-sm {
  padding: 0.375em 0.9375em;
}

.btn-secondary.btn-sm.btn-icon svg,
.btn-secondary.btn-sm.btn-icon img {
  width: 1em;
}

.btn-secondary.btn-icon i {
  max-height: 1.3125em;
  margin-right: 0.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-secondary.btn-icon svg,
.btn-secondary.btn-icon img {
  width: 1.5em;
}

.btn-secondary:active,
.btn-secondary.active {
  background-color: var(--secondary-active);
}

.btn-secondary:hover {
  background-color: var(--secondary-hover);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  cursor: not-allowed;
  background-color: var(--gray-200);
}

.btn-tertiary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: 0.0625em solid var(--green-750);
  background-color: transparent;
  color: var(--green-750);
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.625em 1.375em;
  border-radius: 1.375em;
  vertical-align: middle;
}

.btn-tertiary.btn-floating {
  -webkit-box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
  box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
}

.btn-tertiary.btn-light {
  color: #fff;
  border-color: #fff;
}

.btn-tertiary.btn-light:hover {
  color: inherit;
}

.btn-tertiary.btn-dark {
  color: var(--petrol-900);
  border-color: var(--petrol-900);
}

.btn-tertiary.btn-lg {
  padding: 0.9375em 1.375em;
  border-radius: 1.6875em;
}

.btn-tertiary.btn-sm {
  padding: 0.375em 0.9375em;
}

.btn-tertiary.btn-sm.btn-icon svg,
.btn-tertiary.btn-sm.btn-icon img {
  width: 1em;
}

.btn-tertiary.btn-icon i {
  max-height: 1.3125em;
  margin-right: 0.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-tertiary.btn-icon svg,
.btn-tertiary.btn-icon img {
  width: 1.5em;
  margin-right: 0.5rem;
}

.btn-tertiary.disabled,
.btn-tertiary:disabled {
  cursor: not-allowed;
  background-color: var(--gray-300);
  color: var(--gray-300);
  border: none;
}

.btn-ghost {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: var(--green-750);
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.625em 1.375em;
  border-radius: 1.375em;
  vertical-align: middle;
}

.btn-ghost.btn-floating {
  -webkit-box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
  box-shadow: 0 0.25em 1em -0.5em rgba(var(--black-rgb), 0.6);
}

.btn-ghost.btn-lg {
  padding: 0.9375em 1.375em;
  border-radius: 1.6875em;
}

.btn-ghost.btn-sm {
  padding: 0.375em 0.9375em;
}

.btn-ghost.btn-sm.btn-icon svg,
.btn-ghost.btn-sm.btn-icon img {
  width: 1em;
}

.btn-ghost:hover {
  color: #648c55;
}

.btn-ghost.btn-icon i {
  max-height: 1.3125em;
  margin-right: 0.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-ghost.btn-icon svg,
.btn-ghost.btn-icon img {
  width: 1.5em;
}

.btn-ghost.disabled,
.btn-ghost:disabled {
  cursor: not-allowed;
  color: var(--gray-300);
}

.btn-white {
  display: inline-block;
  width: max-content;
  color: var(--green-750);
  background: #fff;
  transition: color 0.3s, background 0.3s;
}
@media (min-width: 768px) {
  .site-footer {
    background-color: var(--white);
  }
}

.footer-copyright svg {
  vertical-align: middle;
}
.site-footer a {
  font-weight: 500;
  text-decoration: none;
  color: #333;
}

.site-footer a:hover {
  text-decoration: underline;
}

.site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer .footer-copyright a {
  padding: 0 8px;
}

@media (max-width: 767px) {
  .site-footer .footer-copyright .footer-left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media (max-width: 767px) {
  .site-footer .footer-copyright .footer-right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width: 768px) {
  .site-footer .footer-copyright .quick-links {
    margin-left: 30px;
  }
}

@media (min-width: 992px) {
  .site-footer .footer-copyright .quick-links {
    margin-left: 100px;
  }
}

@media (min-width: 1200px) {
  .site-footer .footer-copyright .quick-links {
    margin-left: 215px;
  }
}

.site-footer .social-links img,
.site-footer .social-links svg {
  width: 23px;
  height: 23px;
}

.site-footer .social-links a {
  margin-right: 20px;
  display: inline-block;
}

.site-footer .text-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-footer .text-icon img,
.site-footer .text-icon svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.footer-top {
  background-color: #97bf88;
  padding: 24px 0 18px;
}

.footer-newsletter-wrap {
  max-width: 445px;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 992px) {
  .footer-newsletter-wrap {
    max-width: 715px;
  }
}

.footer-newsletter-wrap .newsletter-title {
  font-size: 1.25rem;
  color: #fff;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

@media (min-width: 992px) {
  .footer-newsletter-wrap .newsletter-title {
    padding: 0 120px;
  }
}

@media (min-width: 992px) {
  .footer-newsletter-wrap .form-wrap {
    padding: 0 150px;
  }
}

.footer-newsletter-wrap .form-wrap .form-field-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .footer-newsletter-wrap .form-wrap .form-field-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    border-radius: 22px;
  }
}

.footer-newsletter-wrap .form-wrap .form-field-wrap .btn {
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .footer-newsletter-wrap .form-wrap .form-field-wrap .btn {
    margin: 0;
  }
}

.footer-newsletter-wrap .form-wrap input[type="email"] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer-newsletter-wrap .form-wrap .form-desc {
  color: #fff;
  font-size: 0.75rem;
  padding: 0 23px;
}

.footer-main {
  padding: 56px 0 46px;
  border-top: solid 1px #dfdecb;
}

.footer-bottom {
  padding: 20px 0;
}

.footer-grid {
  margin: 0 -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  .footer-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.footer-grid .footer-column {
  padding: 0 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .footer-grid .footer-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .footer-grid .footer-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

.footer-widget {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .footer-widget {
    margin-bottom: 2rem;
  }
}

.footer-widget .widget-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 16px;
}

.footer-widget .widget-title img {
  display: inline;
}

.footer-widget .widget-content p {
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  .widget-collapsable .widget-title {
    padding-bottom: 8px;
    border-bottom: 1px solid #b3b3b3;
    position: relative;
  }
  .widget-collapsable .widget-title::after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='24px' viewBox='0 0 25 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E3ECF2045-5234-4D20-B101-8C0B3F8604C8%3C/title%3E%3Cdefs%3E%3Cfilter color-interpolation-filters='auto' id='filter-1'%3E%3CfeColorMatrix in='SourceGraphic' type='matrix' values='0 0 0 0 0.200000 0 0 0 0 0.200000 0 0 0 0 0.200000 0 0 0 1.000000 0'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Plantura_OS_Shoppingcart_mobile' transform='translate(-321.000000, -1895.000000)'%3E%3Cg id='framework-/-footer-/-shop-/-mobile' transform='translate(0.200000, 947.000000)'%3E%3Cg id='Group-17' transform='translate(16.000000, 851.000000)'%3E%3Cg id='Group-16-Copy-2' transform='translate(0.000000, 97.000000)'%3E%3Cg id='arrow-down' transform='translate(305.000000, 0.000000)' filter='url(%23filter-1)'%3E%3Cg transform='translate(12.000000, 12.000000) rotate(180.000000) translate(-12.000000, -12.000000) translate(0.000000, 5.000000)' id='Light' stroke='%23000000'%3E%3Cpath d='M23.535,13.373 L12.409,0.8 C12.3140955,0.692715572 12.1777369,0.631284998 12.0345,0.631284998 C11.8912631,0.631284998 11.7549045,0.692715572 11.66,0.8 L0.535,13.373' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 23px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .widget-collapsable .widget-title.open::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .widget-collapsable .widget-content {
    display: none;
  }
}

.plantura-scroll-top-trigger {
  background-color: var(--gray-200);
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 50%;
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
}

@media (max-width: 768px) {
  .plantura-scroll-top-trigger {
    right: 1rem;
    bottom: 1rem;
  }
  .footer-middle .flex__gutter > div:first-child {
    margin-left: 0;
  }
  .footer-bottom .footer-copyright p {
    margin-bottom: 0;
  }
}

.site-footer .btn-ghost {
  color: var;
}

.footer-sticky {
  z-index: 999;
  bottom: -1px;
}

.footer-sticky .footer-sticky-img {
  position: relative;
  flex-basis: 200px;
  margin-right: 1.25rem;
}

.footer-sticky .footer-sticky-img img {
  position: absolute;
  top: -6rem;
  width: 100%;
}

.footer-sticky .icon-cross {
  right: 0;
  top: -1rem;
  cursor: pointer;
}

.footer-sticky .footer-sticky-cta {
  color: var(--petrol-900);
  font-weight: 500;
}

.footer-sticky .footer-sticky-title-m {
  max-width: 240px;
}

.footer-sticky .footer-sticky-title-m > span {
  margin-left: 0.25rem;
}

.footer-sticky .footer-sticky-title-m > span img {
  display: inline;
  width: 14px;
}

@media (max-width: 768px) {
  .footer-sticky .footer-sticky-img {
    flex-basis: 108px;
    margin-right: 0;
  }
  .footer-sticky .footer-sticky-img img {
    position: absolute;
    top: -2rem;
    width: 100%;
  }

  .footer-sticky .icon-cross {
    right: 1rem;
    top: 0rem;
    max-width: 12px;
  }
}
.title,
.title__large,
.title__small {
  font-weight: normal;
}

.title a,
.title__large a,
.title__small a {
  display: block;
}

input[type="text"],
input[type="email"] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 10px 15px;
  color: #666;
  background-color: #fff;
  border-radius: 22px;
  border: none;
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:not(.btn):hover {
  text-decoration: underline;
  color: var(--green-750);
}

.petrol-bg {
  background: var(--petrol-300);
  color: #fff;
}

.beige-bg {
  background: var(--beige-100);
}

.search {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
}

@media (min-width: 768px) {
  .search {
    min-width: 325px;
    max-width: 325px;
  }
}

.search .search__submit,
.search .cancel__btn {
  cursor: pointer;
  background: none;
  border: none;
  text-align: center;
}

.site-header {
  z-index: 111;
  background-color: #fff;
}

header .search .search-result-box {
  position: absolute;
  background: white;
  z-index: 999;
  top: 100%;
  left: 0;
  right: 0;
  padding: 1rem;
}

.site-nav__container {
  position: relative;
  background: #ffffff;
  z-index: 11;
  margin-bottom: 1.5rem;
}

.site-nav > li {
  flex: 1;
  justify-content: flex-start;
  /* justify-content: center; */
  padding-left: 2rem;
}

.site-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: pre-line;
}

.site-nav > li > a {
  padding: 0.5rem 0;
}

.site-nav > .menu-item:first-child {
  border-left: 0;
  padding-left: 0;
}

.site-nav > .menu-item {
  text-align: left;
  border-left: 1px solid var(--gray-100);
  /* padding-left: 2rem; */
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  /*max-width: 205px;*/
}

.site-nav .menu-item:hover a {
  color: inherit;
}

.site-nav .menu-item.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  /* width: 1.5rem; */
  /* height: 1.5rem; */
  /* background-size: 100%; */
  /* background-repeat: no-repeat; */
  /* background-position: center; */
  /* background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='m6.233 9 5.563 6.287a.25.25 0 0 0 .374 0L17.733 9' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); */
  margin-left: 0.875rem;
  vertical-align: middle;
  margin-top: 0.25rem;
  content: "\e902";
  font-family: "icomoon" !important;
  font-size: 0.875rem;
}

.site-nav .menu-item.menu-item-has-children:hover .sub-menu {
  display: block;
  text-align: left;
}

.search .header-btn {
  cursor: pointer;
}

.header-btn .loader__wrap {
  filter: invert(0.3);
}

.home_thumb {
  border-radius: 2rem 0 2rem 0;
}

.home_btn-wrap {
  margin-top: 2.25rem;
}

.site-nav li.megamenu-columns:hover .sub-menu {
  display: flex;
}

.site-nav .megamenu-columns .sub-menu {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  border: none;
}

.site-nav .megamenu-columns .sub-menu:before,
.site-nav .megamenu-columns .sub-menu:after {
  display: none;
}

.site-nav .megamenu-columns:hover .sub-menu {
  /* transform: translateY(0); */
  opacity: 1;
  visibility: visible;
}

.site-nav .megamenu-columns .sub-menu li {
  flex-basis: 236px;
  max-width: 236px;
  padding: 0 8px;
  display: inline-block;
  margin-bottom: 1.25rem;
}

.site-nav .megamenu-columns .sub-menu li a {
  display: block;
  padding: 0;
}

.site-nav .megamenu-columns .sub-menu li img {
  width: 100%;
  object-fit: cover;
  height: 165px;
  width: 220px;
  vertical-align: top;
  transition: transform 0.5s;
}

.site-nav .megamenu-columns .sub-menu li:hover img {
  transform: scale(1.2);
}

.site-nav .megamenu-columns .sub-menu li .plantura-sub-category-image {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 32px 0 32px 0;
}

.site-nav .megamenu-columns .sub-menu li .plantura-sub-categoryt-title {
  font-size: 16px;
  font-weight: 500;
  display: block;
  width: 100%;
  text-align: center;
}

.mobile-nav li.megamenu-columns .sub-menu {
  margin: 0;
  width: 100%;
  border: none;
  display: none;
}

.mobile-nav li.megamenu-columns .sub-menu .menu-item {
  padding: 4px 0;
  border: none;
}

.mobile-nav li.megamenu-columns .sub-menu .menu-item:first-child {
  padding-top: 10px;
}

.mobile-nav li.megamenu-columns .sub-menu .menu-item > a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.mobile-nav
  li.megamenu-columns
  .sub-menu
  .menu-item
  .plantura-sub-category-image {
  flex-basis: 112px;
  max-width: 112px;
  display: none;
}

.mobile-nav
  li.megamenu-columns
  .sub-menu
  .menu-item
  .plantura-sub-categoryt-title {
  flex-basis: calc(100% - 112px);
  max-width: calc(100% - 112px);
  padding-left: 16px;
}
.mobile-nav
  li.megamenu-columns
  .sub-menu
  .menu-item
  .plantura-sub-category-image
  img {
  height: 84px;
  width: 112px;
  object-fit: cover;
  border-radius: 16px 0 16px 0;
}

@media (max-width: 767px) {
  .home_btn-wrap {
    margin: 2.5rem 0;
  }
}

.home__title-wrap .title__large {
  margin: 0 !important;
}

.like-btn {
  background: none;
  padding: 0;
  font-size: 1rem;
  display: none;
  /*display: -webkit-inline-box;*/
  /*display: -ms-inline-flexbox;*/
  /*display: inline-flex;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.like-btn img {
  width: 23px;
  margin-left: 0.5rem;
}

.home__block {
  margin-top: 5rem;
}

@media (max-width: 600px) {
  .home__block.home__block--slider {
    /* margin-right: -20px; */
    margin-right: 0;
  }
}

.home__block a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .home__block {
    margin-top: 1rem;
  }
}

.home__block .title {
  font-size: 1.875rem;
}

.home__block .title__large {
  font-size: 2.5rem;
  line-height: normal;
  font-weight: 400;
}

@media (max-width: 600px) {
  .home__block .title__large {
    font-size: 1.5rem;
  }
}

.home__block .title__small {
  font-size: 1.5rem;
}

.home_post-inline {
  margin-bottom: 0.875rem;
}

.home_post-inline img {
  width: 69.3px;
  height: 69.4px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
  margin-right: 1.625rem;
}

@media (max-width: 600px) {
  .home_post-inline img {
    margin-right: 0.875rem;
  }
}

.home_post-inline .title__small {
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 767px) {
  .home_post-inline .title__small {
    font-size: 1.25rem;
  }
}

.home_post-inline a:hover {
  color: inherit;
}

.home_post-inline .arrow-right {
  width: 12px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12px;
  flex: 0 0 12px;
  margin-left: 2.125rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home_post-inline .arrow-right img {
  max-width: 100%;
  height: auto;
}

.home_post-inline:hover .arrow-right {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.home_post {
  position: relative;
  margin-bottom: 1.5rem;
}

.home_post a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .home_post .title {
    font-size: 1.25rem;
    word-break: break-word;
  }
}

.home_post .title,
.home_post .title__large,
.home_post .title__small {
  margin-bottom: 0;
  margin-top: 1rem;
  text-align: left;
}

.flex__gutter > .home_post {
  padding-top: 0;
}

.post_big {
  max-height: 522px;
  min-height: 328px;
}

.post_big .home_post-img {
  height: 100%;
}

.post_big .home_post-overlay-text .title__large {
  border-radius: 0.5rem;
  overflow: hidden;
}

.home_post-author {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  padding: 1rem;
  color: #fff;
}

@media (max-width: 600px) {
  .home_post-author {
    padding: 0.5rem;
  }
}

.home_post-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 2rem 0 2rem 0;
  min-height: 156px;
  /* safari hack for overflow-hidden + transitions */
  overflow: hidden;
  backface-visibility: hidden;
  transform: translated3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.home_post-img img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.33s ease;
  transition: all 0.33s ease;
  z-index: -1;
}

.home_post-img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0.4;
  left: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#000),
    color-stop(20%, rgba(146, 146, 146, 0)),
    color-stop(68%, rgba(216, 216, 216, 0)),
    to(#2a2a2a)
  );
  background-image: linear-gradient(
    to bottom,
    #000,
    rgba(146, 146, 146, 0) 20%,
    rgba(216, 216, 216, 0) 68%,
    #2a2a2a
  );
}

.home_post-img .like-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #fff;
  z-index: 11;
}

.home_post-img:hover > img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.home_post-overlay-text {
  position: absolute;
  top: 26%;
  left: 13%;
  width: 40%;
  max-width: 348px;
}

@media (max-width: 991px) {
  .home_post-overlay-text {
    top: 29.5%;
    width: 75%;
    max-width: 310px;
  }
}

.home_post-overlay-text span {
  display: inline;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0 0.938rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.71rem;
}

.home_post-overlay-text .title,
.home_post-overlay-text .title__large,
.home_post-overlay-text .title__small {
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 991px) {
  .home_post-overlay-text .title,
  .home_post-overlay-text .title__large,
  .home_post-overlay-text .title__small {
    font-size: 1.875rem;
    letter-spacing: -1px;
  }
}

.author-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.5rem;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #fff;
  margin-right: 1rem;
}

@media (max-width: 600px) {
  .author-img {
    margin-right: 0.5rem;
  }
}

.author-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 600px) {
  .author-img.img-small-s {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.688rem;
    flex: 0 0 1.688rem;
    width: 1.688rem;
    height: 1.688rem;
    margin-right: 0.375rem;
  }
}

.author-name {
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home__qa-block .title {
  font-size: 2rem;
  margin-bottom: 1.875rem;
}

.home__qa-block .btn {
  background: var(--beige-50);
  color: var(--gray-800);
  font-weight: 500;
}

@-webkit-keyframes fadeOut {
  from {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.home__qa-block .btn.ans-right,
.home__qa-block a.ans-right {
  background: none;
  color: #4caf50;
  border: 1px solid #4caf50;
  position: relative;
}

.home__qa-block .btn.ans-right::before,
.home__qa-block a.ans-right::before {
  content: "RICHTIG";
  font-size: 0.75rem;
  line-height: 1.7;
  padding: 0 10px;
  border-radius: 21px;
  background: #4caf50;
  color: #fff;
  position: absolute;
  right: 0.625rem;
  top: -1rem;
  -webkit-animation: fadeOut 0.5s ease;
  animation: fadeOut 0.5s ease;
}

.home__qa-block .btn.ans-wrong,
.home__qa-block a.ans-wrong {
  background: #ff9800;
  color: #fff;
}

.home__qa-block .btn.selected,
.home__qa-block a.selected {
  background: var(--green-750);
  color: #fff;
  border-color: var(--green-750);
}

.qa-box {
  border-radius: 2rem 0 2rem 0;
  position: relative;
  padding: 2.625rem 0 2.875rem 2.688rem;
  max-width: 583px;
  background: var(--beige-50);
}

.qa-box .qa-title-box {
  display: inline-block;
  width: 307px;
  position: absolute;
  top: -27px;
  left: 0;
}

.qa-box .qa-title-box .qa-icon {
  width: 28px;
  height: auto;
  position: absolute;
  left: 27px;
  top: 13px;
}

.home__block--hero {
  margin-top: 2.5rem;
}

.home__block--hero .flex__gutter {
  margin-top: 0;
}

.home__block--tips .full-width {
  padding: 3.75rem 0;
}

@media (max-width: 600px) {
  .home__block--tips .full-width {
    padding: 25px 0 9px;
  }
}

.home__block--tips .title__large {
  margin-bottom: 2.125rem;
}

.home__block--tips input[type="search"] {
  width: 100%;
  max-width: 100%;
  text-overflow: ellipsis;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.home__block--tips.showing-results,
header.showing-results {
  position: relative;
  z-index: 111;
}

.app-title-box {
  position: absolute;
  width: 172px;
  height: auto;
  left: 1rem;
  top: -1rem;
  font-size: 1.188rem;
  color: #fff;
  font-weight: bold;
  height: 41px;
  border-radius: 1rem 0 1rem 0;
  background: #3e4c4d;
  padding: 7px 14px 10px 18px;
}

.app-title-box img {
  margin-right: 10px;
}

.home__block--tips .search {
  background-color: #fff;
  height: 60px;
  border-radius: 3.75rem;
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4.375rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.home__block--tips .search-result-box {
  display: none;
  position: absolute;
  background: var(--beige-100);
  top: 100%;
  z-index: 111;
  /* -webkit-box-shadow: 0 5px 7px 0 rgba(214, 214, 214, 0.5);
  box-shadow: 0 5px 7px 0 rgba(214, 214, 214, 0.5); */
  padding: 50px 0 67px;
  margin-top: 1px;
}

.home__icon-container {
  max-width: 809px;
  width: 100%;
  margin: 0 auto;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

@media (max-width: 600px) {
  .home__icon-container {
    padding-bottom: 25px;
  }
}

.home_icon {
  padding: 0 10px;
}

.home_icon:hover {
  cursor: pointer;
}

/* .home_icon.home_icon--highlight .icon-wrap {
  border: 2px solid var(--primary)
} */

.home_icon.home_icon--highlight .icon-wrap img {
  width: 100%;
}

.home_icon.home_icon--highlight span,
.home_icon:hover span {
  color: var(--primary);
}

.home_icon:hover .icon-wrap {
  border: 2px solid var(--green-750);
}

.newsletter-form input:focus-visible {
  outline: none;
}

.home_icon .icon-wrap {
  display: inline-flex;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  margin-bottom: 0.688rem;
  justify-content: center;
  align-items: center;
}

.home_icon span {
  font-size: 1rem;
  font-weight: 500;
}

.home_card {
  border-radius: 0.5rem;
  color: #fff;
  padding: 3.75rem 3rem;
  height: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.home_card > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.home_card .btn {
  color: #fff;
  border-color: #fff;
}

.home_card .title {
  color: #fff;
}

@media (max-width: 767px) {
  .home_card .title {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .home_card {
    padding: 10.875rem 1.25rem 2rem;
  }
}

.home__about {
  padding-bottom: 3.125rem;
}

.about-img {
  border-radius: 0.5rem;
  padding-top: 36.4%;
  background-size: cover;
  background-position: center;
}

@media (max-width: 767px) {
  .about-img {
    border-radius: 0;
    margin: 0 -10px;
  }
}

.about-img .about-text-wrap {
  border-radius: 2rem 0 2rem 0;
  background: var(--purple-300);
  color: #fff;
  max-width: 575px;
  padding: 1.375rem 1.938rem 1.438rem 2.188rem;
  margin-bottom: -3.125rem;
}

@media (min-width: 1400px) {
  .about-img .about-text-wrap {
    margin-right: -3.125rem;
  }
}

@media (max-width: 767px) {
  .about-img .about-text-wrap {
    width: calc(100% - 2rem);
    margin: 0 auto -8rem;
    padding: 1.125rem 1.5rem 1.5rem;
  }
  .about-img .about-text-wrap br {
    display: none;
  }
}

.about-img .about-text-wrap .about-title {
  font-size: 1.625rem;
  font-weight: normal;
}

.about-img .about-text-wrap .about-title strong {
  font-weight: bold;
}

@media (max-width: 767px) {
  .about-img .about-text-wrap .about-title {
    font-size: 1.25rem;
  }
  .about-img .about-text-wrap .about-title strong {
    font-weight: 500;
  }
}

.about-img .about-text-wrap span {
  font-size: 1rem;
  display: inline-block;
}

@media (max-width: 767px) {
  .about-img .about-text-wrap span {
    border: 1px solid #fff;
    border-radius: 2rem;
    padding: 10px 1.25rem;
    text-decoration: none;
    font-weight: 1rem;
  }
}

.about-img .about-text-wrap a:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .home__app {
    margin-top: 7.75rem;
  }
}

.home__app .title__large {
  margin-bottom: 1.125rem;
}

.home__app .home_post-inline {
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .home__app .home_post-inline {
    max-width: 430px;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .home__app .full-width {
    padding: 0;
    background: none;
  }
  .home__app .full-width .flex__gutter {
    margin: 0;
    padding: 0;
  }
}

.home__app .post-lists {
  padding-bottom: 3.75rem;
  position: relative;
}

@media (min-width: 992px) {
  .home__app .post-lists {
    padding-right: 123px;
  }
}

@media (max-width: 767px) {
  .home__app .post-lists {
    background: var(--petrol-300);
    padding: 37px 16px 25px;
    margin: 0 -10px;
    margin-bottom: 30px;
    border-radius: 0 0 2rem 0;
    width: 100vw;
  }
}

.home__app .post-lists .app-title-img {
  position: absolute;
  width: 172px;
  height: auto;
  left: 1rem;
  top: -1rem;
}

.home__app .post-lists .text-wrap {
  background: var(--beige-50);
  color: var(--gray-800);
  font-size: 1rem;
  font-weight: 500;
  padding: 1.125rem 1.188rem;
  border-radius: 1rem 0 1rem 0;
}

.home__app .post-lists .text-wrap::after {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='14px' viewBox='0 0 15 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E33EDA8F3-F4F5-4C23-8DC6-6472AA6080BF%3C/title%3E%3Cg id='Startpage-(mobile)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Plantura_Magazin_Startpage_mobile_V1.3' transform='translate(-307.000000, -3255.000000)' stroke='%233E4C4D'%3E%3Cg id='Calender-teaser-Mobile' transform='translate(0.000000, 3122.500000)'%3E%3Cg id='Group-27' transform='translate(0.000000, 20.500000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 88.000000)'%3E%3Cg id='Group-26' transform='translate(291.857143, 24.541916)'%3E%3Cline x1='0' y1='6' x2='12' y2='6' id='Shape'%3E%3C/line%3E%3Cpolyline id='Shape' points='6 12 13 6 6 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  float: right;
}

@media (max-width: 767px) {
  .home__app .post-lists .home_btn-wrap {
    margin-top: 23px;
  }
}

.home__app .app__block-post {
  position: relative;
  padding-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.home__app .app__block-post img {
  width: 100%;
  border-radius: 2rem 0 2rem 0;
}

.home__app .app__block-post .text-wrap {
  max-width: 151px;
  border-radius: 1rem 0 1rem 0;
  margin-right: -1rem;
  margin-top: -2.625rem;
  padding: 0.5rem 1rem;
}

.home__app .app__post-slider {
  margin-top: 3.313rem;
}

@media (max-width: 950px) {
  .home__app .app__post-slider {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__app .home__app-area {
    padding: 0 6px;
  }
}

.app-box {
  color: var(--petrol-900);
  padding: 5rem 3.875rem;
  position: relative;
}

.app-box .mobile-img {
  max-width: 162px;
  max-width: unset;
}

@media (max-width: 767px) {
  .app-box .mobile-img {
    margin-left: -9px;
    margin-bottom: -35px;
  }
}

@media (min-width: 1200px) {
  .app-box {
    max-height: 470px;
  }
  .app-box .mobile-img {
    width: 412px;
    margin-top: -45px;
  }
}

@media (max-width: 767px) {
  .app-box {
    padding: 50px 0 0 25px;
    margin: 0;
  }
}

.app-box .app-tag {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background: var(--gray-600);
  padding: 0.625rem 1.75em;
  border-radius: 1rem 0 1rem 0;
  position: absolute;
  left: -1.125rem;
  top: -0.625rem;
}

@media (max-width: 767px) {
  .app-box .app-tag {
    top: -0.5rem;
    left: -0.5rem;
    background: #7d9a9c;
  }
}

.app-box .title__small {
  font-size: 1.25rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .app-box .title__small {
    font-size: 1rem;
    margin: 0;
  }
}

.app-box .title__large {
  margin-bottom: 1.125rem;
}

@media (max-width: 767px) {
  .app-box .title__large {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  .app-box p {
    font-size: 0.875rem;
  }
}

@media (max-width: 767px) {
  .app-box .home_btn-wrap .btn {
    display: none;
  }
}

.glide .home_post {
  margin: 0;
}

.glide .glide__arrow {
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* page looks presentable while JS is loading (or if it doesnt load) */

.home__block--slider .glide__slide {
  width: 25%;
  margin-right: 2%;
}

.app__post-slider .glide__slide {
  width: 50%;
  margin-right: 2%;
}

@media (max-width: 767px) {
  .home__block--slider .glide__slide {
    width: 50%;
    /* margin-right: 2%; */
    margin-right: 0;
  }
}

@media (min-width: 1550px) {
  .glide .glide__arrow.glide__arrow--left {
    left: -70px;
  }
  .glide .glide__arrow.glide__arrow--right {
    right: -70px;
  }
}

@media (max-width: 1550px) and (min-width: 600px) {
  .glide .glide__arrow.glide__arrow--left {
    left: -50px;
  }
  .glide .glide__arrow.glide__arrow--right {
    right: -50px;
  }
}

.home__products {
  margin-top: 122px;
}

@media (max-width: 767px) {
  .home__products {
    margin-top: 3.25rem;
  }
}

.home__products .title__large {
  margin-bottom: 1.5rem;
}

.home__products .glide__slides {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 4px;
}

.product {
  text-decoration: none;
  position: relative;
}

.product .cart-btn {
  padding: 0;
  border: none;
  display: inline-block;
  background-color: var(--green-300);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
}

.product .cart-btn:hover,
.product .cart-btn:active {
  background-color: var(--green-600);
}

.product .cart-btn svg path {
  stroke: #fff;
}

.product .new {
  display: inline-block;
  padding: 10px 22px;
  background-color: var(--petrol-700);
  color: #fff;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: bold;
  letter-spacing: 0.063rem;
  border-radius: 16px 0 16px 0;
}

.product .product__img-wrap {
  position: relative;
  margin-bottom: 0.5rem;
}

.product .product__img-wrap figure {
  padding-top: 100%;
  overflow: hidden;
  border-radius: 32px 0 32px 0;
  background-color: #ececec;
  position: relative;
  margin: 0;
}

.product .product__img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ececec;
}

.product .product__img-wrap .cart-btn {
  position: absolute;
  right: 16px;
  bottom: 16px;
}

.product .product__img-wrap .new {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 11;
}

.product .product__title {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .product .product__title {
    font-size: 1rem;
  }
}

.product .product__title a {
  text-decoration: none;
  color: inherit;
}

.product .product__title a:hover {
  color: var(--primary);
  text-decoration: underline;
}

.product .title__small {
  font-size: 1.625rem;
  font-weight: bold;
  color: #333333;
}

@media (max-width: 767px) {
  .product .title__small {
    font-size: 1.25rem;
  }
}

.product small {
  font-size: 0.75rem;
  color: #666666;
}

.product.featured {
  position: relative;
}

.product.featured .product__title {
  padding: 16px;
  position: absolute;
  bottom: 0;
}

.product.featured .product__title a {
  display: block;
}

.product.featured .title__small {
  position: absolute;
  right: 30px;
  top: 50%;
  background-color: var(--green-750);
  color: #fff;
  padding: 5px 12px;
  border-radius: 16px 0 16px 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product.featured .title__small small {
  display: block;
  color: #fff;
}

.product:hover .product__img-wrap img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.product .text-overlay {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  padding: 1rem 3rem;
}

@media (max-width: 768px) {
  .product .text-overlay {
    padding: 1rem;
  }
}

.product .text-overlay h3 {
  font-size: 1.25rem;
  margin-bottom: 1.438rem;
  white-space: pre-wrap;
}

@media (min-width: 768px) {
  .product .text-overlay h3 {
    font-size: 2rem;
  }
}

.product .text-overlay .btn {
  color: var(--green-750);
  background: #fff;
}

.product .text-overlay .btn:hover {
  color: #fff;
  background: var(--green-750);
}

.review-ratings-container {
  margin: 0.313rem 0 0.5rem;
}

.review-ratings-container .stars-group {
  position: relative;
  margin-right: 0.5rem;
}

.review-ratings-container .stars-group svg {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.review-ratings-container .stars-group img {
  display: inline;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.review-ratings-container .stars-group .stars-placeholder-group {
  white-space: nowrap;
}

.review-ratings-container .stars-group .stars-placeholder-group svg path,
.review-ratings-container .stars-group .stars-placeholder-group svg g {
  fill: #e6e6e6;
}

.review-ratings-container .stars-group .stars-rated-group {
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.review-ratings-container .stars-group .stars-rated-group svg path {
  fill: #ffdc0f;
}

.review-ratings-container .review-count {
  font-size: 1rem;
  font-weight: 500;
}

.review-ratings-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
}

.review-ratings-bar-container .review-ratings-bar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--gray-100);
  margin-right: 1.25rem;
}

.review-ratings-bar-container .review-ratings-bar .review-ratings-progress {
  height: 0.5rem;
  border-radius: 0.25rem;
  background-color: #ffdc0f;
  display: block;
}

.review-ratings-bar-container .review-count {
  width: 108px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 108px;
  flex: 0 0 108px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}

.review-ratings-bar-container .review-count .percent {
  color: var(--gray-100);
}

@media (max-width: 767px) {
  .newsletter {
    margin-top: 3.75rem;
  }
  .newsletter .title__small {
    padding: 0 10px;
  }
}

.newsletter .full-width {
  background-size: cover;
  background-position: center;
}

@media (max-width: 767px) {
  .newsletter .full-width {
    background-image: none !important;
  }
}

@media (min-width: 768px) {
  .newsletter .full-width {
    padding: 57px 0 63px;
  }
}

@media (min-width: 768px) {
  .newsletter-container {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1rem 0 1rem 0;
    padding: 46px 109px 42px 82px;
  }
}

.newsletter-container .title__large {
  margin-bottom: 1.688rem;
}

@media (max-width: 767px) {
  .newsletter-container .title__large {
    border-radius: 1rem 0 1rem 0;
    display: inline-block;
    padding: 10px 18px 14px;
    background: var(--petrol-300);
    font-weight: bold;
    color: #fff;
    font-size: 1.188rem;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-top: -27px;
    vertical-align: middle;
  }
}

.newsletter-container p {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  color: var(--gray-600);
}

@media (max-width: 767px) {
  .newsletter-container p {
    font-size: 0.625rem;
  }
}

.newsletter-container .title__small {
  font-size: 1.25rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  .newsletter-container .title__small {
    font-size: 1rem;
    font-weight: 500;
  }
}

@media (min-width: 768px) {
  .newsletter-container .form-area {
    max-width: 463px;
    margin-left: 3.375rem;
  }
}

.newsletter-form {
  margin: 0 auto 0.5rem;
  background-color: #fff;
  border-radius: 28px;
}

@media (min-width: 768px) {
  .newsletter-form {
    border: 1px solid var(--green-750);
  }
}

.newsletter-form input {
  font-size: 1.125rem;
  padding: 0.875rem 1.5rem 1rem;
  line-height: 1;
  border-radius: 27px;
}

@media (max-width: 767px) {
  .newsletter-form {
    background: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.625rem auto;
  }
  .newsletter-form input {
    margin-bottom: 1.25rem;
    text-align: center;
  }
  .newsletter-form .btn {
    background: var(--petrol-300);
  }
}

.newsletter-form .btn {
  cursor: pointer;
}

.plantura-app {
  margin-top: 0;
}

.plantura-app .full-width {
  padding: 1.125rem 0 0.75rem;
}

.plantura-app .title__large {
  font-size: 2.188rem;
  margin-right: 50px;
}

.plantura-app .title__small {
  font-size: 1.25rem;
  font-weight: 500;
}

/* Issue Fixing */

.logo-container {
  min-width: 50px;
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

.logo-container a {
  display: inline-block;
}

.header-btn {
  min-width: 40px;
  vertical-align: middle;
}

.home__title-wrap .btn-ghost {
  font-weight: bold;
}

.site-nav__container .site-nav a:hover {
  text-decoration: none;
  color: var(--green-750);
}

.sub-menu {
  max-width: 1400px;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 0;
  margin: 0 -0.5rem;
}

.sub-menu::before {
  content: "";
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.sub-menu a,
.sub-menu-wrapper a {
  white-space: unset;
}

.qa-box .qa-title-box {
  background: var(--gray-600);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.813rem 1.688rem 0.75rem;
  border-radius: 1rem 0 1rem 0;
  letter-spacing: 1.5px;
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .qa-box .qa-title-box {
    font-size: 1.188rem;
    letter-spacing: 1px;
    padding: 0.688rem 1.063rem 0.563rem;
    width: 224px;
  }
}

.qa-box .qa-title-box img.qa-icon {
  position: static;
  margin-right: 2rem;
}

@media (max-width: 1199px) {
  .qa-box .qa-title-box img.qa-icon {
    margin-right: 0.688rem;
  }
}

.home__qa-block p {
  font-size: 1.125rem;
}

.home__qa-block.layout-2 .qa-box {
  padding: 0;
}

.home__qa-block.layout-2 .qa-box > img {
  border-radius: 2rem 0 2rem 0;
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .home__qa-block.layout-2 .qa-wrap {
    padding-left: 4.75rem;
  }
}

@media (max-width: 600px) {
  .home__qa-block.layout-2 .qa-wrap {
    padding-top: 0;
  }
}

@media (max-width: 600px) {
  .home__qa-block.layout-2 .qa-wrap .title {
    background: #efeee5;
    border-radius: 2rem 0 2rem 0;
    padding: 1.375rem 1rem 1.188rem 1.063rem;
    font-size: 1.5rem;
    margin-top: -2rem;
    position: relative;
    margin-bottom: 1.5rem;
  }
}

.home_icon .icon-wrap img {
  width: 65%;
}

.burger-menu-btn {
  background: none;
  border: none;
}

@media only screen and (max-width: 768px) {
  .burger-menu-btn {
    padding: 0;
  }
}

.mobile-menu__container {
  display: none;
  position: relative;
  z-index: 1;
}

.mobile-menu__container .menu-item-has-children > a {
  pointer-events: none;
}

.mobile-menu__container {
  background: #fff;
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
}

@media (min-width: 601px) {
  .mobile-menu__container {
    display: none !important;
  }
}

.mobile-menu__container .mobile-banner-block {
  border-top: 1px solid #dfdecb;
}

.mobile-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
}

.mobile-nav li {
  padding: 0.75rem 1rem;
  border-top: 1px solid #dfdecb;
  line-height: 1.4;
}

.mobile-nav li.menu-item-has-children > a::after {
  content: "\e902";
  font-family: "icomoon" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  float: right;
  transition: transform 0.3s;
  transform-origin: center;
}

.mobile-nav li.menu-item-has-children.active > a::after {
  transform: rotate(180deg);
}

.mobile-nav a {
  display: block;
}

.mobile-nav li.menu-item-has-children.active > a {
  color: var(--green-750);
}

.mobile-nav .sub-menu {
  list-style: none;
  padding: 0.75rem 0 0;
  margin: 0 -0.75rem;
}

.mobile-nav .sub-menu li {
  margin: 0;
}

.mega-menu {
  border-top: 1px solid #dfdecb;
  margin-top: -1px;
}

.mega-menu ul li.menu-item {
  border-left: 0;
  list-style: none;
}

.menu-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  padding: 33px 55px 21px;
}

@media (max-width: 767px) {
  .menu-banner {
    padding: 14px 28px 15px;
  }
}

.menu-banner .title {
  font-size: 1.625rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .menu-banner .title {
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0.875rem;
  }
}

.wp-block-image img {
  height: auto;
}

.menu-banner .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-banner .btn.btn-light {
  color: var(--green-750) !important;
  background: #ffffff;
}

.menu-banner .btn-icon img,
.menu-banner .btn-icon svg,
.menu-banner .btn-icon i {
  margin-right: 0.625rem;
}

.menu-app-banner {
  background-color: #efeee5;
  padding: 17px 29px 18px;
  background-size: 136px auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.menu-app-banner .subtitle {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.menu-app-banner .title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  text-align: left;
}

.menu-app-banner .btn {
  font-size: 1rem;
  font-weight: 500;
  border-color: #3e4c4d;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.625em 1em;
}

.logo-container img {
  width: 100%;
  max-width: 185px;
}

.header-search-mbl {
  border: 0;
  background: transparent;
  text-align: center;
}

.sub-menu {
  max-width: 1400px;
  width: calc(100% - 20px);
  padding: 0;
  margin: auto;
}

.about-img .about-text-wrap span::after {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='14px' height='14px' viewBox='0 0 14 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EEE43CA8A-5BB3-4157-B938-9D3BC64E3371%3C/title%3E%3Cg id='Startpage-(desktop)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Plantura_Magazin_Startpage_desktop_v1.3' transform='translate(-1353.000000, -3142.000000)' stroke='%23FFFFFF'%3E%3Cg id='cards-/-magazin-/-team-teaser' transform='translate(732.000000, 2705.000000)'%3E%3Cg id='icon-/-24-/-arrow-right-long' transform='translate(621.285714, 437.500000)'%3E%3Cg id='Regular' transform='translate(0.000000, 0.541667)'%3E%3Cline x1='0.40625' y1='5.95833333' x2='12.59375' y2='5.95833333' id='Shape'%3E%3C/line%3E%3Cpolyline id='Shape' points='6.90625 11.6458333 12.59375 5.95833333 6.90625 0.270833333'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  margin-left: 13px;
}

.site-nav > .menu-item:first-child {
  padding-left: 0;
}

.sub-menu::before {
  content: "";
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.footer-widget {
  max-width: 100%;
}

@media (min-width: 768px) {
  .footer-widget {
    max-width: 375px;
  }
  .search-result-box .home_post-img > img {
    min-height: 240px;
  }
}

@media (max-width: 767px) {
  .footer-widget.mb-0-m {
    margin-bottom: 0;
  }
}

.footer-middle {
  padding-top: 2.5rem;
  border-top: 1px solid #dfdecb;
}

.footer-middle .widget-title {
  font-size: 1rem;
  font-weight: 500;
}

.site-footer {
  background: #fff;
  padding: 0;
}

.site-footer .flex__gutter > div {
  padding-top: 0;
}

.site-footer .btn-ghost {
  color: var(--green-750);
  padding: 0;
}

.site-footer .btn-ghost img {
  margin-right: 0.5rem;
}

.site-footer .widget-title {
  padding-top: 1rem;
}

.site-footer .footer-copyright .quick-links {
  font-weight: 500;
}

@media (max-width: 600px) {
  #headSearch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background: #fff;
    height: 65px;
    align-content: center;
  }
}

@media (min-width: 601px) {
  #headSearch {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .site-footer .footer-copyright .quick-links {
    margin-left: 0;
    margin-bottom: 1.5rem;
    display: block;
  }
  .site-footer .footer-copyright .quick-links a {
    padding-left: 0;
    margin-right: 0.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .search-result-box {
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #666666 transparent;
  }
  .search-result-box::-webkit-scrollbar {
    width: 6px;
  }
  .search-result-box::-webkit-scrollbar-track {
    background: transparent;
  }
  .search-result-box::-webkit-scrollbar-thumb {
    background: #666666;
  }
}

.product .text-overlay h3 a {
  color: #fff;
}

@media (max-width: 600px) {
  .sub-menu.mega-menu {
    width: unset;
    margin: 0.75rem -0.75rem 0 -0.75rem;
    padding: 0;
    border-top: 0;
  }
  .sub-menu.mega-menu .mega-menu-submenu-append {
    padding: 0;
    width: 100%;
  }
  .sub-menu.mega-menu .mega-menu-submenu-append .menu-item {
    border-top: 0;
    padding: 0.5rem 0 0.5rem 1.5rem;
    border: none;
  }
  .sub-menu.mega-menu .flex {
    width: 100%;
  }
  .sub-menu.mega-menu .flex > * {
    width: 100%;
  }
  .sub-menu.mega-menu .menu-banner,
  .sub-menu.mega-menu .menu-app-banner,
  .mobile-menu__container .menu-app-banner {
    width: 100%;
    position: relative;
    /* left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; */
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }
  header .search .search-result-box {
    top: 100px;
  }
  .logged-in.admin-bar #headSearch {
    top: 46px;
  }
  .search-result-box {
    max-height: calc(100vh - 87px);
    overflow-y: auto;
  }
  .newsletter .full-width {
    background: #f3f2eb;
  }
}

@media (max-width: 600px) {
  header .search .search-result-box,
  .home__block--tips .search-result-box {
    padding-bottom: 100px;
  }
}
.responsive-arrow {
  display: none;
}

@media (max-width: 1550px) and (min-width: 768px) {
  .responsive-arrow {
    display: block;
  }
  .desktop-arrow {
    display: none;
  }
}

/*@media(max-width: 1550px) and (min-width: 768px) {*/
/*.glide .glide__arrow {*/
/*background: #fff;*/
/*width: 60px;*/
/*height: 60px;*/
/*border-radius: 50%;*/
/*box-shadow: 0 16px 24px rgba(0, 0, 0, .1);*/
/*}*/
/*.glide .glide__arrow.glide__arrow--left {*/
/*left: -30px;*/
/*}*/
/*.glide .glide__arrow.glide__arrow--right {*/
/*right: -30px;*/
/*}*/
/*}*/

/* BreadCrumb */

/* .container .container {
  width: 100%;
} */

.page-header-inner.container {
  width: 100%;
}

.breadcrumbs {
  font-size: 1rem;
  color: var(--grey-800);
  font-weight: 300;
  margin-bottom: var(--mb-1);
}

.breadcrumbs a {
  text-decoration: none;
  color: var(--grey-800);
  transition: color 0.3s;
}

.breadcrumbs a:hover {
  color: var(--green-750);
  text-decoration: none;
}

/* .breadcrumb-wrap a:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E1D64B0D0-FEB0-43A3-9DB9-384BE587337E%3C/title%3E%3Cg id='Magazin-detailpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Plantura_magazin_detailpage_desktop_V1' transform='translate(-333.000000, -249.000000)' stroke='%23000000'%3E%3Cg id='Group-8' transform='translate(259.000000, 241.000000)'%3E%3Cg id='icon-/-24-/-arrow-right' transform='translate(74.000000, 8.000000)'%3E%3Cg id='Light' transform='translate(6.000000, 6.000000) rotate(90.000000) translate(-6.000000, -6.000000) translate(0.000000, 2.500000)'%3E%3Cpath d='M11.7675,6.6865 L6.2045,0.4 C6.15704777,0.346357786 6.08886844,0.315642499 6.01725,0.315642499 C5.94563156,0.315642499 5.87745223,0.346357786 5.83,0.4 L0.2675,6.6865' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  margin: 0 0 0 0.25rem;
  background-repeat: no-repeat;
  display: inline-block;
} */

.breadcrumbs i {
  font-size: 0.875rem;
  display: inline-block;
  margin: 0 0.25rem;
  font-weight: 600;
}

.single-post #content-wrap {
  margin-top: 2rem;
}

.single-post #content-wrap:before,
.single-post #content-wrap:after {
  content: "";
  display: table;
  clear: both;
}

#sidebar {
  width: 24%;
}

.has-sidebar.content-left-sidebar #sidebar {
  float: left;
}

.has-sidebar.content-right-sidebar #sidebar {
  float: right;
}

.has-sidebar .content-area {
  width: 76%;
}

.has-sidebar.content-left-sidebar .content-area {
  float: right;
  padding-left: 4.6875rem;
}

.has-sidebar.content-right-sidebar .content-area {
  float: left;
  padding-right: 4.6875rem;
}

.site-content .single-post-title {
  /* font-size: 54px; */
  font-size: var(--h1-s);
  font-weight: 500;
  line-height: normal;
}

.wp-block-image img {
  border-radius: 2.5rem 0 2.5rem 0 !important;
}

@media only screen and (max-width: 768px) {
  .wp-block-image img {
    border-radius: 2rem 0 2rem 0 !important;
  }
}

.author-details-wrap {
  margin-top: 1rem;
  position: relative;
}

.author-details-inner {
  display: inline-flex;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  background-color: #f3f2eb;
  padding-right: 26px;
  border-radius: 30px;
}

.author-details-inner:hover {
  cursor: pointer;
}

.author-details-inner .author-dtls-img {
  margin-right: 16px;
}

.author-details-inner .author-dtls-img img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50%;
}

.author-dtls-titles {
  font-size: 16px;
  font-weight: 300;
}

.author-dtls-titles .author-name {
  color: var(--green-750);
  font-weight: 600;
}

.author-dtls-titles .author-shrt-dsc {
  color: var(--grey-800);
}

.single-blog-content {
  margin-top: 1.125rem;
}

.author-pop-up {
  width: 100%;
  max-width: 36.625rem;
  padding: 1.5rem 3.625rem 1.875rem 2.625rem;
  background: #f3f2eb;
  border-radius: 1rem;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 0 30px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}

.author-popup-active .author-pop-up {
  visibility: visible;
  opacity: 1;
}

.popup-close-btn {
  appearance: none;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  font-size: 1.5rem;
}

a.popup-close-btn:hover {
  text-decoration: none;
  border: none;
}

.author-pop-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.author-pop-lft {
  flex-basis: 12.3%;
  max-width: 12.3%;
}

.author-pop-lft img {
  width: 100%;
  border-radius: 50%;
}

.author-pop-rht {
  flex-basis: 87.7%;
  max-width: 87.7%;
  padding-left: 1rem;
}

.author-pop-rht .author-dtls-titles .author-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--grey-800);
}

.author-pop-rht .author-dtls-titles .author-shrt-dsc {
  font-size: 1rem;
  font-weight: 300;
  color: var(--grey-800);
}

.author-pop-wrap .author-body {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 0.875rem;
}

.author-pop-wrap .author-body p {
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

.author-pop-wrap .author-body ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.sidebar-cta-wrap {
  margin-bottom: 1rem;
}

.sidebar-cta-wrap a {
  position: relative;
  display: block;
  border-radius: 1rem;
  overflow: hidden;
}

.sidebar-cta-wrap .sidebar-cta-title {
  font-size: 1.25rem;
  font-weight: 500;
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 15rem;
  text-align: center;
}

.white {
  color: #fff;
}

.grey {
  color: #645462;
}

.sidebar-cta-wrap .sidebar-cta-btn {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  display: inline-block;
  width: max-content;
  margin: 0 auto;
  color: var(--green-750);
  background: #fff;
  transition: color 0.3s, background 0.3s;
}

.sidebar-cta-wrap .sidebar-cta-btn:hover {
  background: var(--green-750);
  color: #fff;
}

.single-blog-content #toc_container {
  background: #fff;
  padding: 0;
  border: none;
  margin: 1.5rem 0;
  width: 100%;
  font-size: 100%;
  position: relative;
  border-radius: 2rem;
  cursor: pointer;
  transition: box-shadow 0.3s;
}

.single-blog-content #toc_container.active {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4), 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.single-blog-content #toc_container .toc_title {
  display: block;
  padding: 0.875rem 2.5rem;
  background: var(--green-750);
  color: #fff;
  font-size: 1.125rem;
  text-align: left;
  font-weight: 400;
  border-radius: 2rem;
  position: relative;
}

.single-blog-content #toc_container .toc_title:after {
  content: "";
  width: 1.25rem;
  height: 1.1rem;
  /* background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.75 13.57'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.47,5.63,11.59,18.2a.5.5,0,0,0,.71,0l0,0L23.47,5.63' transform='translate(-0.09 -5.3)'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; */
  content: "\e902";
  font-family: "icomoon" !important;
  font-size: 1.125rem;
  display: inline-block;
  position: absolute;
  top: 1.5rem;
  transform: translateY(-50%);
  right: 2rem;
  transition: transform 0.3s;
  transform-origin: center;
}

.single-blog-content #toc_container.active .toc_title:after {
  transform: rotate(180deg);
}

.single-blog-content #toc_container .toc_list {
  padding: 0.5rem 1.25rem;
  font-size: 1.125rem;
  margin-top: 0 !important;
  /* position: absolute; */
  border-radius: 0 0 2rem 2rem;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  display: none;
  /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4), 0 0 3px 0 rgba(0, 0, 0, 0.3); */
}

.single-blog-content #toc_container .toc_list li {
  display: block;
  /* border-bottom: solid 1px #e6e6e6; */
}

.single-blog-content #toc_container .toc_list li > a {
  font-weight: 600;
  color: var(--grey-800);
  border-bottom: solid 1px #e6e6e6;
}

.single-blog-content #toc_container .toc_list li ul {
  margin: 0;
}
.single-blog-content #toc_container .toc_list li li a {
  font-weight: 400;
  padding: 1rem 2rem;
  /* border-bottom: none; */
}
.single-blog-content #toc_container .toc_list li a {
  display: block;
  padding: 1rem 0;
}

.single-blog-content #toc_container .toc_list li:last-child ul li:last-child a {
  border-bottom: none;
}

.cta-wrap {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.cta-type-1 .cta-wrap {
  display: flex;
  flex-wrap: wrap;
  background: var(--beige-100);
  border-radius: 2.5rem;
  padding: 2rem 4rem 1.5rem 2rem;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  align-items: center;
}

.cta-type-1 .cta-wrap .cta-image-wrap {
  flex: 1 1 30%;
  max-width: 250px;
  padding: 0 3rem;
  align-self: center;
}

.cta-shop-product-placement.cta-type-1 .cta-wrap .cta-image-wrap {
  padding: 0;
  position: relative;
  align-self: flex-start;
}

/* .cta-type-1 .cta-wrap .cta-image-wrap.no-margin {
  margin-top: unset;
} */

.cta-type-1 .cta-wrap .cta-image-wrap img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 320px;
  margin-top: unset;
}

.cta-shop-product-placement.product-floating-image.cta-type-1
  .cta-wrap
  .cta-image-wrap
  img {
  position: absolute;
  top: -4rem;
}

.cta-type-1 .cta-wrap .cta-desc {
  display: flex;
  align-items: center;
  color: var(--gray-800);
  font-size: 1rem;
  line-height: 1.375;
  flex: 1 1 70%;
  padding-left: 0rem;
}

/* .cta-type-1.cta-shop-product-placement .cta-wrap .cta-desc {
  padding-left: 2rem;
} */

.cta-type-1 .cta-desc h3 {
  font-size: 2rem;
  font-family: "FestivoLCBasic";
  margin-bottom: 1.25rem;
}

.cta-type-1 .cta-wrap .cta-desc .cta-title {
  font-family: "FestivoLCBasic";
  margin-bottom: 1.25rem;
}

.cta-type-1 .cta-desc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cta-type-1 .cta-desc ul li {
  position: relative;
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
}

.cta-shop-product-placement.cta-type-1 .cta-desc ul li {
  display: block;
}

.cta-shop-product-placement.cta-type-1 .cta-desc ul {
  margin-left: 2rem;
}

.cta-shop-product-placement.cta-type-1 .cta-desc ul li i {
  margin-left: -2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* .cta-type-1 .cta-desc ul li:before {
  content: "";
  background: url("/lang/wp-content/themes/plantura-master-2021-uk/revamp/assets/css/sections/assets/images/checkmark-o.svg?x54327");
  width: 1.5rem;
  height: 1.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 0.625rem;
} */
/* .cta-type-1 .cta-desc ul li img {
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
} */

.cta-type-1 .cta-desc ul li i {
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5rem;
  color: var(--green-750);
}

.cta-type-1 .cta-desc .btn-wrap {
  display: block;
  margin-top: 1.375rem;
}

.plantura-newsletter {
  background: var(--petrol-100);
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.plantura-newsletter .newsletter-list ul {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.plantura-newsletter .newsletter-list ul li {
  position: relative;
  padding-left: 2.5rem;
  color: var(--green-750);
}

.plantura-newsletter .newsletter-list ul li:before {
  content: "\e914";
  font-family: "icomoon" !important;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.plantura-newsletter .mc4wp-form-fields .theme-button {
  display: none;
}

.pl-newsl-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 2.5rem 2rem 2rem;
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
}
.newsletter-banner {
  padding: 4rem 0 2.5rem;
}
.newsletter-banner .pl-newsl-wrap {
  max-width: unset;
  padding: 0;
}

.pl-newsl-image-wrap {
  /* flex-basis: 34rem; */
  /* max-width: 34rem; */
  max-width: 39.5rem;
  flex: 1;
}

.pl-newsl-image-wrap img {
  width: 100%;
  /* max-width: 39.5rem; */
  margin-top: -4.5rem;
}

.newsletter-banner .pl-newsl-image-wrap img {
  margin-top: auto;
}

.newsletter-banner form,
.newsletter-banner .newsl-notice {
  max-width: 30.875rem;
}

.newsletter-banner form p {
  margin-bottom: 0;
}

.pl-newsl-desc {
  /* flex-basis: calc(100% - 34rem); */
  /* max-width: calc(100% - 34rem); */
  padding-right: 2.5rem;
  flex: 1;
}

.pl-newsl-desc h3 {
  /* color: var(--petrol-900); */
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.newsletter-banner .pl-newsl-desc h3 {
  font-size: 5rem;
  line-height: 1;
}

.pl-newsl-desc .newsletter-desc {
  /* font-size: 1.375rem; */
  /* color: var(--petrol-900); */
  /* font-weight: 400; */
  margin-bottom: 1.5rem;
}

.pl-newsl-desc .newsletter-desc > a, .klaviyo-legal > a, .cta-desc > a {
  font-weight: 600;
}

.pl-newsl-desc .newsletter-desc + .newsletter-list {
  margin-top: -10px;
}

.pl-newsl-desc .mc4wp-form-fields {
  position: relative;
}

.pl-newsl-desc .mc4wp-form-fields label {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.pl-newsl-desc .mc4wp-form-fields input[type="email"] {
  width: 100%;
  background: #fff;
  border-radius: 1.6875rem;
  padding-right: 10rem;
  height: 2.75rem;
}

.pl-newsl-desc .mc4wp-form-fields input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 10rem;
  height: 2.75rem;
  text-align: center;
  line-height: 2.5rem;
  color: #fff;
  background-color: var(--purple-400);
  appearance: none;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 1.6875rem;
}

.pl-newsl-desc .mc4wp-response p {
  font-size: 0.875rem;
}

.pl-newsl-desc .mc4wp-response .mc4wp-error {
  color: var(--danger-500);
}

.pl-newsl-desc .newsl-notice {
  font-size: 0.6875rem;
  /* color: var(--petrol-700); */
  /* margin-top: 1rem; */
  /* padding-right: 1rem; */
}

.postshare-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 2rem 0;
}

.postshare-wrap span {
  font-size: 1.125rem;
  line-height: 1;
}

.postshare-wrap ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.postshare-wrap ul li {
  display: inline-block;
  margin-left: 1.5rem;
}

.postshare-wrap ul li:first-child {
  margin-left: 1rem;
}

.postshare-wrap ul li {
  font-size: 1.5rem;
}

.postshare-wrap ul li a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .has-sidebar .content-area {
    width: 100%;
  }

  .has-sidebar.content-left-sidebar .content-area,
  .has-sidebar.content-right-sidebar .content-area {
    padding: 0;
  }

  #sidebar {
    width: 100%;
  }

  .breadcrumb-wrap {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 0.625rem 1rem;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  }

  .breadcrumb-inner {
    display: block;
    white-space: nowrap;
    position: relative;
    overflow-x: auto;
  }

  .site-content .single-post-title {
    font-size: 1.875rem;
  }

  .author-pop-up {
    max-width: 100%;
    padding: 2.5rem 1.875rem 1.5rem 1rem;
  }

  .author-pop-wrap {
    position: relative;
  }

  .author-pop-rht {
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .author-pop-lft {
    position: absolute;
    display: inline-block;
    top: -0.5rem;
    left: 0;
    max-width: 3.75rem;
    flex-basis: 3.75rem;
  }

  .author-pop-rht .author-header {
    padding-left: 4.75rem;
  }

  .author-pop-lft img {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
  }
  .author-pop-wrap .author-body {
    margin-top: 1rem;
  }

  .single-blog-content #toc_container .toc_title {
    padding: 0.5rem 1.5rem;
  }
  .single-blog-content #toc_container .toc_title:after {
    right: 1rem;
  }

  .single-blog-content .cta-type-1 .cta-desc .btn-wrap {
    text-align: center;
    padding-left: 0rem;
    margin-top: 0.5rem;
  }

  .cta-type-1 .cta-wrap {
    margin-top: 3rem;
    padding: 2rem 1rem;
    position: relative;
  }

  .cta-shop-product-placement.product-floating-image.cta-type-1
    .cta-wrap
    .cta-image-wrap
    img {
    top: -2.5rem;
  }

  .cta-type-1 .cta-wrap .cta-image-wrap {
    position: relative;
    margin-top: -1rem;
    max-width: 150px;
    padding: 0 2.5rem;
    margin-left: -1rem;
    min-height: 150px;
    display: flex;
    align-items: center;
  }

  /* .cta-type-1 .cta-wrap .cta-image-wrap.no-margin {
    margin-top: unset;
    margin-left: unset;
  } */

  .cta-type-1 .cta-wrap .cta-image-wrap img {
    width: 100%;
    height: auto;
    /* border-radius: 3rem; */
  }

  .cta-type-1.product-fallback-image .cta-wrap .cta-image-wrap img {
    border-top-left-radius: 2rem;
  }

  /* .cta-type-1 .cta-wrap .cta-image-wrap.no-margin img {
    max-width: 6rem;
  } */

  .cta-type-1 .cta-wrap .cta-desc {
    padding-left: 0;
    line-height: 1.375;
    max-width: 100%;
    flex-basis: 100%;
    margin-bottom: 1rem;
  }

  .cta-type-1 .cta-desc .cta-title {
    padding-left: 8rem;
    font-size: 1.5rem;
    line-height: 1.38;
    margin: 0;
    width: 80%;
    min-height: 130px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 2rem;
  }

  /* .cta-type-1 .cta-wrap .cta-image-wrap.no-margin + .cta-desc .cta-title {
    font-size: 1.5rem;
    line-height: 1.38;
    padding-left: 6rem;
    margin: 0;
    width: 90%;
    min-height: 130px;
  } */

  .cta-type-1 .cta-desc p {
    font-size: 1rem;
  }

  .cta-type-1 .cta-desc ul {
    margin: 1rem 0;
  }

  .cta-type-1 .cta-desc .btn-wrap {
    text-align: center;
  }

  .pl-newsl-wrap {
    padding: 6rem 1rem 2rem 1.5rem;
    position: relative;
  }

  .pl-newsl-desc {
    flex-basis: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .pl-newsl-desc h3 {
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .pl-newsl-desc .newsletter-desc {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .pl-newsl-desc .mc4wp-form-fields input[type="submit"] {
    position: relative;
    width: 100%;
    max-width: 9.75rem;
    margin: 0 auto;
    font-size: 1rem;
  }

  .pl-newsl-desc .mc4wp-form-fields p {
    text-align: center;
    margin-bottom: 0.75rem;
  }

  .pl-newsl-desc .newsl-notice {
    font-size: 0.6875rem;
    text-align: center;
    margin-top: 0.5rem;
    padding: 0 1rem 0 0.5rem;
  }

  .pl-newsl-image-wrap {
    flex-basis: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 1.375rem;
    right: 1.375rem;
    text-align: right;
  }

  .pl-newsl-image-wrap img {
    margin-top: -5.25rem;
    max-width: 14.4375rem;
    margin-left: auto;
  }
}

/* Brand page */

/* .brand-page-banner {
  background: #dfdecb;
} */

.brand-banner-wrap {
  display: block;
  padding: 6.625rem 0 8rem;
}

.brand-banner-wrap .banner-title {
  max-width: 59rem;
  /* font-size: 5rem; */
  /* line-height: 1; */
}

.brand-banner-wrap .banner-detail {
  max-width: 50.625rem;
  display: block;
  /* font-size: 2.5rem; */
  margin-top: 1.25rem;
}

.brand-post-wrap {
  margin-top: 7.0625rem;
}

.brand-post-top {
  margin-top: 7rem;
}

.brand-post-top-wpp .brand-post-dtls {
  padding-left: 4.625rem;
}

.brand-post-top-wpp.content-left .brand-post-dtls {
  padding-left: 1rem;
  padding-right: 7.5rem;
}

.brand-post-top-wpp .brand-post-sub-title {
  /* font-size: 2rem; */
  font-weight: 500;
  text-decoration: none;
  display: block;
  margin-bottom: 1rem;
}

.brand-post-top-wpp .brand-post-title {
  /* font-size: 3.375rem; */
  /* line-height: 1.111; */
  display: block;
  margin-bottom: 2rem;
}

.wp-block-quote {
  display: block;
  margin: 7rem 0 8.125rem;
}

/* .wp-block-quote p {
  font-size: 3.375rem;
  line-height: 1.18;
  font-weight: 500;
} */

.wp-block-quote cite {
  display: inline-flex;
  align-items: center;
}

.wp-block-quote cite .quote-img {
  display: inline-block;
  margin-right: 1.5rem;
}

.wp-block-quote cite img {
  width: 7.1875rem;
  height: 7.5rem;
  border-radius: 50%;
}

.wp-block-quote cite .quote-author {
  font-size: 1.625rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: 500;
}

/* Accordion */

.accordion-block {
  /* background: var(--beige-50); */
  border-radius: 3.125rem;
  padding: 6.6875rem 6.125rem 6.125rem 6.125rem;
}

.accordion-block.only-accordion {
  padding: 5.125rem 8.5rem 6.125rem;
}

.accordion-block .accordion-left {
  padding-right: 3.25rem;
}

.accordion-block .accordion-right {
  padding-left: 0;
}

.accordion-block .title {
  /* font-size: 2rem; */
  /* font-weight: 500; */
  margin-bottom: 1.25rem;
}

.accordion-block .details {
  max-width: 30.375rem;
  font-size: 1.125rem;
  line-height: 1.5556;
}

.accordion-main {
  padding-left: 2.625rem;
}

.accordion-main + .accordion-main {
  margin-top: 6rem;
}

.accordion-main.accourdion-right {
  padding-left: 0;
}

.accordion-main.accourdion-right .accordion-single {
  padding-right: 0;
  border-bottom: solid 1px var(--gray-500);
  padding-bottom: 0.5rem;
}

.accordion-single {
  display: block;
  margin-bottom: 0.5rem;
}

.accordion-title {
  appearance: none;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  /* font-size: 1.6875rem; */
  /* font-size: 1.55rem; */
  /* font-weight: 500; */
  /* color: var(--gray-800); */
  position: relative;
  text-align: left;
  cursor: pointer;
  width: 100%;
}

.accordion-title:before {
  content: "\e93f";
  font-family: "icomoon" !important;
  font-size: 1.5rem;
  position: absolute;
  /* top: 0.25rem; */
  top: 0.125rem;
  left: -2.5rem;
  transition: transform 0.3s;
}

.accourdion-right .accordion-title:before {
  left: unset;
  right: 0;
  top: 2rem;
  font-weight: 600;
}

.accordion-title.active:before {
  transform: rotate(135deg) translateZ(0);
}

.accordion-dtl {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding-top: 0.8125rem;
}

/* Team Block  */

.team-block {
  margin-top: 7.5rem;
  margin-bottom: 8.75rem;
}

.team-block-title {
  /* font-size: 2rem; */
  display: block;
  /* text-align: center; */
  /* font-weight: 500; */
  /* margin-bottom: 2rem; */
}

.team-block-main {
  position: relative;
  border-radius: 1.75rem 0 1.75rem 0;
  overflow: hidden;
}

.team-block-main .team-image-wrap {
  width: 100%;
  object-fit: cover;
}

.team-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
  font-size: 1.5rem;
  line-height: 1;
  z-index: 2;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.3s;
  box-sizing: border-box;
  transform-origin: center;
}

.team-btn:hover {
  text-decoration: none !important;
  border: none !important;
  color: #000 !important;
  background: none;
}

.team-dtls-wrap {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5rem;
  z-index: 1;
  background: rgba(243, 242, 235, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}

.team-block-main.team_active .team-dtls-wrap {
  visibility: visible;
  opacity: 1;
}

.team-block-main.team_active .team-btn {
  transform: rotate(135deg);
}

.team-block-single .team-name {
  display: block;
  /* text-align: center; */
  /* font-size: 1.625rem; */
  /* font-weight: 500; */
  margin-top: 0.625rem;
}

/* Team Slider  */

.team-block-slider:not(.slick-initialized) {
  flex-wrap: wrap;
}

.team-block-slider:not(.slick-initialized) .team-block-single {
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.team-block-slider .slick-arrow.slick-prev {
  margin-left: -1rem;
}
.team-block-slider .slick-arrow.slick-next {
  margin-right: -1rem;
}
.team-block-slider .team-block-single {
  padding: 0 0.5rem;
}
.team-block-slider .team-block-single-inner {
  border-radius: 2.5rem;
  padding: 2.75rem;
}

.team-block-slider .team-image-wrap {
  margin-bottom: 1.375rem;
}

.team-block-slider .team-image-wrap img {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto;
}

.team-block-slider .team-member-title {
  margin-bottom: 1.125rem;
}

/* CTA two  */

.cta-type-two {
  margin-top: 9.375rem;
  display: block;
  background: var(--beige-50);
}

.cta-type-two .cta-two-inner {
  width: 100%;
  max-width: 1098px;
  margin: 0 auto;
}

.cta-type-two .cta-two-desc {
  padding-right: 4.625rem;
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
}

.cta-type-two .cta-title {
  /* font-size: 2rem; */
  /* font-weight: 500; */
  display: block;
  /* margin-bottom: 1rem; */
}

.cta-type-two .cta-desc {
  font-size: 1.125rem;
  line-height: 1.5556;
  display: block;
  font-weight: 300;
}

.cta-type-two .cta-desc strong {
  font-weight: 500;
}

.cta-type-two .cta-btn-wrap {
  margin-top: 2rem;
  display: block;
}

.cta-type-two .cta-btn-wrap .btn {
  background: #756673;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: inline-flex;
  align-items: center;
}

.cta-type-two .cta-btn-wrap .btn i {
  font-size: 1.5rem;
  display: inline-block;
  margin-right: 0.75rem;
}

.cta-type-three .cta-btn-wrap .btn {
  background: var(--green-750);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: inline-flex;
  align-items: center;
}

.cta-type-three .cta-btn-wrap .btn i {
  font-size: 1.5rem;
  display: inline-block;
  margin-right: 0.75rem;
}

.cta-type-four .cta-btn-wrap .btn {
  background: var(--green-750);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: inline-flex;
  align-items: center;
}

.cta-type-four .cta-btn-wrap .btn i {
  font-size: 1.5rem;
  display: inline-block;
  margin-right: 0.75rem;
}

.cta-type-two .cta-two-img img {
  max-width: 23.75rem;
  display: block;
  margin-top: -5.5rem;
}

/* more links  */

.more-links-block {
  display: block;
  margin-top: 8.3125rem;
  margin-bottom: 8.75rem;
}

.more-links-block .more-links-wrap {
  margin: 0 -1.625rem;
}

.more-links-block .more-links-single {
  padding: 0 1.625rem;
}

.more-links-block .more-links-image {
  display: block;
  margin-bottom: 1rem;
}
.more-links-block .more-links-image img {
  border-radius: 2.5rem 0 2.5rem 0;
}

.more-links-block .more-links-title {
  /* font-size: 2rem; */
  /* font-weight: 500; */
  /* margin-bottom: 0.5rem; */
}

.more-links-block .more-links-desc {
  font-size: 1.125rem;
  line-height: 1.5556;
}

.more-links-btn-wrap {
  display: block;
  margin-top: 1.625rem;
}

/* .more-links-btn-wrap .btn {
  background: #756673;
} */

.page-template-brand-page-new .content-wrap > .container {
  width: 100%;
  max-width: unset;
}

/* .wpex-row article.related-post { */
/* width: 236px; */
/* padding: 0 8px; */
/* margin-bottom: 32px; */
/* } */

/* .related-post .related-post-figure {
  margin-bottom: 16px;
} */

/* .related-post .related-post-thumb {
  border-radius: 32px 0 32px 0;
  position: relative;
  overflow: hidden;
  height: auto;
} */

.related-post .related-post-figure img {
  /* width: 100%; */
  /* height: 165px; */
  /* object-fit: cover; */
  transition: transform 0.5s;
}

.related-post:hover .related-post-figure img {
  transform: scale(1.2);
}

.related-post .related-post-content {
  height: auto !important;
}

.related-post .related-post-title {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .brand-banner-wrap {
    padding: 1.5rem 1rem 2.25rem;
  }

  /* .brand-banner-wrap .banner-title {
    font-size: 1.875rem;
    line-height: 1.55;
  } */

  .brand-banner-wrap .banner-detail {
    font-size: 1.25rem;
    margin-top: 0.5rem;
    line-height: 1.4;
  }

  .brand-post-wrap {
    margin-top: 0;
  }

  .brand-post-wrap .container {
    padding: 0 1rem;
  }

  .brand-post-top {
    margin-top: 1.6875rem;
  }

  .brand-post-top-wpp .brand-post-dtls {
    padding-left: 1rem;
  }

  .brand-post-top-wpp .brand-post-sub-title {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
  }

  .brand-post-top-wpp .brand-post-title {
    font-size: 1.875rem;
    margin-bottom: 0.625rem;
  }

  .brand-post-para p:last-child {
    margin-bottom: 0;
  }

  .wp-block-quote {
    margin: 2rem 0 3.25rem;
  }

  .wp-block-quote p {
    font-size: 1.875rem;
    line-height: 1.55;
    margin-bottom: 0.75rem;
  }

  .wp-block-quote cite .quote-img {
    margin-right: 0.75rem;
  }

  .wp-block-quote cite .quote-img img {
    width: 3.625rem;
    height: 3.625rem;
    object-fit: cover;
  }

  .wp-block-quote cite .quote-author {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.4;
  }

  .accordion-block {
    border-radius: 2.5rem;
    padding: 2rem 1.75rem 2.125rem;
  }

  .accordion-block .title {
    font-size: 1.25rem;
  }

  .accordion-title {
    font-size: 1.125rem;
  }

  .accordion-title:before {
    font-size: 1.25rem;
  }

  .accordion-main {
    padding-left: 3rem;
  }

  .accordion-title:before {
    left: -2rem;
    top: 0;
  }

  .brand-post-top-wpp {
    flex-direction: column-reverse;
  }

  .brand-post-top-wpp.content-left .brand-post-dtls {
    padding-right: 0;
  }

  .team-block {
    margin-top: 2.5rem;
  }

  .team-block-title {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .team-block-single .team-name {
    font-size: 1.125rem;
    margin-top: 0.5rem;
  }

  .team-block .team-block-single {
    padding-top: 1.5rem;
  }

  .team-block .team-block-single:first-of-type {
    padding-top: 1.25rem;
  }

  .cta-type-two {
    margin-top: 3.625rem;
    position: relative;
  }

  .cta-type-two .cta-title {
    font-size: 1.25rem;
    max-width: 10.6875rem;
  }

  .cta-type-two .cta-two-desc {
    padding: 3.93rem 2.625rem;
  }

  .cta-type-two .cta-two-img {
    padding: 0;
  }

  .cta-type-two .cta-two-img img {
    position: absolute;
    top: 0;
    right: 2.625rem;
    max-width: 6.375rem;
    margin-top: -1.5rem;
  }

  .cta-type-two .cta-two-desc {
    padding-bottom: 2.625rem;
  }

  .more-links-block .more-links-single {
    margin-bottom: 2.5rem;
  }

  .more-links-block {
    margin-top: 2.625rem;
  }

  .more-links-block .more-links-title {
    font-size: 1.25rem;
  }

  .pl-newsl-desc .mc4wp-form-fields input[type="email"] {
    padding-right: 0.625rem;
  }
}

/* CTA three  */

.cta-type-three .container {
  max-width: 66rem;
}

.cta-three-desc {
  padding: 1.125rem;
  flex: 1;
}

.cta-three-img {
  flex: 1;
}

.cta-three-img-wrap img {
  /* max-width: 35.8125rem; */
  margin-top: -3rem;
}

/* CTA four  */

.cta-type-four .container {
  max-width: 66rem;
}
.cta-four-img-wrap img {
  /* max-width: 29rem; */
  margin-top: 0;
}

.cta-type-four .cta-four-desc {
  padding: 2.5rem 2.5rem 3.125rem 1.125rem;
}

/* Slick slider styles */

.slick-slider {
  position: relative;
}

.slick-slider-frame {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider-frame .slick-track,
.slick-slider-frame .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  outline: none;
}

.slick-slide:focus {
  outline: none;
}

[dir="rtl"] .slick-slide,
.rtl .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-slide.slick-cloned img[data-lazyloaded="1"]:not(.litespeed-loaded) {
  position: absolute;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: black;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.slick-lightbox .slick-loading .slick-list {
  background-color: transparent;
}

.slick-lightbox .slick-prev {
  left: 15px;
}

.slick-lightbox .slick-next {
  right: 15px;
}

.slick-lightbox-hide {
  opacity: 0;
}

.slick-lightbox-hide.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}

.slick-lightbox-hide-init.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden;
}

.slick-lightbox-slick-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.slick-caption-bottom
  .slick-lightbox-slick-item
  .slick-lightbox-slick-item
  .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.slick-caption-dynamic
  .slick-lightbox-slick-item
  .slick-lightbox-slick-item
  .slick-lightbox-slick-caption {
  display: block;
  text-align: center;
}

.slick-lightbox-slick-item-inner {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-img {
  margin: 0 auto;
  display: block;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-caption {
  margin: 10px 0 0;
  color: white;
}

.slick-lightbox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
}

.slick-lightbox-close:focus {
  outline: none;
}

.slick-lightbox-close:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "×";
}

.slick-slider .slick-arrow {
  appearance: none;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.slick-slider .slick-arrow.slick-prev {
  left: 0;
}

.slick-slider .slick-arrow.slick-next {
  right: 0;
}

.plant-feats-wrap {
  padding: 5.75rem 7.25rem;
}
.plant-feats-single .plant-feats-single-inner {
  border-radius: 2.5rem;
  padding: 2rem 3.75rem;
}

.plant-feats-single .plant-feats-no {
  margin-bottom: 1rem;
}

.plant-feats-single .plant-feats-no span {
  font-size: 1.125rem;
  display: inline-block;
  margin: 0 auto;
  border-radius: 50%;
  height: 3.4375rem;
  width: 3.4375rem;
  line-height: 3.4375rem;
}

.tags-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tags-wrap ul li {
  display: inline-block;
  margin-right: 1rem;
}

.tags-wrap ul li a {
  display: inline-block;
  font-size: 1.125rem;
  text-decoration: none;
  border: none;
  padding: 0.625rem 1.5rem;
  border-radius: 3px;
  background: #efeeef;
  color: #000;
  transition: color 0.3s, background 0.3s;
}

.tags-wrap ul li a:hover {
  color: #fff;
  background: #383838;
  border: none !important;
  text-decoration: none !important;
}

.extra-info-career {
  margin: 9rem 0 10rem;
}

.contact-cta {
  position: relative;
  border-radius: 2.5rem;
  overflow: hidden;
  margin-bottom: 10rem;
}

.contact-cta .contact-cta-txt {
  padding: 3rem 4.625rem 3rem 11rem;
}

.contact-cta .contact-cta-img {
  padding: 0 !important;
}

.team-motto-block .team-motto-main .team-motto-single {
  flex-basis: 33.33%;
  max-width: 33.33%;
  margin: 0 0 1.125rem;
  padding: 0 0.5rem;
}

.team-motto-single .team-motto-single-wrap {
  border-radius: 2.5rem;
  padding: 3.625rem 3.75rem 5rem;
}

.team-motto-desc p:last-child {
  margin-bottom: 0;
}

.team-mem-img-desc-wrap {
  position: relative;
  border-radius: 1.6875rem 0 1.6875rem 0;
  overflow: hidden;
}

.team-member-desc-inn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem 3.5rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.team-members-wrap {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.team-members-single:hover .team-member-desc-inn {
  visibility: visible;
  opacity: 1;
}

.plant-quiz-wrap {
  width: 100%;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.plant-quiz-wrap-inner .radio {
  position: relative;
  padding: 0 0.625rem;
  margin-bottom: 1.5625rem;
}

.plant-quiz-wrap-inner .radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  appearance: none;
}

.plant-quiz-wrap-inner .radio label {
  display: inline-flex;
  height: 3.375rem;
  align-items: center;
  padding: 0 2.25rem;
  background: #fff;
  width: 100%;
  border-radius: 2rem;
}

.plant-quiz-wrap-inner .radio input[type="radio"]:checked + label {
  background: var(--success-500);
  color: #fff;
}

.quiz-info-wrap .quiz-plant-icon {
  flex-basis: 3rem;
  max-width: 3rem;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
}

.quiz-info-wrap .quiz-plant-desc {
  flex-basis: calc(100% - 12.5rem);
  max-width: calc(100% - 12.5rem);
  padding-right: 3rem;
  padding-left: 0.5rem;
}

.quiz-info-wrap .quiz-plant-btn {
  flex-basis: 9.5rem;
  max-width: 9.5rem;
}

.quiz-plant-btn button {
  width: 100%;
  text-align: center;
}

.team-insights .slick-slider .slick-arrow {
  font-size: 1.5rem;
}

.team-insights .slick-slider .slick-arrow.slick-prev {
  margin-left: -1.5rem;
}

.team-insights .slick-slider .slick-arrow.slick-next {
  margin-right: -1.5rem;
}

.team-insights-single {
  padding: 0 0.5rem;
}

.team-insights-single-wrap {
  border-radius: 2.5rem;
  padding: 2rem 2.625rem;
}

.team-insights-head {
  margin-bottom: 1.625rem;
}

.team-insights-img img {
  width: 6rem;
  height: 6rem;
  object-fit: cover;
  border-radius: 50%;
}

.team-insights-name {
  padding-left: 1.25rem;
}

.team-insight-footer {
  margin: 9.375rem 0;
}

.team-insight-footer .btn {
  height: 3.375rem;
  padding: 1rem 1.5rem;
}

.newsletter-keys {
  border-radius: 1rem;
  max-width: 46.875rem;
  padding: 1.25rem 1rem 1.5rem;
}

.newsltter-keys-wrap {
  position: relative;
  padding-left: 6.25rem;
}

.newsltter-keys-wrap .lock-iconn {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  font-size: 3.75rem;
}

.newsletter-keys-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.newsletter-keys-list li {
  position: relative;
  padding-left: 0.75rem;
}

.newsletter-keys-list li:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.35rem;
  height: 1px;
  background: #000;
}

.plantura-features-wrap {
  width: 100%;
  max-width: 72.75rem;
  margin: 0 auto;
}
.plantura-feature-single {
  padding: 0 2rem;
}

.plantura-feature-single .plant-feat-img img {
  max-width: 9.375rem;
}

.plant-landing-rev-innner {
  width: 100%;
  max-width: 43.75rem;
}

button:hover {
  cursor: pointer !important;
}

.category-description .wpex-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.category-description .related-post {
  /*     flex: 1; */
  padding: 0 0.5rem;
  margin-bottom: 2rem;
}

.category-description .related-post .related-post-figure {
  position: relative;
  overflow: hidden;
  border-radius: 2rem 0 2rem 0;
  margin-bottom: 1rem;
}

.category-description .related-post img {
  height: 165px;
  width: 220px;
  object-fit: cover;
}

.category-description .related-post .related-post-title {
  font-size: 1.25rem;
  color: var(--gray-800);
}

.fourofour-desc-main {
  padding: 2rem 6.625rem;
}

@media only screen and (max-width: 768px) {
  .category-description .related-post img {
    height: 117px;
    width: 156px;
  }

  .fourofour-banner {
    width: 100%;
    flex: auto;
  }

  .fourofour-desc-main {
    padding: 1.5rem 1rem 2.625rem;
  }
  .fourofour-desc-wrap .fourofour-title {
    margin-bottom: 0.5rem !important;
  }

  .fourofour-desc-wrap .fourofour-title br {
    display: none;
  }

  .fourofour-desc-wrap .fourofour-desc {
    margin-bottom: 1.5rem !important;
  }
}

/* Cateogry default listing  */

#blog-entries.entries .blog-entry {
  margin-top: 1.75rem;
}

.entries.left-thumbs .blog-entry.thumbnail-entry-style .entry-media {
  width: 25%;
  border-radius: 30px 0 30px 0;
}
.entries.left-thumbs .blog-entry .blog-entry-inner {
  display: block;
}
.entries.left-thumbs .blog-entry .blog-entry-inner:before,
.entries.left-thumbs .blog-entry .blog-entry-inner:after {
  content: "";
  clear: both;
  display: table;
}

.entries.left-thumbs .entry .entry-details p:last-child {
  margin-bottom: 0;
}

.entries.left-thumbs .blog-entry.thumbnail-entry-style {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.entries.left-thumbs .blog-entry .entry-media {
  margin-right: 2rem;
  float: left;
  border-radius: 5px;
  overflow: hidden;
}

.entries.left-thumbs .entry .entry-details {
  float: left;
  width: 70%;
  clear: unset;
}

.blog-entry.thumbnail-entry-style .blog-entry-title {
  font-size: 1.375rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.blog-entry.thumbnail-entry-style .blog-entry-title a {
  color: #000;
}

.wpex-pagination {
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.wpex-pagination .page-numbers {
  /* display: inline-block; */
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}

.wpex-pagination .page-numbers li {
  margin-right: 1rem;
  display: inline-block;
  /* float: left; */
  margin: 0 4px 4px 0;
  text-align: center;
}

.wpex-pagination .page-numbers li .page-numbers {
  margin-top: 0;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.wpex-pagination .page-numbers a,
.wpex-pagination .page-numbers span.current,
.wpex-pagination .page-numbers .dots {
  padding: 0.675rem 0.85rem;
}

.wpex-pagination .page-numbers {
  display: inline-block;
}
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover,
.page-links span,
.page-links a > span:hover,
.bbp-pagination-links span.page-numbers.current {
  color: #000;
  background: #f7f7f7;
  text-decoration: none;
}

ul .page-numbers a,
a.page-numbers,
span.page-numbers,
.page-links span,
.page-links a > span,
.bbp-pagination-links span.page-numbers {
  background: 0 0;
  line-height: 1;
  display: block;
  padding: 5px 8px;
  text-decoration: none;
  font-weight: 400;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid #ddd;
  color: #888;
  transition: 0.15s all ease;
}

@media only screen and (max-width: 768px) {
  .entries.left-thumbs .blog-entry.thumbnail-entry-style .entry-media {
    width: 100%;
    margin: 0 0 1.25rem;
  }

  .entries.left-thumbs .entry .entry-details {
    width: 100%;
  }
}

body .product-name {
  font-size: 1.5rem;
}

body .product-description {
  font-size: 1rem;
}

body .product-description ~ .mc4wp-form {
  text-align: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

body .product-description ~ .mc4wp-form p {
  margin-bottom: 1rem;
}

body .product-description ~ .mc4wp-form label {
  display: block;
  margin-bottom: 1rem;
  font-size: 1rem;
}
body .product-description ~ .mc4wp-form input[type="email"] {
  text-align: center;
}

body .product-description ~ .mc4wp-form input[type="submit"] {
  display: inline-block;
  text-decoration: none;
  padding: 0.625em 1.25em;
  background: var(--green-750);
  border-radius: 1.875em;
  font-size: 1rem;
  font-weight: normal;
  color: white;
  border: 0;
  margin-top: 0.5rem;
}

.content-wrap:before,
.content-wrap:after {
  display: table;
  content: "";
  clear: both;
}

.home__block--hero .post_big .home_post-overlay-text {
  max-width: 550px;
}

.home__block--hero .post_big .home_post-overlay-text .title__large {
  overflow: initial;
}

@media (max-width: 768px) {
  .home__block--hero .post_big .home_post-overlay-text {
    max-width: 280px;
  }

  .logo-container img {
    max-width: 120px;
  }
}

.site-nav__container .site-nav > .menu-item.active > a {
  color: var(--green-750) !important;
}

/* .site-nav__container .site-nav > .megamenu-columns.menu-item {
  position: relative;
} */

/* .site-nav__container .site-nav .megamenu-columns.menu-item .sub-menu {
  position: absolute;
  width: 1000px;
  padding: 32px 0 40px;
} */

.site-nav__container .site-nav .sub-menu-wrapper {
  display: none;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: none;
  border-top: solid 1px #cccccc;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  padding: 32px 8vw 40px;
}

.site-nav .megamenu-columns:hover .sub-menu-wrapper,
.site-nav .plantura-mega-menu-wrap:hover .sub-menu-wrapper {
  /* transform: translateY(0); */
  opacity: 1;
  visibility: visible;
}

.site-nav__container #menu-main.site-nav .sub-menu-wrapper .sub-menu {
  width: auto;
  max-width: 1400px;
  margin: 0px;
  box-shadow: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
}

.site-nav__container .site-nav .plantura-mega-menu-wrap .sub-menu-wrapper {
  display: block;
  padding: 0;
}

.site-nav__container
  .site-nav
  .plantura-mega-menu-wrap
  .sub-menu-wrapper
  .sub-mega-menu {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.klaviyo-form .klaviyo-response p {
  font-size: 1rem;
  text-align: left;
  font-weight: 500;
}

.klaviyo-form .klaviyo-alert {
  margin-bottom: 1.87rem;
}

.klaviyo-form .klaviyo-response .klaviyo-success p {
  display: flex;
  align-items: center;
  color: var(--danger-500);
}

.klaviyo-form .klaviyo-response p.klaviyo-legal {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-600);
  text-align: center;
}

.klaviyo-form .klaviyo-response .klaviyo-success p {
  color: var(--green-700);
}

.klaviyo-form .klaviyo-response .klaviyo-error p {
  color: var(--danger-500);
}

.klaviyo-form.klaviyo-form--newsletter .newsletter-form {
  border: none;
}

.klaviyo-form.klaviyo-form--newsletter .newsletter-form input[type="email"] {
  font-size: 1rem;
  padding-right: 1rem;
  line-height: 1;
}

.klaviyo-form.klaviyo-form--newsletter .newsletter-form .btn-primary {
  background-color: var(--purple-500);
}

.klaviyo-form.klaviyo-form--newsletter .klaviyo-response p.klaviyo-legal {
  text-align: left;
}

@media (max-width: 768px) {
  .aspect-1-1-m.home_post .home_post-img {
    padding-top: 100%;
  }

  .glide__slide .home_post .home_post-img,
  .aspect-3-4-m.home_post .home_post-img {
    padding-top: 75%;
  }

  .aspect-3-5-m.home_post .home_post-img { 
    padding-top: 60%;
  }

  .glide__slide .home_post .home_post-img .home_thumb,
  .aspect-1-1-m.home_post .home_post-img .home_thumb,
  .aspect-3-4-m.home_post .home_post-img .home_thumb,
  .aspect-3-5-m.home_post .home_post-img .home_thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
}
#sidebar.sidebar-container {
  margin-bottom: 10px;
  width: 24.15%;
}
.sidebar-box {
  margin-bottom: 30px;
}
.sidebar-box input {
  max-width: 100%;
}

/* .single-post .sidebar-box,
#sidebar-inner .widget {
  background-color: #f7efde;
  padding: 2rem;
  border-radius: 4px;
  margin-bottom: 30px;
} */
.single-post .sidebar-box:empty,
#sidebar-inner .widget:empty {
  display: none;
}

.sidebar-box .widget-title {
  display: block;
  margin: 0 0 20px;
  font-size: 1.077em;
  line-height: 1.5;
  font-weight: 600;
  color: #000;
}

.sidebar-box .widget-titleselect {
  width: 100%;
}

.sidebar-box.widget_wpex_recent_posts_thumb .widget-title {
  padding-bottom: 2rem;
  border-bottom: 1px solid #ead4c3;
}

.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget ul li a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.sidebar-widget-icons .widget_archive a:before,
.sidebar-widget-icons .widget_recent_entries a:before,
.sidebar-widget-icons .widget_recent_comments a:first-child:before,
.sidebar-widget-icons .widget_layered_nav a:before,
.sidebar-widget-icons .widget_product_categories a:before,
.sidebar-widget-icons .widget_categories a:before {
  margin-right: 10px;
  font-family: "FontAwesome";
  color: #999;
  display: inline-block;
}

.sidebar-widget-icons .widget_archive a:before {
  content: "\f016";
}
.sidebar-widget-icons .widget_recent_entries a:before {
  content: "\f0f6";
}
.sidebar-widget-icons .widget_recent_comments a:first-child:before {
  content: "\f0e5";
}
.sidebar-widget-icons .widget_layered_nav a:before {
  content: "\f0da";
}
.sidebar-widget-icons .widget_product_categories a:before {
  content: "\f0da";
}
.sidebar-widget-icons .widget_categories a:before {
  content: "\f114";
}
.wpex-widget-recent-posts-li,
.widget_categories li,
.widget_recent_entries li,
.widget_archive li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li,
.widget-recent-posts-icons li,
.site-footer .widget_nav_menu li {
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}
.wpex-widget-recent-posts-li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_archive li:first-child,
.widget_recent_comments li:first-child,
.widget_product_categories li:first-child,
.widget_layered_nav li:first-child,
.widget-recent-posts-icons li:first-child,
.site-footer .widget_nav_menu li:first-child {
  border-top: 1px solid #eee;
}
.widget_product_categories ul ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget_product_categories ul ul li {
  padding-left: 15px;
}

.widget_recent_entries .post-date {
  display: block;
  font-size: 0.846em;
  margin: 5px 0 0;
  opacity: 0.85;
}
#sidebar .widget_nav_menu .sub-menu,
.widget_nav_menu_accordion .widget_nav_menu .sub-menu {
  display: none;
}
#sidebar .widget_nav_menu .sub-menu a:before,
.widget_nav_menu_accordion .widget_nav_menu .sub-menu a:before {
  content: "-";
  margin-right: 10px;
}
#sidebar .widget_nav_menu .sub-menu .sub-menu a:before,
.widget_nav_menu_accordion .widget_nav_menu .sub-menu .sub-menu a:before {
  content: "- -";
  margin-right: 10px;
}
#sidebar .widget_nav_menu ul,
.widget_nav_menu_accordion .widget_nav_menu ul {
  margin: 0;
}
#sidebar .widget_nav_menu ul ul,
.widget_nav_menu_accordion .widget_nav_menu ul ul {
  margin: 0;
  border: none;
}
#sidebar .widget_nav_menu ul ul li:first-child a,
.widget_nav_menu_accordion .widget_nav_menu ul ul li:first-child a {
  border-top: 0;
}
#sidebar .widget_nav_menu ul > li:first-child > a,
.widget_nav_menu_accordion .widget_nav_menu ul > li:first-child > a {
  border-top: 1px solid #eee;
}
#sidebar .widget_nav_menu > div > ul > li:first-child > a,
.widget_nav_menu_accordion .widget_nav_menu > div > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#sidebar .widget_nav_menu > div > ul > li:last-child > a,
.widget_nav_menu_accordion .widget_nav_menu > div > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#sidebar .widget_nav_menu a,
.widget_nav_menu_accordion .widget_nav_menu a {
  display: block;
  position: relative;
  padding: 0.538em 0.769em;
  color: #777;
  border: 1px solid #eee;
  border-top: 0;
  transition: 0.15s all ease;
}
#sidebar .widget_nav_menu a .fa,
.widget_nav_menu_accordion .widget_nav_menu a .fa {
  margin-right: 0.538em;
}
#sidebar .widget_nav_menu .menu-item-has-children > a,
.widget_nav_menu_accordion .widget_nav_menu .menu-item-has-children > a {
  padding-right: 30px;
}
#sidebar .widget_nav_menu .parent > a:after,
.widget_nav_menu_accordion .widget_nav_menu .parent > a:after {
  display: block;
  content: "\f054";
  position: absolute;
  right: 0;
  top: 50%;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  color: #bbb;
  font-size: 0.923em;
  overflow: visible;
  width: 30px;
  text-align: center;
}
#sidebar .widget_nav_menu .parent.active > a:after,
.widget_nav_menu_accordion .widget_nav_menu .parent.active > a:after {
  content: "\f078";
}
#sidebar .widget_nav_menu a:hover,
.widget_nav_menu_accordion .widget_nav_menu a:hover {
  background-color: #f9f9f9;
  text-decoration: none;
}
#sidebar .widget_nav_menu .current-menu-item > a,
.widget_nav_menu_accordion .widget_nav_menu .current-menu-item > a {
  background-color: #4a97c2;
  color: #fff;
}
#sidebar .widget_nav_menu .current-menu-item > a::after,
.widget_nav_menu_accordion .widget_nav_menu .current-menu-item > a::after {
  color: inherit;
}
#sidebar .widget_nav_menu ul ul li a,
.widget_nav_menu_accordion .widget_nav_menu ul ul li a {
  padding-left: 20px;
}
#sidebar .widget_nav_menu ul ul ul li a,
.widget_nav_menu_accordion .widget_nav_menu ul ul ul li a {
  padding-left: 30px;
}
#sidebar .widget_nav_menu .current_page_item > .sub-menu,
#sidebar .widget_nav_menu .current-menu-item > .sub-menu,
.widget_nav_menu_accordion .widget_nav_menu .current_page_item > .sub-menu,
.widget_nav_menu_accordion .widget_nav_menu .current-menu-item > .sub-menu {
  display: block;
}

.wpex-widget-recent-posts-li {
  display: flex;
  align-items: center;
}
.wpex-widget-recent-posts .details {
  margin-top: -6px;
  font-size: 16px;
  line-height: 1.4;
  flex-grow: 1;
}
.wpex-widget-recent-posts-thumbnail {
  height: 100px;
  display: inline-block;
  padding-right: 15px;
  float: left;
  overflow: hidden;
  margin-right: 0px;
  border-radius: 4px;
  flex: 0 0 50%;
}

.wpex-widget-recent-posts-thumbnail img {
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  display: block;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: 0.15s all ease;
}

.wpex-widget-recent-posts-thumbnail img:hover {
  opcity: 0.8;
}

.wpex-widget-recent-posts-title {
  font-weight: 600;
  color: #000;
}

.wpex-widget-recent-posts-title:hover {
  text-decoration: none;
}

#sidebar .wpex-widget-recent-posts-date {
  font-size: 0.923em;
  opacity: 0.8;
}

.wpex-widget-recent-posts-excerpt {
  padding-top: 5px;
}
.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-li {
  padding-left: 0;
  min-height: 0;
}
.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-thumbnail {
  float: none;
  margin-right: 0;
  margin-bottom: 15px;
  width: 100%;
}
.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-date {
  margin-top: 0;
}

.wpex-widget-recent-posts-li img {
  width: 100%;
  height: auto;
}

.site-nav .megamenu-columns .sub-menu li .plantura-sub-category-image, .category-description .related-post .related-post-figure {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.widget.plantura_mobile_app_widget .sidebar-mobile-cta {
  position: relative;
  border-radius: 1rem;
}

.widget.plantura_mobile_app_widget .sidebar-mobile-cta .sidebar-mobile-cta-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    max-width: 6.875rem;
}

.widget.plantura_mobile_app_widget .sidebar-mobile-cta .app-cta {
  font-weight: 500;
  padding: 0.625rem 1rem;
}

.widget.plantura_mobile_app_widget .sidebar-mobile-cta .sidebar-mobile-cta-content {
  padding-left: 5rem;
}

.sidebar-mobile-app-cta a:hover {
  text-decoration: none;
}body.search {
    display: block;
    padding-left: 0;
    background: var(--white);
}

body.search .pegg .wpex-row {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
    margin: 2.5rem 0;
}

@media(max-width: 768px) {
    body.search .pegg .wpex-row {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        margin: 1.5rem 0;
    }
}

.pegg .cegg-content a:hover {
    text-decoration: none;
}

.pegg .cegg-content .producttitle {
    color: #333333;
    font-size: 1.25rem;
    font-weight: 500;
}

.pegg .cegg-content .productprice {
    font-size: 1.625rem;
    font-weight: bold;
    color: #333333;
}

.pegg .cegg-content .cegg-btn-grid {
    font-size: 1rem;
    color: var(--success);
}

.pegg .cegg-content .cegg-thumb {
    position: relative;
    position: relative;
    height: 0;
    padding-top: 100%;
    background: #fff;
    border-top-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate(0);
    -webkit-transform: translate3d(0,0,0);
    margin-bottom: .5rem;
}

.pegg .cegg-content .cegg-promotion {
    position: absolute;
    right: -.25rem;
    top: -.25rem;
    padding: .5rem 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-weight: 700;
    background: var(--petrol-700);
    color: var(--white);
    z-index: 2;
}

.pegg .cegg-content .cegg-thumb img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: .25s all;
    z-index: 1;
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.5rem 1rem;
  margin-top: 1.75rem;
}

#blog-entries.entries.blog-grid .blog-entry {
  margin-top: 0;
}

.entries.left-thumbs.blog-grid .blog-entry.thumbnail-entry-style .entry-media {
  width: 100%;
}

.entries.left-thumbs.blog-grid
  .blog-entry.thumbnail-entry-style
  .entry-media
  img {
  width: 100%;
  height: 254px;
  object-fit: cover;
}

.entries.left-thumbs.blog-grid .entry .entry-details {
  width: 100%;
}
.entries.left-thumbs.blog-grid .blog-entry.thumbnail-entry-style {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.entries.left-thumbs.blog-grid
  .blog-entry.thumbnail-entry-style
  .blog-entry-title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 1rem;
  text-align: center;
}

.entries.left-thumbs.blog-grid .blog-entry-excerpt {
  display: none;
}

.entries.left-thumbs.blog-grid .blog-entry-readmore {
  display: none;
}

.category-description h1 {
  margin: 1rem 0;
}

.category-description p {
  font-size: 1.5rem;
  max-width: 1024px;
}

@media (max-width: 768px) {
  .blog-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }

  .entries.left-thumbs.blog-grid .blog-entry.thumbnail-entry-style {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .entries.left-thumbs.blog-grid .blog-entry .blog-entry-inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .entries.left-thumbs.blog-grid
    .blog-entry.thumbnail-entry-style
    .entry-media {
    width: 33%;
    margin: 0;
  }

  .entries.left-thumbs.blog-grid .entry .entry-details {
    width: 67%;
  }

  .entries.left-thumbs.blog-grid
    .blog-entry.thumbnail-entry-style
    .entry-media
    img {
    width: 100%;
    height: 84px;
    object-fit: cover;
  }

  .entries.left-thumbs.blog-grid
    .blog-entry.thumbnail-entry-style
    .blog-entry-title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 1rem;
    text-align: left;
    margin-left: 1rem;
  }

  .category-description p {
    font-size: 1.125rem;
  }
}

.archive-load-more-wrap img {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .cta-type-1.content-right .cta-wrap .cta-desc {
    max-width: 100%;
    flex-basis: 100%;
  }

  .breadcrumbs {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 0.5rem;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    margin: 0 -0.9rem;
  }

  .breadcrumbs::-webkit-scrollbar {
    display: none;
  }
}

.single-blog-article p a,
.single-blog-article ul li a,
.single-blog-article ol li a {
  color: #65a147;
  font-weight: 600;
}

.site-nav .megamenu-columns .sub-menu li .plantura-sub-category-image {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.single-blog-content p > strong {
  font-size: 1.5rem;
}
span.toc_toggle {
  display: none;
}

.author-pop-wrap .author-pop-lft img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .author-details-wrap .author-details-inner .author-dtls-img img {
    height: 3.375rem;
    width: 3.375rem;
    object-fit: cover;
    border-radius: 50%;
  }
  .author-pop-wrap .author-pop-lft img {
    width: 3.375rem;
    height: 3.375rem;
    border-radius: 50%;
    margin-top: -0.5rem;
  }

  .author-pop-wrap .author-pop-rht .author-header {
    padding-left: 4rem;
  }

  .author-pop-wrap .author-pop-rht .author-body {
    margin-top: 1.5rem;
  }

  .single-blog-header .author-details-wrap .author-pop-up {
    top: -23px;
  }
}

.single-post .plantura-newsletter .pl-newsl-wrap {
  max-width: 87.5rem;
  width: calc(100% - 120px);
}

.plantura-newsletter .pl-newsl-wrap .pl-newsl-desc {
  margin-left: calc(24% + 2.6875rem);
}

.plantura-newsletter
  .pl-newsl-wrap
  .pl-newsl-desc
  .pl-newsl-desc-wrap
  .newsletter-desc {
  font-size: 1.375rem;
  color: var(--petrol-900);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .single .plantura-newsletter {
    margin-top: 6rem;
  }
  .single-post .plantura-newsletter .pl-newsl-wrap {
    max-width: 87.5rem;
    width: calc(100% - 40px);
    padding: 7rem 1rem 2rem 1.5rem;
  }

  .plantura-newsletter .pl-newsl-wrap .pl-newsl-desc {
    margin-left: 0;
  }

  .plantura-newsletter .pl-newsl-wrap .pl-newsl-image-wrap img {
    margin-top: -6.25rem;
    max-width: 17.4375rem;
    margin-left: auto;
  }
}

.plantura-newsletter
  .pl-newsl-wrap
  .pl-newsl-desc
  .mc4wp-form-fields
  .newsletter-form
  input[type="email"] {
  font-size: 1rem;
  padding: 0.875rem 1rem 1rem;
  padding-right: 1rem;
  line-height: 1.4;
}

.plantura-newsletter
  .pl-newsl-wrap
  .pl-newsl-desc
  .mc4wp-form-fields
  .newsletter-form {
  border: none;
}

.plantura-newsletter
  .pl-newsl-wrap
  .pl-newsl-desc
  .mc4wp-form-fields
  .newsletter-form
  .btn-primary {
  background-color: var(--purple-500);
}

.plantura-newsletter
  .pl-newsl-wrap
  .pl-newsl-desc
  .mc4wp-form-fields
  .newsletter-form
  .btn-primary:hover {
  background-color: var(--purple-600);
}

.single-blog-content #toc_container .toc_list li > a:hover {
  text-decoration: none;
  color: var(--green-750);
}

.mega-menu .menu-banner,
.mobile-menu__container .menu-banner {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .single .single-blog-content #toc_container .toc_title:after {
    top: 1.1rem;
  }
  .mega-menu .menu-banner,
  .mobile-menu__container .menu-banner,
  .mobile-menu__container .menu-app-banner {
    min-height: 200px;
  }
}

.site-nav__container .site-nav .menu-item.menu-item-has-children > a::after {
  margin-left: 0.5rem;
  font-weight: 600;
}

.site-nav__container .site-nav > .menu-item {
  margin-right: 1.7rem;
}

.author-details-wrap .author-pop-up {
  top: -24px;
  left: -41px;
}
.overlay {
  top: 200px;
}

@media (max-width: 768px) {
  .author-details-wrap .author-pop-up {
    top: 0;
    left: 0;
  }
  .overlay {
    top: 0px;
  }
}

.mc4wp-response .mc4wp-alert.mc4wp-success {
  color: var(--petrol-700);
}

@media (max-width: 767px) {
  .home__block.home__products {
    margin-top: 6.25rem;
  }
  .mc4wp-response .mc4wp-alert.mc4wp-success {
    color: var(--petrol-700);
    text-align: center;
  }
}

.site-nav__container #menu-main-menu.site-nav > .menu-item {
  flex: 0 1 auto;
  min-width: 150px;
}

.site-nav__container #menu-main-menu.site-nav > .menu-item:last-child {
  margin-right: 0;
}

.error404 .fourofour-wrap .fourofour-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single #sidebar-inner .widget.plantura_cta_widget {
  background-color: transparent;
  padding: 0;
}

.archive .category-description .wpex-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
}

.archive .category-description .related-post .related-post-title {
  font-weight: 500;
  word-break: break-word;
}

.category-description .wpex-row .related-post img {
  width: 100%;
}

@media (max-width: 768px) {
  .archive .category-description .wpex-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .category-description .wpex-row .related-post img {
    width: 100%;
  }
  .home_block--hero .post_big .home_post-overlay-text {
    max-width: 280px;
  }
}

figure.wp-caption {
  width: 100% !important;
  margin: 0 0 1rem;
}

figure.wp-caption img {
  width: 100%;
  flex: 1 0 0%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2.5rem 0 2.5rem 0 !important;
}

.product-details .product-buy {
  font-size: 1rem;
}

.single-blog-article .single-blog-content p > strong {
  font-size: 1.125rem;
}

.single-blog-article .single-blog-content p:first-child > strong {
  font-size: 1.5rem;
}

.single-blog-article .single-blog-content p + ul {
  margin-top: -1rem;
  margin-bottom: 1.875rem;
}

.single-blog-content figure iframe,
.single-blog-content iframe {
  max-width: 100%;
  width: 1024px;
  height: auto;
  aspect-ratio: 16/9;
}

figure.plantura-embed-video iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.home__app-section.home__app .app__block-post .text-wrap {
  margin-left: 0.625rem;
}

/* Single page */
#sidebar.sidebar-container {
  width: 24.15%;
}

.has-sidebar .content-wrap .content-area {
  width: 75.85%;
}

.has-sidebar.content-left-sidebar .content-wrap .content-area {
  float: right;
  padding-left: 4.6875rem;
  padding-right: 3.6875rem;
}

@media (max-width: 768px) {
  #sidebar.sidebar-container {
    width: 100%;
  }

  .has-sidebar .content-wrap .content-area {
    width: 100%;
  }

  .has-sidebar.content-left-sidebar .content-wrap .content-area {
    padding: 0;
  }
}

.single-blog-content #toc_container .toc_list li ul li ul {
  margin-left: 2rem;
}

.mc4wp-form-fields .mc4wp-legal {
  font-size: 0.875rem;
  color: var(--petrol-700);
  font-weight: 500;
}

.mc4wp-form .mc4wp-response p {
  font-size: 1rem;
  text-align: left;
  font-weight: 500;
}

.mc4wp-form .mc4wp-response .mc4wp-alert.mc4wp-success {
  color: var(--green-700);
}

.mc4wp-form .mc4wp-response .mc4wp-alert.mc4wp-success p {
  display: flex;
  align-items: center;
}

.mc4wp-form .mc4wp-response .mc4wp-alert.mc4wp-success p img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}

.category-description .related-post.popular-topic {
  grid-column: span 2;
  display: inline-flex;
  max-height: 165px;
  background: var(--beige-100);
  margin: 0 0.5rem;
  padding: 0;
  border-radius: 2rem 0 2rem 0;
  margin-bottom: 2rem;
}

.archive .category-description .related-post.popular-topic .related-post-title {
  font-size: 1.625rem;
  text-align: left;
}

.archive .category-description .related-post.popular-topic .related-post-meta {
  font-size: 1rem;
  margin-bottom: 0;
}

.archive
  .category-description
  .related-post.popular-topic
  .related-post-content {
  flex-basis: 50%;
  padding: 1.25rem;
  margin: auto;
}

.category-description .related-post.popular-topic .related-post-figure {
  margin-bottom: 0;
  flex-basis: 50%;
}

.category-description .wpex-row .related-post.popular-topic img {
  max-width: 220px;
}

@media (max-width: 768px) {
  .archive
    .category-description
    .related-post.popular-topic
    .related-post-title {
    font-size: 1.25rem;
    text-align: left;
  }
}

@media (max-width: 900px) {
  .footer-ad .w-80 {
    width: 95%;
  }

  .footer-ad .w-80 .footer-ad-img img {
    top: -3rem;
  }
}

@media (max-width: 768px) {
  .footer-ad .w-80 {
    width: 100%;
  }

  .footer-ad .w-80 .footer-ad-img img {
    top: -2.5rem;
  }
}

.site-nav li.shop-ab__cta a,
.mobile-menu__container li.shop-ab__cta a {
  align-self: center;
  display: flex;
  align-items: center;
  width: max-content;
  background: var(--green-750);
  transition: color 0.3s, background 0.3s;
  font-size: 1rem;
  text-decoration: none;
  padding: 0.625em 1.25em;
  border-radius: 1.875em;
  font-weight: 500;
  color: white;
  border: 0;
}

.site-nav li.shop-ab__cta:hover,
.site-nav li.shop-ab__cta a:hover {
  color: white;
}

.ph-ajax-loader {
  position: relative;
}
.ph-ajax-loader span {
  content: "";
  -webkit-animation: blink 1.5s infinite;
  animation: blink 1.5s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  height: 10px;
  width: 10px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: -3px;
  border-radius: 50%;
}
.ph-ajax-loader span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  margin-left: 15px;
}
.ph-ajax-loader span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  margin-left: 30px;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

.klaviyo-btn {
  min-width: 165px;
}

.plantura-guten-block.testimonial-section,
.block.testimonial-section {
  margin-top: 60px;
}

@media (max-width: 768px) {
  .plantura-guten-block.testimonial-section {
    margin-top: 40px;
  }
}

.highlight-bar-blurb .h4 {
  text-align: center;
}

.career-quiz .answer-summary > a {
  color: var(--green-750);
}

.wp-block-columns {
  max-width: 1400px;
  margin: auto !important;
}

.page figure iframe {
  max-width: 100%;
  width: 1024px;
  height: auto;
  aspect-ratio: 16/9;
}

.plantura-ecosystem p a {
  color: var(--primary);
}

.accordion-two-col__block .accordion__item .accordion__item--panel p a {
  color: var(--primary);
}

.cta-product-price {
  font-size: 1.6875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.cta-product-review {
  margin-bottom: 1rem;

}
@media(max-width: 768px) {
  .cta-product-price {
    font-size: 1.5rem;
    justify-content: center;
  }

  .cta-product-review {
    justify-content: center;
  }
}

.pt-answer-expln > a {
  color: var(--green-750);
}

.pt-answer-expln > a:hover {
  color: var(--green-700);
}.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}
.glide__arrow{position:absolute;display:block;top:50%;z-index:2;color:white;text-transform:uppercase;padding:9px 12px;background-color:transparent;border:2px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);text-shadow:0 0.25em 0.5em rgba(0,0,0,0.1);opacity:1;cursor:pointer;transition:opacity 150ms ease, border 300ms ease-in-out;transform:translateY(-50%);line-height:1}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:white}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:0.33}.glide__bullets{position:absolute;z-index:2;bottom:2em;left:50%;display:inline-flex;list-style:none;transform:translateX(-50%)}.glide__bullet{background-color:rgba(255,255,255,0.5);width:9px;height:9px;padding:0;border-radius:50%;border:2px solid transparent;transition:all 300ms ease-in-out;cursor:pointer;line-height:0;box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);margin:0 0.25em}.glide__bullet:focus{outline:none}.glide__bullet:hover,.glide__bullet:focus{border:2px solid white;background-color:rgba(255,255,255,0.5)}.glide__bullet--active{background-color:white}.glide--swipeable{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}