/*---- THEME CSS STARTS ----*/
body {
    overflow-x: hidden !important;
    position: relative;
    background-color: #fff8ed;
}


.page-header {
   display: none;
}


body:before {
    content: url(../images/TopImage.jpg);
    position: absolute;
}

body.page-id-331:before {
    content: url(../images/NewLPImage.jpg);
    position:absolute;
}


/*---- THEME CSS ENDS ----*/


.Banner-text:before {
    content: "";
    background: url(../images/banner-before.png);
    display: block;
    width: 702px;
    height: 416px;
    top: 100px;
    left: 12%;
}

.icon-heading h2.elementor-heading-title {
    display: inline;
    position: relative;
}

.icon-heading h2.elementor-heading-title:before{
    content: "";
    background: url(../images/Lines.png);
    display: block;
    width: 116px;
    height: 112px;
    position: absolute;
    left: -100px;
    top: -80px;
}
.icon-heading h2.elementor-heading-title:after {
    content: "";
    background: url(../images/Leaf.png);
    display: block;
    width: 46px;
    height: 60px;
    position: absolute;
    right: -40px;
    top: -70px;
}



.myBox p.elementor-image-box-description {
    position: absolute;
    top: 0;
    bottom: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 30px;
    opacity: 0;
    transition: all 0.5sease-in;
}
.myBox:hover figure.elementor-image-box-img {
    opacity: 0;
}
.myBox:hover .elementor-image-box-title {
    opacity: 0;
}
.myBox:hover .elementor-image-box-description {
    opacity: 1;
    
}


.custom-carousel .elementor-swiper-button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #64CC00;
    border-radius: 30px;
}


/*---- PRODUCT SLIDER CSS STARTS ----*/
.product-slider .elementor-main-swiper:not(.elementor-thumbnails-swiper) .swiper-slide {
    background: #F6C9A2;
    border-radius: 20px !important;
    padding: 15px !important;
}
.product-slider .elementor-thumbnails-swiper .swiper-slide {
    background: #F6C9A2;
    border-radius: 10px !important;
    padding: 10px !important;
}
.product-slider .elementor-thumbnails-swiper .swiper-slide:after{
    content:"";
    opacity: 0 !important;
}
/*---- PRODUCT SLIDER CSS ENDS ----*/


.product-title h2.elementor-heading-title:after{
    content: "";
    background: url(../images/Leaf.png);
    display: block;
    width: 46px;
    height: 60px;
    position: absolute;
    right: -40px;
    top: -70px;
}

.button-style h2.elementor-heading-title {
    background-color: #F6C9A2;
    padding: 15px 40px;
    border-radius: 30px;
}



/*----- LANDING PAGE 3 CSS STARTS -----*/

.main_product {
    display: flex;
}

.product_thumb_slider {
    width: 20%;
    padding-right: 10px;
}
.product_slider {
    width: 80%;
}
.product-slide {
    display: block !important;
    padding: 5px 0;
}
.product-slide img {
    background: #F6C9A2;
    border-radius: 10px;
}

.ingredient-section:before {
    content: "";
    background: url(../images/ingredientabove.png);
    background-size: cover;
    width: 100%;
    height: 49px;
    display: block;
    margin-top: -49px;
}
.ingredient-section:after {
    content: "";
    background: url(../images/ingredientabove.png);
    background-size: cover;
    width: 100%;
    height: 49px;
    display: block;
    margin-bottom: -49px;
    transform: scale(-1);
}



/*----- LANDING PAGE 3 CSS ENDS -----*/



/*----- LANDING PAGE 2 CSS STARTS -----*/

.reviews-section {
    padding-left: calc((100% - 1320px) / 2);
    padding-right: 5%;
}
.reviews-section .elementor-widget-reviews .elementor-main-swiper {
    width: 100%;
}

.cs-reviews .elementor-testimonial__header cite.elementor-testimonial__cite {flex-direction: row-reverse;align-items: center;}
.cs-reviews .elementor-testimonial__header cite.elementor-testimonial__cite span.elementor-testimonial__name {margin-left: 20px}

.cs-reviews .elementor-swiper-button {
    position: relative !important;
    background-color: black;
    transform: none !important;
    top: 0 !important;
    left: 0;
}
.cs-reviews .elementor-swiper-button {
    position: relative !important;
    border-radius: 40.888px;
    background: #64CC00;
    transform: none !important;
    top: 0 !important;
    left: 0;
    width: 40px;
    height: 40px;
    display: inline-flex !important;!i;!;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-top: 30px;
}
.cs-reviews .elementor-swiper-button.elementor-swiper-button-prev {
    margin-left: 85%;
}
.similar-product figure.elementor-image-box-img img{
    width: 100%;
}

.jubi-section{
    background: url(../images/jubi-round-divider.png);
    background-position: bottom center;
    background-size: 800px;
    background-repeat: no-repeat;

}

.related-section{
    padding-left: calc((100% - 1320px) / 2);
}


.related-slider .elementor-swiper-button {
    position: relative !important;
    background-color: black;
    transform: none !important;
    top: 0 !important;
    left: 0;
}
.related-slider .elementor-swiper-button {
    position: relative !important;
    border-radius: 40.888px;
    background: #64CC00;
    transform: none !important;
    top: 0 !important;
    left: 0;
    width: 40px;
    height: 40px;
    display: inline-flex !important;!i;!;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-top: 30px;
}
.related-slider .elementor-swiper-button.elementor-swiper-button-prev {
    margin-left: 65%;
}



.jubi-section:after {
    content: "";
    background: url(../images/curveBg.png);
    background-size: cover;
    width: 100%;
    height: 198px;
    margin-bottom: -90px;
}



.tnp-field label {
    display: none;
}

.tnp.tnp-subscription {
    max-width: 100%;
    margin: 0;
}
.tnp.tnp-subscription form {
    display: flex;
    grid-gap: 15px;
}
.tnp-field {
    margin-bottom: 0 !important;
    width: 50%;
}
.tnp-field input.tnp-email {
    height: 54px;
    background-color: white !important;
    border: 1px solid #949596 !important;
    border-radius: 10px;
}

.tnp-field input.tnp-submit {
    width: 100%;
    height: 54px;
    background-color: #FF6D00 !important;
    border-radius: 10px;
}


.footer3:before {
    content: "";
    background: url(../images/FooterTop.png);
    background-size: cover;
    width: 100%;
    height: 81px;
    margin-top: -75px;
}




.slider-xtra-img:after {
    content: "";
    background: url(../images/BannerLeaf.png);
    width: 240px;
    height: 187px;
    display: block;
    position: absolute;
    bottom: -150px;
    left: 200px;
    z-index: 99;
}


.banner3head h2:before {
    content: url(../images/icon-Banner1.png);
    position: relative;
    top: -30px;
    left: -20px;
}
.banner3head h2:after {
    content: url(../images/icon-Banner2.png);
    position: relative;
    top: 20px;
    left: 20px;
}

.pr-cat li.elementor-icon-list-item {
    background-color: #FF6D00;
    padding: 10px 23px;
    border-radius: 20px;
}


.leaf-icon h2.elementor-heading-title:after {
    content: "";
    background: url(../images/Leaf-Icon.png);
    display: block;
    width: 46px;
    height: 82px;
    position: absolute;
    right: -40px;
    top: -80px;
}

.light-leaf h2.elementor-heading-title:after {
    content: "";
    background: url(../images/lightleaf.png);
    display: block;
    width: 46px;
    height: 60px;
    position: absolute;
    right: -60px;
    top: -60px;
}

.dots-icon h2:before {
    content: "";
    background: url(../images/iconDots.png);
    display: block;
    width: 97px;
    height: 98px;
    position: absolute;
    left: -70px;
    top: -80px;
}

.jubi-section .light-leaf h2.elementor-heading-title:before {
    content: url(../images/icon-Banner1.png);
    position: relative;
    top: -30px;
    left: -20px;
}
.jubi-head h2:after {
    content: url(../images/icon-Banner2.png);
    position: relative;
    top: 20px;
    left: 20px;
}

/*----- LANDING PAGE 2 CSS ENDS -----*/


.custom-footer:after {
    content: url(../images/BeforeBGG.png);
    position: absolute;
    right: -5%;
    bottom: -40px;
    display: block;
    z-index: -3;
}
.custom-footer {
    margin-bottom: 40px !important;
}
footer#site-footer {
    display: none;
}




@media only screen and (max-width: 1680px){

.banner3head h2:before {
    top: -10px;
    left: -10px;
    display: inline-block;
    transform: scale(0.8);
}
.banner3head h2:after {
    display: inline-block;
    transform: scale(0.8);
}

.slider-xtra-img:after {
    left: 150px;
    transform: scale(0.8);
}


.related-section {
    padding-left: calc((100% - 1140px) / 2);
}


.icon-heading h2.elementor-heading-title:before {
    background-size: contain;
    width: 96px;
    height: 92px;
    left: -80px;
    top: -60px;
}

.Banner-text:before {
    background-size: contain;
    width: 362px;
    height: 216px;
}

.reviews-section {
    padding-left: calc((100% - 1140px) / 2);
    padding-right: 5%;
}


}



@media only screen and (max-width: 1365px){


.icon-heading h2.elementor-heading-title:before {
    background-size: contain;
    width: 76px;
    height: 72px;
    left: -60px;
    top: -50px;
}

.related-section {
    padding-left: calc((100% - 960px) / 2);
}

.reviews-section {
    padding-left: calc((100% - 960px) / 2);
    padding-right: 5%;
}


}



@media only screen and (max-width: 1024px){


body:before {
    content: "";
    background: url(../images/TopImage.jpg);
    background-size: cover ;
    width: 100%;
    height: 1000px;
    position: absolute;
}
body.page-id-331:before {
    content: "";
    background: url(../images/NewLPImage.jpg);
    background-size: cover ;
    width: 100%;
    height: 1000px;
    position: absolute;
}

.icon-heading h2.elementor-heading-title:before {
    width: 46px;
    height: 42px;
    left: -40px;
    top: -33px;
}

.icon-heading h2.elementor-heading-title:after{
    display: none;
}


.dots-icon h2:before {
    background-size: contain;
    width: 68px;
    height: 69px;
    left: -50px;
    top: -50px;
}


.custom-carousel .elementor-swiper-button {
    width: 30px;
    height: 30px;
}
.custom-carousel .elementor-swiper-button.elementor-swiper-button-next {
    right: -6px !important;
}
.custom-carousel .elementor-swiper-button.elementor-swiper-button-prev {
    left: -6px !important;
}


.jubi-section {
    background-size: 500px;
}
.jubi-section:after {
    height: 108px;
    margin-bottom: -50px;
}

.jubi-head h2:after{
    display: none;
}



.reviews-section {
    padding-left: 20px;
    padding-right: 20px;
}

    
.slider-xtra-img:after{
    display: none;
}

.cs-reviews .elementor-swiper-button.elementor-swiper-button-prev {
    margin-left: 70%;
}


}


@media only screen and (max-width: 767px){

.icon-heading h2.elementor-heading-title:before{
    display: none;
}
.Banner-text:before {
    background-size: contain;
    width: 292px;
    height: 176px;
    left: 5%;
    top: -10px;
}

.ingredient-section:before,
.ingredient-section:after{
    display: none;
}



.banner3head h2:after{
    display: none;
}

.orange-column{
    position: relative !important;
}

.cs-reviews .elementor-swiper-button.elementor-swiper-button-prev {
    margin-left: 50%;
}

.jubi-section .light-leaf h2.elementor-heading-title:before,
.light-leaf h2.elementor-heading-title:after{
    display: none;
}


}