.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    /* cursor: pointer; */
    color: #0000;
    border: none;
    outline: none;
    background: 0 0;
}
button {
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
}
.our-story-wrapper .our-story-section .container .row{
       margin-bottom: 0;
       text-align: center;
    background: #fff;



    

}
.our-story-wrapper .our-story-section .container .row p{
       color:black;



    

}
    .tea-journey .banner-section .title-section {
        max-width: 715px
    }

    .tea-journey .our-story-section .container .sec-images {
        width: 100%;
        padding: 110px
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .sec-images {
            padding: 15px
        }
    }

    @media(max-width: 1024px) {
        .tea-journey .our-story-section .container .sec-images {
            padding: 20px
        }
    }

    .tea-journey .our-story-section .container .sec-images .wrapper {
        display: flex;
        justify-content: space-between
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .sec-images .wrapper {
            flex-wrap: wrap;
            align-items: center;
            justify-content: center
        }
    }

    @media(max-width: 1024px) {
        .tea-journey .our-story-section .container .sec-images .wrapper {
            flex-wrap: wrap;
            align-items: center;
            justify-content: center
        }
    }

    @media(max-width: 1024px) {
        .tea-journey .our-story-section .container .sec-images .wrapper img {
            margin: 15px
        }
    }

    @media(max-width: 768px) {
        .tea-journey .our-story-section .container .sec-images .wrapper img {
            margin: 10px;
            width: 25%
        }
    }

    @media(min-width: 320px) and (max-width:600px) {
        .tea-journey .our-story-section .container .sec-images .wrapper img {
            height: 150px;
            object-fit: cover
        }
    }

    @media(min-width: 600px) and (max-width:750px) {
        .tea-journey .our-story-section .container .sec-images .wrapper img {
            height: 200px;
            object-fit: cover
        }
    }

    .tea-journey .our-story-section .container .collection_bx,
    .tea-journey .our-story-section .container .cont_bx {
        max-width: 920px;
        width: 100%;
        margin: 3em auto 20px;
        display: flex;
        padding: 0 20px
    }

    .tea-journey .our-story-section .container .collection_bx .front,
    .tea-journey .our-story-section .container .cont_bx .front {
        bottom: 0;
        right: -93px
    }

    .tea-journey .our-story-section .container .collection_bx .collection_content,
    .tea-journey .our-story-section .container .cont_bx .collection_content {
        padding-left: 13%;
        padding-top: 35px;
        text-align: left
    }

    .tea-journey .our-story-section .container .collection_bx .collection_content h6,
    .tea-journey .our-story-section .container .cont_bx .collection_content h6 {
        letter-spacing: 4.5px
    }

    .tea-journey .our-story-section .container .collection_bx .collection_content h3,
    .tea-journey .our-story-section .container .cont_bx .collection_content h3 {
        font: normal normal 400 36px/55px 'futura-pt', sans-serif;
        letter-spacing: 2px;
        padding: 10px 0 20px
    }

    .tea-journey .our-story-section .container .collection_bx .collection_content .primary-link,
    .tea-journey .our-story-section .container .cont_bx .collection_content .primary-link {
        margin-top: 20px;
        background: #75a13e;
        color: #fff
    }

    .tea-journey .our-story-section .container .collection_bx .collection_content .primary-link:hover,
    .tea-journey .our-story-section .container .cont_bx .collection_content .primary-link:hover {
        background: #74a537
    }

    @media(max-width: 750px) {

        .tea-journey .our-story-section .container .collection_bx .collection_content,
        .tea-journey .our-story-section .container .cont_bx .collection_content {
            padding: 0 10%;
            text-align: center
        }
    }

    @media(max-width: 450px) {

        .tea-journey .our-story-section .container .collection_bx .collection_content,
        .tea-journey .our-story-section .container .cont_bx .collection_content {
            padding: 0 2%
        }
    }

    .tea-journey .our-story-section .container .collection_bx .col-img-up,
    .tea-journey .our-story-section .container .cont_bx .col-img-up {
        position: relative;
        margin-bottom: 6em;
        max-width:100%;
    }

    @media(max-width: 750px) {

        .tea-journey .our-story-section .container .collection_bx .col-img-up,
        .tea-journey .our-story-section .container .cont_bx .col-img-up {
            margin-bottom: 3em
        }
    }

    .tea-journey .our-story-section .container .collection_bx .col-img-down,
    .tea-journey .our-story-section .container .cont_bx .col-img-down {
        position: absolute;
        bottom: 0;
        right: -90px
    }

    @media(max-width: 750px) {

        .tea-journey .our-story-section .container .collection_bx .col-img-down,
        .tea-journey .our-story-section .container .cont_bx .col-img-down {
            right: 0;
            max-width: 60%
        }
    }

    @media(max-width: 750px) {

        .tea-journey .our-story-section .container .collection_bx .col-md-6,
        .tea-journey .our-story-section .container .cont_bx .col-md-6 {
            flex: 0 0 100%
        }
    }

    @media(max-width: 768px) {

        .tea-journey .our-story-section .container .collection_bx,
        .tea-journey .our-story-section .container .cont_bx {
            max-width: 100%;
            padding: 0 15px
        }
    }

    @media(max-width: 750px) {

        .tea-journey .our-story-section .container .collection_bx,
        .tea-journey .our-story-section .container .cont_bx {
            flex-wrap: wrap
        }
    }

    @media(max-width: 920px) {
        .tea-journey .our-story-section .container .cont_bx {
            margin-bottom: 3em
        }
    }

    .tea-journey .our-story-section .container .cont_bx .cont_bx-img {
        margin-bottom: 3em
    }

    .tea-journey .our-story-section .container .cont_bx .cont_bx-txt {
        text-align: left;
        padding-left: 8%
    }

    .tea-journey .our-story-section .container .cont_bx .cont_bx-txt h3,
    .tea-journey .our-story-section .container .cont_bx .cont_bx-txt strong {
        font: normal normal 700 14px/30px 'futura-pt', sans-serif;
        color: #638b18;
        letter-spacing: 1.5px
    }

    .tea-journey .our-story-section .container .cont_bx .cont_bx-txt li {
        list-style: none;
        position: relative;
        padding: 10px 0 0 15px
    }

    .tea-journey .our-story-section .container .cont_bx .cont_bx-txt li:before {
        position: absolute;
        content: "-";
        left: 0
    }

    .tea-journey .our-story-section .container .cont_bx .cont_bx-txt table {
        width: 100%;
        padding: 10px 0
    }

    .tea-journey .our-story-section .container .cont_bx .cont_bx-txt table th {
        font: 600 14px futura-pt, sans-serif;
        padding-bottom: 22px;
        color: #1d4934;
        text-transform: uppercase;
        text-align: left
    }

    @media(min-width: 5320px) and (max-width:749px) {
        .tea-journey .our-story-section .container .cont_bx .cont_bx-txt {
            padding: 0 15%;
            padding-top: 30px
        }
    }

    .tea-journey .our-story-section .container .sec5 {
        padding: 0 110px 4em
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .sec5 {
            padding: 15px
        }
    }

    .tea-journey .our-story-section .container .sec5 .col-md-6 {
        float: left;
        padding: 25px
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .sec5 .col-md-6 {
            padding: 10px
        }
    }

    .tea-journey .our-story-section .container .sec5 .col-md-6 h2 {
        font: normal normal 400 22px/30px 'futura-pt', sans-serif;
        margin-bottom: 15px;
        color: #1d4934;
        letter-spacing: 3px;
        text-transform: uppercase
    }

    .tea-journey .our-story-section .container .sec5 .col-md-6 p {
        display: inline-block;
        letter-spacing: .5px
    }

    .tea-journey .our-story-section .container .journeyslide {
        padding: 100px 100px 70px;
        padding-top: 30px;
        background: #eff4ea
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .journeyslide {
            padding: 20px
        }
    }

    .tea-journey .our-story-section .container .journeyslide .row {
        background: 0 0
    }

    .tea-journey .our-story-section .container .journeyslide .row .item {
        margin-bottom: 105px;
        padding-top: 50px !important
    }

    .tea-journey .our-story-section .container .journeyslide .slick-slide {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap
    }

    .tea-journey .our-story-section .container .journeyslide .swiper-product img {
        float: left;
        width: 35%
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .journeyslide .swiper-product img {
            width: 60%;
            min-width: 200px
        }
    }

    .tea-journey .our-story-section .container .journeyslide .slick-slide .content-box {
        float: left;
        width: 65%;
        padding-left: 5%;
        padding-right: 5%
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .journeyslide .slick-slide .content-box {
            width: 100%;
            padding-left: 0%;
            text-align: center
        }
    }

    .tea-journey .our-story-section .container .journeyslide .slick-slide .content-box h4 {
        font: italic normal 400 34px/45px 'adobe-garamond-pro', serif;
        font-style: italic;
        color: #093929;
        display: inline-block
    }

    .tea-journey .our-story-section .container .journeyslide .slick-slide .content-box h4 span {
        color: #638b18
    }

    @media(max-width: 550px) {
        .tea-journey .our-story-section .container .journeyslide .slick-slide .content-box h4 {
            font-size: 26px
        }
    }

    .tea-journey .our-story-section .container .journeyslide .slick-slide .content-box p {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        letter-spacing: .02em;
        color: #000
    }

    .tea-journey .our-story-section .container .journeyslide .slick-prev {
        left: -65px
    }

    @media(min-width: 768px) {
        .tea-journey .our-story-section .container .journeyslide .slick-prev {
            width: 35px
        }
    }

    @media(min-width: 550px) and (max-width:767px) {
        .tea-journey .our-story-section .container .journeyslide .slick-prev {
            left: -17px;
            top: 30%
        }
    }

    @media(min-width: 320px) and (max-width:550px) {
        .tea-journey .our-story-section .container .journeyslide .slick-prev {
            top: 105px;
            left: -17px
        }
    }

    .tea-journey .our-story-section .container .journeyslide .slick-prev:before {
        content: url(<?php echo $domain . "assets/svg/slider-arrow-left_black.png" ?>)
    }

    .tea-journey .our-story-section .container .journeyslide .slick-next {
        right: -45px
    }

    @media(min-width: 768px) {
        .tea-journey .our-story-section .container .journeyslide .slick-next {
            width: 35px
        }
    }

    @media(min-width: 750px) and (max-width:767px) {
        .tea-journey .our-story-section .container .journeyslide .slick-next {
            right: -19px;
            top: 30%
        }
    }

    @media(min-width: 320px) and (max-width:550px) {
        .tea-journey .our-story-section .container .journeyslide .slick-next {
            top: 105px;
            right: -19px
        }
    }

    .tea-journey .our-story-section .container .journeyslide .slick-next:before {
        content: url(<?php echo $domain . "assets/svg/slider-arrow-right_black.png" ?>)
    }

    .tea-journey .our-story-section .container .journeyslide .slick-dots {
        top: -70px;
        bottom: inherit !important;
        display: flex;
        align-items: center;
        justify-content: space-evenly
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots {
            overflow: hidden;
            height: 35px;
            top: -85px
        }
    }

    .tea-journey .our-story-section .container .journeyslide .slick-dots li {
        margin: 0 2%
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots li {
            margin: 0 3%
        }
    }

    .tea-journey .our-story-section .container .journeyslide .slick-dots li.slick-active button:before {
        background: #638b18;
        border: 2px solid #6b9124;
        border-radius: 50%;
        color: #638b18
    }

    .tea-journey .our-story-section .container .journeyslide .slick-dots li.slick-active button:after {
        background: url(../../images/slidelines.png) center;
        content: ''
    }

    .tea-journey .our-story-section .container .journeyslide .slick-dots li button:before {
        background: #eff4ea;
        border: 2px solid #6b9124;
        border-radius: 50%;
        font-size: 20px;
        line-height: 1.1;
        color: transparent
    }

    @media(max-width: 990px) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots li button:before {
            content: '';
            width: 15px;
            height: 15px
        }
    }

    @media(max-width: 400px) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots li button:before {
            content: '';
            width: 10px;
            height: 10px
        }
    }

    @media(min-width: 1024px) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots li:before {
            content: url(../../images/slidelines.png);
            position: relative;
            left: 22px
        }

        .tea-journey .our-story-section .container .journeyslide .slick-dots li:last-child:before {
            content: ''
        }
    }

    @media(max-width: 990px) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots li {
            margin: 0 2%
        }
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots li {
            margin: 0 0
        }
    }

    @media(max-width: 400px) {
        .tea-journey .our-story-section .container .journeyslide .slick-dots li {
            width: 12px;
            padding: 0
        }
    }

    .tea-journey .our-story-section .container .row {
        margin-bottom: 0
    }

    .tea-journey .our-story-section .container .mapcode {
        background: #fff
    }

    @media(min-width: 768px) {
        .tea-journey .our-story-section .container .mapcode {
            padding: 50px
        }
    }

    .tea-journey .our-story-section.section-five .row {
        flex-direction: column;
        background: #eef4ea;
        margin-bottom: 0
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .tea-journey .our-story-section.section-five .row {
            flex-direction: row
        }
    }

    .tea-journey .our-story-section.section-five .row .item {
        padding: 85px
    }

    @media(max-width: 990px) {
        .tea-journey .our-story-section.section-five .row .item {
            padding: 50px 15px
        }
    }

    .tea-journey .our-story-section.section-five .row .item.coll_item {
        padding-top: 10px !important
    }

    .tea-journey .our-story-section.section-five .row .teas .wrapper {
        padding: 50px 0
    }

    @media(max-width: 920px) {
        .tea-journey .our-story-section.section-five .row .teas .wrapper iframe {
            width: 100% !important;
            height: auto !important;
            min-height: 520px
        }
    }

    @media(max-width: 920px) and (max-width:550px) {
        .tea-journey .our-story-section.section-five .row .teas .wrapper iframe {
            min-height: 300px
        }
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section.section-five .row .teas .wrapper {
            padding: 50px 25px
        }
    }

    .tea-journey .our-story-section.section-five .row .teas .wrapper.coll_wrap {
        padding: 50px 25px 10px
    }

    @media(max-width: 920px) {
        .tea-journey .our-story-section.section-five .row .sec5 {
            padding: 0 50px 2em
        }
    }

    @media(max-width: 550px) {
        .tea-journey .our-story-section.section-five .row .sec5 {
            padding: 0 15px 2em
        }
    }

    .tea-journey .our-story-section.section-six {
        margin-bottom: 6em
    }

    .tea-journey .our-story-section.section-six .row .image-grid {
        display: flex;
        overflow: hidden;
        margin-top: 50px
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section.section-six .row .image-grid {
            flex-wrap: wrap;
            margin-top: 30px
        }
    }

    .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 {
        padding: 0 15px;
        float: left
    }

    .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 .contt {
        background: #e8ecea;
        height: 100%
    }

    .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 .contt h2 {
        font: normal normal 400 22px/30px 'futura-pt', sans-serif;
        margin-bottom: 0;
        margin-top: 40px;
        color: #1d4934;
        letter-spacing: 2px;
        padding: 0 15px;
        text-transform: uppercase
    }

    @media(min-width: 320px) and (max-width:412px) {
        .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 .contt h2 {
            font: normal normal 500 17px/30px 'futura-pt', sans-serif
        }
    }

    .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 .contt p {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        color: #000;
        padding: 20px 20px 45px
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 .contt img {
            padding-top: 40px
        }
    }

    @media(min-width: 320px) and (max-width:412px) {
        .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 .contt img {
            padding-top: 0
        }
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section.section-six .row .image-grid .col-md-4 {
            margin-bottom: 2em
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent {
        max-width: 100%;
        width: 100%;
        padding-bottom: 50px !important
    }

    .tea-journey .our-story-section.section-six .row .tablecontent h3 {
        font: normal normal 400 22px/30px 'futura-pt', sans-serif;
        letter-spacing: 3px
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table {
        margin: 0 auto;
        padding-bottom: 50px;
        width: 100%;
        display: flex;
        justify-content: center
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .tea-journey .our-story-section.section-six .row .tablecontent table {
            display: block
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tbody {
        width: 100%
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr {
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .tea-journey .our-story-section.section-six .row .tablecontent table tr {
            display: inline-block
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr th {
        flex: 0 0 33.33%;
        padding: 20px 0;
        font: 600 14px futura-pt, sans-serif;
        padding-bottom: 22px;
        color: #1d4934;
        text-transform: uppercase
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .tea-journey .our-story-section.section-six .row .tablecontent table tr th {
            width: 33.33%;
            float: left
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr th img {
        padding-bottom: 0;
        position: absolute
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section.section-six .row .tablecontent table tr th img {
            display: none
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr th span {
        line-height: 40px;
        position: relative
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(1) span::before,
    .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(2) span::before,
    .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(3) span::before {
        content: '';
        left: -70px;
        width: 50px;
        height: 43px;
        position: absolute;
        display: block;
        background: url(../../images/brewing.png) no-repeat
    }

    @media(max-width: 600px) {

        .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(1) span::before,
        .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(2) span::before,
        .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(3) span::before {
            top: -45px;
            left: 10%
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(2) span::before {
        background-position: 48%
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr th:nth-child(3) span::before {
        background-position: 100%
    }

    @media(max-width: 600px) {
        .tea-journey .our-story-section.section-six .row .tablecontent table tr th {
            font-size: 12px
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr td {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        padding: 10px 15px;
        flex: 0 0 33.33%
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .tea-journey .our-story-section.section-six .row .tablecontent table tr td {
            width: 33.33%;
            float: left
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr td.greenish {
        color: #638b18;
        font: normal normal 700 14px/30px 'futura-pt', sans-serif;
        letter-spacing: 3px
    }

    @media(max-width: 750px) {
        .tea-journey .our-story-section.section-six .row .tablecontent table tr td.greenish {
            font-size: 12px
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr td:first-child {
        text-align: left
    }

    @media(max-width: 750px) {
        .tea-journey .our-story-section.section-six .row .tablecontent table tr td {
            font-size: 14px;
            padding: 5px 0
        }
    }

    .tea-journey .our-story-section.section-six .row .tablecontent table tr.bottom-line {
        border-bottom: 2px solid #97b265;
        margin-bottom: 15px
    }

    .tea-journey .our-story-section.section-six .row .tablecontent .tablep {
        max-width: 744px;
        margin: auto;
        text-align: left
    }

    .tea-journey .our-story-section.section-six .row .tablecontent .tablep p {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        color: #000;
        margin-bottom: 0
    }

    @media(max-width: 750px) {
        .tea-journey .our-story-section.section-six .row .tablecontent .tablep p {
            font-size: 14px
        }
    }

    .tea-journey .our-story-section.section-six .instruction {
        padding: 0 12%
    }

    @media(max-width: 750px) {
        .tea-journey .our-story-section.section-six .instruction {
            padding: 20px 5px
        }
    }

    @media(max-width: 767px) {
        .tea-journey .our-story-section.section-six {
            margin-bottom: 3em
        }
    }

    .collection_slide {
        background: #fff;
        padding: 0;
        overflow:hidden;
    }

    .collection_slide .slick-prev {
        top: 95%
    }

    @media(min-width: 767px) and (max-width:1024px) {
        .collection_slide .slick-prev {
            top: 325px
        }
    }

    @media(max-width: 767px) {
        .collection_slide .slick-prev {
            left: -15px;
            top: 310px
        }
    }

    .collection_slide .slick-next {
        top: 95% !important
    }

    @media(min-width: 767px) and (max-width:1024px) {
        .collection_slide .slick-next {
            top: 325px
        }
    }

    @media(max-width: 767px) {
        .collection_slide .slick-next {
            right: -10px;
            top: 310px
        }
    }

    @media(min-width: 767px) and (max-width:1024px) {
        .collection_slide.package .slick-next {
            top: 325px !important
        }
    }

    @media(max-width: 767px) {
        .collection_slide.package .slick-next {
            right: 15px;
            top: 310px !important
        }
    }

    .collection_slide.package .slick-prev {
        top: 95%
    }

    @media(min-width: 767px) and (max-width:1024px) {
        .collection_slide.package .slick-prev {
            top: 325px
        }
    }

    @media(max-width: 767px) {
        .collection_slide.package .slick-prev {
            left: 10px;
            top: 310px
        }
    }

    .tea-journey .our-story-section.mapsection .rows,
    .tea-journey .our-story-section.collection_sec .rows {
        background: #fff
    }

    @media(min-width: 768px) {

        .tea-journey .our-story-section.mapsection .rows,
        .tea-journey .our-story-section.collection_sec .rows {
            padding: 50px
        }
    }

    .tea-journey .our-story-section.mapsection .rows foreignobject h2,
    .tea-journey .our-story-section.collection_sec .rows foreignobject h2 {
        font: 400 28px futura-pt, sans-serif;
        margin: 20px;
        color: #1d4934;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .rows foreignobject h2,
        .tea-journey .our-story-section.collection_sec .rows foreignobject h2 {
            font: 400 20px futura-pt, sans-serif;
            margin: 5px 20px
        }
    }

    .tea-journey .our-story-section.mapsection .rows foreignobject p,
    .tea-journey .our-story-section.collection_sec .rows foreignobject p {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        padding: 0 30px
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .rows foreignobject p,
        .tea-journey .our-story-section.collection_sec .rows foreignobject p {
            font: normal normal 400 13px/30px 'adobe-garamond-pro', serif;
            padding: 0 15px;
            line-height: 1
        }
    }

    .tea-journey .our-story-section.mapsection .row,
    .tea-journey .our-story-section.collection_sec .row {
        margin-bottom: 0
    }

    .tea-journey .our-story-section.mapsection .row.leafsection,
    .tea-journey .our-story-section.collection_sec .row.leafsection {
        background: #eff4ea;
        padding: 0 50px
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .row.leafsection,
        .tea-journey .our-story-section.collection_sec .row.leafsection {
            padding: 0 15px
        }
    }

    .tea-journey .our-story-section.mapsection .row.leafsection h6,
    .tea-journey .our-story-section.collection_sec .row.leafsection h6 {
        font: 700 14px futura-pt, sans-serif;
        text-transform: uppercase;
        margin-bottom: 10px;
        color: #638b18;
        letter-spacing: 2px
    }

    @media(min-width: 320px) and (max-width:500px) {

        .tea-journey .our-story-section.mapsection .row.leafsection h6,
        .tea-journey .our-story-section.collection_sec .row.leafsection h6 {
            font-size: 11px
        }
    }

    .tea-journey .our-story-section.mapsection .row.leafsection h3,
    .tea-journey .our-story-section.collection_sec .row.leafsection h3 {
        font: normal normal 400 36px/55px 'futura-pt', sans-serif;
        margin-bottom: 60px;
        color: #1d4934;
        letter-spacing: 5px
    }

    @media(max-width: 480px) {

        .tea-journey .our-story-section.mapsection .row.leafsection h3,
        .tea-journey .our-story-section.collection_sec .row.leafsection h3 {
            font: normal normal 400 22px/40px 'futura-pt', sans-serif;
            margin-bottom: 30px
        }
    }

    .tea-journey .our-story-section.mapsection .row.leafsection .contents,
    .tea-journey .our-story-section.collection_sec .row.leafsection .contents {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap
    }

    .tea-journey .our-story-section.mapsection .row.leafsection .contents p,
    .tea-journey .our-story-section.collection_sec .row.leafsection .contents p {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        padding: 0 30px;
        max-width: 573px;
        text-align: left;
        margin-bottom: 20px
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .row.leafsection .contents p,
        .tea-journey .our-story-section.collection_sec .row.leafsection .contents p {
            text-align: center;
            max-width: 100%;
            padding: 0 15px;
            margin: 0 auto
        }
    }

    @media(max-width: 750px) {

        .tea-journey .our-story-section.mapsection .row.leafsection .contents .mob_leaf,
        .tea-journey .our-story-section.collection_sec .row.leafsection .contents .mob_leaf {
            max-height: 250px
        }
    }

    .tea-journey .our-story-section.mapsection .slidersec2,
     {
        padding: 100px 0;
        padding-top: 30px;
        background: #eff4ea
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .slidersec2,
         {
            padding: 20px
        }
    }

    .tea-journey .our-story-section.mapsection .slidersec2 h2,
     h2 {
        font-size: 26px;
        letter-spacing: 3.5px;
        margin-bottom: 15px;
        text-align: center;
        padding: 5px 5%
    }

    .collection_slide .swiper-slide {
        text-align: center;
        padding: 15px;
        outline: none
    }

    .swiper-product img,
    .swiper-product img {
        margin: auto;
        max-height: 380px;
        width: 100%;
        object-fit: contain;
        margin-bottom: 35px
    }

    @media(max-width: 1024px) {

        .swiper-product img,
        .swiper-product img {
            height: 253px
        }
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-slide .content-box,
     .slick-slide .content-box {
        width: 100%;
        padding-left: 5%
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-slide .content-box h4,
     .slick-slide .content-box h4 {
        font: italic normal 400 34px/45px 'adobe-garamond-pro', serif;
        font-style: italic;
        color: #093929;
        margin-bottom: 20px;
        letter-spacing: 2px
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-slide .content-box h4 span,
     .slick-slide .content-box h4 span {
        color: #638b18
    }

    @media(max-width: 550px) {

        .tea-journey .our-story-section.mapsection .slidersec2 .slick-slide .content-box h4,
         .slick-slide .content-box h4 {
            font: italic normal 400 26px/30px 'adobe-garamond-pro', serif
        }
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-slide .content-box p,
     .slick-slide .content-box p {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        letter-spacing: .02em;
        color: #000
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-prev,
     .slick-prev {
        left: 200px;
        z-index: 8;
        top: 65%
    }

    @media(min-width: 767px) and (max-width:1024px) {

        .tea-journey .our-story-section.mapsection .slidersec2 .slick-prev,
         .slick-prev {
            top: 325px
        }
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .slidersec2 .slick-prev,
         .slick-prev {
            left: -15px;
            top: 310px
        }
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-prev:before,
     .slick-prev:before {
        content: url(<?php echo $domain . "assets/svg/slider-arrow-left_black.png" ?>)
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-next,
     .slick-next {
        right: 210px;
        z-index: 8;
        top: 65%
    }

    @media(min-width: 767px) and (max-width:1024px) {

        .tea-journey .our-story-section.mapsection .slidersec2 .slick-next,
         .slick-next {
            top: 325px
        }
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .slidersec2 .slick-next,
         .slick-next {
            right: -10px;
            top: 310px
        }
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-next:before,
     .slick-next:before {
        content: url(<?php echo $domain . "assets/svg/slider-arrow-right_black.png" ?>)
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-next,
    .tea-journey .our-story-section.mapsection .slidersec2 .slick-prev,
     .slick-next,
     .slick-prev {
        width: 38px
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-dots,
     .slick-dots {
        top: -70px;
        bottom: inherit !important
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-dots li,
     .slick-dots li {
        margin: 0 22px
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-dots li.slick-active button:before,
     .slick-dots li.slick-active button:before {
        background: #638b18;
        border: 2px solid #6b9124;
        border-radius: 50%;
        color: #638b18
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-dots li.slick-active button:after,
     .slick-dots li.slick-active button:after {
        background: url(../../images/slidelines.png) center;
        content: ''
    }

    .tea-journey .our-story-section.mapsection .slidersec2 .slick-dots li button:before,
     .slick-dots li button:before {
        background: #eff4ea;
        border: 2px solid #6b9124;
        border-radius: 50%;
        font-size: 20px;
        line-height: 1.1;
        color: transparent
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
        padding: 0 15px;
        justify-content: space-between
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid {
            width: 100%
        }
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .slick-prev,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .slick-prev {
            top: unset;
            bottom: 0;
            z-index: 11;
            left: unset;
            right: 90px
        }

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .slick-prev:before,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .slick-prev:before {
            content: url(<?php echo $domain . "assets/svg/slider-arrow-left_black.png" ?>)
        }

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .slick-next,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .slick-next {
            top: unset;
            bottom: 0;
            left: unset;
            right: 25px
        }

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .slick-next:before,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .slick-next:before {
            content: url(<?php echo $domain . "assets/svg/slider-arrow-right_black.png" ?>)
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .slick-list,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .slick-list {
        min-height: 300px
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 {
        display: flex;
        flex-direction: column;
        -ms-flex: auto;
        flex: 0 0 31%;
        padding: 0
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 {
            padding: 10px;
            margin-bottom: 40px
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt {
        display: block;
        height: 100%;
        overflow: hidden
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt img,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt img {
        margin: auto;
        margin-bottom: -100px !important;
        position: relative;
        z-index: 1;
        transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -webkit-transition: opacity .5s ease-in-out
    }

    @media(max-width: 400px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt img,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt img {
            max-width: 200px
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content {
        background: #f5f5f5;
        padding-top: 100px !important;
        height: 100%;
        position: relative
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content h2,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content h2 {
        font: normal normal 400 22px/30px 'futura-pt', sans-serif;
        color: #1d4934;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content p,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content p {
        font: normal normal 400 18px/30px 'adobe-garamond-pro', serif;
        padding: 0 35px;
        padding-bottom: 50px
    }

    @media(max-width: 1024px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content p,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content p {
            padding: 0 10px 10px
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content .glasshover,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content .glasshover {
        position: absolute;
        top: 0;
        bottom: 0;
        padding: 35px;
        width: 100%;
        background: #1d4934
    }

    @media(max-width: 1024px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content .glasshover,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content .glasshover {
            padding: 20px
        }
    }

    @media(max-width: 768px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content .glasshover,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content .glasshover {
            height: fit-content
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content .glasshover h2,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content .glasshover h2 {
        font: normal normal 400 26px/45px 'futura-pt', sans-serif;
        color: #fff;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    @media(max-width: 1024px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content .glasshover h2,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content .glasshover h2 {
            font: normal normal 400 22px/45px 'futura-pt', sans-serif
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content .glasshover p,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content .glasshover p {
        font: normal normal 300 18px/30px 'adobe-garamond-pro', serif;
        color: #fff;
        margin-bottom: 15px;
        padding-bottom: 0
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content .glasshover .primary-link,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content .glasshover .primary-link {
        color: #fff
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content.g-color,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content.g-color {
        background: #ecf7e6
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content.b-color,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content.b-color {
        background: #f5f5f5
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content.fb-color,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content.fb-color {
        background: #fae4e6
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content.fh-color,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content.fh-color {
        background: #fbf5e5
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content.o-color,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content.o-color {
        background: #e9f4f6
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt .content.m-color,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt .content.m-color {
        background: #dce7d9
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt.allcontents img,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt.allcontents img {
        opacity: 0
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt.allcontents img,
        .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt.allcontents img {
            display: none
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt.allcontents .content,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt.allcontents .content {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt.allcontents .content p,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt.allcontents .content p {
        padding: 0
    }

    .tea-journey .our-story-section.mapsection .glass-grid .image-grid .col-md-4 .contt.allcontents .content .glasshover,
    .tea-journey .our-story-section.collection_sec .glass-grid .image-grid .col-md-4 .contt.allcontents .content .glasshover {
        position: inherit;
        height: 100%;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center
    }

    .tea-journey .our-story-section.mapsection .glass-grid .package,
    .tea-journey .our-story-section.collection_sec .glass-grid .package,
    .package_list.list-size {
        display: flex;
        flex-wrap: wrap;
        margin: 3em auto 0;
        padding: 0 15px;
        justify-content: space-between
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {

        .tea-journey .our-story-section.mapsection .glass-grid .package,
        .tea-journey .our-story-section.collection_sec .glass-grid .package {
            width: 100%
        }
    }

    @media(max-width: 750px) {

        .tea-journey .our-story-section.mapsection .glass-grid .package,
        .tea-journey .our-story-section.collection_sec .glass-grid .package {
            padding: 0 15px 10px
        }
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .glass-grid .package .slick-prev,
        .tea-journey .our-story-section.collection_sec .glass-grid .package .slick-prev {
            top: unset;
            bottom: 0;
            z-index: 11;
            left: unset;
            right: 90px
        }

        .tea-journey .our-story-section.mapsection .glass-grid .package .slick-prev:before,
        .tea-journey .our-story-section.collection_sec .glass-grid .package .slick-prev:before {
            content: url(<?php echo $domain . "assets/svg/slider-arrow-left_black.png" ?>)
        }

        .tea-journey .our-story-section.mapsection .glass-grid .package .slick-next,
        .tea-journey .our-story-section.collection_sec .glass-grid .package .slick-next {
            top: unset;
            bottom: 0;
            left: unset;
            right: 25px
        }

        .tea-journey .our-story-section.mapsection .glass-grid .package .slick-next:before,
        .tea-journey .our-story-section.collection_sec .glass-grid .package .slick-next:before {
            content: url(<?php echo $domain . "assets/svg/slider-arrow-right_black.png" ?>)
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid .package .slick-list,
    .tea-journey .our-story-section.collection_sec .glass-grid .package .slick-list {
        min-height: 300px
    }

    .tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list,
    .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list {
        flex: 0 0 22%;
        margin: 0 10px;
        
    }

    .tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list h2,
    .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list h2 {
        font-size: 22px!important;
        letter-spacing: 2px;
        line-height: 30px;
        padding: 0 10px
    }

    .tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list.list-size,
    .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list.list-size {
        flex: 0 0 33%;
        max-width: 30%
    }

    .tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list .tea_col_p,
    .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list .tea_col_p {
        line-height: 25px;
        padding: 10px 15px
    }

    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {

        .tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list,
        .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list {
            width: 100%
        }
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list,
        .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list {
            flex: 0 0 85% !important;
            margin: 10px auto 30px;
            max-width: 100% !important
        }
    }

    @media(max-width: 500px) {

        .tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list,
        .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list {
            flex: 0 0 75%;
            margin: 10px auto 20px
        }
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .glass-grid.row,
        .tea-journey .our-story-section.collection_sec .glass-grid.row {
            display: block
        }
    }

    .tea-journey .our-story-section.mapsection .glass-grid.package_grid,
    .tea-journey .our-story-section.collection_sec .glass-grid.package_grid {
        padding-bottom: 4em
    }

    @media(max-width: 767px) {

        .tea-journey .our-story-section.mapsection .glass-grid.package_grid,
        .tea-journey .our-story-section.collection_sec .glass-grid.package_grid {
            padding-bottom: 2em
        }
    }

    .tea-journey .tea-journal-section .center-title-section {
        text-align: center;
        margin-top: 100px
    }

    .tea-journey .tea-journal-section .center-title-section h2 {
        font: italic normal 400 34px/45px 'adobe-garamond-pro', serif;
        font-style: italic;
        color: #fff;
        margin-bottom: 15px;
        letter-spacing: 1px
    }

    .tea-journey .tea-journal-section .story-slider {
        margin-top: 50px
    }

    .tea-journey .tea-journal-section .story-slider .slick-next {
        bottom: -38px
    }

    .tea-journey .tea-journal-section .story-slider .slick-prev {
        bottom: -38px
    }
    .tea-journey .our-story-section .container .collection_bx .collection_content h3, .tea-journey .our-story-section .container .cont_bx .collection_content h3 {
    font: normal normal 400 36px/55px 'futura-pt',sans-serif;
    letter-spacing: 2px;
    padding: 10px 0 20px;
    color: var(--main-color);
}
.tea-journey .our-story-section .container .collection_bx .collection_content h6, .tea-journey .our-story-section .container .cont_bx .collection_content h3 {
    
    color: var(--main-color);
}
.tea-journey .our-story-section.mapsection .glass-grid .package .col-md-3.package_list, .tea-journey .our-story-section.collection_sec .glass-grid .package .col-md-3.package_list {
    flex: 0 0 22%;
    margin: 0 10px;
   
}
img{
    max-width: 100%;
}