@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Clicker+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


@font-face {
    font-family: 'HarmoniaSansRegular';
    src: url('../fonts/HarmoniaSansRegular.eot');
    src: url('../fonts/HarmoniaSansRegular.eot') format('embedded-opentype'),
        url('../fonts/HarmoniaSansRegular.woff2') format('woff2'),
        url('../fonts/HarmoniaSansRegular.woff') format('woff'),
        url('../fonts/HarmoniaSansRegular.ttf') format('truetype'),
        url('../fonts/HarmoniaSansRegular.svg#HarmoniaSansRegular') format('svg');
}

@font-face {
    font-family: 'HarmoniaSansBold';
    src: url('../fonts/HarmoniaSansBold.eot');
    src: url('../fonts/HarmoniaSansBold.eot') format('embedded-opentype'),
        url('../fonts/HarmoniaSansBold.woff2') format('woff2'),
        url('../fonts/HarmoniaSansBold.woff') format('woff'),
        url('../fonts/HarmoniaSansBold.ttf') format('truetype'),
        url('../fonts/HarmoniaSansBold.svg#HarmoniaSansBold') format('svg');
}

@font-face {
    font-family: 'mariposalight';
    src: url('../fonts/mariposalight.eot');
    src: url('../fonts/mariposalight.eot') format('embedded-opentype'),
        url('../fonts/mariposalight.woff2') format('woff2'),
        url('../fonts/mariposalight.woff') format('woff'),
        url('../fonts/mariposalight.ttf') format('truetype'),
        url('../fonts/mariposalight.svg#mariposalight') format('svg');
}

@font-face {
    font-family: 'MariposaSansStdBook';
    src: url('../fonts/MariposaSansStdBook.eot');
    src: url('../fonts/MariposaSansStdBook.eot') format('embedded-opentype'),
        url('../fonts/MariposaSansStdBook.woff2') format('woff2'),
        url('../fonts/MariposaSansStdBook.woff') format('woff'),
        url('../fonts/MariposaSansStdBook.ttf') format('truetype'),
        url('../fonts/MariposaSansStdBook.svg#MariposaSansStdBook') format('svg');
}


html,
body {
    font-family: 'HarmoniaSansRegular';
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    font-size: 1rem;
    line-height: 1.6;
}

a,
a:hover,
a:active {
    text-decoration: none;
}

img {
    max-width: 100%;
}

header {
    padding: 0px 0;
    position: relative;
    /* box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1); */
}

.sliding_form {
    background: #bc934c;
    position: fixed;
    right: 0;
    top: 110px;
    border-radius: 20px 0 0 20px;
    z-index: 9;
}
#form_trigger {
    border-radius: 15px 15px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: -140px;
    padding: 10px 20px;
    position: absolute;
    text-transform: uppercase;
    top: 113px;
    transform: rotate(-90deg);
    transform-origin: 117px 11px 0;
    background: #2a9051;
}

.header .topbar {
    background-color: #1f904d;
    height: 38px;
    padding: 0;
    font-size: 14px;
    transition: all 0.5s;
}

.header .topbar .contact-info i {
    font-style: normal;
    color: #fff;
}

.header .topbar .contact-info i a,
.header .topbar .contact-info i span {
    padding-left: 5px;
    color: #fff;
    font-size: 13px;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
}

@media (max-width: 575px) {

    .header .topbar .contact-info i a,
    .header .topbar .contact-info i span {
        font-size: 13px;
    }
}

.header .topbar .contact-info i a {
    line-height: 0;
    transition: 0.3s;
}

.header .topbar .contact-info i a:hover {
    color: #ff0000;
    text-decoration: underline;
}

.header .topbar .social-links a {
    color: #ffffff;
    line-height: 0;
    transition: 0.3s;
    margin-left: 15px;
}

.header .topbar .social-links a:hover {
    color: #fff;
}

.header .topbar .social-links a.enquire_btn {
    background: #ffffff;
    padding: 5px 10px;
    color: #2a9051;
    letter-spacing: 0.5px;
    border-radius: 4px;
    font-weight: 500;
    margin-left: 15px;
    line-height: 1;
}

.logo_box {
    text-align: left;
    padding: 5px 5px;
    position: relative;
    top: 0;
    background: #fff;
}

.logo_box img {
    width: 100%;
    max-width: 134px;
}

.content_up h1 {
    font-family: 'MariposaSansStdBook';
    color: #000000;
    font-weight: 800;
}

/* .content_up h4{
    font-family: "Clicker Script", cursive;
} */

.main_banner {
    background-image: url(../img/main-banner.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: calc(100vh - 80px);
    position: relative;
}


.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    /* background: rgba(136, 180, 78, .7); */
    z-index: 1;
}

.carousel-caption h1 {
    text-shadow: 5px 5px #3a3b3c;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 3.5rem;
    background-color: #fbea04;
    border: 15px solid #fbea04;
}

.carousel-control-prev {
    left: -30px;
}

.carousel-control-next {
    right: -30px;
}

.homebannerslider .owl-nav .owl-prev,
.homebannerslider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fae904;
    border-radius: 50%;
    font-size: 24px;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.homebannerslider .owl-nav .owl-prev {
    left: 50px;
}

.homebannerslider .owl-nav .owl-next {
    right: 50px;
    left: auto;
}

.homebannerslider .owl-nav .owl-prev:hover,
.homebannerslider .owl-nav .owl-next:hover {
    opacity: 1;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }

    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* .main_banner:before {
    content: '';
    position: absolute;
    background-color: #00000026;
    width: 100%;
    height: 100%;
} */
.menu_item {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 60px;
    /* padding-right: 100px; */
}

.menu_item ul {
    /* display: flex; */
    justify-content: right;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
}

.menu_item ul li {
    display: inline-flex;
    list-style: none;
    padding: 0px 14px;
    position: relative;
}

.menu_item ul li a:after {
    /* background-color: #00000026; */
    /* content: '';
    position: absolute;
	background-image: linear-gradient(#a09f9f, #ffffff);
    width: 1px;
    height: 65px;
	top: -29px;
	right: -14px;
	border: 1px; */
}

.menu_item ul li:last-child a {
    padding-right: 0;
}

.menu_item ul li:last-child a:after {
    background-image: linear-gradient(#ffffff, #ffffff);
}

.menu_item ul li a {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    /* padding: 0 24px; */
    transition: all .3s ease;
    color: #2f2f2f;
    /* text-transform: uppercase; */
    transition: all .3s;
    text-decoration: none;
    padding-top: 36px;
    padding-bottom: 36px;
    position: relative;
    font-family: 'HarmoniaSansBold';
}

.menu_item ul li a:hover {
    color: #1f904d;
    transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    background: url(../img/menu_hover.png) top center no-repeat;
}

.menu_item ul li a.active {
    color: #1f904d;
}

.menu_item ul li a.enquire_btn {
    background: #3a5f42;
    padding: 5px 15px;
    color: #FFF;
    letter-spacing: 0.5px;
    border-radius: 4px;
    font-weight: 500;
    margin-left: 20px;
}


.nav-item {
    padding: 0.5rem 0xp;
}

.dropdown-hover:hover>.dropdown-menu {
    display: inline-block;
    left: 0;
    top: 132px;
}

.dropdown-hover>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.list-group .list-group-item {
    padding: 10px 10px !important;
    background-position: left 0px center !important;
    padding-left: 25px !important;
    /* font-family: 'MariposaSansStdBook';
    font-size: 18px; */
    display: flex;
    align-items: center;
    gap: 0 9px;
}
.list-group.list_icon .list-group-item:hover {
    background: none;
}
.list-group .list-group-item span.icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: #1f904d;
    border-radius: 7px 0;
    padding: 8px;
}
.list-group .list-group-item span.icon img {
    display: block;
    border-radius: 0;
}
.list-group .list-group-item:after {
    background-image: linear-gradient(#ffffff, #ffffff);
}

.list-group img {
    border-radius: 70px 0px 70px 0px;
}




.main_banner img {
    width: 100%;
}

.main_banner .content_container {
    position: relative;
    z-index: 11;
    display: flex;
    align-items: center;
    height: 100%;
}

.main_banner .content_container .content_up {
    position: relative;
    margin-top: 0%;
    z-index: 10;
    margin-left: 8%;
    width: 100%;
    max-width: 633px;
}

.main_banner .content_container .content_up h4 {
    color: #f7f7f7;
    font-weight: 800;
    letter-spacing: 0.4px;
    font-size: 34px;
    text-shadow: 1px 1px 3px #000000;
    margin-bottom: 15px;
    line-height: 1;

}

.main_banner .content_container .content_up span.first {
    font-family: "Open Sans", serif;
    font-weight: 300;
    display: block;
    margin-bottom: 15px;
}

.main_banner .content_container .content_up span.text {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}

.main_banner .content_container .content_up p {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 28px;
    letter-spacing: 0.4px;
    text-shadow: 1px 1px 1px #000000;
}

.main_banner .leaf_note_bottom {
    position: absolute;
    top: 50px;
    right: -7px;
    transform: translateX(100%);
    white-space: nowrap;
}

.main_banner .leaf_note_bottom h5 {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    font-style: italic;
    border-radius: 15px;
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    min-inline-size: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    color: #FFF;
    padding: 4px 20px;
}

.main_banner .content_container .content_up span.typed-cursor {
    color: #FFF;
}

.main_banner .content_container .content_up span.banner-text-type {
    font-weight: inherit;
}

.btn-mute {
    background-image: url('../images/icons/sound-pause.png');
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    bottom: 50px;
    left: 40px;
    border-radius: 50px;
}

.audio_play {
    display: flex;
    width: 250px;
    align-items: center;
}

.audio_play .flex_box {
    display: inline-flex;
    align-items: center;
    gap: 0 10px;
}

.audio_play #play img,
.audio_play #pause img {
    width: 40px;
    height: 40px;
    background: #ff9311;
    border-radius: 50px;
    padding: 5px;
}

.audio_play #play:hover,
.audio_play #pause:hover {
    cursor: pointer;
}

.audio_play #pause {
    display: none;
}

.audio_play h5 {
    margin-bottom: 0;
    font-size: 18px;
    color: #f7f7f7;
    font-weight: 600;
    text-shadow: 1px 1px 2px #000;
    letter-spacing: 0.4px;
}

.leaf_box_1 {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0 50px;
}

.leaf_note_1 {
    z-index: 10;
    bottom: 10%;
    text-align: center;
}


.leaf_note_1.leaf_1 .leaf_img {
    position: relative;
    z-index: 10;
}

.leaf_note_1.leaf_2 .leaf_img {
    position: relative;
    z-index: 10;
}

.leaf_note_1 .leaf_img img {
    /* color: #f8e704; */
    /* width: 200px; */
    width: 80px;
    animation: pulse-border 1500ms ease infinite;
}

@keyframes pulse-border {
    0% {
        /* transform: rotate(0deg); */
        filter: drop-shadow(0px 0px 0px #ffa800);
    }

    50% {
        /* transform: rotate(5deg); */
        filter: drop-shadow(2px 4px 12px #ffa800);
    }

    75% {
        /* transform: rotate(10deg); */
        filter: drop-shadow(1px 2px 12px #ffa800);
    }

    100% {
        /* transform: rotate(0deg); */
        filter: drop-shadow(0px 0px 0px #ffa800);
    }
}


.leaf_note_1 .hover-text {
    position: relative;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    display: block;
    margin-top: 7px;
}

/* .leaf_note_1 .hover-text {
    background: #fff;
    padding: 5px 25px;
    border-radius: 4px;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 0;
    font-size: 13px;
    font-weight: 600;
    color: #7a7a7a;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    transition: all .3s ease;
    opacity: 0;
    display: none;
} */
/*
.leaf_note_1:hover .hover-text {
    opacity: 0;
    left: 73%;
    z-index: -1;
}

.leaf_note_1.leaf_2:hover .hover-text {
    opacity: 1;
    left: 70%;
    z-index: -1;
    top: 45%;
}

.leaf_note_1.leaf_3:hover .hover-text {
    opacity: 1;
    left: 54%;
    z-index: -1;
    top: 44%;
}

.leaf_note_1.leaf_4:hover .hover-text {
    opacity: 1;
    left: 54%;
    z-index: -1;
    top: 44%;
}

.leaf_note_1.leaf_5:hover .hover-text {
    opacity: 1;
    left: 54%;
    z-index: -1;
    top: 44%;
}

.leaf_note_1.leaf_6:hover .hover-text {
    opacity: 1;
    left: 54%;
    z-index: -1;
    top: 44%;
}

.leaf_note_1.leaf_7:hover .hover-text {
    opacity: 1;
    left: 54%;
    z-index: -1;
    top: 44%;
}

.leaf_note_1.leaf_8:hover .hover-text {
    opacity: 1;
    left: 54%;
    z-index: -1;
    top: 44%;
} */

.leaf_note_1 .hover-text i {
    font-size: 16px;
    color: #ff0000;
    margin-left: 8px;
}

.leaf_note_1 .leaf_img img {
    display: inline;
}

.leaf_note_1 .leaf_img {
    position: relative;
}

.leaf_note_1 .leaf_img .caption {
    /* background: #7a7a7a; */
    padding: 5px 45px;
    border-radius: 4px;
    position: absolute;
    white-space: nowrap;
    top: 31%;
    left: 58%;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    /* transform: rotate(30deg); */
    background-image: url(../img/patch2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transition: 0.3s;
    background-position: center center;
}


/* .leaf_note_1:hover img {
    padding: 10px;
} */

.overlay_box {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;

}

.overlay_box.active {
    background-color: #00000080;
}


.overlay-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 250.625em;
    height: 23.8em;
    background: url(https://terriotech.com/cloud-overlay.png) 0 100% repeat-x;
    -webkit-animation: cloudLoop 50s linear infinite;
    animation: cloudLoop 50s linear infinite;
    z-index: 2;
    pointer-events: none;
    height: 43.75em;
}

@-webkit-keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

.iframe_wrap iframe {
    width: 100%;
    height: 350px;
}

.video_play1 {
    display: none;
}



/*-- home page header side code start -- */
img {
    max-width: 100%;
}

.overview_section {
    position: relative;
    margin-bottom: 150px;
}

.overview_section .after {
    width: 45%;
    height: 200px;
    background: #7a7a7a;
    position: absolute;
    left: 0;
    bottom: -80px;
    z-index: 1;
    border-radius: 0 30px 30px 0;
    display: flex;
    align-items: flex-end;
    justify-content: right;
    padding: 50px;
    /* padding-left: 16vw; */
}

.overview_section .after p {
    color: #FFF;
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-align: right;
}

.overview_section:after {
    content: '';
    width: 73%;
    height: 100%;
    background: #f0f0f0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    border-radius: 50px 0 0 50px;
}

.overview_section:before {
    content: '';
    width: 73%;
    height: 100%;
    background-image: url('assets/img/vector_leaf.png');
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 50px 0 0 50px;
    background-repeat: no-repeat;
    background-position: right bottom;
    opacity: 0.1;
    background-size: 310px;
}

.overview_section .container {
    position: relative;
    z-index: 2;
}

.overview_section img {
    border-radius: 10px;
}

.overview_content {
    padding: 35px;
    padding-right: 0;
}

/*** Section Title ***/
.section-title {
    position: relative;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
}

.section-title h1:after {
    content: '';
    background-image: url(assets/img/icon/leaf.png);
    position: relative;
    width: 40px;
    height: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    z-index: 0;
    display: inline-block;
    bottom: -6px;
    right: -5px;
}

.section-title::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #333333;
}

.section-title::after {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    bottom: -13px;
    left: calc(25% - 13px);
    background: #23a454;
    border: 10px solid #FFFFFF;
    border-radius: 28px;
}

.section-title.text-center::before {
    left: 25%;
}

.section-title.text-center::after {
    left: calc(50% - 13px);
}

.text-primary {
    color: #23a454 !important;
}

.about_text .oval {
    width: 150px;
    height: 100px;
    color: #111;
    border-radius: 0%;
    text-align: center;
    font-size: 20px;
    float: left;
    /* shape-outside: ellipse(); */
    padding-right: 10px;
    padding-bottom: 10px;
    background-clip: content-box;
}

.about_text .oval span {
    padding-top: 5px;
    display: inline-block;
}

.about_text .round-img-sml {
    border-radius: 0px 30px 0px 30px;
}

.about_text .round-img {
    border-radius: 30px 0px 30px 0px;
}



.info-wrapper .profile .profile-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #2b934f;
}

.info-wrapper .profile .profile-name {
    font-size: 1.125rem;
    margin: 0;
}

.info-wrapper .profile .profile-position {
    color: var(--accent-color);
    margin: 0;
    font-size: 0.875rem;
}

.info-wrapper .contact-info {
    padding: 1rem 1.5rem;
    background-color: var(--surface-color);
    border-radius: 0.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.info-wrapper .contact-info i {
    color: var(--accent-color);
    font-size: 1.5rem;
}

.info-wrapper .contact-info .contact-label {
    color: color-mix(in srgb, var(--default-color), transparent 30%);
    font-size: 0.875rem;
    margin: 0;
}

.info-wrapper .contact-info .contact-number {
    font-weight: 600;
    margin: 0;
}

.wrapper {
    padding: 0px 0;
}

/* Default slide */
.center-slider .slick-slide {
    color: #FFF;
    margin: 0 15px 0 15px;
    display: block;
    align-items: center;
    justify-content: center;
    /*transform: scale(1);*/
	position: relative;
    transition: all 0.4s ease-in-out;
}

.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned)~.slick-cloned[aria-hidden="true"] {
    /*transform: scale(1, 1);*/
    transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] {
    /*transform: scale(1);*/
}

.center-slider .slick-current.slick-active {
    /*transform: scale(1);*/
}

.center-slider .slick-slide img {
    width: 100%;
    border-radius: 30px 0px 30px 0px;
}

.center-slider .slick-next,
.center-slider .slick-prev {
    z-index: 5;
}

.center-slider .slick-next {
    right: 15px;
}

.center-slider .slick-prev {
    left: 15px;
}

.center-slider .slick-next,
.center-slider .slick-prev {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 10;
    color: #000;
    background-color: #fff;
    font-weight: 600;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.center-slider .slick-disabled {
    display: none !important;
}

.center-slider .slick-list {
    height: 100%;
	padding-bottom: 42px;
    /*overflow: visible;
        padding: 0 12% 0 0 !important;*/
}

.center-slider .slick-next:before,
.center-slider .slick-prev:before {
    color: #1f8f4d;
    font-size: 26px;
	line-height: 45px;
}

.center-slider .titlhead {
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
	padding-left: 130px;
}

.center-slider .titlhead h3 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'MariposaSansStdBook';
}

.center-slider .titlhead h3 span {
    color: #ffffff;
    font-size: 13px;
    display: block;
    font-weight: 400;
}

.text-backdrop {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 66%);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    transition: all .4s ease;
    z-index: 10;
}

.btnBlueNew {
    color: #51871d;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 10px 30px;
    /* background: #51871d; */
    border: 1px solid #51871d;
    transition: all .5s ease-in-out;
    border-radius: 50px;
    margin-top: 15px;
}

.btnBlueNew:hover {
    color: #454545;
    background: #fff;
    transition: all .5s ease-in-out;
}


.teacup {
    position: absolute;
    bottom: -10px;
    left: -23%;
}

.teacup img {
    width: 40% !important
}

/*-- home page header side code End -- */

/* -- home page footer side code start -- */
.infinite-slider {
    position: relative
}


.infinite-slider h2 {
    font-family: 'MariposaSansStdBook';
    color: #121212;
    font-size: 48px !important;
    position: relative;
}

.infinite-slider h2:after {
    content: '';
    background-image: url('../img/icon/leaf.png');
    position: relative;
    width: 40px;
    height: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    z-index: 0;
    display: inline-block;
    bottom: -6px;
    right: -5px;
}

.infinite-slider {
    display: block
}


.infinite-slider .slick-next:before,
.infinite-slider .slick-prev:before {
    color: #329055;
}

.infinite-slider .slick-next,
.infinite-slider .slick-prev {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 10;
    color: #000;
    background-color: #fff;
    font-weight: 600;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

@media (max-width: 767.98px) {

    .infinite-slider .slick-next,
    .infinite-slider .slick-prev {
        width: 40px;
        height: 40px
    }
}

.infinite-slider .slick-next:focus,
.infinite-slider .slick-next:hover,
.infinite-slider .slick-prev:focus,
.infinite-slider .slick-prev:hover {
    outline: none;
    background: #329055;
    color: #fff;
    font-size: 0px;
}

.infinite-slider .slick-next:focus:before,
.infinite-slider .slick-next:hover:before,
.infinite-slider .slick-prev:focus:before,
.infinite-slider .slick-prev:hover:before {
    opacity: 1;
    color: #fff;
}

.infinite-slider .slick-disabled {
    display: none !important
}

.infinite-slider .infinite-next-button {
    display: flex;
    justify-content: flex-end
}

.infinite-slider .infinite-prev-button {
    display: flex;
    padding-left: 6%
}

.infinite-slider .slick-slide>div {
    min-height: var(--slide-height);
    min-width: var(--slide-width);
    max-height: var(--slide-height);
    max-width: var(--slide-width);
    position: relative;
    height: 100%
}

.infinite-slider .slick-track {
    display: flex;
    height: 100%
}

.infinite-slider-block {
    overflow: hidden;
    border-radius: 30px;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 1px 1px 1px transparent;
    transition: all .6s ease
}

.infinite-slider-block:hover {
    box-shadow: 0 50px 50px -60px rgba(0, 0, 0, .5)
}

.infinite-slider-block:hover .infinite-slider-block-inner .img-wrap {
    flex: 0 0 0%;
    max-height: 0%
}

.infinite-slider-block:hover .infinite-slider-block-inner .img-wrap.no-hover,
.infinite-slider-block:hover .infinite-slider-text {
    flex: 0 0 100%;
    max-height: 100%
}

.infinite-slider-block:hover .infinite-slider-text .descri {
    opacity: 1;
    flex-basis: 100%;
    max-height: 100%;
    min-width: var(--slide-width) !important;
    max-width: var(--slide-width) !important;
    display: inline
}

.infinite-slider-block:hover .infinite-slider-text .text-backdrop {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent)
}

.infinite-slider-block:hover .infinite-slider-block-inner.horizontal .img-wrap {
    max-height: none;
    max-width: 0
}

.infinite-slider-block:hover .infinite-slider-block-inner.horizontal .infinite-slider-text {
    max-height: none;
    max-width: 100%
}

.infinite-slider-block:hover .infinite-slider-block-inner.half-hover .img-wrap {
    flex: 0 0 55%;
    max-width: 55%
}

.infinite-slider-block:hover .infinite-slider-block-inner.half-hover .infinite-slider-text {
    max-height: none;
    max-width: 45%
}

.infinite-slider-block-inner {
    position: relative;
    display: flex;
    height: 100%
}

.infinite-slider-block-inner .img-wrap {
    flex: 0 0 55%;
    max-height: 55%;
    transition: all .5s ease;
    background-color: #007c85
}

.infinite-slider-block-inner .img-wrap.no-hover {
    flex: 0 0 100%;
    max-height: 100%
}

.infinite-slider-block-inner .img-wrap img {
    height: 100%;
    width: 100%;
    transition: all .4s ease;
    -o-object-fit: cover;
    object-fit: cover
}

.infinite-slider-block-inner.horizontal {
    min-height: var(--slide-height);
    min-width: var(--slide-width);
    max-height: var(--slide-height);
    max-width: var(--slide-width)
}

.infinite-slider-block-inner.horizontal .img-wrap {
    max-height: none;
    max-width: 55%
}

.infinite-slider-block-inner.horizontal .infinite-slider-text {
    max-height: none;
    max-width: 45%
}

.infinite-slider-block-inner.half-hover .img-wrap {
    flex: 0 0 100%;
    max-width: 100%
}

.infinite-slider-block-inner.half-hover .infinite-slider-text {
    max-height: none;
    max-width: 0
}

.infinite-slider-text {
    width: 100%;
    flex: 0 0 45%;
    max-height: 45%;
    transition: all .5s ease;
    position: relative;
    background-color: #ededed
}

.infinite-slider-text .title-and-descri {
    z-index: 14
}

.infinite-slider-text .title {
    transition: all .4s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: #000;
    z-index: 3;
    font-family: 'MariposaSansStdBook';
    font-weight: 600;
    font-size: 15px;
    width: 100%
}

@media (max-width: 767.98px) {
    .infinite-slider-text .title {
        font-size: 14px
    }
}

.infinite-slider-text .descri {
    opacity: 0;
    flex-basis: 0%;
    max-height: 0;
    max-width: 100%;
    font-size: 13px;
    transition: all .3s ease
}

.infinite-slider-text .read-more {
    display: block;
    color: #007c86;
    flex: 0 0 auto;
    font-family: "HKGrotesk";
    font-weight: 600;
    width: 100%;
    font-size: 14px;
    transition: all .2s ease;
    margin: 0;
    outline: none !important
}

.infinite-slider-text .read-more span {
    font-size: 10px;
    margin-left: 0;
    transition: all .2s ease
}

.infinite-slider-text .read-more:hover span {
    margin-left: 10px
}

.infinite-slider-text .text-backdrop {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 66%);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    transition: all .4s ease;
    z-index: 10
}

.infinite-slider-text.no-hover {
    position: absolute;
    flex-basis: 100%;
    min-height: 100%;
    background-color: transparent
}

.infinite-slider-text.no-hover .title {
    color: #fff;
    z-index: 15
}

.infinite-slider .slick-list {
    height: 100%;
    /*overflow: visible;
        padding: 0 12% 0 0!important*/
}

.infinite-slider .slick-slide {
    margin: 0 10px;
    position: relative;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .infinite-slider .slick-slide {
        margin: 0;
        padding: 10px
    }
}

.infinite-slider .slick-track {
    margin-left: 0
}

@media (max-width: 767.98px) {
    .infinite-slider .slick-track {
        margin: 0 -10px
    }
}

.featured-stories .infinite-slider-text {
    padding: 1.5rem !important
}

.featured-stories .infinite-slider-text .title-and-descri .descri {
    font-size: 16px !important
}

.featured-stories .infinite-slider-text .title-and-descri .title {
    font-size: 1rem !important;
    margin-bottom: 1rem !important
}

.slider-pre-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 92.9%, .5) 20%, #ededed 50%, hsla(0, 0%, 92.9%, .5) 80%, hsla(0, 0%, 92.9%, 0));
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-pre-loader img {
    height: 50px;
    width: 50px
}

.infinite-slider-skeleton-item .card {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    border-radius: 30px;
    overflow-y: hidden;
    overflow-x: hidden
}

@media (max-width: 575.98px) {

    .infinite-slider-skeleton-item:nth-last-child(3),
    .infinite-slider-skeleton-item:nth-last-child(4) {
        display: none
    }
}

/* -- home page footer side code End -- */



/* --- about us section  --- */

.section_padding {
    padding: 40px 0;
}

.sect_title {
    margin-bottom: 30px;
}

.sect_title .title {
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    font-family: 'MariposaSansStdBook';
    color: #121212;
    font-size: 48px !important;
    padding-bottom: 0px;

}

.sect_title .title:after {
    content: '';
    background-image: url('../img/icon/leaf.png');
    position: relative;
    width: 40px;
    height: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    z-index: 0;
    /*  opacity: 0.3;
    filter: brightness(0); */
    display: inline-block;
    bottom: -6px;
    right: -5px;
}

.sect_title .subtitle {
    font-weight: 400;
    font-size: 20px;
    /* letter-spacing: 0.5px;
    text-transform: uppercase; */
    color: #545454;
    margin-top: 5px;
    margin-bottom: 0;
}

.sect_title .subtitle+p {
    margin-top: 20px;
}

.sect_title .title+p {
    margin-top: 20px;
}

.sect_title p {
    color: #444;
}

.about_section {
    position: ;
    padding: 40px 0 40px;
    overflow: hidden;
}

.about_section h2 {
    font-family: 'MariposaSansStdBook';
    color: #121212;
    font-size: 48px !important;
    padding-bottom: 30px;
    position: relative;
}

.about_section h2:after {
    content: '';
    background-image: url('../img/icon/leaf.png');
    position: relative;
    width: 40px;
    height: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    z-index: 0;
    display: inline-block;
    bottom: -6px;
    right: -5px;
}

.about_section .container-fluid {
    position: relative;
    z-index: 2;
}

/* .about_section:before {
    content: '';
    background-image: url('../img/world_map.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 86%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2;
} */

.about_section:before {
    /* content: '';
    background-image: url('../img/tea_collection2.jpg');
    position: absolute;
    bottom: -16px;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: auto 357px;
    background-position: bottom right;
    background-repeat: no-repeat;
    opacity: 0.3;
    z-index: 1; */
}

.about_section:before {
    /* content: '';
    background-image: url('../img/tea-leaves.png');
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 216px;
    background-position: bottom left;
    background-repeat: repeat;
    opacity: 0.2;
    z-index: 1; */
}

.about_section p {
    line-height: 24px;
}


.custom_btn {
    color: #333;
    text-decoration: none;
    font-weight: 600;
    border: 1.5px dotted #7a7a7a;
    padding: 10px 31px;
    display: inline-block;
    line-height: 1;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.5s ease;
}

.custom_btn:hover {
    color: #333;
    border-color: #333;
}

.custom_btn.fill {
    background: #333;
    color: #FFF;
}

.video_section {
    position: relative;
}

.video_section .content_box {
    position: absolute;
    top: 150px;
    left: 150px;
    background: #FFF;
    padding: 25px;
    width: 630px;
    max-width: 100%;
    border-radius: 5px;
    box-shadow: 3px 7px 30px 0 rgb(0 0 0 / 47%);
}

.video_section .content_box .sect_title {
    margin: 0;
}

.content_box .sect_title .title {
    line-height: 1;
}

.video_section .content_box .sect_title .title span {
    color: #000;
    font-weight: 400;
}

.video_section .content_box .sect_title .title span.typed-cursor {
    font-weight: 500;
}

.video_section .content_box .sect_title .title:after {
    display: none;
}

.video_box {
    position: relative;
    overflow: hidden;
    background-image: url('../img/video_poster.jpg');
    min-height: 650px;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.video_box:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 35%);
}


.video_box img {
    display: block;
    width: 100%;
}

.video_button {
    display: flex;
    width: 80px;
    height: 80px;
    background: #7a7a7a;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    align-items: center;
    justify-content: center;
    bottom: 50px;
    right: 50px;
    transform: translate(-50%, -50%);
}

.video_button i {
    color: #FFF;
    position: relative;
    z-index: 2;
    font-size: 23px;
}

.video_button:before,
.video_button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.video_button:before {
    z-index: 0;
    background: #ffffff;
    animation: play_border 1500ms ease-out infinite;
}

.video_button:after {
    z-index: 1;
    background: #7a7a7a;
    transition: all 200ms;
}

.video_button p {
    position: absolute;
    bottom: -37px;
    white-space: nowrap;
    color: #FFF;
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
}

@keyframes play_border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.6);
        opacity: 0;
    }
}


/* -- Globe Section -- */
.globe_section {
    position: relative;
    min-height: auto;
    background: #f1f1f1;
    background: url('../img/lft-flower.png') #f1f1f1;
    background-size: auto 280px;
    background-position: bottom left;
    background-repeat: no-repeat;
    z-index: 0;
}

.globe_section:after {
    content: '';
    background-image: url(../img/rgt-flower.png);
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 396px;
    height: 531px;
    background-size: auto 346px;
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: 1;
}


.globe_section .container {
    position: relative;
    z-index: 2;
}

.globe_section::before {
    content: '';
    background-image: url('../img/globe_animation.gif');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: bottom 0% center;
    filter: grayscale(1);
    opacity: 7;
}

.globe_service {
    background: rgb(255 255 255 / 70%);
    border-radius: .8rem;
    box-shadow: 0 0 10px 9px rgba(0, 0, 0, .07);
    padding: 1.5rem;
    position: relative;
    transition: all .5s ease;
}

.globe_service:hover {
    box-shadow: 0 0 10px 9px rgba(0, 0, 0, .15);
}

.globe_service_row {
    margin-top: 120px;
    gap: 30px 0;
}

.globe_service h4 {
    font-weight: 700;
    color: #7a7a7a;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    min-height: 58px;
}

.globe_service span {
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    margin-bottom: 4px;
    color: #666;
}

.globe_service p {
    font-size: 18px;
    margin-bottom: 0;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #7a7a7a;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.globe_service p i {
    font-size: 23px;
}

.globe_service .icon {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 45px;
    opacity: 0.7;
}

.globe_service .icon img {
    max-width: 100%;
}

.globe_service:hover {
    box-shadow: 0 0 10px 9px rgba(0, 0, 0, .15);
}

.globe_service:hover p i {
    color: #000;
    transform: translateX(6px);
}

.globe_service:hover span {
    color: #000;
}

.globe_service span,
.globe_service p i {
    transition: all 0.5s ease;
}

@media (min-width:1399px) {
    .globe_service_row>div {
        width: 20%;
    }
}

/* -- Clients Logo Section  -- */
ul.brands {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

ul.brands li {
    width: 20%;
    padding: 10px;
    text-align: center;
    border: 1px dashed #e7e7e7;
}

ul.brands li img {
    max-width: 100%;
    filter: grayscale(0);
    width: 180px;
    transition: all 0.5s ease;
}

ul.brands li:hover img {
    filter: grayscale(1);
}

/* --- Brands Section --- */
.brand_section {
    background: #fbfbfb;
    margin-top: 0px;
    padding: 80px 0;
    position: relative;
}

.brand_section::before {
    content: '';
    background-image: url('../img/leaf_left.jpg');
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    opacity: 0.2;
    z-index: 0;
    /* filter: grayscale(1); */
}

.brand_section .container {
    position: relative;
    z-index: 2;
}

.brand_section::after {
    content: '';
    background-image: url('../img/leaf_right.jpg');
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    opacity: 0.3;
    z-index: 0;
    /* filter: grayscale(1); */
}

ul.presence_tab li .tab_link {
    border: 1px solid #e1e1e1;
    color: #545454;
    display: block;
    padding: 17px 19px;
    border-radius: 5px;
    border-radius: 40px 0px 40px 0px;
    cursor: pointer;
    background: #fff;
}

ul.presence_tab li .tab_link span {
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1;
}

ul.presence_tab li .tab_link p {
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

ul.presence_tab li .tab_link.active {
    background: #7a7a7a;
    color: #FFF;
}

ul.presence_tab {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px 0;
    margin-right: 10px;
    border-bottom: none;
}

.brand_banner img {
    width: 100%;
    border-radius: 5px;
    border-radius: 60px 0px 60px 0px;
}


/* -- Overview Section -- */
.overview_section {
    position: relative;
}


.infinite-slider figure.snip0016 {
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 220px;
    max-width: 100%;
    max-height: 300px;
    width: 100%;
    background: #000000;
    text-align: left;
    border-radius: 21px 0px 21px 0px;
}

.infinite-slider figure.snip0016 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.infinite-slider figure.snip0016 img {
    max-width: 100%;
    opacity: 1;
    width: 100%;
    border-radius: 20px 0px 20px 0px;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.infinite-slider figure.snip0016 figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 25px;
    width: 100%;
    height: 100%;
}

.infinite-slider figure.snip0016 figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 100%;
    border-left: 4px solid rgba(255, 255, 255, 0.8);
    content: '';
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.infinite-slider figure.snip0016 h3,
.infinite-slider figure.snip0016 p {
    margin: 10px 0 10px;
    opacity: 0;
    padding-left: 10px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
}

.infinite-slider figure.snip0016 h3 {
    /* word-spacing: -0.15em; */
    font-weight: 300;
    font-size: 20px;
    /* text-transform: uppercase; */
    font-family: 'MariposaSansStdBook';
    -webkit-transform: translate3d(30%, 0%, 0);
    transform: translate3d(30%, 0%, 0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.infinite-slider figure.snip0016 h3 span {
    font-weight: 800;
}

.infinite-slider figure.snip0016 p {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    -webkit-transform: translate3d(0%, 30%, 0);
    transform: translate3d(0%, 30%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.infinite-slider figure.snip0016 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    color: #ffffff;
}

.infinite-slider figure.snip0016:hover img {
    opacity: 0.3;
}

.infinite-slider figure.snip0016:hover figcaption h3 {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.infinite-slider figure.snip0016:hover figcaption p {
    opacity: 0.9;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.infinite-slider figure.snip0016:hover figcaption::before {
    background: rgba(255, 255, 255, 0);
    left: 20px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}


.infinite-slider .single-img {
    position: relative;
    width: 30%;
    float: left;
    margin: 0 1%;
}

.infinite-slider .image {
    display: block;
    width: 100%;
    height: auto;
}

.infinite-slider .img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #144775;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.infinite-slider .single-img:hover .img-overlay {
    height: 100%;
}

.infinite-slider .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: poppins;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}

.infinite-slider .text span {
    font-weight: 300;
}



/*--------------------------------------------------------------
# gcompnay Section
--------------------------------------------------------------*/
.gcompnay {
    padding:60px 0 60px 0px;
    position: relative;
    /* background-image: url(../img/pouring-tea-cup1.png); */
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #d4efdb;
    background-color: #ffffff;
}

.gcompnay .team-member {
    background-color: var(--surface-color);
    /* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); */
    position: relative;
    border-radius: 70px 0px 70px 0px;
    transition: 0.5s;
    padding: 0px;
    height: 100%;
}

.gcompnay .team-member::before {
    content: '';
    background-image: url(../img/tree-leaf.png);
    position: absolute;
    left: -40px;
    top: -40px;
    width: 122px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 0;
    background-size: 90px;
    opacity: 0.8;
}

.gcompnay .team-member::after {
    /*     content: '';
    background-image: url(../img/tree-leaf-1.png);
    position: absolute;
    right: -40px;
    bottom: -70px;
    width: 122px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 0;
    background-size: 90px; */
}


@media (max-width: 468px) {
    .gcompnay .team-member {
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
    }
}

.gcompnay .team-member .pic {
    overflow: hidden;
    border-radius: 0%;
    flex-shrink: 0;
	position:relative;
    /* margin: -30px -30px 20px -30px; */
    padding-bottom: 15px;
}

.gcompnay .team-member .pic img {
    transition: ease-in-out 0.3s;
    width: 100%;
	position:relative;
    border-radius: 70px 0px 70px 0px;
}

.gcompnay .team-member .pic:before {
    border: 1px solid #a7de7c;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 3%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90%;
    width: 95%;
    z-index: 9;
	border-radius: 70px 0px 70px 0px;
}

.gcompnay .team-member:hover {
    transform: translateY(-10px);
}

.gcompnay .team-member .member-info {
    padding-left: 0px;
}



.gcompnay .team-member h4 {
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 32px;
    color: #121212;
    font-family: 'MariposaSansStdBook';
}

.gcompnay .team-member span {
    display: block;
    font-size: 15px;
    padding-bottom: 10px;
    position: relative;
    font-weight: 500;
}

.gcompnay .team-member span::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 1px;
    background: color-mix(in srgb, var(--default-color), transparent 85%);
    bottom: 0;
    left: 0;
}

@media (max-width: 468px) {
    .gcompnay .team-member span::after {
        left: calc(50% - 25px);
    }
}

.gcompnay .team-member p {
    margin: 10px 0 0 0;
    font-size: 16px;
}

.gcompnay .team-member .social {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
}

@media (max-width: 468px) {
    .gcompnay .team-member .social {
        justify-content: center;
    }
}

.gcompnay .team-member .social a {
    background: color-mix(in srgb, var(--default-color), transparent 94%);
    transition: ease-in-out 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 36px;
    height: 36px;
}

.gcompnay .team-member .social a i {
    color: color-mix(in srgb, var(--default-color), transparent 20%);
    font-size: 16px;
    margin: 0 2px;
}

.gcompnay .team-member .social a:hover {
    background: var(--accent-color);
}

.gcompnay .team-member .social a:hover i {
    color: var(--contrast-color);
}

.gcompnay .team-member .social a+a {
    margin-left: 8px;
}

.my_innovation {
    padding: 40px 0px 40px;
    /*background-image: url(../img/tea-estate-bg.jpg);*/
    /* background: linear-gradient(rgb(0 0 0 / 47%), rgb(0 0 0 / 72%)), url(../img/tea-estate-bg.jpg) center center no-repeat; */
    background-size: cover;
    position: relative;
}

.my_innovation::after {
    /* content: '';
    background-image: url(../img/tea-cup-bg.png);
    position: absolute;
    /* left: 50%; *
    bottom: -50px;
    width: 282px;
    height: 305px;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 0;
    background-size: 20%;
    width: 100%; */
}

.my_innovation .sect_title {
    margin-bottom: 45px;
}

.my_innovation .sect_title .title {
    font-family: 'MariposaSansStdBook';
    color: #121212;
    padding-bottom: 0;
}

.my_innovation .sect_title .subtitle {
    color: #121212;
    font-size: 18px;
    text-transform: none;
}


.my_innovation .my-slider {
    padding: 0 0px;
    margin-bottom: 0px;
}

.my_innovation .slick-initialized .slick-slide {
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin: 0 5px 0 5px;
    padding: 3px;
    border-radius: 30px 0px 30px 0px;
}

.my_innovation .slick-initialized .slick-slide img {
    border-radius: 30px 0px 30px 0px;
}

.my_innovation .slick-next,
.my_innovation .slick-prev {
    z-index: 5;
}

.my_innovation .slick-next {
    right: 0px;
}

.my_innovation .slick-prev {
    left: 0px;
}

.my_innovation .slick-next:before,
.my_innovation .slick-prev:before {
    color: #000000;
    font-size: 26px;
}

.my_innovation .slick-list {
    /* overflow: visible; */
}

.my_innovation .slick-next,
.my_innovation .slick-prev {
    width: 50px;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 10;
    color: #000;
    background-color: #fff;
    font-weight: 600;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.my_innovation .slick-disabled {
    display: none !important;
}




/*--------------------------------------------------------------
# Video Section
--------------------------------------------------------------*/
.videobx {
    padding: 70px 0px 70px 0;
}
.videobx h2 {
    font-family: 'MariposaSansStdBook';
    color: #121212;
    font-size: 48px !important;
    padding-bottom: 30px;
    position: relative;
}

.videobx h2:after {
    content: '';
    background-image: url(../img/icon/leaf.png);
    position: relative;
    width: 40px;
    height: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    z-index: 0;
    display: inline-block;
    bottom: -6px;
    right: -5px;
}

.videobx .contents p:last-child {
    margin-bottom: 0;
}

.videobx .pulsating-play-btn {
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
}

.videobx .titlhead {
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.videobx .titlhead h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'MariposaSansStdBook';
}

.videobx .titlhead h3 span {
    color: #ffffff;
    font-size: 16px;
    display: block;
    font-weight: 400;
}

.text-backdrop {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 66%);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    transition: all .4s ease;
    z-index: 10;
}



/* Pulsating Play Button
------------------------------*/
.pulsating-play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#008374 50%, color-mix(in srgb, #028576, transparent 75%) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

.pulsating-play-btn:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    animation-delay: 0s;
    animation: pulsate-play-btn 2s;
    animation-direction: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid color-mix(in srgb, #018777, transparent 30%);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

.pulsating-play-btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.pulsating-play-btn:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    animation: none;
    border-radius: 0;
}

.pulsating-play-btn:hover:after {
    border-left: 15px solid #018374;
    transform: scale(20);
}

.rounded-4 {
    border-radius: 20px !important;
}

@keyframes pulsate-play-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}





/* -- Footer Section -- */
.subscribe {
    display: flex;
    padding: 20px 30px;
    padding-left: 120px;
    background: #e5e5e5;
    margin-bottom: 60px;
    border-radius: 7px;
    box-shadow: 0 0 10px 9px rgb(129 129 129 / 7%);
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.subscribe:before {
    content: '';
    background-image: url('../img/leaf_subscribe.png');
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100px;
    background-size: auto 85px;
    background-position: left bottom;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.subscribe h2 {
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1.5px;
    color: #7a7a7a;
    font-size: 27px;
}

.subscribe p {
    color: #7a7a7a;
    letter-spacing: 0.5px;
    margin: 0;
}

.subscribe form input {
    width: 260px;
    padding: 5px 15px;
    border: 1px solid #CCC;
    border-radius: 50px;
    height: 45px;
    outline: none;
}

.subscribe form button {
    background: #7a7a7a;
    border: none;
    padding: 0px 20px 3px 20px;
    height: 45px;
    line-height: 37px;
    color: #FFF;
    border-radius: 50px;
    margin-left: 10px;
    letter-spacing: 0.4px;
    border: 1px solid #7a7a7a;
}

.footer_section {
    padding: 50px 0 50px 0;
    position: relative;
    background: #545454;
}

.footer_section:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/footer_bg.png');
    background-size: auto 68%;
    z-index: 0;
    filter: grayscale(1);
    background-position: bottom center;
    background-repeat: repeat-x;
    opacity: 0.2;
}

.footer_section .container {
    position: relative;
    z-index: 2;
}


.ft_title {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}

.footer_section ul.quick_links {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.footer_section ul.quick_links li {
    margin-bottom: 6px;
}

.footer_section ul.quick_links li a {
    color: #ffffff;
    font-size: 15px;
}

.footer_section .ft_about img {
    width: 190px;
    display: block;
    margin-bottom: 15px;
}

.footer_section .ft_about p {
    color: #ffffff;
}

ul.ft_social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0 17px;
}

ul.ft_social li a {
    color: #ffffff;
    transition: all 0.5s ease;
}

ul.ft_social li a:hover {
    color: #000;
}



.footer_section .copyrights {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    text-align: center;
}

.copyrights p {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin: 0;
}

.copyrights p span {
    color: #f9eb3c;
}



.footer {
    background-color: #000000d6;
    color: #fff;
    padding: 100px 0 0 0;
}

.footer-box {
    z-index: 1;
    padding: 15px !important
}

.footer-box h5 {
    margin-bottom: 30px;
    color: #FFF;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'HarmoniaSansBold';
    position: relative;
}
.footer-box h5:before {
    content: '';
    width: 23px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -7px;
    background: #FFF;
}

.footer-box p {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
    letter-spacing: .5px;
    color: #ffffff;
}

.footer-box p a {
    color: #ffffff
}

.footer-box-mail {
    display: block;
    position: relative;
    margin-top: 20px
}

.footer-box-mail input {
    border-radius: 5px;
    padding-right: 90px !important;
    color: #3e5f45 !important;
    height: 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 13px;
    font-weight: 400
}

.footer-box-mail input:-ms-input-placeholder {
    color: #3e5f45 !important;
    font-size: 15px !important;
    font-weight: 400 !important
}

.footer-box-mail input::-moz-placeholder {
    color: #3e5f45 !important;
    font-size: 15px !important;
    font-weight: 400 !important
}

.footer-box-mail input::placeholder {
    color: #3e5f45 !important;
    font-size: 15px !important;
    font-weight: 400 !important
}

.btn-info:hover {
    color: #000;
    background-color: #b89633;
    border-color: #b89633;
}

/* .footer-box-mail button {
    position: absolute;
    right: 4px;
    top: 4px;
    color: #ccc;
    background-color: #1f904d;
    border-color: #1f904d;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    height: 34px;
    padding: 0 20px
} */

.footer-box-mail button {
    position: relative;
    color: #ccc;
    background-color: #1f904d;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-box-mail .main-cpt {
    display: flex;
    align-items: center;
    gap: 10px 12px;
    margin: 13px 0;
}

.footer-box-mail .main-cpt input {
    width: 137px;
    padding: 0 10px !important;
}

.footer-box-mail .main-cpt span {
    font-size: 13px;
}

.footer-box-mail .main-cpt a {
    color: #FFF;
    font-size: 13px;
}

.footer .foot-social a {
    color: #fff;
    font-size: 17px;
    padding: 5px;
    margin-right: 5px;
}

.footer .foot-social a :hover {
    color: #b89633
}

.footer .footer-tag {
    border-top: 1px solid #ffffff38;
    padding: 15px 0px 15px;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    margin-top: 60px;
}
.foot_copyrights {
    letter-spacing: 0.6px;
    color: #adadad;
}
.footer .footer-tag a {
    color: #adadad
}

.footer .footer-tag a:hover {
    text-decoration: underline;
    color: #FFF;
}

.footer-mob {
    background-color: #007c86;
    color: #fff;
    z-index: 99
}

.footer-mob-box h5 {
    font-family: "PlayfairDisplay";
    font-weight: 600;
    margin-bottom: 15px
}

.footer-mob-box p {
    font-size: 12px;
    margin-bottom: 6px;
    font-weight: 200;
    letter-spacing: .5px;
    color: #ccc
}

.footer-mob-box p a {
    color: #ccc;
    display: flex;
    justify-content: flex-start;
    padding-left: 20px
}

.footer-mob-box .accordion .card {
    border: none;
    background-color: #007c86
}

.footer-mob-box .accordion .card-header {
    background-color: transparent;
    border-bottom: none
}

.footer-mob-box .accordion .card-header .btn.btn-foot {
    background-color: #007c86;
    text-align: left;
    font-family: "PlayfairDisplay";
    color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: unset;
    padding-left: 0
}

.footer-mob-box .accordion .card-header .btn.btn-foot .ft-icn-style {
    font-size: 15px;
    color: #fff;
    float: right
}

.footer-mob-box .accordion .card-body {
    text-align: center
}

.footer-mob-social {
    margin-bottom: 20px
}

.footer-mob-social a {
    color: #fff;
    font-size: 25px;
    letter-spacing: 7px
}

.footer-mob-social h5 {
    font-family: "PlayfairDisplay";
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px
}

.footer-mob .footer-tag {
    border-top: 1px solid #ccc;
    padding: 15px 15px 20px;
    font-size: 11px;
    text-align: center;
    color: #ccc
}

.footer-mob .footer-tag a {
    color: #ccc
}

.footer-mob .footer-tag a:hover {
    text-decoration: underline
}




/* pop up box */


#leafModal {
    width: 1000px;
    height: 720px;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 15px !important;
    margin-top: 0;
    border-radius: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background: #fff;
    transform: translateY(-50%);
}

#leafModal::before {
    content: '';
    background-image: url(../img/tea_collection2.jpg);
    position: absolute;
    bottom: -16px;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: auto 357px;
    background-position: bottom right;
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: -1;
}

#leafModal::after {
    content: '';
    background-image: url(../img/tea-leaves.png);
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 216px;
    background-position: bottom left;
    background-repeat: repeat;
    opacity: 0.3;
    z-index: -1;
}

#leafModal .nav .nav-item {
    width: 240px;
    background: #ccc;
    color: #fff !important;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#leafModal .nav .nav-item button.active {
    background: #7a7a7a;
    color: #fff !important;
    border-radius: 0;
}

#leafModal .nav .nav-item button {
    width: 100%;
    color: #000 !important;
    padding: 15px 10px;
}

#leafModal .tab-content {
    height: 650px;
    overflow-x: hidden;
    padding-right: 20px;
}

#leafModal .tab-content .logo_new_box {
    margin-top: 25px;
}

#leafModal .tab-content .logo_brand_box {
    padding: 0 15px;
    margin-bottom: 25px;
    text-align: center;
}

#leafModal .tab-content .logo_brand_box img {
    width: 200px;
    max-width: 100%;
    height: 65px;
    object-fit: contain;
}

#leafModal .tab-content .logo_brand_box h5 {
    margin-top: 20px;
    color: #7a7a7a;
    font-weight: 600;
}

#leafModal .tab-content img {
    width: 100%;
}

#leafModal .tab-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #F5F5F5;
}

#leafModal .tab-content::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#leafModal .tab-content::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}


#leafModal .tab-content h2 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    color: #7a7a7a;
    margin-top: 10px;
}

#leafModal .tab-content p {
    font-size: 16px;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 10px;
}

#leafModal .modal-content {
    border: none;
    background: none;
}

#leafModal .modal-dialog {
    margin: 0;
    max-width: 100%;
}

#leafModal .modal-header {
    padding: 0;
    position: absolute;
    top: -35px;
    right: 0;
}

#leafModal .modal-body {
    display: flex;
    width: 100%;
    padding: 0;
}


#background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

div#background-video-container:before {
    position: absolute;
    content: '';
    background: #00000063;
    z-index: 100;
    top: 0;
    width: 100%;
    height: 100%;
}

#background-video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
    /* Avoid capturing mouse events */
}

#background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /* Above the video */
}

/* pop up box end */


.bird {
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg');
    filter: invert(34%) sepia(55%) saturate(427%) hue-rotate(141deg) brightness(93%) contrast(91%);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    animation-name: fly-cycle;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite;
}

.bird-one {
    animation-duration: 1s;
    animation-delay: -0.5s;

}

.bird-two {
    animation-duration: 0.9;
    animation-delay: -0.75.s;

}

.bird-three {
    animation-duration: 1.25s;
    animation-delay: -0.25s
}

.bird-four {
    animation-duration: 1.1s;
    animation-delay: -0.5s;
}

.bird-container {
    position: absolute;
    top: 10%;
    left: -3%;
    z-index: -2;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation-name: fly-right-one;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.bird-container-one {
    animation-duration: 15s;
    animation-delay: 0;
}

.bird-container-two {
    animation-duration: 16s;
    animation-delay: 1s;
}

.bird-container-three {
    animation-duration: 14.6s;
    animation-delay: 9.5s;
}

.bird-container-four {
    animation-duration: 16s;
    animation-delay: 10.25s;
}

/* @keyframes fly-cycle {
    100%{
        background-position: -3600px 0;
    }
} */
@keyframes fly-cycle {

    100% {
        background-position: -900px 0;
    }

}

@keyframes fly-right-one {

    0% {
        transform: scale(0.3) translateX(-10vw);
    }

    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }

    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }

    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }

    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }

}

@keyframes fly-right-two {

    0% {
        transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }

    10% {
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }

    30% {
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }

    40% {
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }

    51% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }

}



.bird_wrap {
    position: absolute;
    top: 35%;
    z-index: 9;
    left: 0;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation: bird_movement 16s linear infinite;
}

.bird_top {
    background-image: url('../img/bird-cells-new2.png');
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    animation: bird_fly 1s steps(10) -0.5s infinite;
    filter: invert(34%) sepia(55%) saturate(427%) hue-rotate(88deg) brightness(93%) contrast(91%);
    transform: scale(.9);
}

@keyframes bird_fly {
    100% {
        background-position: -900px 0;
    }
}

@keyframes bird_movement {
    0% {
        transform: translateX(100vw);
    }

    100% {
        transform: translateX(-10vw);
    }
}

.leaf_note_1.leaf_1 .leaf_img .leaf_icon img {
    width: auto;
    height: 72px;
}

.leaf_note_1 .leaf_img {
    cursor: pointer;
}

.leaf_note_1 .leaf_img .leaf_icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 10px;
    background: #FFF;
    overflow: hidden;
    display: inline-block;
}

.leaf_note_1:not(.leaf_1) .leaf_img .leaf_icon img {
    filter: grayscale(1) !important;
    width: 100%;
}

.leaf_note_1:not(.leaf_1):hover .leaf_img .leaf_icon img {
    /* padding: 5px; */
    filter: grayscale(0) !important;
}



@media (max-width:1599px) {
    .main_banner .content_container .content_up {
        max-width: 560px;
    }

    .content_up h1 {
        font-size: 36px;
    }

    .main_banner .content_container .content_up h4 {
        font-size: 35px;
    }

    .main_banner .content_container .content_up p {
        font-size: 17px;
        line-height: 25px;
    }

    .leaf_note_1 .leaf_img .leaf_icon {
        width: 75px;
        height: 75px;
    }

    .leaf_note_1 .hover-text {
        margin-top: 0px;
    }

    .leaf_note_1.leaf_1 .leaf_img .leaf_icon img {
        height: 68px;
    }
}


/* -- mega menu -- */

.menu_item ul#category-nav {
    flex-direction: column;
    display: flex;
    align-items: baseline;
    gap: 10px 0;
}

.menu_item ul#category-nav li a:after {
    display: none;
}

.menu_item ul#category-nav li a {
    background: #f1f1f1;
    padding: 13px 18px;
    width: 100%;
}

.menu_item ul#category-nav li a.active,
.menu_item ul#category-nav li a:hover {
    background: #1f904d;
    color: #FFF;
}

.menu_item ul#category-nav li {
    width: 100%;
}

.category-content {
    display: none;
}

.category-content.tab-active {
    display: block;
}

.list_group_box_row>.col_5 {
    width: 20%;
}

.list_group_box a:after {
    display: none;
}

.list_group_box a:hover {
    background: transparent !important;
}

.list_group_box img {
    display: block;
    margin-bottom: 10px;
    border-radius: 20px 0px 20px 0px;
}

.list_group_box p {
    text-align: center;
    /* font-family: 'MariposaSansStdBook'; */
}

.menu_contact h4 {
    color: #3a5f42;
    font-weight: 700;
}

.menu_contact p {
    text-align: left;
}

.menu_contact p span {
    font-weight: 700;
}


.image_box {
    position: relative;
}

.image_box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 66%);
    opacity: 1;
    transition: all 0.5s ease;
    border-radius: 30px 0px 30px 0px;
}

.image_box .overlay img {
    width: 170px !important;
    transform: scale(0.6);
    transition: all 0.5s ease;
    background: rgb(255 255 255 / 80%);
    padding: 10px;
}

.factories_slide:hover .image_box .overlay {
    opacity: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent);
}

.factories_slide:hover .image_box .overlay img {
    transform: scale(1);
}

.wwd_content_h5 h5{
    text-align: center;
    font-size: 12px;
    margin-top: 4px;
    color: #777;
    font-weight: 600;
    letter-spacing: 1px;
}
/* --- home page banner -- */

.home_banner_slider ul.slick-dots {
    width: auto;
    height: auto;
    /* display: flex; */
    flex-direction: column;
    position: absolute;
    left: 48%;
    z-index: 99;
    bottom: 5px;
    top: auto;
}

.home_banner_slider ul.slick-dots li {
    border-radius: 50%;
    width: auto;
    height: auto;
}

.home_banner_slider {
    position: relative;
    margin-bottom: 0;
}

.home_banner_slider ul.slick-dots li button {
    width: 12px;
    height: 12px;
    background: #FFF;
    border-radius: 50%;
    overflow: hidden;
    text-indent: 100px;
    margin: 6px 2px;
    background-color: hsl(0deg 0% 72.76% / 64%);
}

.home_banner_slider ul.slick-dots li button:before {
    display: none;
}

.home_banner_slider ul.slick-dots li.slick-active button {
    background: #dc1c7f;
}

/* --- Breadcrumbs Section -- */
.breadcrumbs_section {
    position: relative;
}

.breadcrumbs_section img {
    display: block;
    width: 100%;
}

.breadcrumbs_section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.breadcrumbs_section h1 {
    font-family: 'MariposaSansStdBook';
    color: #1f904d;
    font-size: 55px;
    letter-spacing: 1px;
    text-shadow: 0px 3px 5px rgb(0 97 26 / 63%);
}

.breadcrumbs_links ul {
    display: flex;
    list-style: none;
    margin: 0;
    background: #1f904d;
    width: max-content;
    padding: 7px 15px;
    border-radius: 12px 0;
}

.breadcrumbs_links ul li+li:before {
    content: '/';
    position: relative;
    margin: 0 10px;
    font-size: 12px;
    color: #FFF;
}

.breadcrumbs_links ul li {
    font-size: 13px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.breadcrumbs_links ul li.active {
    color: #FFDF7C;
}

.breadcrumbs_links {
    padding: 0;
    margin-top: 20px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

.breadcrumbs_links ul li a {
    color: #FFF;
    transition: all 0.5s ease;
}

.breadcrumbs_links ul li a:hover {
    color: #FFDF7C;
}

.section_padding {
    padding: 70px 0;
}

.spt {
    padding-top: 0 !important;
}

.spb {
    padding-bottom: 0 !important;
}


.testimonial_row {
    gap: 30px 0;
}

.testimonial_card {
    border-radius: 70px 0px 70px 0px;
    height: 100%;
    padding: 45px;
    box-shadow: 0 .1rem 1rem rgba(0, 0, 0, .09);
    transition: all 0.5s ease;
    position: relative;
}

.testimonial_card:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.testimonial_card .postition {
    margin-bottom: 25px;
}

.testimonial_card .postition h4 {
    margin-bottom: 4px;
    font-weight: 700;
}

.testimonial_card .postition p {
    margin-bottom: 0;
    font-size: 12px;
    color: #838383;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.testimonial_card .desciption p {
    font-size: 17px;
}

.testimonial_card::before {
    content: '';
    background-image: url('../img/tree-leaf.png');
    position: absolute;
    right: -24px;
    bottom: -17px;
    width: 122px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 0;
    background-size: 90px;
    opacity: 0.3;
    transform: rotate(71deg);
    transition: all 0.4s ease;
}

.testimonial_card:hover:before {
    opacity: 0.5;
}

.testimonial_card .desciption .readmore,
.wwd_card .wwd_content .readmore {
    display: flex;
    align-items: center;
    gap: 0 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 7px 22px;
    width: fit-content;
    border-radius: 50px;
    color: #51871d;
    transform: translateX(-22px);
    transition: all 0.5s ease;
    margin-top: 25px;

}

.testimonial_card .desciption .readmore:hover,
.wwd_card .wwd_content .readmore:hover {
    background: #51871d;
    color: #FFF;
    transform: translateX(0px);
    font-weight: 700;
}

.awards_row {
    gap: 50px 0;
}

.awards_card img {
    width: 100%;
}

.awards_card .image {
    padding: 0 35px;
    margin-bottom: 15px;
}

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

.awards_card .content h4 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
}

.awards_card .content p {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
}

.wwd_card {
    padding: 0 20px;
}

.wwd_card .image img {
    width: 100%;
    border-radius: 70px 0px 70px 0px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 16%);
}

.wwd_card .wwd_content {
    padding: 20px 0;
}

.wwd_card .wwd_content>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 15px;
    margin-bottom: 15px;
}

.wwd_card .wwd_content img {
    background: #FFF;
    padding: 8px 15px;
    box-sizing: border-box;
    width: 130px;
    border-radius: 15px 0 15px 0;
    border: 1px solid #e1e1e1;
}

.wwd_card .wwd_content h4 {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wwd_card .wwd_content .readmore {
    border: 1px solid;
    transform: translateX(0);
}

/*-- Story Page Code Start -- */
.story_section {
    position: relative;
}

.two_boxs_row {
    position: relative;
    margin-bottom: 80px;
}

.two_boxs_row.mb0 {
    margin-bottom: 0;
}

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

.two_boxs_row.reverse .tw_image_box {
    margin-left: 50px;
    margin-right: 0;
}

.tw_image_box {
    position: relative;
    margin-right: 60px;
}

.tw_image_box img {
    width: 100%;
    border-radius: 50px 0;
}

.tw_content_box .sect_title {
    margin-bottom: 0;
}

.pathline {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 80%;
    left: 10%;
    transform: translateY(50%);
}

.pathline img {
    width: 100%;
    opacity: 0.2;
}

.pathline2 {
    position: relative;
    bottom: 0;
    z-index: -1;
    width: 70%;
    margin: auto;
}

.pathline2 img {
    width: 100%;
    opacity: 0.35;
}

.two_boxs_row.reverse .pathline2 {
    width: 60%;
}

.story_video video {
    width: 100%;
    border-radius: 10px;
    height: 600px;
    object-fit: cover;
}

.story_video img {
    border-radius: 50px 0;
}

.tw_content_box h2 {
    font-weight: 600;
    margin-bottom: 20px;
}

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


.tw_content_box .signature {
    margin-top: 35px;
}

.tw_content_box .signature img {
    width: 145px;
    margin-bottom: 14px;
}

.tw_content_box .signature h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    letter-spacing: 2px;
    margin-left: 20px;
}
.left_leaf {
    position: absolute;
    left: 0;
    top: 10%;
    width: 180px;
}
.right_leaf {
    position: absolute;
    right: 0;
    top: 10%;
    width: 180px;
}

.right_leaf img {
    width: 100%;
}

.right_leaf.leaf1 {
    top: 10%;
}

.right_leaf.leaf2 {
    top: 30%;
    right: auto;
    left: 0;
}

.right_leaf.leaf3 {
    top: 50%;
}

.right_leaf.leaf4 {
    top: 84%;
    right: auto;
    left: 0;
}

.right_leaf.leaf5 {
    top: 90%;
}




.tea_points ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: flex;
    align-items: center;
    gap: 0 38px;
}

.tea_points ul li {
    display: flex;
    align-items: center;
    gap: 0 16px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
}

.tea_points ul li .icon {
    width: 50px;
    border: 2px solid #0b9444;
    height: 70px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 0 5px;
}

.tea_points ul li .icon img {
    width: 100%;
}

.tea_points ul li span {
    font-size: 37px;
    font-weight: 800;
    color: #0b9444;
    display: inline-block;
}

/*-- Story Page Code End -- */

/*-- Management Page Code Start -- */
.mgnt_card_row {
    gap: 40px 0;
}

.mgnt_card {
    margin: 0 15px;
    background: #f2f2f2;
    border-radius: 50px 0;
    height: 100%;
    box-shadow: 3px 5px 20px 0 rgb(0 0 0 / 26%);
    overflow: hidden;
}

.mgnt_card .image img {
    width: 100%;
    display: block;
    border-radius: 50px 0;
    box-shadow: 3px 5px 20px 0 rgb(0 0 0 / 26%);
}

.mgnt_card .mgnt_content {
    padding: 25px 25px;
}

.mgnt_card .mgnt_content h4 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 4px;
}

.mgnt_card .mgnt_content h6 {
    margin-bottom: 0;
    letter-spacing: 0.8px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555;
}

.mgnt_card .image ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    right: 18px;
    bottom: 35px;
    gap: 10px 0;
    flex-direction: column;
}

.mgnt_card .image {
    position: relative;
}

.mgnt_card .image ul li a {
    width: 30px;
    height: 30px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 13px;
    color: #000;
    transition: all 0.5s ease;
    box-shadow: 3px 5px 20px 0 rgb(0 0 0 / 74%);
}

.mgnt_card .image ul li a:hover {
    background: #1f904d;
    color: #FFF;
}

.mgnt_card.full {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #FFF;
}

.mgnt_card.full,
.mgnt_card.full .image img {
    box-shadow: none;
}

.mgnt_card.full .mgnt_content .sect_title {
    margin-bottom: 5px;
}

.mgnt_card.full .mgnt_content {
    padding: 40px 60px;
    padding-right: 0;
}

.mgnt_card.full.reverse {
    flex-direction: row-reverse;
}

.mgnt_card.full.reverse .mgnt_content {
    padding: 40px 60px;
    padding-left: 0;
}

.mgnt_card.full .mgnt_content h4 {
    margin-bottom: 7px;
    font-size: 28px;
}

.mgnt_card.full .mgnt_content h6 {
    margin-bottom: 20px;
}

.mgnt_card.full .mgnt_content p {
    font-size: 18px;
}

.mgnt_card.full .mgnt_content .signature {
    margin-top: 35px;
}

.mgnt_card.full .mgnt_content .signature img {
    width: 145px;
    margin-bottom: 14px;
}

.mgnt_card.full .mgnt_content .signature h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    letter-spacing: 2px;
    margin-left: 20px;
}

/*-- Management Page Code Start -- */

.timeline_box_row {
    position: relative;
}

.timeline_box_row:before {
    content: '';
    height: 100%;
    width: 3px;
    position: absolute;
    left: 50%;
    top: 0;
    background: #1f904d;
    border-radius: 5px;
}

.timeline_card_wrap .dots {
    position: absolute;
    right: -7px;
    top: 62px;
    width: 12px;
    height: 12px;
    background: #ffffff;
    box-shadow: 0 0 0 5px #1f904d;
    border-radius: 50%;
}

.timeline_card_wrap .dots:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    z-index: -1;
    background: #1f904d;
    animation: pulse-border 1500ms ease-out infinite;
}

.timeline_box.row2 .timeline_card_wrap .dots {
    right: auto;
    left: -6px;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
        opacity: 0;
    }
}

.timeline_box {
    display: flex;
}

.timeline_box.row2 {
    justify-content: right;
}

.timeline_card_wrap {
    width: 50%;
    display: flex;
    position: relative;
}

.timeline_card {
    width: 100%;
    display: flex;
    gap: 0 50px;
    position: relative;
    flex-direction: row-reverse;
}

.timeline_card .icon_box {
    width: 150px;
    min-width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-top: 0;
    padding: 30px;
    position: relative;
    background: #1f904d;
    z-index: 2;
    box-shadow: 0 0 0 5px #FFF, 0 0 0 6px #b5b5b5, 2px 2px 26px 0 rgb(0 0 0 / 65%);
}

.timeline_card .icon_box img {
    width: 100%;
    display: block;
    filter: brightness(100);
}

.timeline_card .conntent_box {
    width: 100%;
}

.timeline_card .conntent_box h4 {
    font-size: 50px;
    font-weight: 800;
    color: #1f904d;
    border-bottom: 2px dashed;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

.timeline_card .conntent_box p {
    line-height: 1.2;
    font-size: 23px;
    padding-right: 30px;
}

.timeline_box.row2 .timeline_card {
    flex-direction: row;
    text-align: right;
}

.timeline_box.row2 .timeline_card p {
    padding-right: 0;
    padding-left: 30px;
}

/* .timeline_card:after {
    content: '';
    width: 4px;
    height: 245px;
    position: absolute;
    right: 0;
    top: 80px;
    border-left: 2px dashed #1f904d;
} */


.timeline_box.row2 .timeline_card:after {
    transform: rotate(40deg);
    left: 0;
    right: auto;
    top: 75px;
}

.timeline_box.row1 .timeline_card:after {
    transform: rotate(-32deg);
}



.factory_section .mgnt_card.full .mgnt_content {
    padding-right: 0;
}

.since_box {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    background: #0b9444;
    color: #ffffff;
    width: 149px;
    font-size: 16px;
    line-height: 22px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 20px 0;
    box-shadow: 0 0 34px 0 rgb(0 0 0 / 70%);
    animation: mask1 2.5s linear 0s infinite alternate;
    border: 2px solid rgb(255 255 255 / 48%);
}

@keyframes mask1 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-15px);
    }
}



.factory_section .tea_points ul {
    gap: 0 20px;
}

.factory_section ul.organization_logo {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    gap: 15px 15px;
    margin-top: 25px;
}

.factory_section ul.organization_logo li {
    width: 85px;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
}

.factory_section ul.organization_logo li img {
    width: 100%;
}


.factory_box_row {
    margin-top: 70px;
}

.factory_box_row .tea_points ul li {
    width: 25%;
    padding-right: 20px;
    min-height: 120px;
    gap: 0 25px;
    line-height: 1.3;
}

.factory_box_row .tea_points ul {
    flex-wrap: wrap;
    gap: 20px 0;
    align-items: normal;
}

.factory_box_row .tea_points ul li .icon {
    min-width: 80px;
    height: 100%;
    padding: 0 12px;
}

.our_factories_section {
    position: relative;
}

.our_factories_section .wwd_card .wwd_content h4 span {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 3px;
}

.our_factories_section .wwd_card .wwd_content h4 {
    font-size: 20px;
}

.our_factories_section .right_leaf.leaf1 {
    top: 2%;
}

.our_factories_section .right_leaf.leaf2 {
    top: 20%;
}

.our_factories_section .right_leaf.leaf3 {
    top: 35%;
}

.our_factories_section .right_leaf.leaf4 {
    top: 52%;
}

.our_factories_section .right_leaf.leaf5 {
    top: 68%;
}

.our_factories_section .right_leaf.leaf6 {
    top: 85%;
    left: 0;
}

.how_are_teas_section,
.teas_section {
    position: relative;
}

.how_are_teas_section .right_leaf.leaf1,
.teas_section .right_leaf.leaf1 {
    top: 50px;
}

.how_are_teas_section .right_leaf.leaf2,
.teas_section .right_leaf.leaf2 {
    top: auto;
    bottom: 40px;
}

.how_are_teas_section .sect_title .title {
    margin-bottom: 20px;
}

.teas_section {
    background: #f7f7f7;
}


.tea_card img {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.tea_card_content {
    background: #CCC;
    padding: 20px 25px;
    border-radius: 15px 0;
    min-height: 140px;
    position: relative;
}

.tea_card_content:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #0e1011;
    border-right: 15px solid transparent;
    border-top: 15px solid #56111100;
    position: absolute;
    top: -28px;
    left: 25%;
}

.tea_card_content p {
    color: #FFF;
    margin-bottom: 0;
    letter-spacing: 0.7px;
    line-height: 20px;
}

.tea_card_content h4 {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-size: 20px;
}

.color_1 {
    background: #0e1011;
}

.color_2 {
    background: #1e381a;
}

.color_3 {
    background: #3b4342;
}

.color_4 {
    background: #a21f22;
}

.color_5 {
    background: #8c581f;
}

.color_6 {
    background: #8f1d32;
}

.color_7 {
    background: #1f2126;
}

.color_8 {
    background: #211f1d;
}

.tea_card_content.color_1:before {
    border-bottom-color: #0e1011;
}

.tea_card_content.color_2:before {
    border-bottom-color: #1e381a;
}

.tea_card_content.color_3:before {
    border-bottom-color: #3b4342;
}

.tea_card_content.color_4:before {
    border-bottom-color: #a21f22;
}

.tea_card_content.color_5:before {
    border-bottom-color: #8c581f;
}

.tea_card_content.color_6:before {
    border-bottom-color: #8f1d32;
}

.tea_card_content.color_7:before {
    border-bottom-color: #1f2126;
}

.tea_card_content.color_8:before {
    border-bottom-color: #211f1d;
}


.teas_section .sect_title h2.title {
    margin-bottom: 15px;
}

.teas_section .sect_title h2.title:after {
    display: none;
}

.teas_section .sect_title h3 {
    font-size: 24px;
}

.ctc_tab_container .tea_card img {
    padding: 0 10px;
}

.ctc_tab_container .tea_card_content {
    min-height: 215px;
}

.ctc_tab_section {
    padding-top: 60px;
}

.ctc_tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 15px;
    margin-top: 30px;
}

.ctc_tab button {
    border: 2px solid #1f904d;
    background: #FFF;
    color: #1f904d;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    min-width: 200px;
    border-radius: 11px 0;
    padding: 10px 10px;
}

.ctc_tab button.active,
.ctc_tab button:hover {
    background: #1f904d;
    color: #FFF;
}


.sect_title.mb60 {
    margin-bottom: 60px;
}

.tour_gallery_section {
    position: relative;
}

.tour_gallery_section .gallery_box_row {
    gap: 30px 0;
}

.tour_gallery_section .gallery_box_wrap p {
    text-align: center;
    display: block;
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 18px;
    color: #1f904d;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tour_gallery_section .gallery_box {
    position: relative;
    border-radius: 50px 0;
    overflow: hidden;
}

.tour_gallery_section .gallery_box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    transition: all 0.5s ease;
}

.tour_gallery_section .gallery_box img {
    width: 100%;
    transition: all 0.5s ease;
}

.tour_gallery_section .gallery_box:hover img {
    transform: scale(1.1) rotate(5deg);
}

.tour_gallery_section .gallery_box:hover:after {
    opacity: 0.4;
}

.tour_gallery_section .right_leaf.leaf1 {
    top: 50px;
}

.tour_gallery_section .right_leaf.leaf2 {
    top: 40%;
}

.tour_gallery_section .right_leaf.leaf3 {
    top: 60%;
}

.tour_gallery_section .right_leaf.leaf4 {
    top: auto;
    bottom: 40px;
}

.faq_accordion_section {
    position: relative;
}

.faq_accordion_section .right_leaf.leaf1 {
    top: 50px;
}

.faq_accordion_section .right_leaf.leaf2 {
    top: auto;
    bottom: 40px;
}

.faq_accordion .accordion-button img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px 0;
}

.faq_accordion .accordion-button {
    gap: 0 15px;
    background: #FFF;
    box-shadow: none;
    padding: 15px;
    cursor: pointer;
    font-size: 21px;
    color: #000;
    font-weight: 500;
}

.faq_accordion .accordion-item:not(:last-child) {
    margin-bottom: 25px;
}

.faq_accordion .accordion-item {
    border: none;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .12941);
    border-radius: 12px;
}

.faq_accordion .accordion-body {
    padding-left: 85px;
    padding-top: 0;
    padding-right: 50px;
    padding-bottom: 15px;
}

.accordion-button::after {
    content: '\2b';
    font-family: fontawesome;
    background-image: none;
    width: 35px;
    height: 35px;
    background: #1f904d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #FFF;
    font-size: 15px;
    line-height: 1;
    box-shadow: 0 15px 20px rgb(0 0 0 / 12%) !important;
    border: 5px solid #fff;
    transition: all 0.5s ease;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    content: '\f0e0';
    transform: none;
}

.accordion-button:hover:after {
    border-color: #ba9523;
}

.brands_slider .slick-list {
    padding-right: 2px;
}

.brands_slider .items a {
    width: 100%;
    padding: 10px;
    text-align: center;
    border: 1px dashed #e7e7e7;
    display: block;
    margin: 0;
}
.brands_slider .slick-slide > div:nth-child(2) {
    margin-top: -9px;
}

.relative {
    position: relative;
}

.iwc_section .leaf2 {
    top: auto;
    bottom: 50px;
    left: auto;
    right: 0;
}

.iwc_section .heading_wrap {
    margin-bottom: 50px;
}

.iwc_section .heading_wrap .heading {
    font-size: 28px;
    font-weight: 600;
}

.iwc_section .iwc_card_row {
    margin-bottom: 50px;
    gap: 30px 0;
}

.iwc_section .iwc_card {
    /* text-align: center; */
}

.iwc_section .iwc_card h4 {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 12px;
}
.iwc_section .iwc_card h4 span {
    font-weight: 500;
}

.iwc_section .iwc_card p {
    line-height: 21px;
    letter-spacing: 0.5px;
}

.iwc_section .iwc_card {
    background: #f1f1f1;
    padding: 30px;
    height: 100%;
    border-radius: 25px 0;
}

.iwc_section .iwc_card img {
    width: 70px;
    margin-bottom: 16px;
}


.product_box {
    border: 1px solid #e7e7e7;
    background: #FFF;
}
.testing_other_content h5 {
    font-weight: 600;
    margin-bottom: 15px;
}

.product_box_row {
    gap: 40px 0;
    justify-content: center;
}

.product_box .pro_content {
    text-align: center;
    padding: 10px 0;
    background: #1f904d;
}

.product_box .pro_content h5 {
    font-size: 18px;
    margin: 0;
    color: #FFF;
    letter-spacing: 0.5px;
}

.product_box .pro_image {
    padding: 20px 0;
}

.product_box .pro_image img {
    width: 200px;
    display: block;
    margin: auto;
}


.sustainability_section {
    position: relative;
}

.sustainability_section:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img/sustainability_bg.png');
    background-size: auto 50%;
    background-position: center;
    opacity: 0.35;
}

/* -- mobile nenu design code -- */
.menu_trigger {
    width: 35px;
    height: 35px;
    border: 2px solid #1f904d;
    float: right;
    margin: 18px 0;
    border-radius: 5px;
    display: none;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #1f904d;
    font-size: 18px;
    cursor: pointer;
}

.menu_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 10%);
    z-index: 991;
    transition: all 0.5s cubic-bezier(0.63, 0.09, 0.19, 0.85);
    transform: translateX(100%);
}

.menu_overlay.move {
    transform: translateX(0);
    background: rgb(0 0 0 / 80%);
}

.mobile_header {
    position: fixed;
    top: 0;
    right: 0;
    width: 340px;
    max-width: 92%;
    height: 100%;
    background: #FFF;
    z-index: 9992;
    transition: all 0.4s cubic-bezier(0.63, 0.09, 0.19, 0.85);
    transform: translateX(110%);
    transition-delay: 0.15s;
}

.mobile_header.active {
    transform: translateX(0);
}

.mobile_header .close_nav {
    width: 30px;
    height: 30px;
    background: #ba9523;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    position: absolute;
    left: -15px;
    top: 15px;
    border-radius: 50%;
    cursor: pointer;
}

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

.mobile_header .menu_container {
    position: relative;
    padding: 0 22px;
}

.mobile_header .logo_box {
    position: relative;
    width: fit-content;
    margin: 30px auto;
}

.mobile_header ul.level1 {
    max-height: 500px;
    overflow: auto;
}

.mobile_header ul li a {
    font-size: 20px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}

.mobile_header ul.level1>li {
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
}


.mobile_header ul ul {
    display: none;
}

.mobile_header ul li a.droplink {
    position: relative;
    display: block;
}

.mobile_header ul li a.droplink:after {
    content: '\2b';
    font-family: fontawesome;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 4px;
}

.mobile_header ul li a.droplink.open:after {
    content: '\f068';
}

.mobile_header ul.level2 {
    padding-left: 12px;
    margin-top: 10px;
}

.mobile_header ul.level2 li {
    display: block;
    margin-bottom: 7px;
}

.mobile_header ul.level2 li:last-child {
    margin-bottom: 0;
}

.mobile_header ul.level2 a {
    font-weight: 400;
    font-size: 15px;
    padding-right: 10px;
    display: block;
}

.mobile_header ul.level2>li>a {
    font-weight: 600;
}

.mobile_header ul.level3 {
    padding-left: 12px;
    margin-top: 8px;
}

.mobile_header .contact_info {
    margin-top: 30px;
    background: #1f904d;
    padding: 10px 17px;
    border-radius: 5px;
}

.mobile_header .contact_info p {
    font-size: 15px;
    margin: 0;
}

.mobile_header .contact_info p+p {
    margin-top: 4px;
}

.mobile_header .contact_info p a {
    display: flex;
    gap: 0 11px;
    align-items: center;
    color: #ffffff;
}

.mobile_header .contact_info p i {
    font-size: 14px;
}

/* -- mobile nenu design code end -- */

.dropdown_link_sm {
    display: none;
}

.footer_section2 {
    position: relative;
    z-index: 0;
    background-image: url('../img/footer_bg.jpg');
    background-size: cover;
    background-position: center;
}

.teas_section .bottom_font {
    font-size: 22px;
    font-weight: 600;
}


/*  */
/* -- enquire popup -- */
.popup_module {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}

.popup_module .popup_module_in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 80%);
}

.popup_module .popup_container {
    width: 458px;
    max-width: calc(100% - 30px);
    background: #ffffff;
    padding: 30px;
    position: relative;
    border-radius: 5px;
}

.enquire_form h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 600;
    color: #1f904d;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.enquire_form input {
    margin-bottom: 0;
    border-radius: 5px;
}

.enquire_form button {
    width: 100%;
}

#enquiry_popup .enquire_form button {
    background: #1f904d;
    border-radius: 50px;
    overflow: hidden;
    color: #FFF;
    padding: 12px 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: none;
}

.enquire_form textarea {
    height: 100px;
}

.enquire_form .form-check .form-check-input {
    margin-top: 3px;
}

.enquire_form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.popup_module .popup_container::before {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url("../img/footer_bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.4;
    z-index: 0;
    background-position: center bottom;
}

div#lblProcessForm,
div#spanidbut {
    color: #9d0101;
    font-size: 13px;
    line-height: 14px;
    padding-top: 8px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

div#spanidbut2 {
    font-size: 13px;
    line-height: 14px;
    margin-top: 8px;
}

/* .enquire_form .form-check-inline .popup_error_mgs {
    bottom: -21px;
} */

select.form-control {
    padding: 0.375rem 0.75rem;
    background: transparent;
    border: solid #c6c5c5;
    border-width: 0 0 1px 0;
    height: auto;
    padding-left: 5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin-bottom: 15px;
    outline: none;
    box-shadow: none !important;
    outline: none !important;
}

.enquire_form select.form-control:focus {
    box-shadow: none;
}
.form-control:focus {
    outline: 0;
    box-shadow: none;
}
.enquire_form .form-check .form-check-input {
    box-shadow: none !important;
}

.contact__form .form-check .form-check-input:before,
.enquire_form .form-check .form-check-input:before,
.channel_partner_section .form-check .form-check-input:before {
    opacity: 0;
}

.contact__form .form-check .form-check-input:checked::before,
.enquire_form .form-check .form-check-input:checked:before,
.channel_partner_section .form-check .form-check-input:checked:before {
    opacity: 1;
}

.enquire_form .form-check-inline {
    margin-bottom: 0;
}

.popup_module .popup_container #pop_box {
    z-index: 2;
    position: relative;
}

.popup_module span.pop_close {
    position: absolute;
    right: -14px;
    top: -9px;
    font-weight: 600;
    color: #FFF;
    opacity: 1;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #c30505;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    z-index: 2;
}

.popup_module .form_control.main-cpt {
    display: flex;
    align-items: center;
    gap: 0 15px;
    position: relative;
    flex-wrap: wrap;
}

.popup_module .form_control.main-cpt img {
    width: 80px;
}

.popup_module .form_control.main-cpt a {
    color: #000;
}

.popup_module .form_control.main-cpt span {
    font-size: 14px;
    color: #333;
}

.popup_module .form_control.main-cpt input {
    width: 127px;
    background: #FFF !important;
    height: 37px;
    margin: 0;
    padding: 0 11px;
    border: 1px solid #CCC;
    font-size: 14px;
}

.popup_module .form_control.main-cpt {
    display: flex;
    align-items: center;
    gap: 0 15px;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 17px;
}



/* -- Founder Message Code -- */
.founder_section {
    background-image: url('../img/founder_bg.jpg');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
}
.founder_section:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: linear-gradient(#ffffff, rgb(255 255 255), rgb(255 255 255 / 80%));
    z-index: 0;
}
.founder_section .container {
    position: relative;
    z-index: 2;
}

.founder_section .row {
    gap: 40px 0;
}

.founder_section .founder_content h2 {
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
    color: #1f904d;
    border-left: 3px solid #1f904d;
    padding: 0px 18px;
    font-weight: 600;
}
.founder_section .founder_content p {
    color: #000;
    letter-spacing: 0.45px;
}
.founder_section .tw_image_box img {
    box-shadow: 20px 11px 20px 0 rgb(0 0 0 / 15%);
    border: 1px solid #e1e1e1;
}
.founder_section .signature {
    margin-top: 35px;
}

.founder_section .signature img {
    width: 145px;
    margin-bottom: 14px;
}

.founder_section .signature h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    letter-spacing: 2px;
    margin-left: 20px;
}
/* -- Founder Message Code end -- */




.new_content_section {
    padding-top: 0;
}
.moonlight_slider {
    margin: 40px 0 0px 0;
    border-radius: 50px;
    overflow: hidden;
}
.new_content_section .mgnt_card.full {
    margin: 0;
    border-radius: 0;
}
.new_content_section .mgnt_card.full .mgnt_content {
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.new_content_section .mgnt_card.full .mgnt_content p {
    font-size: 20px;
}
.moonlight_slider {
    margin: 40px 0 40px 0;
}
.moonlight_slider .items {
    border-radius: 50px 0;
    overflow: hidden;
}
.owl-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    gap: 0 10px;
    margin-top: 20px;
    width: 100%;
    bottom: 15px;
}

.owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: #CCC;
    border-radius: 50%;
}

.owl-dots .owl-dot.active {
    background: #1f904d;
}


.other_content2 {
    margin: 0 15px;
    margin-top: 40px;
    background: #f1f1f1;
    padding: 45px;
    border-radius: 50px 0;
}

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


.other_content_new_design {
    position: relative;
    padding-left: 150px;
    padding-top: 40px;
}

.other_content_new_design .content_box_design {
    background: #f1f1f1;
    padding: 35px;
    border-radius: 50px 0;
    position: relative;
    box-shadow: 5px 10px 15px 0 rgb(0 0 0 / 5%);
    border: 1px solid #e1e1e1;
}

.other_content_new_design:before {
    content: '';
    height: 100%;
    width: 3px;
    background: #1f904d;
    position: absolute;
    left: 60px;
    top: 0;
}

.other_content_new_design .content_box_design:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: -97px;
    top: 50px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #1f904d;
}

.other_content_new_design .content_box_design:before {
    content: '';
    width: 81px;
    height: 1px;
    border-top: 2px dashed #1f904d;
    position: absolute;
    top: 57px;
    left: -81px;
    z-index: -1;
}
.other_content_new_design .content_box_design + .content_box_design {
    margin-top: 40px;
}
.other_content_new_design .content_box_design :last-child {
    margin-bottom: 0;
}


.left_right_col_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 0;
}
.left_right_col_row .sect_title .title {
    margin-bottom: 0;
}

.full_width_dv {
    width: 100%;
    position: relative;
}
.left_right_col_row .full_width_dv .right_leaf.leaf1 {
    top: 0;
}
.left_right_col_row .full_width_dv .right_leaf.leaf2 {
    top: auto;
    bottom: -25px;
    left: auto;
    right: 0;
}
.left_right_col_row .full_width_dv .left_leaf.leaf1 {
    top: auto;
    bottom: -25px;
}
.left_right_col_row .full_width_dv .left_leaf.leaf2 {
    top: auto;
    bottom: -25px;
    right: auto;
    left: 0;
}

ul.darjeeling_tea_listing {
    padding-left: 20px;
}
ul.darjeeling_tea_listing li span {
    font-weight: 600;
}

ul.darjeeling_tea_listing li + li {
    margin-top: 5px;
}


.team_card {
    border-radius: 25px 0;
    overflow: hidden;
    position: relative;
    background: #f1f1f1;
}
.team_card .content {text-align: center;padding: 20px;}

.team_card .image {
    /* border-radius: 25px 0; */
    /* overflow: hidden; */
    position: relative;
}

.team_card .image img {
    display: block;
}

.team_card .content h4 {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 22px;
}

.team_card .content h6 {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
    font-size: 14px;
    color: #444;
    margin: 0;
}


.our_stories_section {
    padding-top: 60px ;
    padding-bottom: 70px;
}
.my-slider-event {
    margin-bottom: 0;
}


.tea_garden_image_slider .owl-nav {
    position: absolute;
    right: 25px;
    bottom: 25px;
    display: flex;
    gap: 10px;
}

.tea_garden_image_slider {
    position: relative;
}

.tea_garden_image_slider .owl-nav .owl-prev, .tea_garden_image_slider .owl-nav .owl-next {
    width: 27px;
    background: #FFF;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.5s ease;
}

.tea_garden_image_slider .owl-nav .owl-prev:hover,
.tea_garden_image_slider .owl-nav .owl-next:hover {
    background: #1f904d;
    color: #FFF;
}

div#spanidbut3 {
    font-size: 13px;
    color: red;
    margin-top: 3px;
}


.four_pillars_row {
    gap: 30px 0;
    margin-bottom: 30px;
}

.four_pillars_section {
    position: relative;
    z-index: 2;
    padding-bottom: 60px;
}

.four_pillars {
    background: #ffffff96;
    padding: 30px;
    box-shadow: 0 0 14px 0 rgb(0 0 0 / 14%);
    border-radius: 9px;
}
.four_pillars .heading_row {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 0 19px;
}
.four_pillars .heading_row img {
    width: 100%;
    max-width: 70px;
}
.four_pillars h4 {
    color: #2a9051;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 22px;
    margin: 0;
}
.four_pillars ul li + li {
    margin-top: 15px;
}
.four_pillars_section h4 {
    font-weight: 700;
}