/*
Theme Name: GroundWork BioAgro
Author URI: https://t.me/tereshin_aa
Author: Andrei Tereshin
*/

@import url('../images/css2');
@import url('../images/css2');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body, html {
    overflow-x: hidden;
}
body {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #2A2B2A;
    background: #FFFCF1;
    -webkit-font-smoothing: antialiased;
    transition: .2s;
}
h1, h2, h3, h4 {
    font-weight: 400;
    font-family: 'Days One';
}
.s-ellipse .title,
.s-ellipse > .wrap h2,
.s-header > .label,
.s-home--start h1 {
    font-family: 'Days One', sans-serif!important;
}

.container {
    max-width: 1220px;
    width: 100%;
    padding: 0 50px;
    margin: auto;
}

header {
    position: relative;
    z-index: 111;
}

header .h-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .logo img {
    height: 48px;
    transition: .2s;
}

header > .wrapper {
    padding: 24px 0;
}
.l-fs-14{
    font-size:14px;
}

.l-fs-20 {
    font-size:20px;
}

.l-fs-28{
    font-size:28px;
}
.l-fs-32{
    font-size:32px;
}
ol {
    padding-left: 15px;
    display: grid;
    gap: 10px;
    margin-bottom: 24px;
}

button.ui-menu {min-height: auto;background: none;padding: 0;border: none;line-height: 0;cursor: pointer;}
button.ui-menu svg {
    position: relative;
    top: -4px;
}

header .h-wrap a.logo {
    display: block;
    line-height: 0;
    position: relative;
}

header .h-wrap .col-right {
    line-height: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}
header .h-wrap .col-right svg {
    min-height: 29px;
    width: auto;
}
a {
    color: #007555;
}
body.home {
    background: #2A2B2A;
    color: #FFFCF1;
}

.home header svg {
    filter: invert(1);
}

.home header .logo img {
    /* filter: grayscale(1) brightness(10.5); */
}

footer {
    background: #FFFCF1;
    color: #2A2B2A;
    font-size: 14px;
    position: relative;
    margin-top: 5vh;
}

footer .wrap-primary {
    padding-top: 70px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 30% 14% 22% 23% 16%;
    gap: 20px;
    width: calc(100% - 60px);
    margin-bottom: 40px;
}

footer .wrap-primary .logo img {
    height: 48px;
}

footer ul {
    list-style: none;
}

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

footer .col-2 .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 50px;
}

footer .title {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
}
footer .title img {
    width: 63px;
    object-fit: contain;
    mix-blend-mode: darken;
}
footer ul li {
    margin-bottom: 3px;
}

footer .wrap-secondary {
    display: flex;
    gap: 93px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #007555;
    padding-top: 40px;
    padding-bottom: 40px;
}

footer .wrap-secondary > .title {
    width: auto;
    margin: 0;
    min-width: 130px;
}

footer .wrap-secondary > ul {
    width: 81%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.ui-menu-area {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 111;
    overflow: hidden;
    transition: .1s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ui-menu-area > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    transition: .3s;
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.04);
    opacity: 0;
}

.ui-menu-area .wrap {
    height: 100vh;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    transition: .3s;
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.04);
    transform: translate3d(10%, 0px, 0px);
    opacity: 0;
}

.ui-menu-area .wrap > .scrollarea {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.ui-menu-area .wrap > .scrollarea > .window {
    max-width: 1062px;
    width: 100%;
    margin-left: auto;
    position: relative;
    color: rgba(0, 0, 0, 0.50);
    font-size: 14px;
    right: -50px;
    display: flex;
    padding: 100px 0;
    overflow: hidden;
    min-height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="372" height="526" viewBox="0 0 372 526" fill="none"><path d="M99.8628 201.221C-31.5945 301.479 -5.56222 447.747 23.8861 508.349C186.44 416.564 262.418 241.819 280.088 165.919C251.818 348.078 125.779 481.872 66.2932 526C115.766 524.823 242.946 506.927 315.426 411.268C420.862 272.114 352.531 100.022 320.727 0C301.879 25.2998 231.32 100.964 99.8628 201.221Z" fill="%23E9E3CE"/></svg>');
    background-repeat: no-repeat;
    background-position: 86% 40%;
}

.ui-menu-area .wrap > .scrollarea > .window > .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    z-index: -1;
    min-height: 1062px;
    bottom: 0;
    margin: auto;
}

.ui-menu-area .wrap > .scrollarea > .window .col-left {
    padding-left: 100px;
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    gap: 100px;
    border-right: 1px solid #007555;
}

.social-links {
    display: flex;
    gap: 24px;
    align-items: center;
}

.social-links .item {
    line-height: 0;
    display: flex;
    align-items: center;
}

.social-links .item a {
    display: block;
    line-height: 0;
}

.ui-menu-area .wrap > .scrollarea > .window .col-left .footer p {margin-bottom: 16px;position: relative;left: -15px;}

.ui-menu-area .wrap > .scrollarea > .window .col-left .footer .social-links {
    padding-top: 16px;
}

.ui-menu-area .wrap > .scrollarea > .window .col-left .footer .social-links img {
    filter: invert(28%) sepia(99%) saturate(734%) hue-rotate(126deg) brightness(75%) contrast(101%);
}

.ui-menu-area .wrap > .scrollarea > .window .close {
    position: absolute;
    right: 82px;
    top: 32px;
    z-index: 1;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="4" y="5.41406" width="2" height="20" transform="rotate(-45 4 5.41406)" fill="%232A2B2A"/><rect width="2" height="20" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 20 5.41406)" fill="%232A2B2A"/></svg>');
    width: 24px;
    height: 24px;
    background-size: contain;
    cursor: pointer;
}

.menu-open .ui-menu-area {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.menu-open .ui-menu-area > .overlay {
    opacity: 1;
}

.menu-open  .ui-menu-area .wrap {
    transform: translate3d(0%, 0px, 0px);
    opacity: 1;
}

ul#menu-header-menu {
    list-style: none;
    display: grid;
    gap: 50px;
}

ul#menu-header-menu ul.sub-menu {
    display: none;
    gap: 15px;
    padding-left: 15px;
    margin: 15px 0;
}

ul#menu-header-menu a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.30);
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    transition: .2s;
}

ul#menu-header-menu li#menu-item-51 a {
    color: #007996;
    font-family: 'Days One';
    font-weight: 300;
}
ul#menu-header-menu > li + li {
    right: 10px;
}

ul#menu-header-menu > li {
    position: relative;
}

ul#menu-header-menu > li + li + li {
    right: 20px;
}

ul#menu-header-menu > li + li + li + li {
    right: 30px;
}

ul#menu-header-menu > li + li + li + li + li + li {
    right: 20px;
}

ul#menu-header-menu > li + li + li + li + li {
}

.ui-menu-area .wrap > .scrollarea > .window .col-left .footer p + p {
    left: -10px;
}

.ui-menu-area .wrap > .scrollarea > .window .col-left .footer p + p + p {
    left: -5px;
}

.ui-menu-area .wrap > .scrollarea > .window .col-left .footer p + p + p + p {
    left: 0;
}

.ui-menu-area .wrap > .scrollarea > .window ul.submenu a {
    color: rgba(0, 0, 0, 0.30);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    transition: .2s;
}

.ui-menu-area .wrap > .scrollarea > .window .submenu {
    list-style: none;
    padding-left: 60px;
    display: grid;
    gap: 32px;
}
ul#menu-header-menu > li.current-menu-item a {
    /*color: #007555 !important;*/
}

.ui-menu-area .wrap > .scrollarea > .window ul.submenu a:hover {
    color: #007555;
}

.s-home--start {
    text-align: center;
    min-height: calc(100vh - 100px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 24px;
    margin-top: -4vh;
}
.s-home--start:before {
    content: '';
    /* background: url('../images/ellipse-mask.svg'); */
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.s-home--start > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.s-home--start > .bg div {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.s-home--start > .wrap {
    position: relative;
    z-index: 12;
    width: 100%;
}

.s-home--start h1 {
    font-size: 80px;
    line-height: 110%; /* 99px */
    margin-bottom: 20px;
}
.s-home--start:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%) no-repeat;
    background-position: center;
    background-size: cover;
}
.s-1 {
    padding: 100px 0;
}

.s-1 .s-wrap {
    display: grid;
    grid-template-columns: 54% 46%;
    gap: 70px;
    width: calc(100% - 70px);
    font-size: 20px;
    /* align-items: center; */
}

.s-header > .label {
    font-size: 50px;
    line-height: 110%; /* 70.4px */
}

.s-header > .label span:not([class]) {
    color: #007555;
}
.blue,
.s-header > .label span.blue {
    color: #00879B;
}
.s-1 .s-wrap p {
    margin-bottom: 20px;
}

.s-header {
    margin-bottom: 24px;
}

.ui-btn {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: max-content;
    border-radius: 40px;
    border: 2px solid var(--Green, #007555);
    font-size: 16px;
    text-decoration: none;
    color: inherit;
    text-transform: uppercase;
    transition: .2s;
    background: transparent;
    position: relative;
    overflow: hidden;
}

.ui-btn > .icon {
    line-height: 0;
}
.ui-btn:hover {
    color: white;
}
.ui-vector {
    width: 100%;
    height: 606px;
    position: relative;
}

.ui-vector > div {
    width: 428.249px;
    height: 606px;
    background-size: contain !important;
    background-position: center !important;
    transition: .1s;
    opacity: 0;
    position: absolute;
    background-repeat: no-repeat !important;
}
.ui-btn.btn-link:hover {
    color: white;
}

.ui-btn.btn-link:before {
    display: none;
}

.ui-btn.btn-link:hover .icon {
    filter: grayscale(1) brightness(2.5);
}

.ui-btn.btn-link .icon {
    transition: .2s;
}
.ui-vector > div.load {
    opacity: 1;
}

.s-1.reverse .s-wrap {display: flex;flex-direction: row-reverse;width: 100%;justify-content: flex-end;gap: 134px;}

.s-1.reverse .s-wrap .col-right {
    min-width: 36%;
}

.s-1.reverse .s-wrap .col-left {
    /* width: 60%; */
    max-width: 557px;
}

.s-home--features {
    text-align: center;
    position: relative;
    padding: 120px 0;
    color: #2A2B2A;
}
.s-ellipse.dark .s-home--features {
    color: #FFFCF1;
}

.s-home--features .s-wrap {
    position: relative;
    z-index: 1;
}

.s-home--features > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-home--features > .bg > div {
    width: 3221px;
    height: 639px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.s-home--features .ui-icons {
    display: grid;
    gap: 30px;
    grid-template-columns: 25% 25% 25% 25%;
    width: calc(100% - (30px*3));
}
.s-home--features .ui-icons > .item .icon {
    color: var(--Green, #007555);
    text-align: center;
    font-size: 64px;
    font-weight: 700;
    line-height: 110%; /* 70.4px */
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
h3 {
    font-size: 24px;
    line-height: 110%;
}

.s-home--features .ui-icons > .item {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.s-home--features .ui-icons > .item .label {
    display: grid;
    gap: 16px;
    font-size: 14px;
}

.s-home--features .s-header {
    max-width: 907px;
    margin-left: auto;
    margin-right: auto;
}

.s-banner {
    position: relative;
    padding: 63px 100px;
    border-radius: 0px 80px;
    overflow: hidden;
    color: white;
    z-index: 1;
    text-align: left;
}

.s-banner > .s-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    align-items: center;
    min-height: 200px;
}

.s-banner > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.s-banner > .bg div {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.s-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000085;
}

.s-banner > .s-wrap .s-header {
    margin-bottom: 8px;
}

.ui-btn.btn-white {
    border-color: white;
}

.s-blog {
    padding-top: 150px;
    padding-bottom: 160px;
}

.s-blog .items {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 35px;
    width: calc(100% - 70px);
}

.ui-post--card {
    border-radius: 24px;
    border: 1px solid #545454;
    padding: 16px;
    display: flex;
    height: 100%;
}

.ui-post--card .details {
    display: flex;
    gap: 10px;
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    line-height: 1.2;
    height: 100%;
    flex-direction: COLUMN;
}

.ui-post--card .details .title {
    font-size: 20px;
    line-height: 1.1;
    color: white;
    height: 66px;
    overflow: hidden;
}
.ui-post--card .details .caption {
    padding-bottom: 10px;
    margin-bottom: auto;
}
.ui-btn.btn-link {
    border: none;
    padding: 0;
    font-size: 14px;
    color: #007555;
    font-weight: 600;
    text-transform: none;
    gap: 8px;
}
.ui-post--card .wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.ui-post--card .thumbnail >div {
    height: 235px;
    width: 100%;
    border-radius: 24px;
    background-size: cover !important;
    background-position: center !important;
}

footer:before {
    content: '';
    background: url('../images/ellipse-white-top.svg');
    position: absolute;
    top: -5vh;
    width: 100%;
    height: 100%;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    z-index: 0;
}

footer > .container {
    position: relative;
}

.s-ellipse {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 230px 0;
    margin-bottom: -5vh;
    color: white;
    margin-top: -5vh;
}
.s-ellipse.dark:after {
    display: none;
}

.s-ellipse.dark {
    background: var(--grafit, #2A2B2A);
}
.s-ellipse p {
    margin-bottom: 24px;
}
.s-ellipse .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.s-ellipse .bg > div {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.s-ellipse > .wrap {
    position: relative;
    z-index: 2;
    font-size: 20px;
    margin: auto;
}

.s-ellipse:after {
    content: '';
    background: #00000070;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.s-ellipse > .wrap h2 span {
    color: #007555;
}
.s-border-top-dark, .s-border-bottom-dark, .s-border-top-white, .s-border-bottom-white,
.s-border-bottom-blue, .s-border-top-beige {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    background: url('../images/ellipse-dark-top.svg');
    position: absolute;
    top: -5vh;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 1;
    transform: rotate(180deg);
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.s-border-bottom-dark{
    top: inherit;
    transform: rotate(0deg);
    bottom: -5vh;
}
.s-border-bottom-white{
    background: url('../images/ellipse-white-top.svg');
    transform: rotate(0deg);
    bottom: -5vh;
    top: inherit;
}
.s-border-top-white{
    background: url('../images/ellipse-white-top.svg');
}
.s-ellipse > .wrap h2 {
    font-size: 64px;
    line-height: 110%;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.s-ellipse:not(.large) > .wrap {
    max-width: 1000px;
}
.s-ellipse .title.large {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Nunito Sans;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 99px */
}
.s-ellipse .ui-btn {
    margin-left: auto;
    margin-right: auto;
}

.s-single--start {
    text-align: center;
    padding-top: 120px;
}

.s-single--start .s-wrap {
    display: flex;
    justify-content: center;
    position: relative;
}
.s-single.page--blog {
    padding-top: 50px;
}
.s-single--start .s-wrap > .s-header {
    background: #fefcf1;
    padding: 0 60px;
}

.s-single--start .s-wrap:before {
    content: '';
    position: absolute;
    top: 40%;
    width: 100%;
    height: 1px;
    background: #007555;
    z-index: -1;
}

.s-single {
    padding-top: 160px;
}

.s-single .metas {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: gray;
}

.single-post .s-single .thumbnail {display: flex;max-height: 500px;width: 100%;}

.single-post .s-single .thumbnail img {
    object-fit: contain;
}

.single-post .s-single {
    max-width: 840px;
    margin: 0 auto;
}

.s-single img {max-width: 100%;height: auto;}
.s-careers .s-wrap {
    display: flex;
    gap: 102px;
    font-size: 18px;
}


.s-careers .s-wrap .col-right {
    min-width: 52%;
    width: 52%;
}

.s-careers .s-header .label {
    font-size: 38px;
}

.ui-accordions {
    font-size: 16px;
}

.accordion--item > .--wrap > .content {
    display: none;
}

.accordion--item {
    padding: 32px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.20);
}

.item:last-child > .accordion--item {
    padding-bottom: 0px;
}

.accordion--item .--wrap > .header {
    cursor: pointer;
    line-height: 1.4;
}

.accordion--item .--wrap > .header .row {
    display: flex;
    justify-content: space-between;
}

.accordion--item .--wrap > .header .title {
    font-size: 20px;
    font-weight: 600;
}

.accordion--item .--wrap > .header p {
    margin-top: 8px;
}

.accordion--item.active > .--wrap > .content {
    display: block;
}

.accordion--item > .--wrap > .content > .--wrap {
    padding-top: 16px;
    line-height: 1.4;
}

.accordion--item > .--wrap > .content > .--wrap p {
    margin-bottom: 16px;
}

.accordion--item > .--wrap > .content > .--wrap ul {
    padding-left: 20px;
    display: grid;
    gap: 5px;
}

.accordion--item > .--wrap > .content > .--wrap .actions {
    padding-top: 32px;
}

.ui-btn.btn--sm {
    padding: 10px 19px;
    font-size: 12px;
    font-weight: 700;
}
.s-careers {
    padding-top: 160px;
    padding-bottom: 60px;
}

.accordion--item .--wrap > .header .row .labels {
    display: flex;
    gap: 24px;
}

.accordion--item .--wrap > .header .row .labels .item {
    display: flex;
    font-weight: 600;
    gap: 8px;
}

.ui_form__fieldset > .field > input {
    background: transparent;
    padding-left: 24px;
    padding-right: 24px;
    border-color: #2A2B2A;
    min-height: 44px;
}

.upload-file > .w {
    color: var(--Green, #007555);
    font-family: Nunito Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    text-decoration-line: underline;
    align-items: center;
    display: flex;
    gap: 10px;
    -webkit-font-smoothing: auto;
    padding-left: 23px;
}

.form__send {
    margin-top: 40px;
}
label a {
    color: #027555;
}

.form--loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    transition: .2s;
    opacity: 0;
    pointer-events: none;
}

h2.wp-block-heading {
    margin-bottom: 24px;
    margin-top: 40px;
}

h2.wp-block-heading:first-child {
    margin-top: 0;
}

.s-1.s-contact-content .s-wrap {
    align-items: baseline;
    gap: 86px;
    width: calc(100% - 86px);
}

.s-1.s-contact-content .s-wrap p {
    font-size: 18px;
    margin-bottom: 3px;
    line-height: 1.3;
}

.s-1.s-contact-content h2 {
    font-size: 38px;
    line-height: 1.1;
}

p.with-link a {
    position: relative;
    display: inline-flex;
    color: #007555;
}
.s-2 p.with-link a {
    font-size: 20px;
}
p.with-link a:after {
    content: '';
    display: block;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M8.5 1L14.803 8.5M14.803 8.5L8.5 16M14.803 8.5H0" stroke="%23007555"/></svg>');
    width: 15px;
    height: 15px;
    margin-top: 4px;
    margin-left: 6px;
}

form .ui_form__fieldset > .caption {
    font-size: 14px !important;
}

.s-product-filter {
    position: relative;
    z-index: 2;
    padding: 80px 0;
}
.s-3 {
    padding: 140px 0;
    font-size: 20px;
    position: relative;
}

.s-3 .wp-block-columns.is-layout-flex {
    display: flex;
    justify-content: space-between;
}

.s-3 .wp-block-columns.is-layout-flex > .wp-block-column {
    max-width: 534px;
}

.s-ellipse .s-1 {
    padding: 0;
    text-align: left;
}

.s-ellipse .s-1 .s-wrap {
    grid-template-columns: 64% 38%;
    gap: 70px;
    width: calc(100% - 70px);
}
.s-ellipse .s-1 .s-wrap .s-content {
    max-width: 500px;
}
footer.dark {
    background: #2a2b2a;
    color: #FFFCF1;
}

footer.dark:before {
    background: url('../images/ellipse-dark-top.svg');
}

footer.dark .social-links {
    filter: invert(1) brightness(3);
}

footer .social-links {
    margin-top: 10px;
}

.s-banner > .s-wrap .col-left {
    /* max-width: 514px; */
}

.s-product-filter .filters {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.s-product-filter .filters .title {
    display: flex;
    gap: 4px;
    font-weight: 600;
    align-items: center;
    cursor: pointer;
}

.s-product-filter .filters .options {
    position: absolute;
    border-radius: 24px;
    background: var(--Second-light, #FFFCF1);
    box-shadow: 0px 4px 30px 0px rgba(108, 108, 108, 0.25);
    padding: 24px;
    display: grid;
    gap: 16px;
    transition: .2s;
    transform: scale(.9) translate3d(0px, -10%, 0px);
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.03);
    opacity: 0;
    pointer-events: none;
    left: 0;
    top: 30px;
    -webkit-font-smoothing: auto;
    min-width: 272px;
}

.s-product-filter .filters .options .option {
    display: flex;
    gap: 8px;
    cursor: pointer;
}

.s-product-filter .filters .options .option input {
    min-height: auto;
    display: none;
}

.s-product-filter .filters .title > .icon {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13 6L8 10L3 6" stroke="black"/></svg>');
    width: 16px;
    height: 16px;
}

.s-product-filter .f-products > .wrap {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 40px;
    width: calc(100% - 80px);
}

.s-product-filter .f-header {
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
}

.ui-product--card {
    text-align: center;
}

.ui-product--card .details .title {
    color: #007555;
    font-size: 24px;
    font-weight: 400;
}

.ui-product--card .ui-btn {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
.s-product-filter .filters .active .options {
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.s-product-filter .filters > .filter {
    position: relative;
}

.s-product-filter .filters .options .option button {
    min-height: auto;
    border-radius: 3px;
    border: 1px solid #CCC;
    width: 16px;
    height: 16px;
    padding: 0;
    position: relative;
    margin-top: 4px;
    transition: .2s;
}

.s-product-filter .filters .options .option label {
    cursor: pointer;
}

.s-product-filter .filters .options .option input:checked+button {
    background: var(--Green, #007555);
    border-color: #007555;
}

.s-product-filter .filters .title .selected {
    border-radius: 20px;
    background: var(--Green, #007555);
    min-width: 16px;
    height: 16px;
    color: var(--White, #FFF);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    display: flex;
    line-height: 24px; /* 240% */
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.s-product-filter .filters .title .selected:empty {
    display: none;
}

.ui-product--card .thumbnail {
    width: 100%;
    height: 200px;
    position: relative;
    background: #fffcf1;
    display: block;
}

.ui-product--card .thumbnail > div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-size: contain !important;
    background-position: CENTER !important;
    background-repeat: no-repeat !important;
    mix-blend-mode: darken;
}

.s-faq {
    padding: 160px 0;
}

.s-faq .s-header {
    text-align: center;
    font-size: 24px;
    display: grid;
    gap: 15px;
    margin-bottom: 50px;
}

.hide {
    display: none;
}

.accordion--item .--wrap > .header .row > .icon {
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="%23007555" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    min-width: 24px;
}

.style--1 .accordion--item .--wrap > .header .row {
    justify-content: flex-start;
    gap: 24px;
    text-align: left;
}

.style--1 .accordion--item {
    border: none;
}

.style--1 .accordion--item .--wrap > .header .row .title {
    margin-right: auto;
}

.accordion--item.active .--wrap > .header .row > .icon {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="%23007555" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.style--1 .accordion--item .content {
    padding-left: 50px;
    color: var(--gray-600, #475467);
}
.ui-accordions.style--1 {
    max-width: 792px;
}
.posts--list .s-content {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 24px;
    width: 100%;
}

.ui-post--card--1 {
    position: relative;
    width: calc(33% - 13px);
}

.ui-post--card--1 > .wrapper {
    display: flex;
    gap: 18px;
    flex-direction: column;
}

.ui-post--card--1 > .wrapper > .thumbnail > div {
    display: block;
    height: 250px;
    border-radius: 24px;
    background-size: cover !important;
    background-position: center !important;
}

.ui-post--card--1 > .wrapper > .details {
}

.ui-post--card--1 > .wrapper > .details .meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #898989;
    margin-bottom: 16px;
}

.ui-post--card--1 > .wrapper > .details .meta .category > a {
    border-radius: 41px;
    background: #007555;
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 2px 12px;
}
.ui-post--card--1 > .wrapper .title a {
    font-size: 20px;
    text-decoration: none;
    display: block;
    color: inherit;
    margin-bottom: 8px;
    max-height: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.posts--list .s-content .ui-post--card--1:first-child, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) {
    width: 100%;
}

.posts--list .s-content .ui-post--card--1:first-child > .wrapper, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) > .wrapper {
    flex-direction: row;
    font-size: 18px;
    gap: 40px;
}


.posts--list .s-content .ui-post--card--1:first-child > .wrapper > .thumbnail, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) > .wrapper > .thumbnail {
    min-width: 50%;
}

.posts--list .s-content .ui-post--card--1:first-child > .wrapper .title a, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) > .wrapper .title a {
    font-size: 24px;
    margin-bottom: 13px;
    max-height: 100px;
    height: auto;
}

.posts--categories > .wrap a {
    color: inherit;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    padding: 6px 20px;
    text-decoration: none;
}

.posts--categories > .wrap {
    display: flex;
    gap: 20px 20px;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 56px;
}

.posts--categories > .wrap a.current {
    color: #007555;
    border-bottom: 1px solid;
}
.posts--list  .s-footer {
    display: flex;
    border-top: 1px solid #007555;
    padding-top: 60px;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin-top: 60px;
}

.posts--list .s-footer > .page-numbers:not(.next):not(.prev) {
    min-width: 40px;
    padding: 10px;
    text-decoration: none;
    color: inherit;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
}

.posts--list .s-footer > .page-numbers:not(.next):not(.prev).current {
    background: #007555;
    color: #FFFCF1;
}

.posts--list .s-footer a.next, .posts--list .s-footer > .page-numbers.current:first-child  {
    margin-left: auto;
}

.posts--list .s-footer a.prev{
    margin-right: auto;
}

.posts--list .s-footer a.prev, .posts--list .s-footer a.next {
    color: var(--gray-700, #344054);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    display: flex;
    gap: 8px;
    padding: 8px 14px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 40px;
    border: 1px solid var(--gray-300, #D0D5DD);
    background: #FFFCF1;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.posts--list .s-footer a.prev:before, .posts--list .s-footer a.next:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.8327 10.0003H4.16602M4.16602 10.0003L9.99935 15.8337M4.16602 10.0003L9.99935 4.16699" stroke="%23344054" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.posts--list .s-footer a.next {
    flex-direction: row-reverse;
}

.posts--list .s-footer a.next:before {
    transform: rotate(180deg);
}
.no_result {
    text-align: center;
    margin: auto;
    display: grid;
    gap: 5px;
}

span.select2-container--default .select2-selection--single {
    text-align: left;
    padding: 15px 73px 15px 32px;
    align-items: center;
    border-radius: 71px !important;
    background: var(--Second-light, #FFFCF1);
    height: auto;
    font-size: 16px;
    color: var(--grafit, #2A2B2A);
}

span.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

span.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--grafit, #2A2B2A);
}

span.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 71px;
}

span.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: -10px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 2.75C6.66751 2.75 2.75 6.66751 2.75 11.5C2.75 16.3325 6.66751 20.25 11.5 20.25C16.3325 20.25 20.25 16.3325 20.25 11.5C20.25 6.66751 16.3325 2.75 11.5 2.75ZM1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 14.0605 20.8111 16.4017 19.2589 18.1982L22.5303 21.4697C22.8232 21.7626 22.8232 22.2374 22.5303 22.5303C22.2374 22.8232 21.7626 22.8232 21.4697 22.5303L18.1982 19.2589C16.4017 20.8111 14.0605 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5Z" fill="%231C274C"/></svg>');
    width: 24px;
    height: 24px;
    bottom: 0;
    margin: auto;
    right: 32px;
}

span.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

span.select2-container--default .select2-selection--single .select2-selection__clear {position: absolute;right: 50px;top: 4px;display: none;}

.compatible--message {
    border-radius: 24px;
    background: var(--Second-light, #FFFCF1);
    font-weight: 700;
    padding: 32px;
    text-align: left;
    font-size: 16px;
    color: black;
    display: none;
}

.s-ellipse .--select {
    max-width: 600px;
    margin: auto;
}

.compatible--message.shown {
    display: block;
}

.compatible--message.maybe {
    color: #00A8DD;
}

.compatible--message.compatible {
    color: #007555;
}

.compatible--message.not {
    color: #D00;
}

.l-no-wrap {
    white-space: nowrap;
}

.s-faq.style--1 {
    padding: 80px 0;
}

.s-faq.style--1 .s-header {
    text-align: left;
    position: relative;
}

.s-faq.style--1 .s-header > .label {
    font-size: 38px;
    background: #fefcf1;
    width: max-content;
    position: relative;
    z-index: 1;
    padding-right: 40px;
}

.s-faq.style--1 .s-header:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #007555;
    top: 50%;
    z-index: 0;
}

.ui-team .items {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 24px;
}

.ui-team .items > .item {
    width: calc(33% - 13px);
    font-size: 14px;
}

.team--item img {
    width: 100%;
    height: 356px;
    object-fit: cover;
    object-position: top;
    position: relative;
    z-index: 1;
    border-radius: 25px;
}

.team--item > .--wrap {
    font-size: 16px;
    display: grid;
    gap: 8px;
}
.team--item > .--wrap .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
}

.s-2 {
    padding-top: 80px;
    font-size: 24px;
    font-weight: 300;
    text-align: left;
}

.s-2 .s-content {
    max-width: 886px;
}

.s-about-features {
    padding-top: 160px;
    text-align: center;
}

.s-about-features .items {
    flex-wrap: wrap;
    display: flex;
    /*gap: 40px 150px;*/
    gap: 23px;
    width: 100%;
    font-size: 20px;
    margin-top: 40px;
    justify-content: center;
}
.s-about-features sub {
    font-size: 16px;
}

.s-about-features .items > .item {
    /*width: calc(33% - 100px);*/
    width: calc(33% - 13px);
    border-radius: 24px;
    border: 6px solid #d4d8c6;
    padding: 42px 20px;
}
.s-about-features .items .item .title {
    color: var(--Green, #007555);
    font-size: 36px;
    font-weight: 700;
}

.s-about-features .items a {
    color: inherit;
}
.block-items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.block-items > .item {
    width: calc(50% - 12px);
    border-radius: 24px;
    background: #F2F5E9;
    color: #2A2B2A;
    padding: 36px 26px 30px 26px;
}
.s-ellipse.large {
    padding: 200px 0;
}
.s-3 .wp-block-columns.is-layout-flex > .wp-block-column p {
    margin-bottom: 24px;
}
.block-items > .item
.title {
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 120%;
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
    min-height: 76px;
}
.block-items > .item .wrap > .text {
    margin-bottom: auto;
}
.block-items > .item .title img {
    width: 100px;
    object-fit: contain;
    mix-blend-mode: darken;
}
.block-items > .item .wrap {height: 100%;display: flex;flex-direction: column;}
.ui-vector.reverse {
    transform: rotateY(180deg);
}

.s-ellipse .s-1.reverse .s-wrap {
    gap: 70px;
    width: 100%;
}

figure img {
    max-width: 100%;
    height: auto;
}

figure {
    text-align: center;
    font-size: 16px;
}

figure figcaption {
    margin-top: 24px;
    line-height: 1;
}

.s-ellipse .s-1.reverse .s-wrap .col-left {
    max-width: 574px;
}

.plants {
    padding-top: 25px;
    display: flex;
    gap: 24px;
    justify-content: center;
    padding-bottom: 30px;
}

.plants img {
    width: 100%;
    max-width: 284px;
}
.relations-rootella {
    padding-top: 80px;
}

.s-ellipse .medium.title {
    font-size: 70px;
    line-height: 110%;
}

.s-home--features .ui-icons.grid-3 {
    grid-template-columns: 33% 33% 33%;
    width: calc(100% - 60px);
}
.s-4 > .s-wrap {
    display: flex;
    gap: 60px;
}

.s-4 > .s-wrap > div {
    min-width: 50%;
}

.s-4 {
    position: relative;
    z-index: 1;
    padding-top: 80px;
    line-height: 1.3;
}

.s-4 .s-header > .label {
    font-size: 32px;
}
.ui-accordions.style--2 .items {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 80px;
    width: calc(100% - 80px);
}

.ui-accordions.style--2 .items .content {
    color: inherit;
    text-align: left;
    font-size: 18px;
    padding: 0;
}

.ui-accordions.style--2 .items .title {
    font-size: 24px;
}

.ui-accordions.style--2 .items .row {
    flex-direction: row-reverse;
    gap: 24px;
}

.ui-accordions.style--2 .accordion--item {
    padding: 0;
}

.ui-accordions.style--2 {
    padding-top: 80px;
}

.ui-accordions.style--2 .items .row .icon {
    margin-top: 5px;
}
.s-content ul {
    padding-left: 20px;
    list-style: none;
}
.s-content ul li {
    position: relative;
}

.s-content ul li:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #007555;
    border-radius: 10px;
}
.s-home--features .ui-icons.grid-5 {
    grid-template-columns: 20% 20% 20% 20% 20%;
    gap: 46px;
    width: calc(100% - (46px*4));
}

.s-home--features .ui-icons.grid-5 h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
}
.s-home--features .ui-icons > .item .icon.blue {
    color: #00879B;
}

.carbot-works-labels {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-style: normal;
    line-height: 1.1;
    margin-top: 20px;
    min-height: 116px;
    background-position: 75px 10px;
    background-repeat: no-repeat;
}

.carbot-works-labels > .item {
    display: flex;
    gap: 8px;
}
.s-ellipse p:last-child {
    margin-bottom: 0;
}

.ui-icons-1 {
    font-size: 14px;
    padding-top: 10px;
}

.ui-icons-1 > .wrap {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ui-icons-1 > .wrap > .item {
    font-size: 13px;
    width: 100%;
}
.ui-icons-1 > .wrap > .item > div {
    margin: 0 auto;
}
.ui-icons-1 > .wrap > .item:nth-child(1) > div {
    max-width: 300px;
}
.ui-icons-1 > .wrap > .item:nth-child(2) > div  {
    max-width: 220px;
}
.ui-icons-1 > .wrap > .item:nth-child(3) > div {
    max-width: 300px;
}
.ui-icons-1 > .wrap > .item:nth-child(4) > div {
    max-width: 258px;
}
.ui-icons-1 > .wrap > .item:nth-child(5) > div {
    max-width: 364px;
}
.ui-icons-1 > .wrap > .item:nth-child(6) > div {
    max-width: 294px;
}

.ui-icons-1 > .wrap .label {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 26.4px */
    margin-bottom: 16px;
}

.ui-icons-1 > .wrap .icon {
    margin-bottom: 22px;
}

.ui-icons-1 > .wrap > .item:last-child {
    max-width: 360px;
}
.product--details > .wrap {
    display: flex;
    gap: 50px;
    font-size: 18px;
    line-height: 1.3;
}

.product--details > .wrap img {
    width: 100%;
    mix-blend-mode: darken;
    border: 1px solid #efefef;
    border-radius: 25px;
}

.product--details > .wrap > .col-left {
    min-width: 49%;
    background: #fefcf1;
}

.product--details > .wrap .title {
    color: #FDB813;
    font-size: 40px;
    font-weight: 700;
    line-height: 1; /* 60% */
    margin-bottom: 16px;
}

.product--details > .wrap p {
    margin-bottom: 24px;
}

.s-product--content {
    border-radius: 24px;
    background: #FDB813;
    padding: 60px 40px;
    color: #FFFCF1;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 24px;
}

.s-product--content h2 {
    font-size: 32px;
    line-height: 24px;
}

.s-product--content.columns .wrap {
    display: flex;
    gap: 40px;
}

.s-product--content.columns .wrap .col-right {min-width: 50%;}

.s-product--content p {
    margin-bottom: 15px;
}

.s-product--content p:last-child {
    margin-bottom: 0;
}

.s-product--content small {
    line-height: 130%;
    font-size: 14px;
    display: block;
}

.s-product--content.transparent {
    background: transparent !important;
    color: inherit;
}

.s-product--content.transparent h2 {
    color: #FDB813;
}

.s-product--content ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: grid;
    gap: 9px;
}

.s-product--content ul li:before {
    content: '';
    display: block;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16" fill="none"><path d="M3.22138 6.12081C-1.01918 9.17047 -0.179426 13.6197 0.770519 15.4631C6.01418 12.6711 8.4651 7.35571 9.0351 5.04698C8.12315 10.5879 4.05738 14.6577 2.13849 16C3.7344 15.9642 7.83698 15.4198 10.175 12.5101C13.5762 8.27723 11.372 3.04251 10.346 0C9.73804 0.769575 7.46194 3.07114 3.22138 6.12081Z" fill="%23FDB813"/></svg>');
    width: 12px;
    height: 16px;
    min-width: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}

.s-product--content ul li {
    position: relative;
    padding-left: 20px;
}
.product--details {
    position: relative;
    z-index: 11;
    margin-bottom: 24px;
}

.s-product--content.columns .wrap .col-left {
    width: 50%;
}

.color--rootella-f .product--details > .wrap .title {
    color: #a58161;
}

.color--rootella-f .s-product--content {
    background: #a58161;
}

.color--rootella-f .s-product--content.transparent h2 {
    color: #a58161;
}

.color--rootella-f .s-product--content ul li:before{
    filter: invert(55%) sepia(12%) saturate(1035%) hue-rotate(154deg) brightness(74%) contrast(75%);
    opacity: .8;
}


.color--rootella-x .product--details > .wrap .title {
    color: #545456;
}

.color--rootella-x .s-product--content {
    background: #545456;
}

.color--rootella-x .s-product--content.transparent h2 {
    color: #545456;
}


.color--rootella-x .s-product--content ul li:before{
    filter: invert(55%) sepia(12%) saturate(1035%) hue-rotate(154deg) brightness(74%) contrast(75%) grayscale(1);
    opacity: .8;
}


.color--rootella-g .product--details > .wrap .title {
    color: #50b949;
}

.color--rootella-g .s-product--content {
    background: #50b949;
}

.color--rootella-g .s-product--content.transparent h2 {
    color: #50b949;
}

.color--rootella-g .s-product--content ul li:before{
    filter: invert(55%) sepia(12%) saturate(1035%) hue-rotate(243deg) brightness(144%) contrast(75%);
}

.color--rootella-t .product--details > .wrap .title {
    color: #95303b;
}

.color--rootella-t .s-product--content {
    background: #95303b;
}

.color--rootella-t .s-product--content.transparent h2 {
    color: #95303b;
}


.color--rootella-t .s-product--content ul li:before{
    filter: invert(55%) sepia(12%) saturate(1035%) hue-rotate(126deg) brightness(70%) contrast(135%);
}


.color--rootella-br .product--details > .wrap .title {
    color: #0c8e43;
}

.color--rootella-br .s-product--content {
    background: #0c8e43;
}

.color--rootella-br .s-product--content.transparent h2 {
    color: #0c8e43;
}

.color--rootella-br .s-product--content ul li:before{
    filter: invert(55%) sepia(12%) saturate(1035%) hue-rotate(263deg) brightness(94%) contrast(75%);
}

.color--rootella-br-ultra .product--details > .wrap .title {
    color: #191919;
}

.color--rootella-br-ultra .s-product--content {
    background: #191919;
}

.color--rootella-br-ultra .s-product--content.transparent h2 {
    color: #191919;
}
.color--rootella-br-ultra .s-product--content ul li:before{
    filter: grayscale(1) brightness(0.1);
}
.color--rootella-l .product--details > .wrap .title {
    color: #3880A5;
}

.color--rootella-l .s-product--content {
    background: #3880A5;
}

.color--rootella-l .s-product--content.transparent h2 {
    color: #3880A5;
}
.color--rootella-l .s-product--content ul li:before{
    filter: invert(55%) sepia(12%) saturate(1035%) hue-rotate(353deg) brightness(104%) contrast(90%);
}
.color--rootella-forte .s-product--content {background: #694035;}

.color--rootella-forte .s-product--content.transparent h2, .color--rootella-forte .product--details > .wrap .title {
    color: #694035;
}

.color--rootella-forte 
 .s-product--content ul li:before {
    background: url('data:image/svg+xml,<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.22138 6.12081C-1.01918 9.17047 -0.179426 13.6197 0.770519 15.4631C6.01418 12.6711 8.4651 7.35571 9.0351 5.04698C8.12315 10.5879 4.05738 14.6577 2.13849 16C3.7344 15.9642 7.83698 15.4198 10.175 12.5101C13.5762 8.27723 11.372 3.04251 10.346 0C9.73804 0.769575 7.46194 3.07114 3.22138 6.12081Z" fill="%23694035"/></svg>');
}
.s-product--content:not(.transparent) ul li:before {
    filter: grayscale(1) brightness(3.5);
}
.breadcrumb {
    padding: 18px 0;
    margin-bottom: 10px;
}

.ui-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--Green, #007555);
    font-size: 12px;
    line-height: 1.3;
    align-items: center;
}

.ui-breadcrumb a {
    color: var(--grafit, #2A2B2A);
    opacity: .6;
    text-decoration: none;
}

.ui-breadcrumb > .divider {
    width: 10px;
    height: 10px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><g opacity="0.6"><path d="M4 2L7 5L4 8" stroke="%232A2B2A"/></g></svg>');
}

.products--leaf {
    display: flex;
    text-align: center;
    position: relative;
    z-index: 3;
    height: 100%;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.sidebar.fixed {
    position: fixed;
    top: 0;
    transform: translate3d(0px, 40px, 0px);
}
.sidebar.fixed.absolute {
    position: absolute;
    bottom: 0;
    transform: translate3d(0px, -40px, 0px);
    left: 0 !important;
}
.sidebar {
    position: absolute;
    left: 0;
    /* transition: .2s; */
    z-index: 14;
}

.product--wrapper > .main {
    padding-left: 100px;
}

.products--leaf a.item > .label {
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 46px;
    background: #F2EEE0;
    color: var(--grafit, #2A2B2A);
    font-family: Nunito Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
    position: absolute;
    left: 70px;
    right: 0;
    /* white-space: nowrap; */
    width: max-content;
    transition: .2s;
    opacity: 0;
    top: 20px;
}

.products--leaf .item {
    display: flex;
    text-decoration: none;
    position: relative;
    align-items: center;
    height: max-content;
}

.products--leaf a.item:hover > .label {
    opacity: 1;
}
.team--item.style--1 img {
    border-radius: 24px;
    height: 293px;
    object-fit: cover;
    transition: .3s;
}
[data-modal] {
    cursor: pointer;
}

.team--item.style--1:hover img {
    transform: scale(1.03);
}
.team--logos {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 24px;
    padding-top: 50px;
}

.team--logos img {
    width: calc(33% - 14px);
}
.s-5 {
    text-align: left;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 31.2px */
}

.s-5 p {
    max-width: 746px;
}

.s-home--start > .bg > video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ui-container--area {
    color: black;
}

.ui-container--area .modal__form {
    margin: 30px 0;
}

.ui-container--area h2 {
    margin-bottom: 10px;
}

button.tt-btn.tt-btn-primary {
    border-radius: 40px;
    border: 2px solid var(--Green, #007555);
    padding: 16px 32px;
}
.s-ellipse a {
    color: white;
}

.newsletter > form {
    display: flex;
    gap: 14px;
}

footer .wrap-primary .col-1 {
    display: flex;
    flex-direction: column;
}

.newsletter {display: flex;align-items: center;gap: 20px;justify-content: center;padding-bottom: 20px;}

.ui_form__fieldset.style--1 > .field > input {
    border-radius: 40px;
    border: 1px solid var(--gray-300, #D0D5DD);
    background: var(--base-white, #FFF);
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-size: 14px;
    padding-left: 14px;
    padding-right: 14px;
}

.ui_form__fieldset.style--1 > .field > label {
    left: 14px;
    top: 14px;
    font-size: 16px;
    color: var(--gray-500, #667085);
}

.ui_form__fieldset.style--1 > .field > .not-empty + label, .ui_form__fieldset.style--1 > .field > :focus + label {
    font-size: 11px;
    top: 6px;
}
.s-6 {
    padding-top: 100px;
}

.s-6 p, .s-6 ul {
    max-width: 920px;
    margin-bottom: 24px;
}

.s-6 .wp-block-columns {
    display: flex;
    gap: 54px;
    margin: 60px 0;
}

.s-6 img {
    height: auto;
    border-radius: 24px;
}

.title--1.wp-block-heading {
    color: var(--grafit, #2A2B2A);
    text-align: center;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 70.4px */
    max-width: 857px;
    margin: 160px auto;
}

.title--1 > mark {
    color: var(--Green, #007555);
}

.s-6 ul {
    display: grid;
    gap: 24px;
    font-size: 20px;
    position: relative;
}

ul.leaf li {
    position: relative;
    list-style: none;
    padding-left: 40px;
}

ul.leaf li:before {
    content: '';
    position: absolute;
    background: url('data:image/svg+xml,<svg width="20" height="29" viewBox="0 0 20 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8293 9.44631C17.4997 9.14045 18.1624 6.00534 18.035 4.47601C15.2819 3.5587 9.24148 6.38755 6.5654 7.91664C11.9449 3.71049 15.359 2.94657 17.653 2.94669C17.6798 1.03424 10.4087 -2.78913 5.03607 3.32835C0.553395 8.43255 4.55312 14.4158 6.97455 15.9451C7.73921 10.2101 9.24136 9.82865 13.8293 9.44631Z" fill="%2300879B"/><path d="M16.1155 19.9021C19.7859 20.2079 20.1937 23.3431 19.9388 24.8724C14.7398 24.5665 7.83137 21.6863 5.02706 20.2844C8.39157 23.9548 16.1147 26.1468 19.5556 26.784C18.0263 28.6957 11.9099 30.9897 4.26323 24.8724C-1.85407 19.9785 -0.0698563 11.1085 1.58691 7.28516C1.58691 9.32425 2.35074 13.4025 5.41022 16.4611C8.87285 19.9228 11.5275 19.5197 16.1155 19.9021Z" fill="%2300879B"/></svg>');
    left: 0;
    top: 8px;
    width: 20px;
    height: 28.841px;
}
.s-header > .label.medium {
    font-size: 44px;
    line-height: 1;
}
.distributors--map {
    text-align: center;
    padding: 100px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.distributors--map > .scrollarea {
    overflow: hidden;
    margin-bottom: 40px;
    width: 100%;
}

.distributors--map > .scrollarea .wrap {
    /* min-width: 1120px; */
}
ul.leaf {
    padding-left: 0;
}

.distributors--map > .scrollarea .wrap .pins {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.distributors--map > .scrollarea .wrap .pins > .pin {
    width: 16px;
    height: 16px;
    position: absolute;
    background: #007555;
    top: 0;
    border-radius: 100px;
    left: 0;
    pointer-events: all;
    cursor: pointer;
    transition: .2s;
}

.distributors--map > .scrollarea .map {
    position: relative;
}

.distributors--map > .scrollarea .wrap .pins > .pin.pin--subsidiaries {
    display: none;
}

.pin.pin--africa {
    left: 580px !important;
    top: 325px !important;
}

.pin.pin--asia {
    left: 780px !important;
    top: 225px !important;
}

.pin.pin--oceania {
    left: 91% !important;
    top: 87% !important;
}

.pin.pin--western-europe {
    left: 51% !important;
    top: 31% !important;
}

.pin.pin--eastern-europe {
    left: 56% !important;
    top: 33% !important;
}

.pin.pin--north-america {
    left: 15% !important;
    top: 30% !important;
}

.pin.pin--south-america {
    left: 30% !important;
    top: 70% !important;
}

.pin.pin--middle-east {
    left: 637px !important;
    top: 235px !important;
}
.distributors--map g[active] path, path[active] {
    fill: #007555;
}

.distributors--map g path, path {
    transition:.2s;
}

.distributors--map > .scrollarea .wrap .pins > .pin:hover {
    background: white;
}

.distributors--map > .scrollarea .wrap .pins > .pin:after {
    content: attr(data-title);
    position: absolute;
    white-space: nowrap;
    background: #292b29;
    border-radius: 3px;
    padding: 3px 10px;
    color: white;
    font-size: 12px;
    top: 20px;
    left: -50%;
    opacity: 0;
    transition: .1s;
}

.distributors--map > .scrollarea .wrap .pins > .pin:hover:after {
    opacity: 1;
}
.distributors--list {
    position: absolute;
    border-radius: 16px;
    background: #FFFCF1;
    box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.25);
    padding: 24px;
    transition: .2s;
    opacity: 0;
    pointer-events: none;
    z-index: 3;
}

.distributors--list .distributor {
    display: flex;
    gap: 16px;
    font-size: 14px;
    font-weight: 300;
}

.distributors--list .distributor img {
    width: 131px;
    height: 65px;
    object-fit: cover;
    mix-blend-mode: darken;
}

.distributors--list.active {
    opacity: 1;
    pointer-events: auto;
}

.distributors--list .distributor .distributor--title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.distributors--list > .wrap {
    display: grid;
    gap: 16px;
}

.distributors--list .distributor .distributor--location {
    color: #007555;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.s-single p {
    max-width: 860px;
    margin-bottom: 16px;
    background: transparent !important;
}

.s-single h2, .s-single h4 {
    max-width: 860px;
    margin-bottom: 30px;
}

.s-single h1 {
    margin-bottom: 40px;
}

.ph-appear {
    font-size: 18px;
    line-height: 1.6;
    color: black;
    margin-bottom: 100px;
}
#_page {
    transition: .2s;
    overflow: hidden;
}

.page--in-progress #_page {
    opacity: 0.2;
}

.rc-mark {
    color: #007996;
    font-family: Days One;
}
.s-wrap.align-center {
    align-items: center;
}
.l-mt-0{
    margin-top: 0 !important;
}

.l-mt-10{
    margin-top: 10px !important;
}

.l-mt-20{
    margin-top: 20px !important;
}

.l-mt-30{
    margin-top: 30px !important;
}

.l-mt-40{
    margin-top: 40px !important;
}

.l-mt-50{
    margin-top: 50px !important;
}

.l-mt-60{
    margin-top: 60px !important;
}

.l-mt-70{
    margin-top: 70px !important;
}

.l-mt-80{
    margin-top: 80px !important;
}

.l-mt-90{
    margin-top: 90px !important;
}

.l-mt-100{
    margin-top: 100px !important;
}

/* Margin Bottom until 100px */

.l-mb-0{
    margin-bottom: 0 !important;
}

.l-mb-10{
    margin-bottom: 10px !important;
}

.l-mb-20{
    margin-bottom: 20px !important;
}

.l-mb-30{
    margin-bottom: 30px !important;
}

.l-mb-40{
    margin-bottom: 40px !important;
}

.l-mb-50{
    margin-bottom: 50px !important;
}

.l-mb-60{
    margin-bottom: 60px !important;
}

.l-mb-70{
    margin-bottom: 70px !important;
}

.l-mb-80{
    margin-bottom: 80px !important;
}

.l-mb-90{
    margin-bottom: 90px !important;
}

.l-mb-100{
    margin-bottom: 100px !important;
}

.l-mb-120{
    margin-bottom: 100px !important;
}

.l-mb-150{
    margin-bottom: 150px !important;
}

.l-mb-170{
    margin-bottom: 170px !important;
}

/* Margin Left until 100px */

.l-ml-0{
    margin-left: 0 !important;
}

.l-ml-10{
    margin-left: 10px !important;
}

.l-ml-20{
    margin-left: 20px !important;
}

.l-ml-30{
    margin-left: 30px !important;
}

.l-ml-40{
    margin-left: 40px !important;
}

.l-ml-50{
    margin-left: 50px !important;
}

.l-ml-60{
    margin-left: 60px !important;
}

.l-ml-70{
    margin-left: 70px !important;
}

.l-ml-80{
    margin-left: 80px !important;
}

.l-ml-90{
    margin-left: 90px !important;
}

.l-ml-100{
    margin-left: 100px !important;
}

/* Margin Right until 100px */

.l-mr-0{
    margin-right: 0 !important;
}

.l-mr-10{
    margin-right: 10px !important;
}

.l-mr-20{
    margin-right: 20px !important;
}

.l-mr-30{
    margin-right: 30px !important;
}

.l-mr-40{
    margin-right: 40px !important;
}

.l-mr-50{
    margin-right: 50px !important;
}

.l-mr-60{
    margin-right: 60px !important;
}

.l-mr-70{
    margin-right: 70px !important;
}
.l-pb-0 {
    padding-bottom: 0 !important;
}
.l-pt-0 {
    padding-top: 0 !important;
}

.l-pt-160 {
    padding-top: 160px !important;
}
.text-center {
    text-align: center;
}
.s-faq.style--1:last-child {
    padding-bottom: 150px;
}
.s-home--start .wrap .container p {
    font-size: 39px;
}
.uppercase {
    text-transform: uppercase;
}
.s-banner .s-header > .label.uppercase {
    text-transform: uppercase;
    font-size: 55px;
}
.s-banner.home-1 {
    padding: 65px 100px;
}
.s-banner.home-2:after {
    display: none;
}
.r-carbon-block-1 {
    padding: 200px 0 0 0;
}
.font-16 {
    font-size: 16px;
}

.r-carbon-block-2 .ui-icons.grid-5 {
    grid-template-columns: 19% 22% 18% 18% 23%;
}
.r-carbon-block-2 .ui-icons.grid-5 h3{
    opacity: 0.8;
    /* font-size: 18px; */
}
.r-carbon-block-2 .s-header {
    margin-bottom: 30px;
}
.r-carbon-block-2 .ui-icons.grid-5 > .item:nth-child(4) h3 {
    opacity: 1;
}
.s-ellipse .r-carbon-block-3 .s-wrap .s-content {
    max-width: 100%;
}
.r-carbon-section-1 {
    padding: 100px 0;
}
.r-carbon-section-2 {
    padding: 60px 0 100px 0;
}
.r-carbon-section-2 ul li,
.r-carbon-section-2 ul {
    list-style: none; /* Remove default bullets */
}
.r-carbon-block-4 {
    margin-top: 140px;
}
.r-carbon-block-2 {
    padding-bottom: 20px;
}
.r-carbon-section-3 {
    padding-bottom: 160px;
}
.r-carbon-section-3 .ui-vector div {
    max-width: 379px;
}
#earn {
    padding-top: 50px;
    padding-bottom: 0;
}

.r-carbon-section-2 ul li::before {
    background: #00879B; /* Change the color */
}
.r-carbon-section-3 .s-content {
    max-width: 100% !important;
}
.r-carbon-section-3 .s-content p {
    margin-bottom: 0;
    font-size: 20px;
}
.team--item .image {
    min-height: 356px;
    line-height: 0;
    margin-bottom: 10px;
    background: #f2f0e4;
    position: relative;
    border-radius: 24px;
}

.team--item.style--1 .image {
    min-height: 293px;
    border-radius: 24px;
}
.team--item.style--1 .image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4.00002 21.8174C4.6026 22 5.41649 22 6.8 22H17.2C18.5835 22 19.3974 22 20 21.8174M4.00002 21.8174C3.87082 21.7783 3.75133 21.7308 3.63803 21.673C3.07354 21.3854 2.6146 20.9265 2.32698 20.362C2 19.7202 2 18.8802 2 17.2V6.8C2 5.11984 2 4.27976 2.32698 3.63803C2.6146 3.07354 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2H17.2C18.8802 2 19.7202 2 20.362 2.32698C20.9265 2.6146 21.3854 3.07354 21.673 3.63803C22 4.27976 22 5.11984 22 6.8V17.2C22 18.8802 22 19.7202 21.673 20.362C21.3854 20.9265 20.9265 21.3854 20.362 21.673C20.2487 21.7308 20.1292 21.7783 20 21.8174M4.00002 21.8174C4.00035 21.0081 4.00521 20.5799 4.07686 20.2196C4.39249 18.6329 5.63288 17.3925 7.21964 17.0769C7.60603 17 8.07069 17 9 17H15C15.9293 17 16.394 17 16.7804 17.0769C18.3671 17.3925 19.6075 18.6329 19.9231 20.2196C19.9948 20.5799 19.9996 21.0081 20 21.8174M16 9.5C16 11.7091 14.2091 13.5 12 13.5C9.79086 13.5 8 11.7091 8 9.5C8 7.29086 9.79086 5.5 12 5.5C14.2091 5.5 16 7.29086 16 9.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: cover;
    background-position: center;
    width: 100px;
    height: 100px;
    z-index: 0;
    opacity: 0.1;
}
.rc-start-btn {
    font-size: 28px;
}

.product--wrapper {
    display: flex;
    margin-top: 30px;
    position: relative;
}

.products--leaf .item:first-child {
    margin-bottom: auto;
}
.color--rootella-p .product--details > .wrap img {
    border: none;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1111;
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}

.modal .window {
    max-width: 700px;
    margin: auto;
    border-radius: 24px;
    background: #FFFCF1;
    width: 100%;
    position: relative;
}

.modal > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008c;
}

.modal > .scrollarea {
    position: relative;
    z-index: 1;
    overflow: auto;
    width: max-content;
    margin: auto;
    max-height: 100vh;
    padding-top: 20vh;
}

body.modal--open {
    overflow: hidden !important;
}

.modal .window.window--member {
    max-width: 1063px;
}

.window--member .wrap {
    display: flex;
    gap: 50px;
    padding: 80px;
}

.window--member .wrap .image img {
    width: 100%;
    max-width: 325px;
    height: 331px;
    object-fit: cover;
    border-radius: 24px;
    object-position: top;
}

.window--member .wrap .col-left {
    min-width: 36%;
}

.modal .window > .close {
    position: absolute;
    right: 24px;
    top: 24px;
}
.--modal-career .close {
    position: absolute;
    top: 50px;
    right: 30px;
    width: 30px;
    height: 30px;
}

.--modal-career .close span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: black;
    transform: rotate(45deg);
}

.--modal-career .close span:last-child {
    transform: rotate(-45deg);
}
.modal.shown {
    opacity: 1;
    visibility: visible;
}

.window--member .wrap .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 110%; /* 22px */
    margin-bottom: 8px;
}

.window--member .wrap .caption {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 32px;
}

.window--member .wrap .description {
    line-height: 120%;
}

.products-page-carbon:after {
    display: none;
}

.products-page-carbon .bg > div {
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: center !important;
}
footer.dark .title img {
    filter: contrast(0) grayscale(1) brightness(9.5);
    mix-blend-mode: initial;
}

.newsletter .caption {
    color: #5B3B1D;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; /* 133.333% */
    text-transform: uppercase;
}
.dark .newsletter .caption {
    color: white;
}
footer .wrap-primary ul a {
    font-weight: 600;
}

section#rootella {
    margin-bottom: 50px;
    margin-top: 50px;
}

.ui_form__fieldset > .field textarea {
    width: 100%;
    border-bottom: 1px solid #2a2b2a;
    padding-top: 25px;
    padding-left: 25px;
}

.s-content.no-max {
    max-width: none !important;
}
.blogSwiper .swiper-slide {
    max-width: calc(33% - 16px);
    height: auto;
}
.toggle-footer-menu {
    display: none;
}
.toggle-footer-menu.active {
    transform: rotate(45deg);
}

.s-7 {
    margin: 150px 0;
    text-align: center;
    font-size: 20px;
}

.s-7 p {
    max-width: 997px;
    margin: auto;
    margin-bottom: 20px;
}
.impact--card > .wrap {
    display: flex;
    text-align: left;
    gap: 42px;
    align-items: center;
    font-size: 14px;
    flex-direction: row-reverse;
}

.impact--card > .wrap img {
    width: 150px;
    mix-blend-mode: darken;
}

.impact--card > .wrap .details {
    display: grid;
    grid-template-columns: 41% 59%;
    border-radius: 24px;
    border: 1px solid var(--Green, #007555);
}

.impact--card > .wrap .details  .label {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 600;
}

.impact--card > .wrap .details p {
    margin-top: 5px;
    margin-bottom: 0;
}

.impact--card > .wrap .details > .col-left, .impact--card > .wrap .details > .col-right {
    padding: 30px 24px;
}

.impact--card > .wrap .details > .col-left {
    border-radius: 22px;
    background: var(--Green, #007555);
    color: white;
}

.impactSlider > .swiper-wrapper {
    display: grid;
    gap: 30px;
}

.impact--card > .wrap .icon {background: #fefcf1;}

.impactSlider {
    margin-top: 60px;
}

.ui-img {
    margin-top: 80px;
}

.ui-img img {
    border-radius: 17px;
    width: 100%;
}
.s-quote {
    text-align: center;
    max-width: 1000px;
    margin: auto;
    position: relative;
}

.s-quote .content > .text {
    font-size: 64px;
    line-height: 90%;
}

.s-quote .quote .text:before, .s-quote .quote .text:after {
    content: '';
    width: 66.002px;
    height: 52px;
    display: block;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="67" height="52" viewBox="0 0 67 52" fill="none"><path d="M54.6174 0.000241756L54.4636 36.7061L51.079 22.9414C55.4892 22.9414 59.079 24.2159 61.8482 26.7649C64.6174 29.314 66.002 32.8316 66.002 37.3179C66.002 41.7022 64.5661 45.2708 61.6943 48.0238C58.9251 50.6747 55.4379 52.0002 51.2328 52.0002C46.9251 52.0002 43.3354 50.6747 40.4636 48.0238C37.6943 45.2708 36.3097 41.7022 36.3097 37.3179C36.3097 35.9924 36.4123 34.7179 36.6174 33.4944C36.8225 32.1689 37.2328 30.6395 37.8482 28.9061C38.4636 27.1728 37.688 29.0473 40.4636 22.0238C43.2391 15.0002 53.3866 0.000241756 53.3866 0.000241756H54.6174Z" fill="%23007555"/><path d="M18.3077 0L18.1538 36.7059L14.7692 22.9412C19.1795 22.9412 22.7692 24.2157 25.5385 26.7647C28.3077 29.3137 29.6923 32.8314 29.6923 37.3176C29.6923 41.702 28.2564 45.2706 25.3846 48.0235C22.6154 50.6745 19.1282 52 14.9231 52C10.6154 52 7.02564 50.6745 4.15385 48.0235C1.38462 45.2706 0 41.702 0 37.3176C0 35.9922 0.102565 34.7176 0.307693 33.4941C0.512822 32.1686 0.923077 30.6392 1.53846 28.9059C2.15385 27.1725 1.37827 29.0471 4.15385 22.0235C6.92942 15 17.0769 0 17.0769 0H18.3077Z" fill="%23007555"/></svg>');
}


.s-quote .quote .text:after {
    margin-left: auto;
    transform: rotate(180deg);
    margin-bottom: -50px;
}

.s-quote .quote >.content {
    display: grid;
    gap: 40px;
}

.s-quote > .wrapper {
    display: grid;
    gap: 40px;
}

.s-quote .quote >.content .author .name {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}

.s-quote .quote >.content .author {
    line-height: 1;
    text-transform: uppercase;
    display: grid;
    gap: 9px;
}

.relative {
    position:relative;
}

.rc-logo p {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.2;
    margin-top: 15px;
}

.s-ellipse.h-100 {
    min-height: 95vh;
}
.s-ellipse.style--2 {
    padding-top: 120px;
    margin-top: -3vh;
}

.s-ellipse.style--2:after {
    opacity: 0;
}

.s-ellipse.style--3 p {
    font-size: 36px;
    line-height: 120%;
}

.s-ellipse.style--3 {
    padding: 100px 0;
}

.s-ellipse.style--3 > .wrap h2 {
    text-transform: none;
    max-width: 844px;
    margin-left: auto;
    margin-right: auto;
}

.s-ellipse.style--3 > .wrap {
    max-width: inherit;
}

.s-ellipse.style--3:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 43.17%, rgba(0, 0, 0, 0.00) 100%);
}
.title-2 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 24px;
}
.title-3 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 24px;
}
.rc--blocks .wrap {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    font-size: 20px;
    text-align: center;
    gap: 14px;
    width: calc(100% - 28px);
}

.rc--blocks .wrap .item {
    position: relative;
    cursor: pointer;
}

.rc--blocks .wrap .item .hover {
    position: absolute;
    transition: .2s;
    opacity: 0;
    border: 1px solid #000;
    background: #FFFCF1;
    z-index: 1;
    height: 100%;
    top: 0;
    padding: 53px 48px;
    width: 100%;
    display: flex;
    align-items: center;
    visibility: hidden;
}

.rc--blocks .wrap .item .placeholder {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Nunito Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 26.4px */
    background: url('../images/823cfc89cfb018adbba7ac3f6084471d.jpeg');
    background-size: 300%;
    padding: 39px 40px;
    cursor: pointer;
    position: relative;
    transition: .2s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rc--blocks .wrap .item .placeholder img {
    width: 100px;
    height: 100px;
    margin-bottom: 16px;
    filter: grayscale(1) brightness(7.5);
}

.rc--blocks .wrap .item .placeholder:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000047;
    z-index: 0;
}

.rc--blocks .wrap .item .placeholder > * {
    position: relative;
    z-index: 1;
}

.rc--blocks .wrap .item:hover .hover {
    opacity: 1;
    visibility: visible;
}
.rc--blocks .wrap .item:first-child+.item+.item .placeholder, .rc--blocks .wrap .item:first-child+.item+.item .placeholder:after, .rc--blocks .wrap .item:first-child+.item+.item .hover  {
    border-radius: 0px 84px 0px 0px;
}


.rc--blocks .wrap .item:first-child+.item+.item+.item .placeholder, .rc--blocks .wrap .item:first-child+.item+.item+.item .placeholder:after, .rc--blocks .wrap .item:first-child+.item+.item+.item .hover  {
    border-radius: 0px 0px 0px 84px;
}

.s-1.reverse.style--1 .s-wrap .col-right {
    min-width: 294px;
}

.style--1 .ui-vector {
    height: 423.947px;
}

.style--1 .ui-vector > div {
    height: 423.947px;
    width: 294px;
}

.s-1.reverse.style--1 .s-wrap {
    gap: 92px;
}

.s-1.reverse.style--1 .s-wrap .col-left {
    max-width: initial;
}

.s-1.reverse.style--1 .s-wrap .s-header > .label {
    font-size: 64px;
}

.rc-bars > .wrap {
    display: flex;
    gap: 5px;
    width: 100%;
}

.rc-bars > .wrap > .item {
    position: relative;
    display: flex;
    flex: 1;
    height: 308px;
    cursor: pointer;
    transition: .3s;
    width: 100%;
    align-items: center;
    overflow: hidden;
    padding: 50px 20px;
    font-size: 24px;
    line-height: 1.2;
}

.rc-bars > .wrap .bg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.rc-bars > .wrap > .item > .content {
    z-index: 1;
    width: 100%;
    max-width: 272px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rc-bars > .wrap > .item:hover {
    flex: 2;
}

.rc-bars > .wrap > .item > .bg {
    transition: .2s;
    opacity: 0.7;
}

.rc-bars > .wrap > .item:hover > .bg {
    filter: blur(10px);
    transform: scale(1.2);
}

.rc-bars > .wrap > .item .title {
    font-size: 32px;
    font-family: Nunito Sans !important;
    font-weight: 400;
    line-height: 110%;
    transition: .4s;
    transform: translate3d(0px, 0px, 0px);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    padding: 0;
    height: max-content;
}

.rc-bars > .wrap > .item  .hover {
    margin-top: 76px;
    transition: .6s;
    transform: scale(.8);
    opacity: 0;
}

.rc-bars > .wrap > .item:hover .title {
    /* transform: translate3d(0px, -70%, 0px); */
    font-weight: 700;
}

.rc-bars > .wrap > .item:hover .hover {
    transform: scale(1);
    opacity: 1;
}
.text-left {
    text-align: left;
}
.fixed-btn {
    position: fixed;
    left: -90px;
    top: 50%;
    z-index: 11;
    color: white;
    background: #2a2b2a;
    padding: 10px 30px;
    border: 1px solid #fefcf1;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0px 0px 0px 40px;
    padding-left: 40px;
    cursor: pointer;
    transform: rotate(-90deg);
}
.wrap-ego {
    text-align: center;
    padding-bottom: 30px;
    color: #acacac;
}

.wrap-ego a:hover {
    color: #027555;
}

p.has-text-align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

figure.wp-block-image.size-large {
    padding: 20px 0;
}

.hover-bold:hover {
    font-weight: 700;
    letter-spacing: -.4px;
}

.compatibility-frame iframe {
    width: 100%;
    border: none;
    min-height: 297px;
    border-radius: 20px;
    overflow: hidden;
    background: white;
}

.s-single iframe {
    max-width: 100%;
    max-height: 600px;
}

.card--video iframe {height: 220px;border-radius: 18px;}

.card--video figure.wp-block-embed {
    max-width: 560px;
}

.posts--list .s-content .ui-post--card--1:first-child iframe, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) iframe {
    height: 300px;
}

.s-home--features iframe {
    width: 100%;
    height: 400px;
    border-radius: 60px 0;
    margin: 20px 0;
}


.s-trial-1 .s-wrap {
    display: flex;
    gap: 50px;
    justify-content: space-between;
}

.s-trial-1 .s-wrap .--label img {
    max-height: 54px;
}

.s-trial-1 .s-wrap .--label {
    border-radius: 4px;
    background: rgba(255, 252, 241, 0.70);
    padding: 12px 14px;
    position: RELATIVE;
    font-family: 'Days One', sans-serif;
    font-weight: 400;
}

.s-trial-1 .s-wrap > .--left {
    display: flex;
    align-items: self-start;
    color: #2A2B2A;
    font-size: 30px;
    font-weight: 700;
    justify-content: space-between;
    width: 60%;
}


.s-trial-1 .s-wrap .--label.--2 {
    top: -50px;
}

.s-trial-1 .s-wrap .--label.--1 {
    top: 50px;
}

.--btn-get-free {background: #007954;display: block;text-decoration: none;border-radius: 5px;padding: 10px;font-weight: 600;font-size: 2rem;color: white;width: max-content;text-align: center;}

.--btn-get-free span {
    font-weight: 400;
    font-family: 'Days One', sans-serif;
}

.s-trial-1 .s-wrap > .--right .--caption {
    margin-top: 156px;
    font-weight: 600;
    font-size: 24px;
}

.s-trial-form {
    gap: 100px;
    display: flex;
    margin: 100px 0;
}

.s-trial-form .--left img {
    max-width: 158px;
}

.s-trial-form .--right {
    width: 100%;
}

.s-trial-form .--right .--form {
    background: var(--grafit, #2A2B2A);
    color: white;
    padding: 26px 23px;
}

.s-trial-form .--right .--form label, .s-trial-form .--right .--form .checkbox label {
    color: white;
}

.s-trial-form .--right .--form .ui_form__fieldset > .field > input {
    border-color: white;
    color: white;
}

.s-trial-form > .--left {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.s-trial-form .--right .--form .form__send {
    display: flex;
    justify-content: end;
}

.s-trial-form .--right .--form .form__send svg path {
    stroke: white;
}

.s-trial-review > .s-wrap {
    display: flex;
    gap: 160px;
}

.s-trial-review > .s-wrap .--review-text .--block {
    background: #007555;
    color: white;
    padding: 20px 30px;
}

.s-trial-review > .s-wrap .--review-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.s-trial-review > .s-wrap .--review-text .--block.--user {
    display: flex;
    align-items: center;
    gap: 70px;
}

.s-trial-review > .s-wrap .--review-text .--block.--user img {
    width: 100px;
    border-radius: 100px;
}

.s-trial-review > .s-wrap .--review-text .--block.--user .--left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.s-trial-review > .s-wrap .ui-post--card--1 {
    width: 100%;
}



.s-single--start.s-trial-start {
    margin-bottom: 70px;
}

.s-single--start.s-trial-start h1.label {
    text-transform: uppercase;
    font-size: 44px;
}

.s-trial-1 .s-wrap .--right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.s-home--features.s-trial-benefits .ui-icons {
    grid-template-columns: 50% 50%;
    width: calc(100% - 60px);
    gap: 60px;
    max-width: 640px;
    margin: auto;
}

section.s-home--features.s-trial-benefits .ui-icons .label img {
    width: 100%;
}

section.s-home--features.s-trial-benefits .ui-icons  h3 {
    color: var(--Green, #007555);
}

section {}

.s-trial-about > .s-wrap {
    display: flex;
    gap: 100px;
}

.s-trial-about > .s-wrap .--left img {
    width: 220px;
    height: 220px;
    border-radius: 100%;
}

.s-trial-explore img {
    width: 100%;
}

.s-trial-explore  a {
    display: inline-block;
    margin: auto;
    font-size: 40px;
    text-decoration: none;
    color: white;
    border-radius: 16px;
    background: #007555;
    padding: 11px 25px;
}

.s-trial-explore {
    text-align: center;
}

.s-trial-explore a b {
    font-weight: 300;
    font-family: 'Days One', sans-serif;
}
.s-trial-review > .s-wrap iframe {
    width: 100%;
}

.s-trial-about {
    margin: 100px 0;
}

.s-trial-about h3 {
    font-family: Nunito Sans;
    font-size: 32px;
    margin: 24px 0;
}

.s-trial-about ul {
    list-style: none;
    font-size: 20px;
    display: grid;
    gap: 10px;
}

.s-trial-about ul li {
    display: flex;
    gap: 5px;
}

.s-trial-about ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #007555;
    border-radius: 10px;
    margin-top: 11px;
}

.s-trial-about .--btn {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 44px */
    text-transform: capitalize;
    background: #007954;
    text-decoration: none;
    border-radius: 9px;
    padding: 5px 26px;
    margin-left: auto;
}

.s-trial-about .--right {
    display: grid;
}

.s-trial-about h2.label {
    text-transform: uppercase;
}

.s-trial-form .--right .--form .ui_form__fieldset > .field > input[type="radio"] {
    display: none;
}

.ui_form__fieldset > .title {
    margin-bottom: 10px;
}

.s-trial-review .ui-post--card--1 > .wrapper > .details .meta {
    display: none;
}

.page-id-5452 .s-single {
    padding-top: 30px;
}

.wp-block-search input {
    width: 100%;
    border: none;
    padding: 10px 20px;
}

.wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 7px 0 #00000014;
}

.wp-block-search {
    max-width: 500px;
    margin: auto;
}

.wp-block-search label {
    display: none;
}

.wp-block-search button {
    border: none;
    font-weight: 700;
    border-left: 1px solid #d5d5d5;
    cursor: pointer;
    padding: 0 20px;
}

.ui-post--card--2 {
    border-bottom: 1px solid;
    padding-bottom: 25px;
    width: 100%;
}

.ui-post--card--2 h2.title a {
    text-decoration: none;
    color: black;
    display: block;
}

.ui-post--card--2 h2.title {
    margin: 0;
    line-height: 1.3;
    margin: 11px 0;
}

.ui-post--card--2 .meta {
    display: flex;
    flex-wrap: wrap;
    color: gray;
    gap: 10px;
    font-size: 14px;
}

.ui-post--card--2 .meta .category a {text-decoration: none;}

.ui-post--card--2:last-child {
    border-bottom: 0px;
    padding-bottom: 0;
}
.s-trial-1.s-ellipse:after {
    display: none;
}
.closeq {
    transform: rotate(180deg);
    float: right;
}

.s-trial-images {
    display: grid;
    gap: 5px;
    grid-template-columns: auto auto auto;
    border-radius: 40px 0 40px 0;
    overflow: hidden;
}

.s-trial-images img {
    max-width: 100%;
}
.s-trial-contact {
    margin-bottom: 80px;
    text-align: center;
    background: #0075550d;
    border-radius: 100px 0 100px;
    padding: 50px 0;
}

.s-trial-contact .s-header {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.s-trial-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000057;
    z-index: 111;
    overflow: hidden;
    transition: 0.2s;
    opacity: 0;
    visibility: hidden;
}
.s-trial-popup.show{
	opacity: 1;
    visibility: visible;
}
.s-trial-popup .--form {
    max-width: 600px;
    background: white;
    padding: 40px;
    border-radius: 16px;
    margin: auto;
    width: 100%;
    position: RELATIVE;
}
.s-trial-popup > .--wrap .--close {
    font-family: unset;
    font-size: 19px;
    font-weight: 100;
    position: absolute;
    z-index: 11;
    right: 30px;
    top: 20px;
    background: #0000000d;
    line-height: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding-bottom: 2px;
}
.s-trial-popup > .--wrap {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.s-trial-popup input[type="radio"] {
    display: none;
}

.eventsSwiper .swiper-slide {
    max-width: 355px;
}

.eventsSwiper {
	position:relative;
}
.swiper-button-next, .swiper-button-prev {
    filter: hue-rotate(283deg) brightness(0.5);
}

.swiper-button-next {
    right: -55px;
}

.swiper-button-prev {
    left: -55px;
}

.eventsSwiper .swiper-slide .ui-post--card {
    transition: .2s;
    opacity: 0;
}

.eventsSwiper .swiper-slide.swiper-slide-active .ui-post--card, .eventsSwiper .swiper-slide.swiper-slide-active+div .ui-post--card, .eventsSwiper .swiper-slide.swiper-slide-active+div+div .ui-post--card {
    opacity: 1;
}

.s-trial-popup .--form .--btn-get-free {
    margin: auto;
    margin-bottom: 30px;
}


header .h-wrap .logo .hover {
    position: absolute;
    left: -4px;
    width: auto;
    top: 0px;
    opacity: 1;
}
header .h-wrap .logo:hover .normal {
    opacity: 1;
}
header .h-wrap .logo:hover .hover {
    opacity: 0;
}

[data-animate-text] {
    overflow: hidden;
    line-height: 1.4;
}

[data-animate-text] .word {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    /* color: black; */
    align-items: center;
}

.theme-dark [data-animate-text] .word, .s-b [data-animate-text] .word {
    color: white;
}

[data-animate-text] .word > .text {
    display: -webkit-inline-flex;
    position: relative;
    transition: .8s;
    transition-timing-function: cubic-bezier(0.42, 0, 0, 0.95);
    transform: translate3d(0px, 111%, 0px);
    -webkit-transition: .8s;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0, 0.95);
    -webkit-transform: translate3d(0px, 111%, 0px);
    opacity: 0;
    align-items: baseline;
}
[data-animate-text].nofly .word > .text {
    transform: translate3d(0px, 0%, 0px);
    -webkit-transform: translate3d(0px, 0%, 0px);
}
.page--loaded .animate[data-animate-text] .word > .text {
    transform: translate3d(0px, 0%, 0px);
    -webkit-transform: translate3d(0px, 0%, 0px);
    opacity: 1;
}



[data-animate-text] .word > .text > .arrow {
    height: 60px;
    width: 0px;
    top: 0;
    z-index: 6;
    display: inline-flex;
    overflow: hidden;
    line-height: 0;
    transition: .7s;
    position: RELATIVE;
    transform: translate3d(-10px, 0px, 0px);
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.72);
    transition-delay: 1s;
    -webkit-transition: .7s;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0, 1.72);
    -webkit-transition-delay: 1s;
    -webkit-transform: translate3d(-10px, 0px, 0px);
    margin-right: 15px;
    margin-bottom: 6px;
    justify-content: center;
}

[data-animate-text] .word > .text > .arrow.r {
    transform: translate3d(-10px, 0px, 0px) rotate(180deg);
    -webkit-transform: translate3d(-10px, 0px, 0px) rotate(180deg);
}

[data-animate-text].animate .word > .text > .arrow.r {
    transform: rotate(180deg) translate3d(0px, 0px, 0px);
    -webkit-transform: rotate(180deg) translate3d(0px, 0px, 0px);
}

.s-header > .label[data-animate-text] span:not([class]) {
    margin-right: 10px;
}

[data-animate-scroll] {
    transition: .4s;
    transform: translate3d(0px, 30px, 0px);
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.02);
    opacity: 0;
    transition-delay: .4s;
}

[data-animate-scroll].animate {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}


[data-animate-scroll] .ui-icons > .item {
    position: relative;
    transition: .3s;
    opacity: 0;
    transition-delay: 1s;
}

[data-animate-scroll] .ui-icons > .item+div {
    transition-delay: 1.2s;
}

[data-animate-scroll] .ui-icons > .item+div+div {
    transition-delay: 1.4s;
}

[data-animate-scroll] .ui-icons > .item+div+div+div {
    transition-delay: 1.6s;
}

[data-animate-scroll].animate .ui-icons > .item {
    opacity: 1;
}


.ui-btn:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #027555;
    z-index: -1;
    transition: .6s;
    transition-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}

.ui-btn:hover:before {
    height: 100%;
}

.ui-btn.btn-white:before {
    background: white;
}

.ui-btn.btn-white:hover {
    color: #027555;
}

.ui-btn.btn-white:hover > .icon {
    filter: invert(18%) sepia(63%) saturate(4366%) hue-rotate(40deg) brightness(73%) contrast(98%);
}

.s-single--start.s-trial-start .subheader {
    font-size: 21px;
    margin-top: 14px;
}

.accordion--item .--readmore {
    margin-top: 10px;
}

.accordion--item.active .--readmore {
    display: none;
}
section.s-trial-review {
    margin-bottom: 50px;
}
p img {
    max-width: 100%;
}

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

h3.wp-block-heading {
    margin-bottom: 20px;
    font-size: 20px;
}

.page--5551 .thumbnail img {
    margin: auto;
}

.upload-file {
    border: 1px dashed;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.--modal-career {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .2s;
    opacity: 0;
    visibility: hidden;
    z-index: 111;
}
.--modal-career.show{
	opacity: 1;
    visibility: visible;
}
.--modal-career > .--window {
    max-width: 500px;
    margin: 20px auto;
    background: white;
    padding: 40px;
    border-radius: 20px;
    overflow: auto;
    max-height: 100%;
    position: relative;
    z-index: 1;
    transition: 0.2s;
    transform: translate3d(0px, 40px, 0px);
}
.--modal-career.show  > .--window{
	transform: translate3d(0px, 0px, 0px);
}
.--modal-career h2 {
	margin-bottom: 20px;
}
.--modal-career:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000029;
}

.g-recaptcha-style {
    margin-bottom: 20px;
}
.g-recaptcha-style > div {
    margin: 0 auto;
}

.--product-list-switcher {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.--product-list-switcher select {
    background: none;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    left: -10px;
    cursor: pointer;
    font-weight: 600;
}

.--product-list-switcher .line {
    width: 100%;
    height: 3px;
    background: #50b949;
    border-radius: 10px;
}

.s-ellipse.no-shadow:after {
    display: none;
}

@media(min-width: 1024px) {
    .r-carbon-block-1 .s-wrap {
        align-items: start;
    }
    .r-carbon-block-1 .ui-vector div {
        width: 379px;
        height: 546px;
        right: 0;
    }
	
	.--product-list-switcher select {
		font-size: 26px;
	}
}

@media(min-width: 1199px) {
    .s-product-filter .filters:after {
        content: '';
        height: 1px;
        width: 100%;
        background: #007555;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 11px;
        max-width: 400px;
    }
    body ul#menu-header-menu  #menu-item-6319 a,
    body ul#menu-header-menu  #menu-item-6318 a {
        font-size: 32px;
        font-family: 'Days One';
        font-weight: 300;
        color: #007555 !important;
    }
}

@media(min-height: 1045px) {
    header > .wrapper {
        padding: 24px 0 54px 0;
    }

}
@media(min-width: 1980px) {
	.s-ellipse {
		margin:0;
	}
}

 #menu-item-6319 a,
 #menu-item-6318 a {
     font-size: 32px;
     font-family: 'Days One';
     font-weight: 300;
     color: #007996 !important;
}

 @media (max-width: 1024px) {
     body ul#menu-header-menu  #menu-item-6319 a,
     body ul#menu-header-menu  #menu-item-6318 a {
         font-family: 'Days One';
         font-weight: 300;
         color: #007996 !important;
     }
 }

.page-id-6438 .fixed-btn {
    display: none!important;
}

.page-id-4359 figure figcaption {
    margin-top: 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 24px;
}

/* rootella carbon valuer prop */
.carbon-sequestration-section {
    padding: 90px 00px;
    font-family: Arial, sans-serif;
}

.carbon-sequestration-section h2 {
    text-align: center;
    color: #1B81A3;
    font-family: 'Days One', sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 46px;
}

.carbon-sequestration-section .cards {
    display: flex;
    justify-content: center;
    gap: 28px;
    overflow: hidden;
}
.carbon-sequestration-section .card .shield img {
    width: auto;
    max-width: 100%;
}
.carbon-sequestration-section .card {
    width: 354px;
}
.carbon-sequestration-section .cards > .card:first-child ul > li:last-child,
.carbon-sequestration-section .cards > .card:nth-child(3) ul > li:last-child {
    border-bottom: none;
}
.carbon-sequestration-section .card .wrap {
    background: #EDEDED;
    padding: 0;
    width: 100%;
    text-align: center;
    min-height: 452px;
}
.carbon-sequestration-section .card .wrap ul {
    list-style: none;
    text-align: center;
    color: #262525;
    padding: 0;
}
.carbon-sequestration-section .card .wrap ul > li {
    border-bottom: 1px solid #B3B3B3;
    padding: 13px 15px;
    font-size: 25px;
    min-height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.carbon-sequestration-section .shield {
    height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 0;
    max-width: 357px;
    position: relative;
}
.carbon-sequestration-section .cards > .card:first-child .shield,
.carbon-sequestration-section .cards > .card:nth-child(2) .shield {
    padding-bottom: 30px;
}

.carbon-sequestration-section .card .duration {
    font-weight: 400;
    height: 95px;
    background-color: #2A2B2A;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: white;
    font-family: 'Days One', sans-serif;
}

.carbon-sequestration-section .card ul {
    list-style: disc inside;
    text-align: left;
    padding: 0;
}

.carbon-sequestration-section .note {
    width: 100%;
    font-family: 'Days One', sans-serif;
    min-height: 95px;
    margin-top: 50px;
    font-size: 40px;
    display: inline-block;
    background: #1A81A4;
    color: white;
    padding: 20px 20px;
    font-weight: 400;
    text-align: center;
    position: relative;
}
.carbon-sequestration-section .note:before {
    content: '';
    position: absolute;
    top: -36px;
    right: 14%;
    width: 54px;
    height: 38px;
    background-image: url('data:image/svg+xml,<svg width="54" height="38" viewBox="0 0 54 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M53.7176 37.3115L27.2987 0.963634L0.879883 37.3115H53.7176Z" fill="%231A81A4"/></svg>');
}
.carbon-sequestration-section .icon-title {
    position: absolute;
    font-family: 'Days One', sans-serif;
    color: white;
    text-align: center;
    font-size: 28px;
    line-height: 100%;
    bottom: 28%;
}
.carbon-sequestration-section .cards > .card:first-child .shield .icon-title {
    bottom: 30%;
}
.carbon-sequestration-section .cards > .card:nth-child(2) .shield .icon-title {
    bottom: 38%;
}
.carbon-sequestration-section .cards > .card:nth-child(3) .shield .icon-title {
    bottom: 42%;
}
@media (max-width: 1024px) {
    .carbon-sequestration-section .cards {
        flex-wrap: wrap;
    }
    .carbon-sequestration-section .note:before {
        right: 0;
        left: 0;
        margin: 0 auto
    }
}
@media (max-width: 767px) {
    .carbon-sequestration-section .card .wrap {
        min-height: auto;
    }
    .carbon-sequestration-section .note,
    .carbon-sequestration-section h2 {
        font-size: 2rem;
    }
    .carbon-sequestration-section .shield {
        height: auto;
    }
}
/* rootella carbon valuer prop end */
.s-border-bottom-blue {
    background: url(../images/blue-bg.png);
    transform: rotate(0deg);
    bottom: -5vh;
    top: inherit;
}

.rootella-home-section.other iframe {
    width: 100%;
    border-radius: 0;
    margin: 3px 0;
}

.carbon-sequestration-section img {
    width: auto;
    max-width: 100%;
}