@charset "UTF-8";
    /*
Copyright (c) 2021 - Mainor Aguilar | Verdehn / Media Apps
------------------------------------------------------------------
[Master Default Stylesheet]
-------------------------------------------------------------------
[Table of contents]
1. body
2. banner
3. header
4. section
5. about
6. work
7. blog
8. graphics animation
9. footer
10. components
11. responsive
-------------------------------------------------------------------*/
    /********************************************************************************************* 
1. body start
*********************************************************************************************/
    
    @font-face {
        font-family: KGBSpace;
        src: url(../fonts/KGBSpace/KGBlankSpaceSolid.ttf);
    }
    
    @font-face {
        font-family: HelveticaRoman;
        src: url(../fonts/Helvetica/HRoman.otf);
    }
    
    @font-face {
        font-family: Questrial;
        src: url(../fonts/Questrial/Questrial-Regular.ttf);
    }
    
     :root {
        --red-color: #b11e1b;
        --yellow-color: #fcb814;
        --white-color: #f2f7fc;
        --primary-color: rgb(227, 104, 36);
        --secondary-color: rgb(227, 104, 36);
        --primary-color-rgb: 255, 193, 7;
        --secondary-color-rgb: 227, 104, 36;
        --body-color: #222222;
        --heading-color: #030303;
        --maple-bacon-bg: #f2a557;
        --valley-blendRed-bg: #ce3f2f;
        --tropical-taro-bg: #d283b0;
        --green-plantain-bg: #a4c167;
        --purple-potato-bg: #b45b79;
        --mango-habanero-bg: #f7b868;
        --sweet-potato-bg: #f7b868;
        --valley-blendBlue-bg: #154576;
        --green-footer: #71b844;
        /* Colors for background in products */
        --blue-color: #1f5482;
        --orangeBTN-color: #ff6a00;
        --purple-sweet-bg: #ab6488;
        --purple-sweetBTN-color: #642340;
        --green-plantain-bg: #eede00;
        --green-plantain-green: #7ab641;
        --green-plantain-text: #217048;
        --mango-habanero-bg: #f6b332;
        --mango-habanero-text: #f18903;
        --tropical-taro-bg: #fadae0;
        --tropical-taro-text: #c854a0;
        --maple-bacon-bg: #f2a557;
        --maple-bacon-text: #d27925;
        --sweet-potato-bg: #f18903;
        --sweet-potato-text: #ffab4b;
        --valley-original-text: #b4292e;
        --valley-original-bg: #E46355;
        --blog-bg: #00b498;
        --blog-text: #8a277e;
        --blog-orange: #fa8900;
        --contact-bg: #3895d3;
        --contact-text: #00238e;
        --contact-yellow: #ffc107;
    }
    
    *,
    *::before,
    *::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
     ::-moz-selection {
        /* Code for Firefox */
        color: #ffffff;
        background: var(--primary-color);
    }
    
     ::selection {
        color: #ffffff;
        background: var(--primary-color);
    }
    
    body {
        font-family: 'KGBSpace', sans-serif;
        background-color: #fff;
        color: var(--body-color);
        font-size: 16px;
        line-height: 1.6;
        font-weight: normal;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
        cursor: none;
    }
    
    .cursor-dot,
    .cursor-dot-outline {
        pointer-events: none;
        position: absolute;
        z-index: 50;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        opacity: 0;
        transform: translate(-50%, -50%);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
    
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background-color: #f2f7fc!important;
    }
    
    .myBlogBTN {
        background: #f2f7fc;
        border-radius: 50%;
    }
    
    .cursor-dot {
        width: 30px;
        height: 30px;
        background-color: #A4BCD5;
    }
    
    .cursor-dot-outline {
        width: 50px;
        height: 50px;
        background-color: rgb(240, 240, 240, .6);
    }
    
    .index .cursor-dot {
        background-color: #b11e1b;
    }
    
    #Products .cursor-dot {
        background-color: var(--contact-text);
    }
    
    #ContactUs .cursor-dot {
        background-color: var(--contact-text);
    }
    
    #Faqs .cursor-dot {
        background-color: var(--contact-yellow);
    }
    
    #BlogD .cursor-dot {
        background-color: var(--blog-orange);
    }
    
    #newProduct .cursor-dot {
        background-color: var(--blog-orange);
    }
    
    #ValleyB .cursor-dot {
        background-color: var(--orangeBTN-color);
    }
    
    #SweetP .cursor-dot {
        background-color: var(--white-color);
    }
    
    #PurpleP .cursor-dot {
        background-color: var(--orangeBTN-color);
    }
    
    #GreenP .cursor-dot {
        background-color: var(--green-plantain-text);
    }
    
    #MangoH .cursor-dot {
        background-color: var(--white-color);
    }
    #MangoH2 .cursor-dot {
        background-color: var(--white-color);
    }
    
    #TropicalT .cursor-dot {
        background-color: var(--tropical-taro-text);
    }
    
    #ValleyO .cursor-dot {
        background-color: var(--valley-original-text);
    }
    
    #MapleB .cursor-dot {
        background-color: var(--maple-bacon-text);
    }
    
    #GreenP .lp_loader_wrapper h3 {
        color: var(--green-plantain-text);
    }
    
    #MangoH .lp_loader_wrapper h3 {
        color: var(--white-color);
    }
    #MangoH2 .lp_loader_wrapper h3 {
        color: var(--white-color);
    }
    
    #TropicalT .lp_loader_wrapper h3 {
        color: var(--tropical-taro-text);
    }
    
    #ValleyO .lp_loader_wrapper h3 {
        color: var(--white-color);
    }
    
    #MapleB .lp_loader_wrapper h3 {
        color: var(--white-color);
    }
    
    a,
    a:hover,
    a:focus {
        text-decoration: none;
        color: var(--primary-color);
    }
    
    img,
    svg {
        vertical-align: middle;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--heading-color);
    }
    
    button,
    input,
    textarea {
        font-family: 'KGBSpace', sans-serif;
    }
    
    .fill_color {
        fill: var(--primary-color);
    }
    /* scrollbar css start */
    
    *::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }
    
    *::-webkit-scrollbar-track {
        background-color: #f2f2f2;
        border-radius: 10px;
    }
    
    *::-webkit-scrollbar-thumb {
        background-color: #dddddd;
        border-radius: 10px;
    }
    
    * {
        scrollbar-color: #f2f2f2 #dddddd;
        scrollbar-width: thin;
    }
    /* scrollbar css end */
    
    .lp_content_wrapper {
        margin-left: 260px;
    }
    
    .lp_content_body {
        padding: 60px;
    }
    
    .text-left {
        text-align: left;
    }
    
    .text-center {
        text-align: center;
    }
    
    .text-right {
        text-align: right;
    }
    /* preloader start */
    
    .lp_preloader_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.9);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .preloader_open .lp_preloader_wrapper {
        opacity: 1;
        visibility: visible;
    }
    
    .lp_preloader_wrapper>.lp_preloader_inner {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .lp_preloader_wrapper>.lp_preloader_inner>span {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background-color: var(--primary-color);
        opacity: 0;
        -webkit-animation: preloaderAnim 1.2s infinite;
        -moz-animation: preloaderAnim 1.2s infinite;
        animation: preloaderAnim 1.2s infinite;
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    
    .lp_preloader_wrapper>.lp_preloader_inner>span::before {
        content: "";
        position: absolute;
        top: 70%;
        right: 0px;
        border-left: 5px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 8px solid var(--primary-color);
    }
    
    .lp_preloader_wrapper>.lp_preloader_inner>span:nth-child(2) {
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    
    .lp_preloader_wrapper>.lp_preloader_inner>span:nth-child(3) {
        -webkit-animation-delay: 0.7s;
        -moz-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }
    
    @-webkit-keyframes preloaderAnim {
        0% {
            -webkit-transform: scale(0) translateY(-40px);
            opacity: 1;
        }
        100% {
            -webkit-transform: scale(1) translateY(0px);
            opacity: 0;
        }
    }
    
    @-moz-keyframes preloaderAnim {
        0% {
            -moz-transform: scale(0) translateY(-40px);
            opacity: 1;
        }
        100% {
            -moz-transform: scale(1) translateY(0px);
            opacity: 0;
        }
    }
    
    @keyframes preloaderAnim {
        0% {
            transform: scale(0) translateY(-40px);
            opacity: 1;
        }
        100% {
            transform: scale(1) translateY(0px);
            opacity: 0;
        }
    }
    /* preloader end */
    
    .lp_section {
        padding: 70px 0;
        position: relative;
        background: var(--white-color);
    }
    
    .lp_container {
        max-width: 1400px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        padding: 0 50px;
    }
    
    .lp_loader_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--yellow-color);
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #Products .lp_loader_wrapper {
        background-color: var(--contact-bg);
    }
    
    #ContactUs .lp_loader_wrapper {
        background-color: var(--contact-bg);
    }
    
    #ValleyB .lp_loader_wrapper {
        background-color: var(--blue-color);
    }
    
    #BlogD .lp_loader_wrapper {
        background-color: var(--blog-bg);
    }
    
    #newProduct .lp_loader_wrapper {
        background-color: var(--blog-bg);
    }
    
    #Faqs .lp_loader_wrapper {
        background-color: var(--contact-bg);
    }
    
    #SweetP .lp_loader_wrapper {
        background-color: var(--sweet-potato-bg);
    }
    
    #PurpleP .lp_loader_wrapper {
        background-color: var(--purple-sweet-bg);
    }
    
    #GreenP .lp_loader_wrapper {
        background-color: var(--green-plantain-bg);
    }
    
    #MangoH .lp_loader_wrapper {
        background-color: var(--mango-habanero-bg);
    }
    #MangoH2 .lp_loader_wrapper {
        background-color: var(--mango-habanero-bg);
    }
    
    #TropicalT .lp_loader_wrapper {
        background-color: var(--tropical-taro-bg);
    }
    
    #ValleyO .lp_loader_wrapper {
        background-color: var(--valley-original-bg);
    }
    
    #MapleB .lp_loader_wrapper {
        background-color: var(--maple-bacon-bg);
    }
    
    .lp_loader_wrapper h3 {
        font-size: 50px;
        color: #ffffff;
        margin: 0;
        font-weight: 100;
        display: flex;
    }
    
    .lp_loader_wrapper h3>span {
        opacity: 0;
    }
    
    .lp_loader_overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* background-color: rgba(var(--primary-color-rgb), 0.5); */
        /* background: linear-gradient(108deg, var(--primary-color) 0%, var(--secondary-color) 100%); */
        transform: translateY(100%);
        background: var(--red-color);
    }
    
    #Products .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #ContactUs .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #BlogD .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #newProduct .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #Faqs .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #ValleyB .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #SweetP .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #PurpleP .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #GreenP .lp_loader_wrapper .lp_loader_overlay {
        background: var(--green-plantain-green);
    }
    
    #MangoH .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    #MangoH2 .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #TropicalT .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #ValleyO .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    #MapleB .lp_loader_wrapper .lp_loader_overlay {
        background: var(--white-color);
    }
    
    .lp_fade_up {
        opacity: 0;
    }
    
    .lp_contact_wrapper {
        max-width: 800px;
        margin: 0 auto;
        margin-top: 100px;
        text-align: center;
    }
    
    .lp_contact_wrapper .lp_btn {
        padding: 15px 30px;
        min-width: 180px;
        font-size: 16px;
    }
    
    .lp_section_contact {
        background-image: url('../images/map.svg');
        background-size: cover;
    }
    
    .lp_contact_wrapper .response {
        margin-top: 10px;
        color: #d8d8d8;
    }
    /********************************************************************************************* 
1. body end
*********************************************************************************************/
    /********************************************************************************************* 
2. banner start
*********************************************************************************************/
    
    .lp_banner {
        position: relative;
        background-image: url('../images/banner.jpg');
        background-size: cover;
    }
    
    .lp_banner>.lp_banner_overlay {
        background-color: rgba(0, 0, 0, 0.8);
        /* backdrop-filter: blur(5px); */
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
    
    .lp_banner_box {
        width: 400px;
        height: 400px;
        background-color: var(--primary-color);
        transform: rotate(45deg);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .lp_banner_box>.lp_banner_box_inner {
        position: absolute;
        top: -20%;
        left: -20%;
        right: -20%;
        bottom: -20%;
        background-color: var(--primary-color);
        transform: rotate(90deg);
        opacity: 0.5;
        z-index: -1;
    }
    
    .lp_banner_box>.lp_banner_box_content {
        transform: rotate(-45deg);
        text-align: center;
    }
    
    .lp_banner_box>.lp_banner_box_content>h1 {
        color: var(--secondary-color);
        margin: 0;
        font-size: 40px;
        font-weight: 900;
        margin-bottom: 15px;
        margin-top: 100px;
        display: flex;
    }
    
    .lp_banner_box>.lp_banner_box_content>p {
        color: var(--heading-color);
        font-size: 16px;
        margin: 0;
        margin-bottom: 80px;
    }
    
    .lp_banner_box>.lp_banner_box_content>i {
        color: var(--secondary-color);
        font-size: 10px;
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        margin-top: 5px;
        cursor: pointer;
    }
    
    .lp_banner_gradient {
        height: 100vh;
        background: var(--yellow-color);
        /* background: linear-gradient(108deg, var(--primary-color) 0%, var(--secondary-color) 100%); */
        overflow: hidden;
        position: relative;
    }
    
    #BlogD .lp_main_wrapper .lp_banner_gradient {
        height: 20vh;
        background: var(--blog-bg);
    }
    
    #newProduct .lp_main_wrapper .lp_banner_gradient {
        height: 20vh;
        background: var(--blog-bg);
    }
    
    #Faqs .lp_main_wrapper .lp_banner_gradient {
        height: 20vh;
        background: var(--contact-bg);
    }
    
    #ValleyB .lp_main_wrapper .lp_banner_gradient {
        background: var(--blue-color);
    }
    
    #SweetP .lp_main_wrapper .lp_banner_gradient {
        background: var(--sweet-potato-bg);
    }
    
    #PurpleP .lp_main_wrapper .lp_banner_gradient {
        background: var(--purple-sweet-bg);
    }
    
    #GreenP .lp_main_wrapper .lp_banner_gradient {
        background: var(--green-plantain-bg);
    }
    
    #MangoH .lp_main_wrapper .lp_banner_gradient {
        background: var(--mango-habanero-bg);
    }
    #MangoH2 .lp_main_wrapper .lp_banner_gradient {
        background: var(--mango-habanero-bg);
    }
    
    #TropicalT .lp_main_wrapper .lp_banner_gradient {
        background: var(--tropical-taro-bg);
    }
    
    #ValleyO .lp_main_wrapper .lp_banner_gradient {
        background: var(--valley-original-bg);
    }
    
    #MapleB .lp_main_wrapper .lp_banner_gradient {
        background: var(--maple-bacon-bg);
    }
    
    .lp_banner_gradient_box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 0;
    }
    
    .lp_banner_gradient_box>svg {
        width: 50vh;
        height: 50vh;
        overflow: visible;
    }
    
    .anim_box {
        transform-origin: center;
        transform-box: fill-box;
    }
    
    .lp_banner_content {
        position: relative;
        z-index: 1;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .lp_banner_text {
        text-align: left;
    }
    
    .lp_banner_text>h3 {
        color: var(--red-color);
        font-size: 7.5vw;
        font-weight: 700;
        margin: 2% 5%;
        margin-bottom: 15px;
        line-height: 175px;
        text-transform: uppercase;
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        line-height: 90px;
        margin: 3% 5%;
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text {
        text-align: center;
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--contact-text);
    }
    
    #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--white-color);
    }
    
    #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--white-color);
    }
    
    #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--white-color);
    }
    /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
    /*    color: var(--white-color);*/
    /*}*/
    
    
    #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--green-plantain-text);
    }
    
    #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--white-color);
        margin: 6% 5%;
    }
    /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
    /*    color: var(--white-color);*/
    /*    margin: 6% 5%;*/
    /*}*/
    #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--white-color);
        margin: 6% 5%;
    }
    
    #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--tropical-taro-text);
        margin: 6% 5%;
    }
    
    #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--white-color);
        margin: 6% 5%;
    }
    
    #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
        color: var(--white-color);
        margin: 6% 5%;
    }
    
    .lp_banner_text>h3>span {
        color: #2F2E41;
        font-weight: 900;
        text-decoration: underline;
    }
    
    .lp_banner_illustration {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 800px;
    }
    
    .lp_banner_illustration>svg {
        margin: 0 auto;
        width: 100%;
        height: auto;
        vertical-align: middle;
    }
    
    .lp_scroll_down {
        text-align: center;
        display: inline-block;
        cursor: pointer;
    }
    
    /*.lp_scroll_down>p {*/
    /*    color: #f2f7fc;*/
    /*    margin: 0;*/
    /*    font-size: 2.5rem;*/
    /*    background: var(--red-color);*/
    /*    padding: 5px;*/
    /*}*/
    .lp_scroll_down>p {
        color: #f2f7fc;
        margin: 0;
        font-size: 2.5rem;
        background: transparent;
        padding: 5px;
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient {
        background: var(--contact-bg);
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down {
        position: relative;
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: var(--contact-text);
    }
    
    #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p {
        background: none;
    }
    
    .ValleyB_discoverBTN>p:hover,
    .ValleyB_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--orangeBTN-color)!important;
    }
    
    .SweetP_discoverBTN>p:hover,
    .SweetP_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--orangeBTN-color)!important;
    }
    
    .ContactUs_discoverBTN>p:hover,
    .ContactUs_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em #f2f7fc!important;
        transition: all 0.9s ease;
        color: var(--contact-text)!important;
    }
    
    .PurpleP_discoverBTN>p:hover,
    .PurpleP_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--orangeBTN-color)!important;
    }
    
    .GreenP_discoverBTN>p:hover,
    .GreenP_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--orangeBTN-color)!important;
    }
    
    .MangoH_discoverBTN>p:hover,
    .MangoH_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--orangeBTN-color)!important;
    }
    
    .TropicalT_discoverBTN>p:hover,
    .TropicalT_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--orangeBTN-color)!important;
    }
    
    .ValleyO_discoverBTN>p:hover,
    .ValleyO_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--valley-original-text)!important;
    }
    
    .MapleB_discoverBTN>p:hover,
    .MapleB_discoverBTN>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--orangeBTN-color)!important;
    }
    
     #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .lp_scroll_down>p{
         box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--red-color);
         
     }
    
    .lp_scroll_down>p:hover,
    .lp_scroll_down>p:focus {
        box-shadow: inset 0 0 0 2em transparent;
        transition: all 0.9s ease;
        color: var(--red-color);
    }
    
    .lp_scroll_down>.lp_scroll_down_icon {
        color: var(--secondary-color);
        font-size: 10px;
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        margin-top: 5px;
        transition: all 0.2s;
    }
    
    .lp_scroll_down:hover>.lp_scroll_down_icon {
        box-shadow: 0px 0px 0px 1px #ffffff, 0px 0px 30px rgba(0, 0, 0, 0.2);
    }
    /********************************************************************************************* 
2. banner end
*********************************************************************************************/
    /********************************************************************************************* 
3. header start
*********************************************************************************************/
    
    .lp_logo {
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .lp_logo>a {
        font-size: 50px;
        font-weight: 900;
        color: #333333;
    }
    
    .lp_logo>a>span {
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 20px;
        background-color: #ffffff;
    }
    
    .lp_menu_toggle {
        position: fixed;
        top: 30px;
        right: 30px;
        height: 30px;
        width: 100px;
        height: 100px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .lp_menu_toggle>span {
        width: 50%;
        height: 8px;
        background-color: var(--heading-color);
        margin: 3px auto;
        transition: all 0.3s;
    }
    
    .lp_menu_socialIndex {
        position: absolute;
        top: 146px;
        right: 43px;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .lp_menu_socialIndex2 {
        position: absolute;
        top: 225px;
        right: 43px;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .lp_menu_socialIndex3 {
        position: absolute;
        top: 305px;
        right: 43px;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .lp_menu_socialIndex4 {
        position: absolute;
        top: 445px;
        right: 43px;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .hojasElement {
        width: 34%;
        left: 75%;
        position: relative;
        margin-top: -12%;
        z-index: 99;
    }
    
    #ContactUs .lp_menu_socialIndex {
        position: absolute;
        top: 145px;
        right: 50px!important;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    #ContactUs .lp_menu_socialIndex2 {
        position: absolute;
        top: 245px;
        right: 50px!important;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    #ContactUs .lp_menu_socialIndex3 {
        position: absolute;
        top: 345px;
        right: 50px!important;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    #ContactUs .lp_menu_socialIndex4 {
        position: absolute;
        top: 445px;
        right: 50px!important;
        height: 30px;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        background-color: #ffffff;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        z-index: 15;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .menu_open .lp_menu_toggle {
        z-index: 16;
    }
    
    .menu_open .lp_menu_toggle>span {
        position: absolute;
        transform: rotate(-135deg);
    }
    
    .menu_open .lp_menu_toggle>span:nth-child(2) {
        transform: translateX(10px);
        opacity: 0;
    }
    
    .menu_open .lp_menu_toggle>span:nth-child(3) {
        transform: rotate(-45deg);
    }
    
    .lp_menu_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        overflow: auto;
    }
    
    .lp_menu_wrapper>.lp_menu_bg {
        position: fixed;
        top: 0;
        left: -50%;
        right: -50%;
        bottom: 0;
        display: flex;
        -webkit-transform: skewX(45deg);
        -moz-transform: skewX(45deg);
        transform: skewX(45deg);
    }
    
    .lp_menu_wrapper>.lp_menu_bg>span {
        flex: 1;
        background-color: var(--yellow-color);
        margin-left: -1px;
        opacity: 0;
    }
    
    #Products .lp_menu_wrapper>.lp_menu_bg>span {
        background-color: var(--contact-bg);
    }
    
    #ContactUs .lp_menu_wrapper>.lp_menu_bg>span {
        background-color: var(--contact-bg);
    }
    
    #BlogD .lp_menu_wrapper>.lp_menu_bg>span {
        background-color: var(--blog-bg);
    }
    
    #newProduct .lp_menu_wrapper>.lp_menu_bg>span {
        background-color: var(--blog-bg);
    }
    
    #Faqs .lp_menu_wrapper>.lp_menu_bg>span {
        background-color: var(--contact-bg);
    }
    
    #ValleyB .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--blue-color);
    }
    
    #SweetP .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--sweet-potato-bg);
    }
    
    #PurpleP .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--purple-sweet-bg);
    }
    
    #GreenP .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--green-plantain-bg);
    }
    
    #MangoH .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--mango-habanero-bg);
    }
    #MangoH2 .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--mango-habanero-bg);
    }
    
    #TropicalT .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--tropical-taro-bg);
    }
    
    #ValleyO .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--valley-original-bg);
    }
    
    #MapleB .lp_menu_wrapper .lp_menu_bg>span {
        background-color: var(--maple-bacon-bg);
    }
    
    .menu_open .lp_menu_wrapper {
        opacity: 1;
        visibility: visible;
    }
    
    .lp_menu {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 25;
        height: 100vh;
    }
    
    .lp_menu>ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .lp_menu>ul>li {
        display: block;
        opacity: 0;
        text-align: center;
    }
    
    .index .lp_menu_wrapper .lp_menu>ul>li>a {
        display: contents;
        font-size: 5vw;
        font-weight: 900;
        color: transparent;
        position: relative;
        transition: all 0.3s;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--red-color);
    }
    
    .productMobile {
        display: none;
    }
    
    .card-body {
        color: var(--green-plantain-text);
    }
    
    #Products .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
    }
    
    #ContactUs .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
    }
    
    .index .lp_main_wrapper .lp_section {
        background-image: url('../images/homePage/fence-texture.png');
    }
    
    #newProduct .lp_main_wrapper .lp_section {
        background-image: none;
        background: #fff;
    }
    
    #ContactUs .lp_main_wrapper .lp_section {
        background-color: #fff;
        background-image: none;
    }
    
    #BlogD .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
    }
    
    #newProduct .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
    }
    
    #Faqs .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
    }
    
    #Faqs .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--contact-text);
    }
    
    #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
        font-size: 3.5vw;
    }
    
    #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
        display: contents;
        font-size: 3vw;
    }
    
    #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
        display: contents;
        font-size: 3vw;
    }
    
    #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
        display: contents;
        font-size: 3vw;
    }
    
    #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--green-plantain-text);
        display: contents;
        font-size: 3vw;
    }
    
    #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
        display: contents;
        font-size: 3vw;
    }
    #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
        display: contents;
        font-size: 3vw;
    }
    
    #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--tropical-taro-text);
        display: contents;
        font-size: 3vw;
    }
    
    #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
        display: contents;
        font-size: 3vw;
    }
    
    #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
        -webkit-text-stroke-color: var(--white-color);
        display: contents;
        font-size: 3vw;
    }
    
    #ValleyB .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #SweetP .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #PurpleP .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #GreenP .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #MangoH .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    #MangoH2 .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #TropicalT .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #ValleyO .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #MapleB .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
        font-size: 30px;
        text-align: justify;
        color: var(--white-color);
    }
    
    #ValleyB .lp_main_wrapper .lp_section .lp_container .row .col-7>img {
        width: 70%;
    }
    
    #SweetP .lp_main_wrapper .lp_section .lp_container .row .col-7>img {
        width: 100%;
    }
    
    #PurpleP .lp_main_wrapper .lp_section .lp_container .row .col-7>img {
        width: 100%;
    }
    
    #GreenP .lp_main_wrapper .lp_section .lp_container .row .col-7>img {
        width: 100%;
    }
    
    #MangoH .lp_main_wrapper .lp_section .lp_container .row .col-7>img {
        width: 100%;
    }
    #MangoH2 .lp_main_wrapper .lp_section .lp_container .row .col-7>img {
        width: 100%;
    }
    
    #ValleyB .lp_main_wrapper .lp_section {
        background: var(--blue-color);
    }
    
    #SweetP .lp_main_wrapper .lp_section {
        background: var(--sweet-potato-bg);
    }
    
    #PurpleP .lp_main_wrapper .lp_section {
        background: var(--purple-sweet-bg);
    }
    
    #GreenP .lp_main_wrapper .lp_section {
        background: var(--green-plantain-bg);
    }
    
    .index .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--red-color);
    }
    
    #Products .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--contact-text);
    }
    
    #ContactUs .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--contact-text);
    }
    
    #BlogD .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--blog-text);
    }
    
    #newProduct .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--white-color);
    }
    
    #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--white-color);
    }
    
    #SweetP .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--white-color);
    }
    
    #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--white-color);
    }
    
    #GreenP .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--white-color);
    }
    
    #MangoH .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--white-color);
    }
    #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--white-color);
    }
    
    #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--tropical-taro-text);
    }
    
    #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--valley-original-text);
    }
    
    #MapleB .lp_menu_wrapper .lp_menu>ul>li>a:hover {
        color: var(--maple-bacon-text);
    }
    
    .index .lp_menu_wrapper .lp_menu>ul>li>a::before {
        content: "";
        position: absolute;
        top: 70%;
        left: -10%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 30%;
        background-color: var(--white-color);
        opacity: 0.4;
        width: 0;
        z-index: -1;
        transition: all 0.3s;
    }
    
    .index .lp_menu_wrapper .lp_menu>ul>li>a:hover::before {
        width: 120%;
    }
    /********************************************************************************************* 
3. header end
*********************************************************************************************/
    /********************************************************************************************* 
4. section start
*********************************************************************************************/
    
    .lp_section_heading {
        margin-bottom: 40px;
        position: relative;
        padding-top: 7.5em;
    }
    
    .lp_section_heading>h1 {
        font-size: 10em;
        color: var(--primary-color);
        opacity: 0.1;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
    }
    
    .lp_section_heading>h3 {
        font-size: 50px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.5em;
        margin: 0;
        display: flex;
        align-items: center;
    }
    
    .contactHeading>h1 {
        color: var(--contact-text);
    }
    
    .contactHeading>h3::before {
        background-color: var(--contact-yellow)!important;
    }
    
    .contactHeading>h3 {
        color: var(--contact-text);
    }
    
    .lp_section_heading>h3::before {
        content: "";
        width: 60px;
        height: 4px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px;
        background-color: var(--primary-color);
    }
    
    .lp_section_heading.heading_center {
        text-align: center;
    }
    
    .lp_section_heading.heading_center>h1 {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .lp_section_heading.heading_center>h3 {
        justify-content: center;
    }
    
    .lp_section_heading.heading_center>h3::before {
        position: absolute;
        top: 110%;
        left: 50%;
        margin: 0;
        margin-left: -30px;
    }
    
    .lp_section_dark {
        background-color: #353535;
    }
    
    .lp_section_dark .lp_section_heading>h3 {
        color: var(--primary-color);
    }
    
    #ContactVector>.lp_vector_bl {
        background-color: var(--contact-yellow);
    }
    
    #ContactVector {
        right: -300px;
    }
    
    .reasonContact {
        padding-top: 40px;
    }
    /********************************************************************************************* 
4. section end
*********************************************************************************************/
    /********************************************************************************************* 
5. about start
*********************************************************************************************/
    
    .lp_about_wrapper {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    
    .lp_about_wrapper>.lp_about_image {
        flex: none;
        margin-top: -120px;
    }
    
    .lp_about_wrapper>.lp_about_image>img {
        max-width: 100%;
    }
    
    .lp_about_wrapper>.lp_about_content {
        flex: 1;
        padding: 0px 100px 50px 100px;
    }
    
    .lp_about_wrapper>.lp_about_content p {
        font-size: 40px;
        line-height: 1.3;
    }
    /********************************************************************************************* 
5. about end
*********************************************************************************************/
    /********************************************************************************************* 
6. work start
*********************************************************************************************/
    
    .lp_work_wrapper {
        max-width: 80%;
    }
    
    .lp_work_wrapper>p {
        margin: 50px 0;
    }
    
    .lp_work_item {
        position: relative;
        overflow: hidden;
    }
    
    .lp_work_item>img {
        width: 100%;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    
    .lp_work_item:hover>img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .lp_work_item>.lp_work_overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-direction: column;
        z-index: 1;
    }
    
    .lp_work_item>.lp_work_overlay::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 300px;
        bottom: -250px;
        left: 50%;
        background-color: var(--primary-color);
        opacity: 0.9;
        -webkit-transform: rotate(6deg) translateX(-50%);
        -moz-transform: rotate(6deg) translateX(-50%);
        transform: rotate(6deg) translateX(-50%);
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .lp_work_item:hover>.lp_work_overlay::before {
        bottom: -200px;
    }
    
    .lp_work_item>.lp_work_overlay>h3 {
        margin: 0;
        font-size: 25px;
        font-weight: 700;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-transform: translateY(35px);
        -moz-transform: translateY(35px);
        transform: translateY(35px);
        color: var(--white-color);
    }
    
    .lp_work_item:hover>.lp_work_overlay>h3 {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    .lp_work_item>.lp_work_overlay>p {
        margin: 0;
        opacity: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        transition-delay: 0.03s;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        transform: translateY(30px);
    }
    
    .lp_work_item:hover>.lp_work_overlay>p {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    .lp_work_item>.lp_work_overlay>a {
        position: absolute;
        right: 30px;
        bottom: 30px;
        opacity: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        transform: translateY(50px);
    }
    
    .lp_work_item:hover>.lp_work_overlay>a {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    .lp_work_item>.lp_work_overlay>a>svg path {
        fill: var(--secondary-color);
    }
    /********************************************************************************************* 
6. work end
*********************************************************************************************/
    /********************************************************************************************* 
7. blog start
*********************************************************************************************/
    
    .lp_blog_wrapper {
        margin-bottom: 50px;
    }
    
    .lp_blog_wrapper>p {
        margin: 50px 0;
    }
    
    .lp_blog_list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 100px;
    }
    
    .lp_blog_list.lp_blog_long {
        grid-template-columns: 100%;
        grid-gap: 50px;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .ourStoryTitle {
    padding: 0px 0 10px 0;
    text-align: center
}
    
    .lp_blog_list>.lp_blog_item {
        transform-origin: left;
    }
    
    .lp_blog_list>.lp_blog_item>.lp_blog_image {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        transition: all 0.3s;
        display: block;
    }
    
    .lp_blog_list>.lp_blog_item:hover>.lp_blog_image {
        box-shadow: 10px 10px 0px 0px rgba(var(--primary-color-rgb), 0.5);
    }
    
    .lp_blog_list>.lp_blog_item>.lp_blog_image>img {
        width: 100%;
        transition: all 0.3s;
    }
    
    .lp_blog_list>.lp_blog_item:hover>.lp_blog_image>img {
        transform: scale(1.2);
    }
    
    .lp_blog_list>.lp_blog_item>.lp_blog_image>.lp_blog_overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: flex-end;
    }
    
    .lp_blog_author {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
        padding: 15px 20px;
        margin: 15px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
        transform: scaleX(0) translateX(-50%);
        transform-origin: left;
    }
    
    .lp_blog_list>.lp_blog_item:hover .lp_blog_author {
        opacity: 1;
        transform: scaleX(1) translateX(0);
        visibility: visible;
    }
    
    .lp_blog_author>.lp_blog_auther_image {
        width: 50px;
        flex: none;
    }
    
    .lp_blog_author>.lp_blog_auther_image>img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        border-radius: 50%;
    }
    
    .lp_blog_author>.lp_blog_auther_detail {
        flex: 1;
        padding-left: 15px;
    }
    
    .lp_blog_author>.lp_blog_auther_detail>.lp_blog_auther_name {
        font-size: 14px;
        font-weight: 500;
        color: var(--heading-color);
    }
    
    .lp_blog_author>.lp_blog_auther_detail>.lp_blog_auther_designation {
        font-size: 12px;
        font-weight: 400;
        color: #808080;
    }
    
    .lp_blog_content {
        padding-left: 60px;
        font-size: 14px;
        position: relative;
    }
    
    .lp_blog_content::before {
        content: "";
        position: absolute;
        top: 15px;
        left: 0;
        width: 40px;
        height: 4px;
        background-color: var(--primary-color);
    }
    
    .lp_blog_content>h3 {
        margin: 0;
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 500;
        color: var(--green-plantain-text);
    }
    /********************************************************************************************* 
7. blog end
*********************************************************************************************/
    /********************************************************************************************* 
8. graphics animation start
*********************************************************************************************/
    
    .lp_vector_big {
        position: absolute;
        top: 0px;
        left: -200px;
        pointer-events: none;
    }
    
    .lp_vector_big>.lp_vector_bl {
        width: 400px;
        height: 400px;
        display: block;
        background-color: var(--secondary-color);
        opacity: 0.9;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center 150px;
        -moz-transform-origin: center 150px;
        transform-origin: center 150px;
    }
    
    .lp_vector_big>.lp_vector_bl:nth-child(1) {
        position: absolute;
        left: -50px;
        top: 200px;
    }
    
    .lp_vector_big.lp_vector_right {
        left: auto;
        right: -200px;
    }
    
    .lp_vector_big.lp_vector_right>.lp_vector_bl {
        left: auto;
        right: 0;
        -webkit-transform-origin: center 200px;
        -moz-transform-origin: center 200px;
        transform-origin: center 200px;
    }
    
    .lp_vector_big.lp_vector_right>.lp_vector_bl:nth-child(1) {
        left: auto;
        right: -50px;
        z-index: 1;
    }
    
    .lp_vector_big.lp_vector_red>.lp_vector_bl {
        background-color: var(--primary-color);
    }
    
    #BlogVector>.lp_vector_bl {
        background-color: var(--blog-orange);
    }
    
    #FaqsVector>.lp_vector_bl {
        background-color: var(--contact-yellow);
    }
    /********************************************************************************************* 
8. graphics animation end
*********************************************************************************************/
    /********************************************************************************************* 
9. footer start
*********************************************************************************************/
    
    .lp_footer {
        background-image: url('../images/homePage/footer1920.png');
        padding: 165px 0;
        color: #b1b1b1;
    }
    
    .lp_footer .lp_footer_inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .lp_copyright p {
        font-size: 25px;
        margin: 0;
    }
    
    .lp_social>ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .lp_social>ul>li {
        display: inline-block;
        vertical-align: middle;
    }
    
    .lp_social>ul>li>a {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .lp_social>ul>li>a:hover {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
    
    .lp_social>ul>li>a svg {
        width: 18px;
        height: 18px;
    }
    
    .lp_social>ul>li>a svg path {
        fill: #b9b9b9;
    }
    
    .lp_social>ul>li>a:hover svg path {
        fill: var(--primary-color);
    }
    /********************************************************************************************* 
9. footer end
*********************************************************************************************/
    /********************************************************************************************* 
10. components start
*********************************************************************************************/
    /* button start */
    
    .lp_btn {
        background-color: var(--valley-blendRed-bg);
        color: var(--white-color);
        padding: 12px 30px;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        outline: none;
        border: none;
        box-shadow: none;
        position: relative;
        z-index: 1;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        border-radius: 70px;
    }
    
    .lp_btn::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: -5px;
        bottom: -5px;
        background-color: var(--valley-blendRed-bg);
        z-index: -1;
        opacity: 0.5;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        border-radius: 70px;
    }
    
    .lp_btn:hover {
        color: #fff;
        -webkit-transform: translate(5px, 5px);
        -moz-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }
    
    .lp_btn:hover::before {
        -webkit-transform: translate(-5px, -5px);
        -moz-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }
    /* button end */
    /* input start */
    
    .lp_input_wrapper {
        margin-bottom: 30px;
    }
    
    .lp_input_wrapper>.lp_input {
        padding: 30px;
        border: 2px solid var(--primary-color);
        width: 100%;
        background-color: #353535;
        outline: none;
        color: var(--primary-color);
        font-size: 16px;
    }
    
    .lp_input_wrapper>.lp_input::-webkit-input-placeholder {
        color: rgba(var(--primary-color-rgb), 0.6);
    }
    
    .lp_input_wrapper.has-error>.lp_input {
        border-color: #f44336;
    }
    /* input end */
    /* slider pagination start */
    
    .swiper-pagination {
        position: relative;
        text-align: left;
        margin: 70px 0;
        padding: 0 25px;
    }
    
    .swiper-pagination-bullet {
        margin-right: 10px;
        border-radius: 0px;
        background-color: #ffffff;
        border: 5px solid var(--valley-blendRed-bg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin-right: 10px;
    }
    
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        -webkit-transform: rotate(45deg) scale(1.5);
        -moz-transform: rotate(45deg) scale(1.5);
        transform: rotate(45deg) scale(1.5);
    }
    
    .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: #ffffff;
        position: absolute;
    }
    /* slider pagination end */
    /* cartoon start */
    
    .lp_cartoon {
        position: absolute;
    }
    
    .lp_cartoon_about {
        bottom: 0;
        right: 10%;
    }
    /* cartoon end */
    /* page title start */
    
    .lp_page_title {
        /* background-color: #353535; */
        /* background-image: url('../images/homePage/blog/banner1920.png'); */
        padding-bottom: 50px;
    }
    
    .howitsmade {
        text-align: center;
        font-size: 6rem;
        color: var(--white-color);
    }
    
    .ingredients {
        color: var(--white-color);
        text-align: center;
        font-size: 4rem;
    }
    
    .purple-sweet-potato {
        font-size: 50px;
        color: var(--white-color);
    }
    
    .product1>.lp_work_overlay>a>svg path {
        fill: var(--white-color);
    }
    
    .product2>.lp_work_overlay>a>svg path {
        fill: var(--white-color);
    }
    
    .product3>.lp_work_overlay>a>svg path {
        fill: var(--orangeBTN-color);
    }
    
    .product4>.lp_work_overlay>a>svg path {
        fill: var(--white-color);
    }
    
    .product5>.lp_work_overlay>a>svg path {
        fill: var(--green-plantain-text);
    }
    
    .product7>.lp_work_overlay>a>svg path {
        fill: var(--white-color);
    }
    
    .product8>.lp_work_overlay>a>svg path {
        fill: var(--tropical-taro-text);
    }
    
    .sendMessageButton {
        background-color: var(--contact-text);
        border-color: var(--contact-text);
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .text1-R {
        font-size: 80px;
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .text2-R {
        font-size: 60px;
    }
    
    #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .text3-R {
        font-size: 60px;
    }
    
    #Texto .ContactUs_discoverBTN {
        bottom: 0%;
    }
    /* 

    

     */
    /* page title end */
    /********************************************************************************************* 
10. components end
*********************************************************************************************/
    
    .Home_GreenElement {
        position: absolute;
        bottom: -5%;
        right: -35%;
    }
    
    .index .lp_menu_toggle>span {
        background-color: var(--red-color);
    }
    
    
    
    #Products .lp_menu_toggle>span {
        background-color: var(--contact-text);
    }
    
    #ContactUs .lp_menu_toggle>span {
        background-color: var(--contact-text);
    }
    
    #BlogD .lp_menu_toggle>span {
        background-color: var(--blog-text);
    }
    
    #newProduct .lp_menu_toggle>span {
        background-color: var(--blog-text);
    }
    
    #Faqs .lp_menu_toggle>span {
        background-color: var(--contact-text);
    }
    
    #ValleyB .lp_menu_toggle>span {
        background-color: var(--valley-blendBlue-bg)!important;
    }
    
    #ValleyB .lp_menu_socialIndex>a>i::before {
        color: var(--blue-color);
    }
    
    #ValleyB .lp_menu_socialIndex2>a>i::before {
        color: var(--blue-color);
    }
    
    #ValleyB .lp_menu_socialIndex3>a>i::before {
        color: var(--blue-color);
    }
    
    #SweetP .lp_menu_toggle>span {
        background-color: var(--sweet-potato-bg)!important;
    }
    
    #SweetP .lp_menu_socialIndex>a>i::before {
        color: var(--sweet-potato-bg);
    }
    
    #SweetP .lp_menu_socialIndex2>a>i::before {
        color: var(--sweet-potato-bg);
    }
    
    #SweetP .lp_menu_socialIndex3>a>i::before {
        color: var(--sweet-potato-bg);
    }
    
    #PurpleP .lp_menu_toggle>span {
        background-color: var(--purple-sweetBTN-color)!important;
    }
    
    #PurpleP .lp_menu_socialIndex>a>i::before {
        color: var(--purple-sweetBTN-color);
    }
    
    #PurpleP .lp_menu_socialIndex2>a>i::before {
        color: var(--purple-sweetBTN-color);
    }
    
    #PurpleP .lp_menu_socialIndex3>a>i::before {
        color: var(--purple-sweetBTN-color);
    }
    
    #GreenP .lp_menu_toggle>span {
        background-color: var(--green-plantain-text)!important;
    }
    
    #GreenP .lp_menu_socialIndex>a>i::before {
        color: var(--green-plantain-text);
    }
    
    #GreenP .lp_menu_socialIndex2>a>i::before {
        color: var(--green-plantain-text);
    }
    
    #GreenP .lp_menu_socialIndex3>a>i::before {
        color: var(--green-plantain-text);
    }
    
    #MangoH .lp_menu_toggle>span {
        background-color: var(--mango-habanero-text)!important;
    }
    
    #MangoH .lp_menu_socialIndex>a>i::before {
        color: var(--mango-habanero-text);
    }
    
    #MangoH .lp_menu_socialIndex2>a>i::before {
        color: var(--mango-habanero-text);
    }
    
    #MangoH .lp_menu_socialIndex3>a>i::before {
        color: var(--mango-habanero-text);
    }
    
    
    #MangoH2 .lp_menu_toggle>span {
        background-color: var(--mango-habanero-text)!important;
    }
    
    #MangoH2 .lp_menu_socialIndex>a>i::before {
        color: var(--mango-habanero-text);
    }
    
    #MangoH2 .lp_menu_socialIndex2>a>i::before {
        color: var(--mango-habanero-text);
    }
    
    #MangoH2 .lp_menu_socialIndex3>a>i::before {
        color: var(--mango-habanero-text);
    }
    
    #TropicalT .lp_menu_toggle>span {
        background-color: var(--tropical-taro-text)!important;
    }
    
    #TropicalT .lp_menu_socialIndex>a>i::before {
        color: var(--tropical-taro-text);
    }
    
    #TropicalT .lp_menu_socialIndex2>a>i::before {
        color: var(--tropical-taro-text);
    }
    
    #TropicalT .lp_menu_socialIndex3>a>i::before {
        color: var(--tropical-taro-text);
    }
    
    #ValleyO .lp_menu_toggle>span {
        background-color: var(--valley-original-text)!important;
    }
    
    #ValleyO .lp_menu_socialIndex>a>i::before {
        color: var(--valley-original-text);
    }
    
    #ValleyO .lp_menu_socialIndex2>a>i::before {
        color: var(--valley-original-text);
    }
    
    #ValleyO .lp_menu_socialIndex3>a>i::before {
        color: var(--valley-original-text);
    }
    
    #MapleB .lp_menu_toggle>span {
        background-color: var(--maple-bacon-text)!important;
    }
    
    #MapleB .lp_menu_socialIndex>a>i::before {
        color: var(--maple-bacon-text);
    }
    
    #MapleB .lp_menu_socialIndex2>a>i::before {
        color: var(--maple-bacon-text);
    }
    
    #MapleB .lp_menu_socialIndex3>a>i::before {
        color: var(--maple-bacon-text);
    }
    
    #BlogD .lp_menu_socialIndex>a>i::before {
        color: var(--blog-text);
    }
    
    #BlogD .lp_menu_socialIndex2>a>i::before {
        color: var(--blog-text);
    }
    
    #BlogD .lp_menu_socialIndex3>a>i::before {
        color: var(--blog-text);
    }
    
    #newProduct .lp_menu_socialIndex>a>i::before {
        color: var(--blog-text);
    }
    
    #newProduct .lp_menu_socialIndex2>a>i::before {
        color: var(--blog-text);
    }
    
    #newProduct .lp_menu_socialIndex3>a>i::before {
        color: var(--blog-text);
    }
    
    #ContactUs .lp_menu_socialIndex>a>i::before {
        color: var(--contact-text);
    }
    
    #ContactUs .lp_menu_socialIndex2>a>i::before {
        color: var(--contact-text);
    }
    
    #ContactUs .lp_menu_socialIndex3>a>i::before {
        color: var(--contact-text);
    }
    
    #Faqs .lp_menu_socialIndex>a>i::before {
        color: var(--contact-text);
    }
    
    #Faqs .lp_menu_socialIndex2>a>i::before {
        color: var(--contact-text);
    }
    
    #Faqs .lp_menu_socialIndex3>a>i::before {
        color: var(--contact-text);
    }
    
    #Faqs .lp_menu_toggle {
        position: fixed;
    }
    
    #Faqs .lp_menu_socialIndex {
        position: fixed;
    }
    
    #Faqs .lp_menu_socialIndex2 {
        position: fixed;
    }
    
    #Faqs .lp_menu_socialIndex3 {
        position: fixed;
    }
    
    .collapseButton {
        color: var(--contact-text);
    }
    
    .collapseButton:hover {
        color: var(--contact-text);
    }
    
    #arrowInBtn>i::before {
        color: #808080;
    }
    
    #arrowInBtn2>i::before {
        color: #808080;
    }
    
    [class^=uil-]:before,
    [class*=" uil-"]:before {
        font-size: 40px;
        color: var(--red-color);
    }
    
    .languages {
        position: absolute;
        bottom: 0;
    }
    
    .language-item {
        font-size: 40px;
        margin: 10px;
    }
    
    .lp_work_wrapper>ul li::marker {
        display: none!important;
    }
    
    .product1>.lp_work_overlay::before {
        background-color: var(--valley-blendBlue-bg);
    }
    
    .product2>.lp_work_overlay::before {
        background-color: var(--valley-blendRed-bg);
    }
    
    .product3>.lp_work_overlay::before {
        background-color: var(--mango-habanero-bg);
    }
    
    .product4>.lp_work_overlay::before {
        background-color: var(--sweet-potato-bg);
    }
    
    .product5>.lp_work_overlay::before {
        background-color: var(--green-plantain-bg);
    }
    
    .product6>.lp_work_overlay::before {
        background-color: var(--maple-bacon-bg);
    }
    
    .product7>.lp_work_overlay::before {
        background-color: var(--purple-potato-bg);
    }
    
    .product8>.lp_work_overlay::before {
        background-color: var(--tropical-taro-bg);
    }
    
    .lp_vector_big>.chipselement {
        position: absolute;
        left: -50px;
        top: 200px;
    }
    
    .chips_element_container {
        position: absolute;
        top: -160px;
        left: -100px;
        pointer-events: none;
    }
    
    #ValleyB .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    #SweetP .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    #PurpleP .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    #GreenP .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    #MangoH .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    #MangoH2 .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    #TropicalT .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    #ValleyO .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    #MapleB .lp_main_wrapper .lp_section .chips_element_container {
        top: -460px;
    }
    
    .lp_copyright {
        color: var(--white-color);
    }
    /********************************************************************************************* 
11. responsive start
*********************************************************************************************/
    
    @media(max-width:1920px) {
        .home-logo {
            width: 11%;
        }
        .lp_scroll_down {
            position: absolute;
            bottom: 5%;
            margin: auto 2%;
        }
        .lp_banner_illustration {
            position: relative;
            bottom: 65%;
            margin: 10px 45%;
        }
        
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 1% 5%;
            line-height: 140px;
            font-size: 7vw;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            font-size: 5.8vw;
            margin: 2% 5%;
        }
        
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            font-size: 6vw;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    font-size: 5.8vw;*/
        /*}*/
        
        
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            font-size: 5.7vw;
            line-height:140px;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.6vw;
        }
    }
    
    @media (max-width:1680px) {
        .lp_banner_text>h3 {
            margin: 3% 5%;
        }
        .lp_banner_illustration {
            bottom: 68%;
        }
        .lp_footer {
            background-image: url('../images/homePage/footer1680.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 2% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 7% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 2% 5%;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
    }
    
    @media(max-width:1664px) {
        .lp_banner_text>h3 {
            margin: 5% 5%;
        }
        .lp_menu_toggle {
            width: 95px;
            height: 95px;
        }
        .lp_menu_socialIndex {
            width: 65px;
            height: 65px;
        }
        .lp_menu_socialIndex2 {
            width: 65px;
            height: 65px;
        }
        .lp_menu_socialIndex3 {
            width: 65px;
            height: 65px;
        }
        .lp_menu_socialIndex4 {
            width: 65px;
            height: 65px;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 6% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 10% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 10% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 10% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 10% 5%;
        }
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 5% 5%;
        }
    }
    
    @media(max-width:1620px) {
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 1% 5%;
            line-height: 130px;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 9% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
            line-height: 130px;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 9% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 9% 5%;
        }
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 4% 5%;
        }
    }
    
    @media (max-width:1600px) {
        .lp_footer {
            background-image: url('../images/homePage/footer1600.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        .lp_banner_text>h3 {
            font-size: 7vw;
            line-height: 144px;
        }
        .lp_snack {
            width: 78%;
        }
        .lp_banner_illustration {
            margin: 10px 40%;
        }
        .lp_banner_illustration {
            bottom: 70%;
        }
        .Home_GreenElement {
            bottom: -1%;
            right: -22%;
            width: 45%;
        }
        .lp_menu_toggle {
            width: 90px;
            height: 90px;
        }
        .lp_menu_socialIndex {
            width: 60px;
            height: 60px;
        }
        .lp_menu_socialIndex2 {
            width: 60px;
            height: 60px;
        }
        .lp_menu_socialIndex3 {
            width: 60px;
            height: 60px;
        }
        .lp_menu_socialIndex4 {
            width: 60px;
            height: 60px;
        }
        .lp_menu_socialIndex {
            top: 130px;
        }
        .lp_menu_socialIndex2 {
            top: 200px;
        }
        .lp_menu_socialIndex3 {
            top: 270px;
        }
        .lp_menu_socialIndex4 {
            top: 270px;
        }
        .lp_menu_toggle>span {
            height: 7px;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
           font-size: 2.8vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 120px;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
            
        }
    }
    
    @media(max-width:1536px) {
        .lp_banner_illustration {
            bottom: 87%;
        }
        .lp_snack {
            width: 88%;
        }
        .lp_footer {
            background-image: url('../images/homePage/footer1536.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 13% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 16% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 13% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 16% 5%;
        }

        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 16% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 11% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 11% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 11% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    margin: 11% 5%;*/
        /*}*/
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 10% 5%;
        }
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 8% 5%;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
    }
    
    @media(max-width:1504px) {
        .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        .lp_snack {
            width: 90%;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 15% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 18% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 15% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 18% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 18% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 14% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 14% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 14% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    margin: 14% 5%;*/
        /*}*/
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 12% 5%;
        }
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 14% 5%;
        }
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 13% 5%;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
    }
    
    @media(max-width:1440px) {
        .lp_snack {
            width: 85%;
        }
        .lp_footer {
            background-image: url('../images/homePage/footer1440.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        #ContactUs .lp_menu_socialIndex {
            right: 40px!important;
            top: 135px;
        }
        #ContactUs .lp_menu_socialIndex2 {
            right: 40px!important;
            top: 225px;
        }
        #ContactUs .lp_menu_socialIndex3 {
            right: 40px!important;
            top: 315px;
        }
        #ContactUs .lp_menu_socialIndex4 {
            right: 40px!important;
            top: 405px;
        }
        .lp_banner_illustration {
            bottom: 80%;
        }
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 12% 5%;
        }
        
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 12% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 12% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 9% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 12% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 7% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 7% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    margin: 7% 5%;*/
        /*}*/
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 6% 5%;
        }
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
    }
    
    @media(max-width:1368px) {
        .lp_snack {
            width: 78%;
        }
        .Home_GreenElement {
            right: -13%;
            width: 40%;
        }
        .lp_footer {
            background-image: url('../images/homePage/footer1368.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 13% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 16% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 13% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 16% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 16% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 11% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 11% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    margin: 11% 5%;*/
        /*}*/
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 10% 5%;
        }
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
    }
    
    @media(max-width:1366px) {
        .lp_banner_text>h3 {
            font-size: 6vw;
            line-height: 106px;
        }
        .lp_snack {
            width: 63%;
        }
        .lp_banner_illustration {
            margin: 10px 30%;
        }
        .Home_GreenElement {
            bottom: -6%;
            right: -21%;
            width: 30%;
        }
        .lp_menu_toggle {
            width: 90px;
            height: 90px;
        }
        .lp_menu_socialIndex {
            width: 60px;
            height: 60px;
        }
        .lp_menu_socialIndex2 {
            width: 60px;
            height: 60px;
        }
        .lp_menu_socialIndex3 {
            width: 60px;
            height: 60px;
        }
        .lp_menu_socialIndex4 {
            width: 60px;
            height: 60px;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 8% 5%;
            line-height: 100px;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 11% 5%;*/
        /*}*/
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 9% 5%;
            line-height: 100px;
            font-size: 5.2vw;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            font-size: 5.3vw;
        }
        /* #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    font-size: 5.3vw;*/
        /*}*/
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 11% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 7% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 7% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    margin: 7% 5%;*/
        /*}*/
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 4% 5%;
            line-height: 110px;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }

        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.8vw;
        }
        .lp_banner_illustration {
            bottom: 70%;
        }
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
    }
    
    @media(max-width:1366px) and (max-height:657px) {
        .lp_menu_toggle>span {
            height: 6px;
        }
        .lp_banner_text>h3 {
            font-size: 6vw;
            line-height: 100px;
            margin: 4% 5%;
        }
        .lp_menu_toggle {
            width: 80px;
            height: 80px;
        }
        .lp_menu_socialIndex {
            width: 50px;
            height: 50px;
            top: 120px;
        }
        .lp_menu_socialIndex2 {
            width: 50px;
            height: 50px;
            top: 180px;
        }
        .lp_menu_socialIndex3 {
            width: 50px;
            height: 50px;
            top: 240px;
        }
        .lp_menu_socialIndex4 {
            width: 50px;
            height: 50px;
            top: 240px;
        }
        [class^=uil-]:before,
        [class*=" uil-"]:before {
            font-size: 30px;
        }
        .lp_snack {
            width: 55%;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 7% 5%;*/
        /*}*/
        
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 7% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 7% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    margin: 7% 5%;*/
        /*}*/
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
    }
    
    @media (max-width:1280px) {
        
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            font-size: 5.7vw;
           
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    font-size: 5.7vw;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            font-size: 5.2vw;
        }

        .lp_banner_text>h3 {
            font-size: 7vw;
            line-height: 120px;
        }
        .lp_snack {
            width: 67%;
        }
        .lp_banner_illustration {
            margin: 10px 35%;
        }
        .lp_footer {
            background-image: url('../images/homePage/footer1280.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 9% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 12% 5%;*/
        /*}*/
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 12% 5%;
        }
        
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 12% 5%;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 12% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 8% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 8% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            margin: 8% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    margin: 8% 5%;*/
        /*}*/
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 7% 5%;
            line-height: 100px;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 3vw;
        }
    }
    
    /*@media(max-width:1280px) and (max-width:720px) {*/
    /*    .lp_banner_text>h3 {*/
    /*        margin: 2.5% 5%;*/
    /*    }*/
    /*}*/
    
    @media(max-width:1280px) and (max-height:660px){
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 0% 5%;
        }
        #TropicalT .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 4% 5%;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 4% 5%;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 4% 5%;*/
        /*}*/
        
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 4% 5%;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 0% 5%;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 0% 5%;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {*/
        /*    margin: 0% 5%;*/
        /*}*/
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 0% 5%;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 0% 5%;
        }
        
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 0% 5%;
            line-height: 100px;
        }
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 2% 5%;
        }
        
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 2.5vw;
        }
    }
    
    @media(max-width:1024px) {
        .lp_work_wrapper {
            max-width: 100%;
        }
        .lp_blog_list {
            grid-gap: 50px;
        }
        .lp_section_heading {
            padding-top: 3em;
        }
        .lp_section_heading>h1 {
            font-size: 5em;
        }
        .lp_vector_big {
            display: none;
        }
        .lp_page_title {
            padding-bottom: 10px;
        }
    }
    
    @media(min-width:769px) {}
    
    @media(max-width:768px) {
        .lp_container {
            padding: 0 15px;
        }
        .lp_menu>ul>li>a {
            font-size: 10vw;
        }
        .lp_menu_wrapper>.lp_menu_bg {
            -webkit-transform: skewX(25deg);
            -moz-transform: skewX(25deg);
            transform: skewX(25deg);
        }
        .lp_blog_list {
            grid-gap: 20px;
        }
        .lp_about_wrapper {
            display: block;
        }
        .lp_about_wrapper>.lp_about_image {
            text-align: center;
        }
        .lp_about_wrapper>.lp_about_content {
            padding: 15px;
        }
        .lp_input_wrapper>.lp_input {
            padding: 16px;
        }
        .lp_banner_content,
        .lp_banner_gradient_box,
        .lp_banner_gradient {
            height: 100vh;
        }
        #ContactUs .lp_main_wrapper .lp_banner_content,
        .lp_banner_gradient_box,
        .lp_banner_gradient {
            height: 100vh;
        }
        .lp_menu_toggle {
            width: 40px;
            height: 40px;
            top: 20px;
            right: 20px;
        }
        .lp_menu_toggle>span {
            width: 40%;
            margin: 2px auto;
        }
        .lp_work_item>.lp_work_overlay>h3 {
            font-size: 18px;
            -webkit-transform: translateY(28px);
            -moz-transform: translateY(28px);
            transform: translateY(28px);
        }
        .lp_blog_list.lp_blog_long {
            max-width: 100%;
        }
        .lp_section {
            padding: 30px 0;
        }
        .lp_blog_wrapper {
            margin-bottom: 20px;
        }
        .lp_blog_content>h3 {
            font-size: 18px;
        }
        .lp_footer .lp_footer_inner {
            flex-direction: column;
        }
        .lp_menu_wrapper {
            padding-top: 5%;
        }
        .lp_menu {
            display: flex;
        }
    }
    
    @media(max-width:720px) {
        
        #TropicalT .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 50%!important;
        }
        
        #MangoH .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 29%!important;
        }
        
        #ValleyO .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 40%!important;
        }
        
        #ValleyB .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 40%!important;
        }
        
        #PurpleP .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 40%!important;
        }
        
        #SweetP .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 40%!important;
        }
        #GreenP .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 40%!important;
        }
        
        #MapleB .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 40%!important;
        }
        
        #MangoH2 .lp_main_wrapper .lp_section .lp_container .container>table>thead>tr>th>img{
            width: 40%!important;
        }
        .lp_section_heading>h1 {
            font-size: 4em;
        }
        .lp_about_wrapper>.lp_about_image>img{
            max-width: 50%;
            padding-top: 10px;
        }
        .ourStoryTitle {
            padding: 100px 0 10px 0;
            text-align: center
        }
        
        .thumb{
            padding-right: 20px;
            padding-left: 0px;
        }
        .languages{
            bottom: 2%;
        }

        .lp_footer {
            background-image: url('../images/homePage/footer720.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        .productMobile {
            display: block;
        }
        .productDesktop {
            display: none;
        }
        .aboutMobile {
            display: none;
        }
        #ContactUs .lp_menu_socialIndex {
            right: 20px!important;
            top: 100px;
        }
        #ContactUs .lp_menu_socialIndex2 {
            right: 20px!important;
            top: 180px;
        }
        #ContactUs .lp_menu_socialIndex3 {
            right: 20px!important;
            top: 260px;
        }
        #ContactUs .lp_menu_socialIndex4 {
            right: 20px!important;
            top: 340px;
        }
        #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            margin: 0% 5%;
        }
        #SweetP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 70px;
        }
        #MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 50px;
            font-size:2.1rem;
        }
        /*#MangoH .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    line-height: 50px;*/
        /*    font-size:2.1rem;*/
        /*}*/
        
        #MangoH2 .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 50px;
            font-size:2.1rem;
        }
        #ValleyO .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 70px;
        }
        #ValleyB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 70px;
        }
        #GreenP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 60px;
            font-size: 11vw;
        }
        #PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 70px;
        }
        /*#PurpleP .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{*/
        /*    line-height: 70px;*/
        /*}*/
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 90px;
            font-size:10vw;
        }
        #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .text3-R {
            font-size: 25px;
        }
        #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .text1-R {
            font-size: 60px;
            line-height: 75px;
        }
        #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .text2-R {
            font-size: 25px;
        }
        .lp_section_heading>h3 {
            font-size: 25px;
        }
        #ValleyB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        #SweetP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        #PurpleP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        #GreenP .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        #MangoH .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        
        #MangoH2 .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        #TropicalT .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        #ValleyO .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        #MapleB .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 6vw;
        }
        
        .lp_about_wrapper>.lp_about_content p {
            font-size: 30px!important;
        }
        .lp_about_wrapper>.lp_about_image {
                margin-top: -60px;
                width: 100%;
        }
        #ValleyB .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #SweetP .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #PurpleP .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #GreenP .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #MangoH .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #MangoH2 .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #TropicalT .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #ValleyO .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        #MapleB .lp_main_wrapper .lp_section .lp_container .row .col-5>p {
            font-size: 20px;
        }
        .ingredients {
            font-size: 3rem;
        }
        #ValleyB .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #ValleyB .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #SweetP .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #SweetP .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #PurpleP .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #PurpleP .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #GreenP .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #GreenP .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #MangoH .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #MangoH2 .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #MangoH .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #MangoH2 .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #TropicalT .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #TropicalT .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #ValleyO .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #ValleyO .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #MapleB .lp_main_wrapper .lp_section .lp_container .row .col-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #MapleB .lp_main_wrapper .lp_section .lp_container .row .col-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .lp_scroll_down>p {
            display: none;
        }
        .lp_banner_illustration {
            margin: 0 0%;
            bottom: 0%;
        }
        .home-logo {
            width: 30%;
        }
        .lp_menu_toggle {
            width: 70px;
            height: 70px;
        }
        .lp_banner_text>h3 {
            font-size: 12vw;
            line-height: 78px;
            text-align: center;
        }
        .lp_menu_socialIndex {
            right: 34px;
            width: 40px;
            height: 40px;
            z-index: 1;
            top: 100px;
        }
        [class^=uil-]:before,
        [class*=" uil-"]:before {
            font-size: 25px;
        }
        .lp_menu_socialIndex2 {
            right: 34px;
            width: 40px;
            height: 40px;
            z-index: 1;
            top: 150px;
        }
        .lp_menu_socialIndex3 {
            width: 40px;
            height: 40px;
            z-index: 1;
            top: 200px;
            right: 34px;
        }
        .lp_menu_socialIndex4 {
            width: 40px;
            height: 40px;
            z-index: 1;
            top: 200px;
            right: 34px;
        }
        .index .lp_menu_wrapper .lp_menu>ul>li>a {
            font-size: 12vw;
        }
        .lp_loader_wrapper h3 {
            font-size: 20px;
        }
        .swiper-pagination {
            text-align: center;
        }
        .relatedP{
            font-size:25px;
        }
    }
    
    @media(max-width:414px) {
        #ContactUs .lp_menu_toggle>span {
            height: 5px;
        }
        #ContactUs .lp_menu_socialIndex {
            right: 10px!important;
            top: 80px;
        }
        #ContactUs .lp_menu_socialIndex2 {
            right: 10px!important;
            top: 140px;
        }
        #ContactUs .lp_menu_socialIndex3 {
            right: 10px!important;
            top: 200px;
        }
        #ContactUs .lp_menu_socialIndex4 {
            right: 10px!important;
            top: 260px;
        }
        .lp_footer {
            background-image: url('../images/homePage/footer414.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        #MapleB .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3 {
            line-height: 55px;
            font-size: 13vw;
        }
        .lp_menu_toggle>span {
            height: 5px;
        }
        
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3{
            line-height: 60px;
        }
        
        .Home_GreenElement{
            right: -9%;
        }
        
        #myIndex .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text>h3>span{
            font-size:11vw!important;
        }
    }
    
    @media(max-width:375px) {
        .lp_footer {
            background-image: url('../images/homePage/footer375.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        #ContactUs .lp_main_wrapper .lp_banner_gradient .lp_banner_content .lp_banner_text .text2-R {
            font-size: 22px;
        }
    }
    
    @media(max-width:360px) {
        .lp_footer {
            background-image: url('../images/homePage/footer360.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
    }
    
    @media(max-width:320px) {
        .lp_banner_text>h3 {
            font-size: 10vw;
            line-height: 50px;
            text-align: center;
        }
        .lp_footer {
            background-image: url('../images/homePage/footer320.png');
            padding: 165px 0;
            color: #b1b1b1;
        }
        .lp_loader_wrapper h3 {
            font-size: 18px;
        }
    }
    /********************************************************************************************* 
11. responsive end
*********************************************************************************************/