body {
    background-color: #f5f5f5;
}


.hero-section-plant {
    margin-top: 91px;
    display: flex;
    align-items: center;
    /*height: 336px;*/
}

.hero-section-plant .hero-section-plant-holder {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: 15%;
    width: 70%;
    padding-top: 48px;
    padding-bottom: 48px;
}

.hero-section-plant .hero-section-plant-holder span {
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(2px);
    padding: 8px 12px;
    color: #FFF;
    font-family: 'Figtree', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}

.hero-section-plant .hero-section-plant-holder h1 {
    flex: 0 0 100%;
    margin: 12px auto 24px;
    color: #FFF;
    text-align: center;
    font-family: 'Literata', sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 64px;
}

.hero-section-plant .hero-section-plant-holder p {
    color: #FFF;
    text-align: center;
    font-family: 'Figtree', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.find-plants {
    margin-top: 60px;
    margin-bottom: 120px;
}

.find-plants-holder h2 {
    color: #333;
    font-family: 'Literata', sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 60px;
}

.find-plants-holder__categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.find-plants-holder__categories-left {
    flex: 0 0 17%;
    display: flex;
    flex-flow: row wrap;
    padding: 12px;
    border-radius: 16px;
    background: #FAFAFA;
}

.find-plants-holder__categories-left span {
    color: #333;
    font-family: 'Literata', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 25px;
}

.find-plants-holder__categories-left .find-plants-holder__categories-left-btns {
    display: flex;
    flex-flow: row wrap;
    transition: 300ms;
}

.find-plants-holder__categories-left .find-plants-holder__categories-left-btns a {
    flex: 0 0 100%;
    color: #333;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    padding: 12px;
    border-radius: 8px;
}

.find-plants-holder__categories-left .find-plants-holder__categories-left-btns a:hover {
    background-color: #DBE6DE;
}

.active-cat {
    background: #0F4F1E;
    color: #fff !important;
}

.active-filter{
    background: #EEF9F1;
    color: #0F4F1E !important;
}

.find-plants-holder__categories-right {
    flex: 0 0 81%;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}

.find-plants-holder__categories-right__subcategory {
    flex: 0 0 23%;
    padding-top: 12px;
    margin-right: 16px;
}

.find-plants-holder__categories-right__subcategory:last-of-type {
    margin-right: 0;
}

.find-plants-holder__categories-right__subcategory span {
    color: #333;
    font-family: 'Literata', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
}

.find-plants-holder__categories-right__subcategory-holder {
    display: flex;
    flex-flow: row wrap;
    transition: 300ms;
    margin-top: 24px;
}

.find-plants-holder__categories-right__subcategory-holder a {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #FAFAFA;
    background: #FFF;
    color: #333;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    text-decoration: none;
}

.find-plants-holder__categories-right__subcategory-holder a:hover {
    background-color: #F5F5F5;
}

.plant-cta {
    margin-bottom: 100px;
}

.plant-cta .container .row{
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}

.plant-cta-holder {
    padding: 40px;
    border-radius: 32px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    height: 380px;
}

.plant-cta-holder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 40.58%, rgba(0, 0, 0, 0.00) 100%);
    border-radius: 32px;
    z-index: 1;
}

.plant-cta-holder span {
    padding: 8px 12px;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(2px);
    color: #FFF;
    font-family: 'Figtree', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.plant-cta-holder h2 {
    color: #FFF;
    font-family: 'Literata', sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin: 20px 0;
    position: relative;
    z-index: 1;
}

.plant-cta-holder p {
    color: #FFF;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.plant-cta-holder a {
    color: #333;
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    padding: 19px 24px;
    border-radius: 8px;
    background: #FFF;
    text-decoration: none;
    display: flex;
    width: fit-content;
    position: relative;
    z-index: 1;
}

.plant-list-holder {
    display: flex;
    flex-flow: row wrap;
}

.plant-list-filter {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 100px;
}

.plant-list-filter h2 {
    color: #333;
    text-align: center;
    font-family: 'Literata', sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    flex: 0 0 100%;
    margin-bottom: 40px;
}

.plant-list-filter .plant-list-filter-holder {
    border-radius: 16px;
    background: #FAFAFA;
    backdrop-filter: blur(2px);
    padding: 16px;
    width: 83%;

    display: flex;
    justify-content: space-between;
}

.plant-list-filter-holder__left {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 76.5%;
    justify-content: space-between;
}

.plant-list-filter-holder input {
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #FFF;
    padding: 18px 12px;
    color: #888;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 48px;
    width: 42%;
}

.plant-list-filter-holder input:last-of-type {
    width: 28%;
}

.plant-list-filter-holder .plant_type-holder{
    position: relative;
    width: 28%;
}

.plant-list-filter-holder #plant_type {
    color: #888;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 12px 12px 35px;
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #FFF;
    height: 48px;
    width: 100%;
}

.plant-list-filter-holder .plant_type-holder::before{
    content: '';
    display: block;
    width: 24px;
    height: 18px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="22" viewBox="0 0 28 22" fill="none"><path d="M15.1527 12.472C11.6614 6.65217 16.3164 0.833421 26.2094 1.4153C26.7967 11.3083 20.9725 15.9644 15.1527 12.472ZM1.77829 5.77827C1.36266 12.845 5.52001 16.1689 9.67626 13.6762C12.17 9.51998 8.84501 5.36264 1.77829 5.77827Z" fill="%23FEE1DF"/><path d="M27.0845 1.36291C27.072 1.14885 26.9814 0.94683 26.8297 0.795207C26.6781 0.643584 26.4761 0.552914 26.262 0.540413C20.6008 0.212288 16.0551 1.93385 14.1017 5.15823C12.8111 7.28885 12.8133 9.87885 14.0842 12.3485C13.3616 13.2082 12.8329 14.2136 12.5344 15.2962L10.7548 13.5156C11.6101 11.7295 11.5773 9.86682 10.6455 8.32135C9.19734 5.93916 5.86468 4.65619 1.72702 4.90448C1.51296 4.91698 1.31094 5.00765 1.15932 5.15927C1.00769 5.31089 0.917025 5.51291 0.904524 5.72698C0.660618 9.86463 1.93921 13.1973 4.32249 14.641C5.11035 15.1219 6.01571 15.3759 6.93874 15.3749C7.83332 15.3639 8.71398 15.152 9.51562 14.7548L12.25 17.4892V20.6249C12.25 20.857 12.3422 21.0796 12.5063 21.2437C12.6704 21.4078 12.8929 21.4999 13.125 21.4999C13.3571 21.4999 13.5796 21.4078 13.7437 21.2437C13.9078 21.0796 14 20.857 14 20.6249V17.3995C13.9961 16.0075 14.4698 14.6562 15.342 13.5714C16.4674 14.1595 17.7156 14.4742 18.9853 14.4901C20.2129 14.4941 21.4177 14.1587 22.4667 13.521C25.6911 11.5698 27.417 7.02416 27.0845 1.36291ZM9.4128 12.1746L6.74296 9.50588C6.57753 9.34871 6.35725 9.26239 6.12908 9.26531C5.90092 9.26823 5.68292 9.36017 5.52157 9.52152C5.36022 9.68287 5.26828 9.90087 5.26536 10.129C5.26244 10.3572 5.34876 10.5775 5.50593 10.7429L8.17577 13.4128C7.12468 13.7606 6.10531 13.6742 5.22921 13.1437C3.5514 12.1276 2.60202 9.72244 2.62499 6.62494C5.7214 6.5976 8.12765 7.55135 9.14374 9.22916C9.67421 10.1053 9.76062 11.1246 9.4128 12.1746ZM21.56 12.0259C20.0944 12.9129 18.3717 12.9807 16.6217 12.2446L22.4941 6.37119C22.6582 6.20715 22.7505 5.98461 22.7506 5.75252C22.7507 5.52043 22.6586 5.2978 22.4946 5.13362C22.3306 4.96943 22.108 4.87714 21.8759 4.87703C21.6438 4.87693 21.4212 4.96903 21.257 5.13307L15.3836 10.9999C14.6442 9.24994 14.7109 7.52619 15.6023 6.06166C17.127 3.54604 20.743 2.14604 25.3728 2.25213C25.4778 6.88088 24.0778 10.5012 21.56 12.0259Z" fill="%23FC6A5D"/></svg>') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 30%;
    left: 10px;
}

.plant-list-filter-holder .plant_type-holder::after{
    content: '';
    display: block;
    width: 20px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.0306 9.53055L12.5306 17.0306C12.4609 17.1003 12.3782 17.1556 12.2871 17.1933C12.1961 17.2311 12.0985 17.2505 11.9999 17.2505C11.9014 17.2505 11.8038 17.2311 11.7127 17.1933C11.6217 17.1556 11.539 17.1003 11.4693 17.0306L3.9693 9.53055C3.82857 9.38982 3.74951 9.19895 3.74951 8.99993C3.74951 8.80091 3.82857 8.61003 3.9693 8.4693C4.11003 8.32857 4.30091 8.24951 4.49993 8.24951C4.69895 8.24951 4.88982 8.32857 5.03055 8.4693L11.9999 15.4396L18.9693 8.4693C19.039 8.39962 19.1217 8.34435 19.2128 8.30663C19.3038 8.26892 19.4014 8.24951 19.4999 8.24951C19.5985 8.24951 19.6961 8.26892 19.7871 8.30663C19.8781 8.34435 19.9609 8.39962 20.0306 8.4693C20.1002 8.53899 20.1555 8.62171 20.1932 8.71276C20.2309 8.8038 20.2503 8.90138 20.2503 8.99993C20.2503 9.09847 20.2309 9.19606 20.1932 9.2871C20.1555 9.37815 20.1002 9.46087 20.0306 9.53055Z" fill="%23888888"/></svg>');
    background-size: contain;
    position: absolute;
    top: 30%;
    right: 6px;
}

.plant-list-filter-holder .search-plant {
    border-radius: 8px;
    background: #FC6A5D;
    border: none;
    height: 48px;
    padding: 12px 24px;
    color: #FFF;
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    width: 22.5%;
    cursor: pointer;
}

.plant_type-holder select {
    padding-right: 30px;

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.0306 9.53055L12.5306 17.0306C12.4609 17.1003 12.3782 17.1556 12.2871 17.1933C12.1961 17.2311 12.0985 17.2505 11.9999 17.2505C11.9014 17.2505 11.8038 17.2311 11.7127 17.1933C11.6217 17.1556 11.539 17.1003 11.4693 17.0306L3.9693 9.53055C3.82857 9.38982 3.74951 9.19895 3.74951 8.99993C3.74951 8.80091 3.82857 8.61003 3.9693 8.4693C4.11003 8.32857 4.30091 8.24951 4.49993 8.24951C4.69895 8.24951 4.88982 8.32857 5.03055 8.4693L11.9999 15.4396L18.9693 8.4693C19.039 8.39962 19.1217 8.34435 19.2128 8.30663C19.3038 8.26892 19.4014 8.24951 19.4999 8.24951C19.5985 8.24951 19.6961 8.26892 19.7871 8.30663C19.8781 8.34435 19.9609 8.39962 20.0306 8.4693C20.1002 8.53899 20.1555 8.62171 20.1932 8.71276C20.2309 8.8038 20.2503 8.90138 20.2503 8.99993C20.2503 9.09847 20.2309 9.19606 20.1932 9.2871C20.1555 9.37815 20.1002 9.46087 20.0306 9.53055Z" fill="%23888888"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.seo-fluff {
    background: #FAFAFA;
    padding-top: 100px;
    padding-bottom: 100px;
}

.seo-fluff-holder {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.seo-fluff-holder__left,
.seo-fluff-holder__right {
    /*flex: 0 0 48%;*/
    flex: 0 0 100%;
}

.seo-fluff-holder__right{
    display: none;
}

.seo-fluff-holder__left h2 {
    color: #333;
    font-family: 'Literata', sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 32px;
}

.seo-fluff-holder__left p {
    color: #333;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

.seo-fluff-holder__left p:first-of-type {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
}

.seo-fluff-holder__left p:last-of-type {
    border-radius: 16px;
    background: #FFF;
    padding: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 0;
}

.seo-fluff-holder__right img {
    width: 100%;
    height: 768px;
    border-radius: 16px;
    object-fit: cover;
}

.plant-list-holder__card-holder {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}

.plant-list-holder__single-card {
    flex: 0 0 23%;
    margin-bottom: 32px;
    transition: 30ms;
    margin-right: 2.6%;
}

.plant-list-holder__single-card:nth-of-type(4n) {
    margin-right: 0;
}

.plant-list-holder__single-card:hover .plant-list-holder__single-card-bottom {
    background: #EEF9F1;
}

.plant-list-holder__single-card-top {
    position: relative;
}

.plant-list-holder__single-card-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 17.71%, rgba(255, 255, 255, 0.00) 100%);
    background-size: cover;
    background-position: 50%;
    z-index: 0;
    border-radius: 20px 20px 0 0;
}

.plant-list-holder__single-card-top img {
    display: flex;
    width: 100%;
    border-radius: 20px 20px 0 0;
    height: 220px;
    object-fit: cover;
}

.plant-list-holder__single-card-top a {
    width: 100%;
    display: flex;
    z-index: 1;
}

.plant-list-holder__single-card-top span {
    position: absolute;
    top: 16px;
    left: 16px;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.50);
    padding: 8px 12px;
    color: #FFF;
    font-family: 'Figtree', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    z-index: 1;

    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.plant-list-holder__single-card-bottom {
    border-radius: 0px 0px 20px 20px;
    background: #FAFAFA;
    padding: 20px;
    height: 194px;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    transition: 300ms;
}

.plant-list-holder__single-card-bottom-content h3,
.plant-list-holder__single-card-bottom-content a {
    color: #333;
    font-family: 'Literata', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
}

.plant-list-holder__single-card-bottom-content p {
    margin-top: 8px;
    overflow: hidden;
    color: #888;
    text-overflow: ellipsis;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}

.plant-list-holder__single-card-bottom-btn {
    color: #333;
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.plant-list-holder__single-card-bottom-btn svg {
    margin-left: 8px;
    transition: 300ms;
}

.plant-list-holder__single-card-bottom-btn:hover svg {
    transform: translateX(8px);
}


.hero-plant {
    margin: 100px auto;
}

.hero-plant-holder {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%),
    url('../../assets/images/hero.png'),
    lightgray 50% / cover no-repeat;
    padding: 80px 48px;
    border-radius: 16px;
}

.hero-plant-holder h1 {
    color: #fff;
    text-align: center;
    font-size: 56px;
    font-family: 'Literata', sans-serif;
    font-weight: 300;
    line-height: 64px;
    margin-bottom: 24px;

    width: 80%;
    margin-left: 10%;
}

.hero-plant-holder p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: Figtree;
    line-height: 26px;
    margin-bottom: 24px;

    width: 70%;
    margin-left: 15%;
}

.hero-plant__filter-holder {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(2px);
}

.hero-plant__filter-holder input {
    border-radius: 8px;
    border: 1px solid #c8c8c8;
    background: #fff;
    padding: 12px;
    color: #888;
    font-size: 16px;
    font-family: 'Figtree', sans-serif;
    line-height: 24px;
    width: 220px;
}

.hero-plant__filter-holder label {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #c8c8c8;
    background: #fff;
    padding: 10px;
    width: 242px;
    height: 48px;
}

.hero-plant__filter-holder label.plant-type::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="22" viewBox="0 0 28 22" fill="none"><path d="M15.1531 12.4721C11.6619 6.65229 16.3169 0.833543 26.2099 1.41542C26.7972 11.3084 20.973 15.9645 15.1531 12.4721ZM1.77878 5.77839C1.36315 12.8451 5.52049 16.169 9.67674 13.6764C12.1705 9.52011 8.84549 5.36276 1.77878 5.77839Z" fill="%23FEE1DF"/><path d="M27.0845 1.36291C27.072 1.14885 26.9814 0.94683 26.8297 0.795207C26.6781 0.643584 26.4761 0.552914 26.262 0.540413C20.6008 0.212288 16.0551 1.93385 14.1017 5.15823C12.8111 7.28885 12.8133 9.87885 14.0842 12.3485C13.3616 13.2082 12.8329 14.2136 12.5344 15.2962L10.7548 13.5156C11.6101 11.7295 11.5773 9.86682 10.6455 8.32135C9.19734 5.93916 5.86468 4.65619 1.72702 4.90448C1.51296 4.91698 1.31094 5.00765 1.15932 5.15927C1.00769 5.31089 0.917025 5.51291 0.904524 5.72698C0.660618 9.86463 1.93921 13.1973 4.32249 14.641C5.11035 15.1219 6.01571 15.3759 6.93874 15.3749C7.83332 15.3639 8.71398 15.152 9.51562 14.7548L12.25 17.4892V20.6249C12.25 20.857 12.3422 21.0796 12.5063 21.2437C12.6704 21.4078 12.8929 21.4999 13.125 21.4999C13.3571 21.4999 13.5796 21.4078 13.7437 21.2437C13.9078 21.0796 14 20.857 14 20.6249V17.3995C13.9961 16.0075 14.4698 14.6562 15.342 13.5714C16.4674 14.1595 17.7156 14.4742 18.9853 14.4901C20.2129 14.4941 21.4177 14.1587 22.4667 13.521C25.6911 11.5698 27.417 7.02416 27.0845 1.36291ZM9.4128 12.1746L6.74296 9.50588C6.57753 9.34871 6.35725 9.26239 6.12908 9.26531C5.90092 9.26823 5.68292 9.36017 5.52157 9.52152C5.36022 9.68287 5.26828 9.90087 5.26536 10.129C5.26244 10.3572 5.34876 10.5775 5.50593 10.7429L8.17577 13.4128C7.12468 13.7606 6.10531 13.6742 5.22921 13.1437C3.5514 12.1276 2.60202 9.72244 2.62499 6.62494C5.7214 6.5976 8.12765 7.55135 9.14374 9.22916C9.67421 10.1053 9.76062 11.1246 9.4128 12.1746ZM21.56 12.0259C20.0944 12.9129 18.3717 12.9807 16.6217 12.2446L22.4941 6.37119C22.6582 6.20715 22.7505 5.98461 22.7506 5.75252C22.7507 5.52043 22.6586 5.2978 22.4946 5.13362C22.3306 4.96943 22.108 4.87714 21.8759 4.87703C21.6438 4.87693 21.4212 4.96903 21.257 5.13307L15.3836 10.9999C14.6442 9.24994 14.7109 7.52619 15.6023 6.06166C17.127 3.54604 20.743 2.14604 25.3728 2.25213C25.4778 6.88088 24.0778 10.5012 21.56 12.0259Z" fill="%23FC6A5D"/></svg>') no-repeat center center; /* URL-encoded SVG podaci */
    flex: 0 0 15%;
}

.hero-plant__filter-holder label.hardiness-zone::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22" fill="none"><path d="M15.167 4.875V20.625L8.16699 17.125V1.375L15.167 4.875Z" fill="%23FEE1DF"/><path d="M22.7051 2.43484C22.6003 2.35317 22.4783 2.29645 22.3483 2.26897C22.2183 2.24149 22.0837 2.24398 21.9548 2.27625L15.2687 3.9475L8.55855 0.591875C8.37159 0.498621 8.15743 0.475344 7.9548 0.52625L0.954805 2.27625C0.765508 2.32357 0.597457 2.4328 0.477363 2.58658C0.357269 2.74037 0.292022 2.92988 0.291992 3.125V18.875C0.292012 19.008 0.322332 19.1392 0.380648 19.2586C0.438964 19.3781 0.523743 19.4828 0.628546 19.5646C0.733349 19.6464 0.855419 19.7033 0.985484 19.7308C1.11555 19.7584 1.25019 19.756 1.37918 19.7237L8.06527 18.0525L14.7754 21.4081C14.8972 21.4682 15.0312 21.4996 15.167 21.5C15.2385 21.5 15.3098 21.4911 15.3792 21.4737L22.3792 19.7237C22.5685 19.6764 22.7365 19.5672 22.8566 19.4134C22.9767 19.2596 23.042 19.0701 23.042 18.875V3.125C23.042 2.99192 23.0117 2.86058 22.9533 2.74099C22.8949 2.62139 22.8101 2.51669 22.7051 2.43484ZM9.04199 2.79031L14.292 5.41531V19.2097L9.04199 16.5847V2.79031ZM2.04199 3.80859L7.29199 2.49609V16.4414L2.04199 17.7539V3.80859ZM21.292 18.1914L16.042 19.5039V5.55859L21.292 4.24609V18.1914Z" fill="%23FC6A5D"/></svg>') no-repeat center center; /* URL-encoded SVG podaci */
    flex: 0 0 15%;
}


.hero-plant__filter-holder label.bloom-season::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="26" viewBox="0 0 20 26" fill="none"><path d="M14.8423 6.21875C13.4755 6.97601 12.3364 8.08547 11.5434 9.43186C10.7503 10.7782 10.3323 12.3124 10.3328 13.875C10.3332 12.3124 9.9152 10.7782 9.12218 9.43186C8.32916 8.08547 7.19006 6.97601 5.82324 6.21875C7.27027 3.15625 10.3328 1.625 10.3328 1.625C10.3328 1.625 13.3953 3.15625 14.8423 6.21875Z" fill="%23FEE1DF"/><path d="M19.083 4.25002C17.7513 4.24881 16.4341 4.5256 15.2155 5.06267C13.5639 2.28783 10.8493 0.906422 10.7246 0.841891C10.603 0.781061 10.4689 0.74939 10.333 0.74939C10.1971 0.74939 10.063 0.781061 9.94145 0.841891C9.81676 0.905329 7.0977 2.28783 5.45051 5.06267C4.23194 4.5256 2.91468 4.24881 1.58301 4.25002C1.35094 4.25002 1.12838 4.3422 0.96429 4.5063C0.800195 4.67039 0.708008 4.89295 0.708008 5.12502V9.50002C0.710895 11.9004 1.60945 14.2132 3.22782 15.9859C4.84619 17.7587 7.06786 18.8636 9.45801 19.0845V22.9597L5.47457 20.9669C5.37173 20.9155 5.25977 20.8848 5.14508 20.8767C5.03038 20.8685 4.91521 20.883 4.80613 20.9194C4.69705 20.9557 4.5962 21.0132 4.50934 21.0886C4.42248 21.1639 4.3513 21.2556 4.29988 21.3585C4.24846 21.4613 4.2178 21.5733 4.20965 21.6879C4.2015 21.8026 4.21602 21.9178 4.25238 22.0269C4.28874 22.136 4.34623 22.2368 4.42156 22.3237C4.4969 22.4105 4.5886 22.4817 4.69145 22.5331L9.94145 25.1581C10.063 25.219 10.1971 25.2506 10.333 25.2506C10.4689 25.2506 10.603 25.219 10.7246 25.1581L15.9746 22.5331C16.1823 22.4293 16.3402 22.2472 16.4136 22.0269C16.4871 21.8066 16.47 21.5662 16.3661 21.3585C16.2623 21.1508 16.0802 20.9928 15.8599 20.9194C15.6396 20.846 15.3991 20.863 15.1914 20.9669L11.208 22.9597V19.0845C13.5982 18.8636 15.8198 17.7587 17.4382 15.9859C19.0566 14.2132 19.9551 11.9004 19.958 9.50002V5.12502C19.958 4.89295 19.8658 4.67039 19.7017 4.5063C19.5376 4.3422 19.3151 4.25002 19.083 4.25002ZM10.333 2.63236C11.0604 3.07861 12.6386 4.18439 13.6843 5.91361C12.2284 6.90227 11.0697 8.2693 10.333 9.86752C9.59692 8.26831 8.43817 6.90043 6.98176 5.91142C8.02848 4.18439 9.60566 3.07861 10.333 2.63236ZM2.45801 9.50002V6.04814C4.38225 6.26569 6.15918 7.18367 7.45012 8.6271C8.74106 10.0705 9.45576 11.9385 9.45801 13.875V17.3269C7.53376 17.1093 5.75684 16.1914 4.4659 14.7479C3.17495 13.3045 2.46025 11.4365 2.45801 9.50002ZM18.208 9.50002C18.2058 11.4365 17.4911 13.3045 16.2001 14.7479C14.9092 16.1914 13.1323 17.1093 11.208 17.3269V13.875C11.2103 11.9385 11.925 10.0705 13.2159 8.6271C14.5068 7.18367 16.2838 6.26569 18.208 6.04814V9.50002Z" fill="%23FC6A5D"/></svg>') no-repeat center center; /* URL-encoded SVG podaci */
    flex: 0 0 15%;
}

.hero-plant__filter-holder label select {
    border: none;
    color: #888;
    font-size: 16px;
    font-family: 'Figtree', sans-serif;
    line-height: 24px;
    outline: none;
    width: 100%;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.0306 9.53055L12.5306 17.0306C12.461 17.1003 12.3783 17.1556 12.2872 17.1933C12.1962 17.2311 12.0986 17.2505 12 17.2505C11.9014 17.2505 11.8038 17.2311 11.7128 17.1933C11.6217 17.1556 11.539 17.1003 11.4694 17.0306L3.96937 9.53055C3.82864 9.38982 3.74958 9.19895 3.74958 8.99993C3.74958 8.80091 3.82864 8.61003 3.96937 8.4693C4.1101 8.32857 4.30098 8.24951 4.5 8.24951C4.69902 8.24951 4.88989 8.32857 5.03062 8.4693L12 15.4396L18.9694 8.4693C19.0391 8.39962 19.1218 8.34435 19.2128 8.30663C19.3039 8.26892 19.4015 8.24951 19.5 8.24951C19.5985 8.24951 19.6961 8.26892 19.7872 8.30663C19.8782 8.34435 19.9609 8.39962 20.0306 8.4693C20.1003 8.53899 20.1556 8.62171 20.1933 8.71276C20.231 8.8038 20.2504 8.90138 20.2504 8.99993C20.2504 9.09847 20.231 9.19606 20.1933 9.2871C20.1556 9.37815 20.1003 9.46087 20.0306 9.53055Z" fill="%23888888"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 24px;
    cursor: pointer;
    flex: 0 0 83%;
    background-color: #fff;
}

.hero-plant__filter-holder__search {
    display: flex;
    width: 140px;
    height: 48px;
    padding: 18px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #0f4f1e;

    color: #fff;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 300ms;
    opacity: 1;

    width: fit-content;
    margin-top: 34px;
}

.hero-plant .hero-plant-holder .hero-plant__filter-holder .hero-plant__filter-holder__search {
    width: 140px;
    margin: 0;
}

.hero-plant__filter-holder__search:hover {
    background: #043910;
    color: #FFF;
}

.plant-list {
    margin: 100px auto;
}

.plant-list-plants {
    margin-bottom: 32px;
}

.single-plant-list {
    margin-bottom: 24px;
}

.single-plant-box {
    display: flex;
    flex-flow: row wrap;
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    padding: 20px;
    height: 100%;
    justify-content: center;

    align-content: space-between;
}

.single-plant-list__top {
    position: relative;
    margin-bottom: 20px;
    flex: 0 0 100%;
}

.single-plant-list__top img {
    object-fit: cover;
    width: 100%;
    max-height: 258px;
    border-radius: 8px;
}

.single-plant-list__top .plant_type_link {
    position: absolute;
    top: 16px;
    right: 16px;
    border-radius: 48px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(2px);
    color: #888;
    font-size: 11px;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 6px 15px 5px;

    letter-spacing: 0.6px;
    text-decoration: none;
    max-width: 94%;

    left: 50%;
    transform: translateX(-50%);
    width: max-content;
}

.single-plant-list__top .plant_type_link span {
    color: #000;
    font-weight: 800;
}

.single-plant-list__top p {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    border-radius: 48px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(2px);
    color: #888;
    font-size: 11px;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 8px 15px 5px;

    letter-spacing: 0.6px;
    text-decoration: none;
    width: fit-content;
    max-width: 94%;
}

.single-plant-list__top p span {
    font-weight: 800;
}

.single-plant-list__top p svg,
.single-plant-list__top a svg {
    margin-right: 4px;
}

.single-plant-box a {
    text-decoration: none;
}

.single-plant-box a h4 {
    color: #333;
    text-align: center;
    font-family: 'Literata', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 12px;
}

.single-plant-list h4 {
    color: #333;
    text-align: center;
    font-size: 22px;
    font-family: 'Literata', sans-serif;
    line-height: 28px;
    margin: 0 0 20px;
}

.single-plant-box .lat_name {
    color: #888;
    text-align: center;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    width: 100%;
}

.plant-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    text-decoration: none;
    border-radius: 8px;
    background: #0F4F1E;
    color: #FFF;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    width: 100%;
    transition: 300ms;
}

.plant-info:hover {
    background: #043910;
    color: var(--white, #FFF);
}

.plant-list-holder__load-more {
    text-align: center;
    display: flex;
    justify-content: center;
}

.plant-list-holder__load-more a {
    border-radius: 8px;
    border: 1px solid var(--light-gray, #C8C8C8);
    width: 406px;
    padding: 19px;
    color: var(--black, #333);
    font-size: 14px;
    font-family: Figtree;
    font-weight: 600;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 300ms;
}

.plant-list-holder__load-more a:hover {
    border-color: #888;
}

.cards-holder__empty-message {
    border-radius: 16px;
    background: #FAFAFA;
    padding: 32px;
    width: 100%;
    margin-bottom: 32px;

    display: none;
}

.cards-holder__empty-message p {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    color: #333;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.cards-holder__empty-message p svg {
    margin-right: 8px;
}

@media only screen and (max-width: 1380px) {
    .hero-plant-holder {
        padding: 80px 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .hero-subcategory-holder {
        margin-left: 10%;
        width: 80%;
    }

    .plant-list-holder__single-card {
        flex: 0 0 32%;
        margin-right: 2%;
    }

    .plant-list-holder__single-card:nth-of-type(4n) {
        margin-right: auto;
    }

    .plant-list-holder__single-card:nth-child(3n) {
        margin-right: 0;
    }

    .plant-cta-holder h2,
    .plant-cta-holder p {
        width: 60%;
    }

    .plant-list-filter .plant-list-filter-holder {
        width: 100%;
    }
}

@media only screen and (max-width: 1199px) {
    .hero-section-plant .hero-section-plant-holder {
        margin-left: 10%;
        width: 80%;
    }

    .hero-plant__filter-holder label,
    .hero-plant__filter-holder input {
        width: 49%;
        margin-bottom: 16px;
    }

    .hero-plant__filter-holder__search {
        width: 100%;
    }

    .single-plant-list {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
}

@media only screen and (max-width: 1091px) {
    .hero-section-plant {
        margin-top: 81px;
        background-size: cover;
    }

    .hero-section-plant-holder {
        margin-left: 0;
        width: 100%;
    }

    .plant-list-holder__single-card {
        flex: 0 0 48%;
        margin-right: 3%;
    }

    .plant-list-holder__single-card:nth-of-type(3n) {
        margin-right: auto;
    }

    .plant-list-holder__single-card:nth-child(2n) {
        margin-right: 0;
    }

    .seo-fluff-holder__left {
        flex: 0 0 100%;
        margin-bottom: 40px;
    }

    .seo-fluff-holder__right {
        flex: 0 0 100%;
    }

    .seo-fluff-holder__right img {
        height: 500px;
    }

    .find-plants {
        margin-top: 60px !important;
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .find-plants-holder__categories-left {
        flex: 0 0 100%;
    }

    .find-plants-holder__categories-left h5 {
        width: 100%;
    }

    .find-plants-holder__categories-left .find-plants-holder__categories-left-btns {
        width: 100%;
        justify-content: space-between;
    }

    .find-plants-holder__categories-left .find-plants-holder__categories-left-btns a {
        flex: 0 0 49%;
        margin-bottom: 8px;
    }

    .find-plants-holder__categories-right {
        flex: 0 0 100%;
    }
}

@media only screen and (max-width: 991px) {
    .hero-plant-holder h1 {
        font-size: 32px;
        line-height: 1.2;
    }
    
    
    .hero-section-plant {
    margin-top: 121px;
    }

    .hero-plant-holder p {
        font-size: 16px;
    }

    .hero-plant .hero-plant-holder .hero-plant__filter-holder .hero-plant__filter-holder__search {
        width: 100%;
    }

    .hero-subcategory-holder,
    .hero-section-plant .hero-section-plant-holder {
        padding-top: 40px;
        padding-bottom: 40px;

        margin-left: 0;
        width: 100%;
    }

    .hero-subcategory-holder h1,
    .hero-section-plant .hero-section-plant-holder h1 {
        font-size: 46px;
        margin: 12px auto 20px;
        line-height: 110%;
    }

    .hero-subcategory-holder p,
    .hero-section-plant .hero-section-plant-holder p {
        font-size: 16px;
        line-height: 18px;
    }

    .plant-list {
        margin: 0 auto 60px !important;
    }

    .plant-list-holder__breadcrumbs {
        padding-top: 16px;
        padding-bottom: 16px;
        margin-bottom: 40px;
    }

    .plant-list-holder__card-pagination {
        margin: auto;
    }

    .plant-cta-holder {
        height: 520px;
        display: flex;
        flex-flow: row wrap;
        align-content: space-between;
        padding: 20px;
    }

    .plant-cta-holder h2 {
        font-size: 32px;
        line-height: 36px;
        margin: 12px 0;
    }

    .plant-cta-holder p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .plant-cta-holder a {
        width: 100%;
        justify-content: center;
        padding: 18px;
    }

    .similar-product {
        padding-top: 60px;
        padding-bottom: 46px;
    }

    .similar-product-holder__top h2 {
        font-size: 40px;
    }

    .similar-product-holder__top {
        margin-bottom: 32px;
    }

    .find-plants-holder h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .find-plants-holder__categories-right__subcategory {
        max-width: max-content;
    }

    .plant-cta-holder::before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 100%, rgba(0, 0, 0, 0.00) 100%);
    }

    .plant-cta-holder h2, .plant-cta-holder p {
        width: 100%;
    }

    .seo-fluff {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .seo-fluff-holder__left h2 {
        font-size: 40px;
        margin-bottom: 24px;
    }

    .plant-cta {
        margin-bottom: 60px;
    }

    .plant-list-filter {
        margin-bottom: 60px;
    }

    .plant-list-filter .plant-list-filter-holder {
        display: flex;
        flex-flow: row wrap;
    }

    .plant-list-filter-holder__left {
        width: 100%;
    }

    .plant-list-filter-holder .search-plant {
        width: 100%;
        margin-top: 12px;
    }
    .find-plants-holder__categories-right .find-plants-holder__categories-right__subcategory {
        flex: 100%;
        max-width: 100%;
    }

    .find-plants-holder__categories-left .find-plants-holder__categories-left-btns a{
        padding: 8px 12px;
        font-size: 15px;
    }

    .find-plants-holder__categories-right .find-plants-holder__categories-right__subcategory{
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .find-plants {
        margin-top: 24px !important;
    }

    .plant-list-holder__load-more a {
        width: 100%;
    }

    .cards-holder__empty-message p {
        justify-content: left;
    }

    .plant-list-filter-holder input,
    .plant-list-filter-holder input,
    .plant-list-filter-holder .plant_type-holder{
        width: 100% !important;
        margin-bottom: 12px;
    }

    .plant-list-filter-holder #plant_type {
        width: 100% !important;
    }
}

@media only screen and (max-width: 575px) {
    .hero-subcategory-holder h1,
    .hero-section-plant .hero-section-plant-holder h1 {
        font-size: 36px;
        font-weight: 400;
    }

    .hero-subcategory-holder p,
    .hero-section-plant .hero-section-plant-holder p {
        font-size: 14px;
    }

    .plant-cta {
        margin-bottom: 40px;
    }

    .plant-list {
        margin: 0 auto 40px !important;
    }

    .plant-list-holder__single-card {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .plant-list-holder__single-card:last-of-type {
        margin-bottom: 0;
    }

    .plant-list-holder__card-holder {
        margin-bottom: 24px;
    }

    .plant-list-filter {
        margin-bottom: 40px;
    }

    .plant-list-filter h2 {
        font-size: 36px;
        font-weight: 400;
        line-height: 110%;
        margin-bottom: 40px;
    }

    .plant-list-holder__single-card:last-of-type {
        margin-bottom: 0;
    }

    .similar-product {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .similar-product-holder__top h2 {
        font-size: 36px;
        line-height: 110%;
    }

    .seo-fluff {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .seo-fluff .seo-fluff-holder__right img{
        height: 335px;
    }

    .middle-part-holder__categories-right{
        flex-flow: row wrap;
        justify-content: left;
    }

    .find-plants-holder__categories-right__subcategory{
        margin-right: 8px;
        margin-bottom: 8px;
    }

}

@media only screen and (max-width: 425px) {
    .plant-list-holder__card-pagination {
        width: 100%;
    }

    .plant-list-holder__card-pagination svg {
        padding: 5px;
    }
}

@media only screen and (max-width: 375px) {
    .plant-cta-holder a {
        padding: 17px;
    }
}