/* contentarea */

.contentarea {
    min-height: 800px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative;
    padding-bottom: 160px;
    margin-top: -16px;
    z-index: 0;
}

.contentarea .container {
    max-width: 1900px;
    position: relative;
}

.contentarea h3 {
    color: #125f4b;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 300;
}

.contentarea h1 {
    color: #125f4b;

    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 70%;
    letter-spacing: 8px;
}

.contentarea .row {
    gap: 80px;
    align-items: center;
    margin: 0;
}

.contentarea .dr-pic-wrapper {
    max-width: 56%;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}

.contentarea .homie-content {
    max-width: 32%;
}

.contentarea .pic-container {
    max-width: 522.577px;
    max-height: 522.577px;
    height: 27vw;
    width: 100%;
    border-radius: 439.597px;
}

.loaded.no-webp .pic-1 {
    background-image: url(../images/dr-1.jpg);
}

.loaded.webp .pic-1 {
    background-image: url(../images/dr-1.webp);
}

.pic-2 {
    background-image: url(../images/dr-wengler_2024.webp);
}

.contentarea .pic-1 {
    border: 10px solid #a1af20;
}

.contentarea .pic-2 {
    border: 10px solid #2ba972;
    position: relative;
    transform: translateY(25%) translateX(15%);
}

.loaded.no-webp .dr-vine-monkey {
    background-image: url(../images/welcome-monkey-1.png);
}

.loaded.webp .dr-vine-monkey {
    background-image: url(../images/welcome-monkey-1.webp);
}

.contentarea .dr-vine-monkey {
    max-width: 747px;
    max-height: 318px;
    width: 20vw;
    height: 16vw;
    position: absolute;
    top: 0;
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    right: 0;
}

.show-for-phone {
    display: none;
}

/*SLICK DOTS*/
.contentarea .slick-dots {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 15px;
    justify-content: center;
}

.contentarea .slick-dots li {
    list-style: none;
}

.contentarea .slick-dots button {
    width: 8px;
    height: 8px;
    background-color: transparent;
    margin: 0;
    border-radius: 50%;
    border: 2px solid #a1af20;
    font-size: 0;
}

.contentarea .slick-dots li.slick-active button {
    background-color: #2ba972;
    border: 2px solid #2ba972;
}

.contentavrea-svg {
    position: absolute;
    bottom: -5vw;
    z-index: 3;
    width: 100%;
}

.contentavrea-svg svg {
    position: absolute;
    width: 100%;
    height: 6vw;
    bottom: 0;
    left: 0;
}

/* SHOWCASE */
.loaded.no-webp .showcase {
    background-image: url(../images/reviews-bg.png);
}

.loaded.webp .showcase {
    background-image: url(../images/reviews-bg.webp);
}

.showcase {
    padding: 150px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f2e4;
    position: relative;
}

.showcase header {
    margin-bottom: 90px;
}

.showcase .container {
    max-width: 1900px;
}

.showcase h2 {
    color: #fff;
    text-align: center;
    font-size: 100px;
    font-weight: 700;
    line-height: 70%;
    font-family: 'Dongle', sans-serif;
}

.showcase-svg-wrapper {
    position: absolute;
    top: -2px;
    width: 100%;
}

.showcase-curve {
    width: 100%;
    height: 5.3vw;
    position: absolute;
    top: 0;
}

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

/* START OF SHOWCASE LEAFS */

.loaded.no-webp .leaf1 {
    background-image: url(../images/leaf1.png);
}

.loaded.webp .leaf1 {
    background-image: url(../images/leaf1.webp);
}

.loaded.no-webp .leaf2 {
    background-image: url(../images/leaf2.png);
}

.loaded.webp .leaf2 {
    background-image: url(../images/leaf2.webp);
}

.loaded.no-webp .leaf3 {
    background-image: url(../images/leaf3.png);
}

.loaded.webp .leaf3 {
    background-image: url(../images/leaf3.webp);
}

.loaded.no-webp .leaf4 {
    background-image: url(../images/leaf4.png);
}

.loaded.webp .leaf4 {
    background-image: url(../images/leaf4.webp);
}

.loaded.no-webp .leaf5 {
    background-image: url(../images/leaf3.png);
}

.loaded.webp .leaf5 {
    background-image: url(../images/leaf3.webp);
}

.leaf-bg {
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.leaf1 {
    width: 675px;
    height: 270px;
    top: 21px;

    background-size: cover;
}

.leaf2 {
    width: 675px;
    height: 295px;

    background-size: cover;
}

.leaf3 {
    width: 646px;
    height: 316px;

    background-size: cover;
}

.leaf5 {
    max-width: 675px;
    max-height: 270px;
}

/* END OF SHOWCASE LEAFS */
/* START SHOWCASE BOX */
.showcase .showcase-box {
    padding-bottom: 20px;
    position: relative;
}

.showcase .showcase-box span {
    color: #fff;
    text-align: center;
    font-family: 'Dongle', sans-serif;
    font-size: 80px;
    font-weight: 300;
    line-height: 70%;
}

.showcase .showcase-box span.lg-showacse {
    font-weight: 400;
}

.show-info {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
}

a.showcase-info {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    max-width: 425px;
    height: 285px;
}

.showcase-box:hover {
    text-decoration: none;
    transform: scale(1.05);
}

.showcase .slick-list {
    margin-bottom: 35px;
}

/* END SHOWCASE BOX */
/* SHOWCASE ARROWS */
.showcase .slick-arrow {
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}

.loaded.no-webp .showcase .arrow-left {
    background-image: url(../images/arrow-left.png);
}

.loaded.webp .showcase .arrow-left {
    background-image: url(../images/arrow-left.webp);
}

.showcase .arrow {
    height: 59px;
    width: 89px;
}

.loaded.no-webp .showcase .arrow-right {
    background-image: url(../images/arrow-right.png);
}

.loaded.webp .showcase .arrow-right {
    background-image: url(../images/arrow-right.webp);
}

.showcase .arrow-right {
    transform: translateY(-250%);
}

.showcase .arrow-left {
    transform: translateY(100%);
}

.showcase .slick-arrow::before {
    display: none;
}

/*SHOWCASE DOTS*/
.showcase .slick-dots {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 15px;
    justify-content: center;
    margin: 0 auto;
}

.showcase .slick-dots li {
    list-style: none;
}

.showcase .slick-dots button {
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 0;
    border-radius: 50%;
    border: 3px solid #fff;
    font-size: 0;
}

.showcase .slick-dots li.slick-active button {
    background-color: #fff;
}

/* SHOWCASE LINK */
.showcase .showcase-box .showcase-link {
    justify-content: center;
    margin-top: 35px;
}

.showcase-svg-bottom {
    position: absolute;
    width: 100%;
    bottom: -1.5vw;
    transform: rotateZ(180deg);
}

.showcase-svg-bottom svg {
    position: absolute;
    width: 100%;
    height: 8vw;
}

.showcase-svg-bottom svg path {
    fill: #f1f2e4;
}

.showcase .showcase-box:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

/* SHOWCASE SVG */
.loaded .showcase-svg {
    background-image: url(../images/curve-high-left-low-right.svg);
}

.showcase-svg {
    position: absolute;
    top: -1px;
    width: 100%;
    padding-bottom: 5.26%;
    background-position: bottom center;
}

.showcase-svg svg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5.3vw;
}

.showcase .showcase-box:hover {
    transform: scale(1.05);
}

.showcase .showcase-box {
    padding-bottom: 20px;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
}

.showcase .slick-list {
    padding: 25px 0;
}

.transitionleaf-three a.showcase-info {
    transform: translateX(57px);
}

/* new showcases */
.leaf-three .show-info {
    transform: translateX(50px);
}

.slick-active .leaf-bg {
    opacity: 1;
}

/* REVIEW SECTION */

.review-seciton {
    padding: 125px 0 0;
    text-align: center;
    position: relative;
    min-height: 672px;
    margin-bottom: -96px;
}

.review-grid {
    width: 100%;
    display: flex;
    gap: 30px;
}

.review-seciton h3 {
    font-size: 35px;
}

.review-seciton .review-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1107px;
    margin: 0 auto;
}

.review-seciton h2 {
    font-family: 'Dongle', sans-serif;
    font-size: 115px;
    line-height: 70%;
    margin-top: 15px;
    font-weight: 700;
}

.review-seciton header {
    margin-bottom: 55px;
}

.review-seciton .review-leaf-left-container {
    position: relative;
    align-self: flex-end;
    position: absolute;
    left: 0;
    bottom: 0;
}

.review-seciton .review-container {
    align-self: center;
}

.review-seciton .leaf-1 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.review-seciton .leaf-2 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.review-seciton .leaf-3 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.review-seciton .leaf-4 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.review-seciton .leaf-5 {
    position: absolute;
    right: 0;
    z-index: 2;
    bottom: 0;
}

.review-seciton .leaf-6 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.review-seciton .leaf-7 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.review-seciton .q-left {
    position: absolute;
    left: 0;
    transform: translate(-90%, 0%);
}

.review-seciton .q-right {
    position: absolute;
    right: 0;
    transform: translate(90%, -50%);
    bottom: 0;
}

.review-seciton .rev-slick-container {
    position: relative;
}

.review-seciton .team-top-curve {
    position: absolute;
    top: -0.8vw;
    width: 100%;
}

.review-seciton .team-top-curve svg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8vw;
}

.review-seciton .review-leaf-right-container {
    position: absolute;
    bottom: 0;
    right: 0;
    left: inherit;
}

.review-seciton .review-info {
    padding: 0 25px;
}

/* TEAM SECTION */
.loaded.no-webp .team-section {
    background-image: url(../images/meet-the-team-pattern.png);
}

.loaded.webp .team-section {
    background-image: url(../images/meet-the-team-pattern.webp);
}

.team-section {
    position: relative;
    padding: 140px 0;
    margin-bottom: -104px;
}

.team-section .container {
    max-width: 1500px;
}

.team-section .team-container {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.team-section .team-pic {
    max-width: 45%;
    flex: 0 0 45%;
}

.team-section header {
    margin-bottom: 25px;
}

.team-section header h3 {
    color: #03824d;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
}

.team-section header h2 {
    color: #125f4b;
    font-family: 'Dongle', sans-serif;
    font-size: 80px;
    font-weight: 400;
    line-height: 70%;
}

.team-top-curve {
    position: absolute;
    top: -1.8vw;
    width: 100%;
}

.team-top-curve svg {
    width: 100%;
    height: 6vw;
}

.team-section .slick-team .arrow {
    bottom: -30px;
    transform: translateY(-50%);
    right: inherit;
    left: 250px;
    top: inherit;
    opacity: 1;
}

.team-section .slick-team .arrow.arrow-right {
    left: 270px;
}

.arrow::before {
    border-color: #125f4b;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

/* RESPONSIVE 
-----------------------------------------------*/
@media (max-width: 1700px) {
    .review-seciton .review-wrapper {
        max-width: 980px;
    }
}

@media (max-width: 1569px) {
    .contentarea .dr-vine-monkey {
        top: 15px;
    }
}

@media screen and (min-width: 1465px) and (max-width: 1600px) {
    .review-seciton .review-leaf-right-container {
        max-width: 27%;
    }

    .review-seciton .review-leaf-left-container {
        max-width: 23%;
    }

    .review-seciton .review-box {
        max-width: 89%;
        margin: 0 auto;
        padding: 0 25px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1720px) {
    a.showcase-info {
        transform: translateX(20%);
        margin: 0;
    }

    .transitionleaf-three a.showcase-info {
        transform: translateX(131px);
    }
}

@media (max-width: 1550px) {
    .contentarea .row {
        gap: 20px;
    }

    .contentarea .homie-content {
        max-width: 41%;
        transform: translateY(20%);
    }
}

@media screen and (min-width: 1201px) and (max-width: 1455px) {
    .contentarea h1 {
        font-size: 80px;
    }

    .review-grid {
        min-height: 655px;
    }

    .review-seciton {
        margin-bottom: -89px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
    .review-seciton h2 {
        font-size: 80px;
    }
}

@media (max-width: 1455px) {
    .review-seciton .review-leaf-left-container {
        position: absolute;
        width: 29%;
    }

    .review-seciton .review-wrapper {
        max-width: 75%;
        margin: 0 auto;
        width: 100%;
    }

    .review-seciton .review-leaf-left-container img {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .review-seciton .review-leaf-right-container {
        max-width: 26%;
    }

    .team-section .team-container {
        align-items: flex-start;
    }

    .team-section .team-pic {
        max-width: 35%;
        flex: 0 0 35%;
    }

    .team-section .slick-team .arrow {
        top: 37vw;
        right: inherit;
        left: 10%;
        bottom: inherit;
    }

    .team-section .slick-team .arrow.arrow-right {
        left: inherit;
        right: initial;
        left: 25%;
    }
}

@media (max-width: 1289px) {
    .showcase .showcase-box {
        max-width: 50%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1026px) and (max-width: 1200px) {
    .contentarea h1 {
        letter-spacing: 0;
    }

    .contentarea .homie-content {
        margin-top: 6%;
    }

    .review-seciton {
        margin-bottom: -45px;
    }
}

@media only screen and (max-width: 1200px) {
    .contentarea .row {
        gap: 0;
    }

    .contentarea .dr-pic-wrapper {
        max-width: 100%;
        justify-content: center;
    }

    .contentarea .pic-container {
        height: 44vw;
        max-width: 421px;
        max-height: 421px;
    }

    .contentarea .homie-content {
        max-width: 100%;
        margin-top: 5%;
        text-align: center;
    }

    .contentarea .dr-vine-bird {
        top: -62px;
    }

    .contentarea .dr-vine-lizard {
        top: -5.8%;
    }

    .showcase .showcase-box {
        display: flex;
        justify-self: center;
        align-items: center;
        position: relative;
        justify-content: center;
    }

    .showcase .showcase-box span {
        font-size: 60px;
    }

    .loaded.no-webp .review-seciton {
        background-image: url(../images/reviews-mobile-leaf.png);
    }

    .loaded.webp .review-seciton {
        background-image: url(../images/reviews-mobile-leaf.webp);
    }

    .review-seciton {
        padding: 40px 0 40px;
        font-size: 20px;
        min-height: auto;
        grid-template-columns: 100%;
        background-repeat: no-repeat;
        background-position: left bottom;
    }

    .review-leaf-right-container,
    .review-leaf-left-container {
        display: none;
    }

    .review-seciton h3 {
        font-size: 25px;
    }

    .review-seciton h2 {
        font-size: 60px;
    }

    .review-seciton header {
        margin-bottom: 28px;
    }

    .review-wrapper {
        padding-bottom: 45px;
        max-width: 70%;
        margin: 0 auto;
    }

    .review-seciton .q-left {
        transform: translate(-121%, 0%);
        max-width: 40px;
    }

    .review-seciton .q-right {
        max-width: 40px;
        transform: inherit;
        bottom: 25%;
    }

    .review-grid {
        grid-template-columns: 100%;
    }

    .review-wrapper {
        max-width: 529px;
    }

    .team-section .team-content {
        font-size: 18px;
    }
}

@media (max-width: 1025px) {
    .contentarea .pic-2 {
        transform: translateY(-4%) translateX(15%);
    }

    .contentarea .homie-content {
        margin-top: 0%;
    }

    .contentarea .pic-1 {
        transform: translateY(7%);
    }

    .contentarea .homie-content {
        max-width: 535px;
        margin: 0 auto;
    }

    .contentarea h3 {
        font-size: 25px;
    }

    .contentarea h1 {
        margin: 15px 0 30px;
        font-size: 70px;
    }

    .contentarea p {
        font: 20px;
    }

    .dr-vine-monkey {
        display: none;
    }

    .review-seciton {
        margin-bottom: 0;
    }

    /* 
    .loaded.no-webp .contentarea .dr-flowers {
        background-image: url(../images/dr-follage-bg-t.png);
    }

    .loaded.webp .contentarea .dr-flowers {
        background-image: url(../images/dr-follage-bg-t.webp);
    } */

    .contentarea .dr-flowers {
        height: 0;
        padding-bottom: 43%;
        margin-top: calc(-39% / 2);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
    }

    .contentarea .dr-vine-bird {
        width: 599px;
        height: 0;
        padding-bottom: 22%;
        top: -5vw;
        left: 24%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .contentarea .dr-vine-lizard {
        width: 55vw;
        height: 25vw;
        top: -5vw;
        left: -58px;
    }

    .showcase h2 {
        font-size: 60px;
    }

    .showcase header {
        margin-bottom: 50px;
    }

    .showcase .arrow {
        height: 34px;
        width: 40.218px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .loaded.no-webp .team-section {
        background-image: url(../images/teams-bg.png);
    }

    .loaded.webp .team-section {
        background-image: url(../images/teams-bg.webp);
    }

    .team-section {
        padding: 45px 0 100px;
        background-position: bottom;
        background-color: #fff;
        background-size: contain;
    }

    .team-section .team-container {
        flex-flow: column;
    }

    .team-section .slick-team .arrow.arrow-right,
    .team-section .slick-team .arrow {
        left: 45%;
        top: 481px;
        bottom: inherit;
    }

    .team-section .slick-team .arrow.arrow-right {
        left: calc(50% + 50px);
    }

    .team-section .team-content {
        text-align: center;
        margin-top: 50px;
    }

    .team-section header h3 {
        font-size: 25px;
    }

    .team-section header h2 {
        font-size: 60px;
    }

    .team-section .team-pic {
        max-width: 450px;
    }

    .showcase-svg-bottom {
        bottom: -2.5vw;
    }

    .team-section .team-pic {
        margin: 0 auto;
    }

    .contentarea .pic-container {
        height: 44vw;
        width: 44vw;
        max-width: 421px;
        max-height: 421px;
    }

    .review-seciton .review-wrapper {
        max-width: 56%;
    }

    .contentarea .dr-pic-wrapper {
        padding-right: 7%;
    }
}

@media only screen and (max-width: 980px) {
    .nav-scroll-container {
        margin-top: 65px;
    }

    .review-seciton .review-wrapper {
        padding-bottom: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 0 25px;
        max-width: 100%;
    }

    .team-section .team-content {
        width: 429.061px;
    }

    .review-seciton {
        padding: 40px 0 40px;
    }

    .review-seciton .review-wrapper {
        max-width: 66%;
    }

    .review-box {
        padding: 0 25px;
    }

    /* .dr-folliage-wrapper {
        background-image: url(../images/leaf-vines.png)
    }

    .dr-folliage-wrapper {
        background-image: url(../images/leaf-vines.webp)
    }

    .dr-folliage-wrapper {
        width: 100%;
        padding-bottom: 34%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .dr-folliage-wrapper * {
        display: none;
    } */

    .contentarea {
        margin-top: -116px;
    }

    .team-section .team-content {
        width: 100%;
        max-width: 480px;
        margin: 50px auto 0;
    }

    .review-seciton .q-left {
        transform: translate(-0%, 0%);
    }

    .contentarea .dr-flowers {
        margin-top: calc(-18% / 2);
    }

    .contentarea .dr-vine-bird {
        width: 375.164px;
        left: 25%;
        top: 6vw;
    }

    .contentarea .dr-vine-lizard {
        padding-bottom: 27%;
        width: 477.32px;
        height: 0;
        background-size: contain;
    }
}

@media (max-width: 768px) {
    .team-section {
        margin-bottom: 0;
        padding-bottom: 45px;
    }
}

@media (max-width: 750px) {
    .leaf-bg.leaf1 {
        top: 0;
        width: 77vw;
        height: 31vw;
    }

    .leaf-bg.leaf2 {
        max-width: 675px;
        max-height: 270px;
        width: 71vw;
        height: 32vw;
        background-size: cover;
    }

    .leaf-bg.leaf3 {
        height: 35vw;
        width: 67vw;
    }

    .showcase .arrow-right {
        transform: translateY(-350%);
    }

    a.showcase-info {
        height: 128px;
    }

    .showcase {
        padding: 90px 0;
    }

    .showcase h2 {
        font-size: 40px;
    }

    .showcase .showcase-box span {
        font-size: 40px;
    }

    .showcase .leaf-bg {
        background-size: contain;
    }

    .showcase .showcase-box {
        max-width: 100%;
    }

    a.showcase-info {
        height: 31vw;
    }

    .show-info {
        max-width: 200px;
    }

    .showcase header {
        margin-bottom: 15px;
    }

    .transitionleaf-three a.showcase-info {
        transform: translateX(38px);
    }
}

@media (max-width: 790px) {
    .contentarea .dr-vine-bird {
        top: 8vw;
    }
}

@media (max-width: 700px) {
    .leaf1 {
        width: 94vw;
        height: 0;
        padding-bottom: 94%;
    }
}

@media all and (max-width: 600px) {
    .hide-for-phone {
        display: none !important;
    }

    .show-for-phone {
        display: block;
    }

    .contentarea .pic-1 {
        transform: translateY(0);
    }

    .contentarea .pic-2 {
        transform: translateY(0%) translateX(0%);
    }

    .contentarea .pic-container {
        height: 75vw;
        width: 100%;
    }

    .contentarea .row {
        display: block;
    }

    .contentarea .pic-container {
        margin: 0 auto;
    }

    .contentarea .slick-dots {
        margin: 0 auto;
    }

    .contentarea .homie-content {
        transform: translateY(0%);
    }

    .contentarea .homie-content {
        margin: 35px auto 0;
    }

    .contentarea h3 {
        font-size: 20px;
    }

    .contentarea h1 {
        font-size: 40px;
    }

    .contentarea p {
        font-size: 18px;
    }

    .contentarea .pic-container {
        height: 75vw;
        width: 75vw;
    }

    .contentarea .dr-flowers {
        margin-top: calc(-24% / 2);
        height: 443.776px;
        width: 1150.71px;
        padding-bottom: 46%;
    }

    /* CONTENAREA  */
    .contentarea .dr-flowers {
        margin-top: calc(-50% / 2);
    }

    .contentarea .dr-flowers {
        margin-top: calc(-30% / 2);
    }

    .contentarea .dr-vine-lizard {
        padding-bottom: 0;
        width: 477.32px;
        height: 194.116px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .contentarea .dr-vine-bird {
        width: 375.164px;
        padding-bottom: 0;
        height: 332px;
    }

    .contentarea .dr-vine-lizard {
        top: 0;
    }

    .showcase .arrow {
        position: absolute;
    }

    .review-box {
        padding: 0;
    }

    .review-seciton .review-info {
        padding: 0;
    }

    .contentarea .dr-pic-wrapper {
        padding-right: 0;
    }

    /* .leaf-bg.leaf1 {
        max-width: 675px;
        max-height: 270px;
        top: inherit;
        width: 53vw;
        height: 24vw;
        background-size: cover;
    }

    .leaf-bg.leaf2 {
        max-width: 675px;
        max-height: 270px;
        width: 60vw;
        height: 28vw;
        background-size: cover;
    }

    .leaf-bg.leaf3 {
        max-width: 646px;
        max-height: 316px;
        height: 26vw;
        width: 53vw;
        background-size: cover;
    } */

    .leaf-three .show-info {
        transform: translateX(10px);
    }

    .rev-slick-container img {
        display: none;
    }

    .review-seciton h3 {
        font: 20px;
    }

    .review-seciton h2 {
        font-size: 40px;
    }

    .review-seciton .review-wrapper {
        max-width: 100%;
        padding: 0 20px;
    }

    .loaded.no-webp .review-seciton {
        background-image: url(../images/reviews-mobile-leaf-m.png);
    }

    .loaded.webp .review-seciton {
        background-image: url(../images/reviews-mobile-leaf-m.webp);
    }

    .team-section .team-content {
        width: 100%;
    }

    .contentarea {
        margin-top: -98px;
    }

    .showcase .arrow {
        transform: translate(37%, -72%);
    }

    .showcase .arrow-right {
        transform: translate(-50%, -320%);
    }

    a.showcase-info {
        height: auto;
        position: absolute;
    }

    .showcase .showcase-box {
        max-width: 100%;
        flex-flow: column;
    }

    /* .leaf-bg.leaf1 {
        width: 100%;
        height: 0;
        padding-bottom: 42%;
        position: relative;
    }

    .leaf-bg.leaf2 {
        width: 100%;
        height: 0;
        padding-bottom: 45%;
        position: relative;
    }

    .leaf-bg.leaf3 {
        height: 0;
        width: 100%;
        padding-bottom: 47%;
        position: relative;
    } */
    .leaf-bg.leaf1 {
        top: 0;
        width: 78vw;
        height: 34vw;
        position: relative;
        padding: 0;
    }

    .leaf-bg.leaf2 {
        top: 0;
        width: 78vw;
        height: 34vw;
        position: relative;
        padding: 0;
        position: relative;
    }

    .leaf-bg.leaf3 {
        position: relative;
    }
}

@media (max-width: 540px) {
    .team-section .slick-team .arrow {
        right: 0;
        left: 10%;
    }

    .team-section .slick-team .arrow.arrow-right {
        left: inherit;
        right: 10%;
        top: 91vw;
    }

    .team-section .slick-team .arrow {
        top: 91vw;
    }

    .contentarea .dr-flowers {
        margin-top: calc(-53% / 2);
    }
}

@media all and (max-width: 500px) {
    .contentarea .pic-container {
        height: 75vw;
    }
}

@media (max-width: 400px) {
    a.showcase-info {
        height: 0;
        padding-top: 0%;
    }

    /* .leaf-bg.leaf1 {
        width: 100%;
        height: 0;
        padding-top: 46%;
    }



    .leaf-bg.leaf2 {
        max-width: 675px;
        max-height: 270px;
        width: 100%;
        height: 0;
        padding-bottom: 43%;
        background-size: cover;
    }

    .leaf-bg.leaf3 {
        height: 0;
        width: 100%;
        padding-bottom: 47%;
    } */

    .showcase .arrow-right {
        transform: translateY(-350%);
    }

    /* a.showcase-info {
        height: 128px;
    } */

    /* .transitionleaf-two .show-info {

        transform: translateY(18px);
    } */
}

@media all and (max-width: 399px) {
    .review-wrapper {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 0px;
    }

    .showcase .leaf-box-4 .show-info {
        transform: translateY(-10px);
    }
}

@media (max-width: 350px) {
    .leaf-bg.leaf1 {
        width: 95vw;
        height: 19vw;
    }

    .leaf-bg.leaf2 {
        width: 79vw;
        height: 36vw;
    }
}