/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
body {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  background: #fff;
  color: #000;
  font-size: 1.0rem;
  line-height: 1.55rem;
  font-weight: 400;
}
a {
	color: #5c5d01 !important;
	text-decoration: none !important;
    background: none !important;
    font-weight: 600 !important;
}
a:hover {
    color: #6da403 !important;
	text-decoration: none !important;
}
a:focus, input:focus, textarea:focus, button:focus {
    text-decoration: none !important;
    outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
}
ul {
  list-style:none;
  margin:0;
  padding:0;
}
/*--Tempalte Green--*/
.btn-temGreen{
	background: #6da403 !important;
	border-color: #6da403 !important;
	color: #fff !important;
	font-weight: 500 !important;
	padding: 0.375rem 0.75rem !important;
}
.btn-temGreen:hover{
    background: #558100 !important;
	border-color: #558100 !important;
    color: #fff;
}
.btn-temGreen:focus{
    background: #558100;
    border-color: #558100;
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgb(109 164 3 / 25%);
}
.btn-temDgreen{
	background: #5c5d01;
    border-color: #5c5d01;
    color: #fff;
    font-weight: 500;
    padding: 0.375rem 0.575rem;
}
.btn-temDgreen:hover{
    background: #4c4d00;
	border-color: #4c4d00;
    color: #fff;
}
.btn-temDgreen:focus{
    background: #4c4d00;
    border-color: #4c4d00;
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgb(109 164 3 / 25%);
}
/*-- Header & Navbar --*/
.tempHeader{
    background: #ffffff00;
}
.tempHeader.sticky-top {
    top: -150px;
    transition: 2s;
}
.tempHeader .navbar {
    padding: 10px 0 !important;
}
.tempHeader .navbar .navbar-brand img{
    height: 100px;
}
.tempHeader.bg-white .navbar .navbar-brand img {
    height: 60px;
}
.tempHeader .navbar .navbar-nav .nav-link {
    margin-right: 45px;
    padding: 0;
    color: #5c5d01;
    font-weight: 500;
    transition: 2s;
    outline: none;
    font-size: 1.15rem;
}
.tempHeader .navbar .navbar-nav .nav-link:hover,
.tempHeader .navbar .navbar-nav .nav-link.active {
    color: #6da403;
}
.tempHeader .navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}
.tempHeader .dropdown-item.active, 
.tempHeader .dropdown-item:active {
    color:#fff;
    text-decoration: none !important;
    background-color: #6da403;
}
.tempHeader .dropdown-item:focus, 
.tempHeader .dropdown-item:hover {
    color: #fff;
    background-color: #6da403;
}
.tempHeader .navbar-toggler {
    padding: 1px;
    line-height: 1;
    color: rgb(0 0 0);
    background-color: transparent;
    border: unset;
    border-radius: unset;
}
@media (max-width: 991.98px) {
    .tempHeader .navbar .navbar-nav {
        padding: 0 15px;
        background: transparent;
    }

    .tempHeader .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }
	.tempHeader .navbar-collapse {
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center;
		position: absolute;
		top: 110px;
		left: 0;
		right: 0;
		background: #fff;
		width: 100%;
		border-radius: 0 0 15px 15px;
	}
}
@media (min-width: 992px) {
    .tempHeader .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 10px;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: 2s;
        box-shadow: 0px 0px 15px #eee;
    }
    .tempHeader .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: 2s;
        opacity: 1;
    }
	
}
/*** Banner Section ***/
.index-banner {
    position: relative;
    margin-top: -120px;
    padding-top: 12rem;
    padding-bottom: 6rem;
    background: url(files/sareera-banner-01.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.index-banner .carousel, .index-banner .carousel-inner, 
.index-banner .carousel-item, .index-banner .carousel-item::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.index-banner .carousel-item {
    background-size: cover;
    background-position: center right;
}
.index-banner .carousel-content {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 50px;
	right: 50px;
}
.index-banner .carousel-content h2 {
	color: #5c5d01;
	margin: 0;
	font-size: 5.5rem;
	line-height: 1.15;
	font-weight: 400;
	font-family: "Sacramento", cursive;
}
.index-banner .carousel-content h3 {
	color: #6da403;
	margin: 0;
	font-size: 1.75rem;
	font-weight: 600;
	padding: 0;
	text-transform:uppercase;
}
.index-banner .carousel-content  p {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	color: #000000;
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 1.35rem;
	line-height: 1.95rem;
	width: 75%;
	font-weight: 500;
}
.index-banner .carousel-control-prev {
    left: unset;
    right: 0;
    height: 100px;
    top: 35%;
}
.index-banner .carousel-control-next-icon, 
.index-banner .carousel-control-prev-icon {
    width: 5rem;
    height: 5rem;
}
.index-banner .carousel-control-next {
    right: 0;
    top: 55%;
    height: 100px;
}
.index-banner .carousel-indicators {
    right: 0;
    bottom: 0;
    top: 50%;
    left: unset;
    display: grid!important;
    margin-left: 0;
    margin-right: 45px;
    height: 120px;
}
.index-banner .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    /* flex: 0 1 auto; */
    width: 15px;
    height: 15px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: unset;
    border-bottom: unset;
    opacity: .5;
    transition: opacity 2s ease;
    border-radius: 50%;
}
.index-banner .carousel-indicators .active {
    opacity: 1;
}
/*** Section Styles***/
.section-pad60{padding:60px 0;}
.section-pad75{padding:75px 0;}

.section-mar60{margin:60px 0;}
.section-mar75{margin:75px 0;}

.pt60{padding-top:60px;}
.pt75{padding-top:75px;}

.section-title h2{
	color: #5c5d01;
	margin: 0;
	font-size: 5rem;
	line-height: 1.15;
	font-weight: 400;
	font-family: "Sacramento", cursive;
	position: relative;
}
.section-title h2:after{
	content:'';
	position:absolute;
	height: 50px;
	background: url(files/leaf-border.svg)no-repeat center center;
	width: 200px;
	left: -35px;
	bottom: -15px;
	right: 0;
}
.text-center .section-title h2:after{
	left: -100px;
	margin: 0 auto;
}
.section-title h3{	
	color: #6da403;	
	text-transform: uppercase;	
	font-weight: 600;	
	font-size: 1.25rem;	
	margin: 0;	
	letter-spacing: 8px;
}
/*-//---*/
/*** Benefits Section ***/
.benefits-sec {
    background: #f4ffe0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.benefits-sec:after {
    content: "";
    position: absolute;
    z-index: 0;
    right: -25%;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(files/logo-icon-opacity.svg) no-repeat center right;
    animation: float 4s ease-in-out infinite;
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
    z-index: -2;
}
@keyframes float{
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
.benefits-sec .bs-box {
    display: flex;
    align-items: center;
    justify-content: start;
}
.benefits-sec .bs-box h3{
	font-size: 1.75rem;
	line-height: 2.25rem;
	font-weight: 400;
	position: relative;
	padding-bottom: 10px;
}
.benefits-sec .bs-box h3:after{
	content:'';
	position:absolute;
	height: 3px;
	width: 100%;
	background: #6da403;
	bottom:0;
	left:0;
}
.benefits-sec .bs-box img {
    width: 175px;
    transition:all 2s linear;
    transform: scale(1.0);
}
.benefits-sec .bs-box:hover  img {
    transform: scale(1.1);
}
/*-//---*/
/*** products Section ***/
.product-box{
	position: relative;
	padding-bottom: 20px;
    overflow: hidden;
	width: 100%;
    display: inline-block;
    background-color: transparent;
}
.product-box .pb-container {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	z-index: 1;
}
.product-box .ImageOverlay{
    height: 100%;
    left: 0;
    opacity: 0;
    background-color: #f6f6f6;
    width: 100%;
    position: absolute;
    transition: all 2s linear;
    z-index: 0;
    bottom: -100%;
}
.product-box.prdt2 .ImageOverlay{
    background-color: #fffbdd;
}
.product-box.prdt3 .ImageOverlay{
    background-color: #fff1eb;
}
.product-box.prdt4 .ImageOverlay{
    background-color: #fff6e3;
}
.product-box:hover .ImageOverlay {
    bottom: 0;
    height: 65%;
	opacity: 1;
}
.product-box .pb-container .image-box {
    position: relative;
    z-index: 1;
    padding: 0px 40px 10px 20px;
}
.product-box .pb-container .info-box{
	padding: 15px;
	width: 100%;
	position: relative;
	z-index: 1;
	text-align: center;
}
.product-box .pb-container .info-box h5{
	font-family: "Sacramento", cursive;
	font-size: 1.75rem;
	margin: 0;
	color: #666;
}
.product-box .pb-container .info-box h3{
	font-weight: 300;
	margin-bottom: 25px;
}
.product-box .pb-container .info-box p{
	margin-bottom: 15px;
	font-size: 1.35rem;
	color: #666666;
	letter-spacing: 1px;
}
.product-box .pb-container .info-box ul {
	display: inline-flex;
	font-size: 1.0rem;
}
.product-box .pb-container .info-box ul li{
	border: 1px solid #ccc;
	padding: 2px 14px;
	margin: 0 5px;
	border-radius: 7px;
}
.product-box .pb-container .btn-sec {
    text-align: center;
	bottom: -20px;
	top: auto;
    transform: initial;
	position:relative;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:0;
	z-index:2;
	transition: all 2s linear;
	opacity: 0;
}
.product-box:hover .pb-container .btn-sec {
    opacity: 1;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-box .pb-container .btn-sec a {
    color: #000;
    margin: 0 15px 10px 0;
    font-size: 1.15rem;
}
.product-box .pb-container .btn-sec a:hover   {
    color: #6da403;
}
/*-//---*/
/*** Inforamtion Section ***/
/**
.info-sec{
	background: url(files/info-section-bg.jpg)no-repeat center center #f5f5f5;
	position: relative;
	background-size: cover;
}
**/
.info-sec p {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 300;
    margin: 0;
    color: #000000;
}
.info-sec .video-btn {
	padding: 0;
	margin: 30px 0 0 0;
	text-align: center;
}
.info-sec .video-btn a{
    width: 200px;
    height: 200px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    border: 1px solid #5c5d01;
    transition: all 2s linear;
    border-radius: 50%;
    font-size: 2.5rem;
}
.info-sec .video-btn a:before{
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 200px;
    height: 200px;
    background: rgb(92 93 1 / 15%);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
    0% {
       transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
		opacity: 0;
    }
}
.info-sec .video-btn a i{
    color: #5c5d01;
}
/*-//---*/
/*** Feedback Section ***/
.feedback-sec{
	background:#fff;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.feedback-sec:after{
	content: "";
	position: absolute;
	background: url(files/logo-icon-circle.svg)no-repeat center left;
	animation: float 4s ease-in-out infinite;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 400px;
	left: 8%;
	top: 45px;
	z-index: -1;
	background-color: transparent;
	-webkit-mask-image: none;
}
@keyframes spin{
	0% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(360deg);
	}
}
.feedback-sec .carousel-inner {
    min-height: 230px;
}
.feedback-sec .carousel-inner p {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 300;
}
.feedback-sec .carousel-inner h6{   
	font-size: 1.5rem;   
	font-weight: 400;   
	font-style: italic;
}
/*-//---*/
/*** Footer Section ***/
.footer-sec{
	background:#5c5d01;
	color:#fff;
	padding: 45px 0;
}
.footer-sec .logo img {
    width: 150px;
    margin-bottom: 30px;
}
.footer-sec .social-links {
    display: inline-flex;
    align-items: center;
}
.footer-sec .social-links li a{   
	color: #fff !important;   
	margin-right: 30px;  
}
.footer-sec .policy-links {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.footer-sec .policy-links li a{  
    font-family: "Raleway", sans-serif;
	color: #fff !important;   
	margin-right: 30px;
}

/*-//---*/
/*--Sub Pages Style--*/
.breadcrumb-section {
    position: relative;
    background: url(files/breadcrumb-background.jpg) bottom center no-repeat;
    overflow: hidden;
    padding: 60px 0 50px;
    font-weight: 500;
    background-size: cover;
}
.breadcrumb-section h2{   
	font-size: 5rem;   
	line-height: 1.05;   
	font-weight: 400;   
	font-family: "Sacramento", cursive;   
	margin-bottom: 0;
	color: #fff;
}
.breadcrumb-section .breadcrumb {
    font-size: 1.25rem;
    font-weight: 400;
}
.breadcrumb-section .breadcrumb a{  
	color: #fff;
}
.breadcrumb-section .breadcrumb-item.active {
    color: rgb(255 255 255 / 75%);
}
.breadcrumb-section .breadcrumb-item+.breadcrumb-item::before {
    color: rgb(255 255 255 / 75%);
}
.pageContent-Sec h3 {
    font-size: 2.0rem;
    color: #5c5d01;
    position:relative;
    padding-left: 40px;
}
.pageContent-Sec h3:after {
    content:'';
    position:absolute;
    left:0;
    top: -5px;
    width: 36px;
    height: 36px;
    background: url(files/leaf-border2.svg)no-repeat center left;
}
.pageContent-Sec h5 {
    font-family: "Sacramento", cursive;
    font-size: 2.15rem;
    margin-bottom: 0;
    color: #6da403;
}
.pageContent-Sec p {
    font-family: "Raleway", sans-serif;
    font-size: 1.15rem;
    text-align: justify;
}
.contInfo{
	padding: 45px;
	background: #f9f9f9;
    /*margin-top: 16vw;*/
    max-width: 30rem;
}
.contInfo h4 {
    font-size: 2.25rem;
    color: #000000;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 30px;
}
.contInfo .ci-box {
    display: flex;
}
.contInfo .ci-box .icon{
    display: flex;
    font-size: 36px;
    margin-right: 20px;
    color: #6da403;
}
.contInfo .ci-box .text h5{
	font-size: 2.35rem;
	font-family: "Sacramento", cursive;
	color: #6da403;
	margin-bottom: 0;
}
.contInfo .ci-box .text p{   
	font-size: 1.15rem;   
	line-height: 1.5;
}
.contForm{
	padding: 45px;
	background: #ffffff;
}
.contForm h4 {
    font-size: 2.25rem;
    color: #000000;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 30px;
}
.contForm input, .contForm input.form-control{
    background: #f9f9f9;
    border: 1px solid #f6f6f6;
    color: #000000;
    width: 100%;
    float: left;
    font-size: 16px;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    margin-bottom: 15px;
    outline: none;
    border-radius: 5px;
    transition: all 2s ease-in-out;
}
.contForm textarea.form-control{
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #000000;
    width: 100%;
    float: left;
    font-size: 16px;
    padding: 0 15px;
    margin-bottom: 20px;
    outline: none;
    border-radius: 5px;
    transition: all 2s ease-in-out;
}
.contForm .form-control:focus {
    border: 1px solid #6da403;
    box-shadow: unset;
}
.ShopIcon-sec{
	background: #f4ffe0;
    position: relative;
	padding: 45px 0;
}
/*-//---*/      
/*-@media breakpoint ---*/    
@media (min-width: 275px) and (max-width: 767.98px) { 
	.tempHeader .navbar .navbar-brand img {
		height: 60px;
	}
	.tempHeader .navbar-collapse {
		top: 80px;
	}
	.index-banner {
		margin-top: -35px;
		width: 100%;
		height: 50vh;
	}
	.index-banner .carousel-indicators {
		margin-right: 5px;
		height: 120px;
	}
	.index-banner .carousel-content {
		left: 0;
		right: 0;
		background: #ffffffbf;
	}
	.index-banner .carousel-content h3 {
		font-size: 1.25rem;
	}
	.index-banner .carousel-content h2 {
		font-size: 3.5rem;
	}
	.index-banner .carousel-content p {
		margin-bottom: 15px;
		font-size: 1.15rem;
		line-height: 1.55rem;
	}
	.section-title h2 {
		font-size: 4rem;
	}
	.text-center .section-title h2:after {
		left: -82px;
		margin: 0 auto;
	}
	.section-title h2:after {
		content: '';
		position: absolute;
		height: 40px;
		background: url(files/leaf-border.svg) no-repeat center center;
		width: 185px;
		left: -35px;
		bottom: -15px;
		right: 0;
	}
	.info-sec .video-btn a {
		width: 150px;
		height: 150px;
		margin: 0 auto;
	}
	.info-sec .video-btn a:before {
		width: 150px;
		height: 150px;
	}
	.feedback-sec:after {
		left: -30%;
	}
	.feedback-sec .carousel-inner p {
		font-size: 1.15rem;
		line-height: 1.75rem;
		font-weight: 300;
	}
	.feedback-sec:after {
		width: 300px;
		height: 300px;
	}
	.breadcrumb-section h2 {
		font-size: 3.5rem;
	}
	
 } 
@media (min-width: 768px) and (max-width: 991.98px) { 
	.index-banner {
		margin-top: -100px;
		width: 100%;
		height: 55vh;
	}
	.index-banner .carousel-indicators {
		margin-right: 15px;
		height: 120px;
	}
	.index-banner .carousel-content {
		left: 0;
		right: 0;
		background: #ffffffbf;
	}
 } 

/** contact form **/
.contact-form-section {
  margin-top: -3rem !important;
}

.contact-form-title {
  margin-left: -3.5rem !important;
}
/* Aboutus Image */
.bt,.up
{
    width: 75%;
    height: 30vw;
}
/** MOBILE **/
@media (max-width:767px)
{
        .start_text
        {
            font-size: 20px !important;
    		text-wrap: nowrap !important;
            font-weight:500 !important;
        }
    	.head-text span
        {
            font-size: 35px !important;
        }
        .section-title h2 
    	{
            font-size: 40px !important;
            /*margin-top: 2vw !important;*/
        }
    	.section-title h3 
    	{
            font-size: 1rem !important;
        }
        .col-lg-6 
    	{
            text-align: center !important;
    	}
    	.info-sec p 
    	{
    		font-size: 18px !important;
            line-height: 6vw;
        	width: 76%;
    	}
    	.text-end 
    	{
    		margin: 0vw 0vw 0vw -11vw !important;
		}
    	.bt
        {
            margin: -10vw 0vw 10vw 0vw !important;
            width: 75%;
        }
        .up
        {
            margin: 15vw 0vw 0vw 0vw !important;
            width: 75%;
        }
    	.contInfo
        {
            margin-top: 320px;
        	margin-bottom: -65vw;
            position:relative !important;
            z-index:-1 !important;
        }
    	.contInfo h4
        {
            font-size: 1.5rem !important;
        }
        .contForm h4 
    	{
        	font-size: 1.3rem !important;
        }
        .hd span
        {
           	font-size: 20px !important;
            bottom: -2vw;
        	position: relative;
        }
    	.zphero .zsslider-controller-container
    	{
            /*display: none !important;*/    		
    	}
    	.zphero .zsslider-controller-container 
    	{
    		display: grid;
    		margin: 0vw 0vw 1vw 45vw !important;
		}
        .Contact_bg
        {
            padding:0vw !important;
            margin:0 0 0 -200px !important;
        }
        .cont_head_sp
        { 
            margin:0 0 0 53vw;
        }
      	[data-element-id="elm_ycFjGI-xUQ6ggwWUDLeelw"].zpelem-col
    	{
   			 z-index: -1;
		}
    	[data-element-id="elm_1OZYOVol4I06gKJ2XlcNaw"].zpelem-col 
    	{
    		border-radius: 1px;
    		height: 33vw !important;
		}
    	[data-element-id="elm_-oifJZigi4OUF8cHmmyJJw"].zpelem-col 
    	{
    		border-radius: 1px;
    		height: 35vw !important;
        	margin-top: 2vw;
		}
        .text-center
        {
			margin-bottom:-3vw !important;
        }
    	.text-center .col-lg-4
        {
            margin-bottom:-15vw !important;
        }
    	.cont_head-1 span
        {
			font-size: 40px !important;
        }
    	.abt_head-1 span
        {
			font-size: 30px !important;
        }
        .abt_head-1
        {
            margin-top: 10vw !important;
        }
        .cont_head-2 span
        {
			font-size: 16px !important;
        }
    	.abt_head-2 span
        {
			font-size: 14px !important;
        }
        [data-element-id="elm_zqMjg06xNacCswuasVKSRw"].zpelem-col 
        {
            margin-bottom:-10vw !important;
            margin-top:-10vw !important;
        }
   	 	.Form_Title 
    	{
    		margin-left: -15vw !important;
		}
     	.num p
        {
            font-weight:lighter !important;
            color:black !important;
        }
       .three-img .img-fluid 
    	{
    		max-width: 75%;
    		height: 65% !important;
		}
    .img-fluid .bt,.img-fluid .up {
    width: 95% !important;
    }
    .row.text-center {
    gap: 20px;
}
    	.zphero .zsslider-controller-container .zsslider-controller 
    	{
    		width: 10px !important;
    		height: 10px !important;
    	}
        .theme-header-topbar .zpcontainer 
        {
            margin-left: 10px !important;
        }
    	body.theme-body-overflowhidden 
        {
            overflow: unset !important;
        }
   
}
@media (max-width:375px)
{
    [data-element-id="elm_zqMjg06xNacCswuasVKSRw"].zpelem-col 
    	{
    		margin-top: -20vw !important;
		}
    .space-al-1
        {
            top: -5vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-2
        {
			top: -21vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-3
        {
			top: 4vw;
            left: -5vw;
    		position: relative;
        }    
        .space-al-4
        {
			top: -20.5vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-5
        {
			top: 12vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-6
        {
			top: -25vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-7
        {
			top: 13vw;
            left: -5vw;
    		position: relative;
        }
     	.space-al-8,.space-al-9, .space-al-10
        {
                top: 22vw;
                left: -5vw;
                position: relative;
        }
        .num p
        {
            font-weight:lighter !important;
            color:black !important;
        }
    	.three-img .img-fluid
    	{
    		max-width: 100%;
    		height: 65% !important;
		}
    	.img-fluid .bt,.img-fluid .up 
    	{
    		width: 95% !important;
    	}
        body.theme-body-overflowhidden 
        {
            overflow: unset !important;
        }
        
}
@media (max-width: 768px) {
    .theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img.mobileLogoAuto {
        height: 79 !important;
        width: 98.75 !important;
    }
}

/** iPad **/
@media (min-width:990px) and (max-width:1024px)
{
	.info-sec p {
width: 100% !important;
}
}
    @media (min-width:991px) and (max-width:1360px)
{
	.ShopIcon-sec .row {
        width: 110%  !important;
    }	
}
@media (min-width:768px) and (max-width:1023px)
{
        .contInfo
        {
            margin-top: 36vw;
            margin-bottom: -30vw;
        }
   		.space-al-2
        {
			top: -2vw;            
    		position: relative;
        }
    	.space-al-4
        {
			top: -2vw;            
    		position: relative;
        }
    	.space-al-6
        {
			top: -3vw;            
    		position: relative;
        }
    	.start_text span
        {
            font-size: 18px !important;
    		text-wrap: nowrap !important;
            line-height:3.5vw !important;
        }
    	.head-text span
        {
            font-size: 50px !important;
        }
    	.hd span
        {
           	font-size: 25px !important;
            bottom: 1vw;
        	position: relative;
        }
    	.section-title h2 
    	{
            font-size: 8vw !important;            
        }
    	.section-title h3 
    	{
            font-size: 2vw !important;
        }
        .zphero .zsslider-controller-container 
        {
            display: grid !important;
            margin: 0vw 0vw 12vw 46vw !important;
        }
        [data-element-id="elm_ycFjGI-xUQ6ggwWUDLeelw"].zpelem-col
        {
            z-index: -1;
        }
        .cont_head_sp
        { 
            margin-left:10vw !important;
        }
    	[data-element-id="elm_-NBS3JZHL9dvSAYKCxl0cQ"].zpelem-lpform
    	{
    		margin-left: 7vw !important;
		}
    	.Form_Title 
    	{
    		margin-left: -8vw !important;
		}    	
        .ShopIcon-sec .row
        {
            display: flex !important;
            flex-wrap: unset !important;
            width: 60%;
        }

        .bt
        {
            height:46vw !important;
        }
        .up
        {
            height:40vw !important;
        }
    .bt, .up {
    width: 95% !important;
    }
    .w-75 {
    all: unset !important;
}
        [data-element-id="elm_8ZFq08ak_OJlM0i0-HBKTQ"].zprow 
        {
            border-radius: 1px;
            margin-top: 4vw;
        }
    .info-sec p
    {
        width:63%;
    }
    [data-element-id="elm_1OZYOVol4I06gKJ2XlcNaw"].zpelem-col 
    {
		border-radius: 1px;
		height: 13vw;
	}
    .abt-us-bot
    {
		margin-bottom: -6vw;
	}
    .abt_head-1 span
    {
        font-size: 50px !important;
    }    
    .abt_head-2 span
    {
        font-size: 18px !important;
    }
    .abt_head-1
    {
        margin-top:3vw !important;
    }
    .cont_head-1 span
    {
        font-size: 50px !important;
    }
    .cont_head-2 span
    {
        font-size: 17px !important;
    }
    .num p
    {
        font-weight:lighter !important;
        color:black !important;
    }
    .theme-header-topbar .zpcontainer 
    {
    	margin-left: 10px !important;
	}
    body.theme-body-overflowhidden 
    {
    	overflow: unset !important;
	}    
}   

.zphero .zsslider-controller-container {
        display: grid;
        margin: 0vw 0vw 14vw 45vw;
    }
.zphero .zsslider-controller-container .zsslider-controller {
    margin-bottom: 5px !important;
}
.zphero .zsslider-arrows-container .zsslider-arrow-left, .zphero .zsslider-arrows-container .zsslider-arrow-right
{
    display: none !important;
}

/* mobile responsive styles */
@media (max-width: 767px) {
.footer-sec .policy-links {
flex-direction: column;
}
}

/* Home page hero banner */
.zphero .zsslider-controller-container .zsslider-controller {
    width: 15px;
    height: 15px;
    margin-right: 3px !important;
    cursor: pointer !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: unset !important;
}

.zphero .zsslider-controller-container .zsslider-controller {
    margin-bottom: 2px !important;
}

.start_text span{
    font-weight: 500 !important;
}

/*.zphero .zsslider-controller-container .zsslider-controller:hover,*/ .zphero .zsslider-controller-container .zsslider-controller.zsslider-controller-active {
    background-color: rgba(255, 255, 255, 1) !important;
}


/* Home product list */
.theme-product-list-style-01 .theme-prod-hover-view
{
    background-color: rgba(51, 51, 51, 0.5);
	max-width: 120px;
    max-height: 120px;
}

.theme-product-list-style-01 .theme-button {
    padding-inline-start: 25px !important;
    padding-inline-end: 25px !important;
    color: #FFFFFF !important;
    border: unset;
    font-size: 14px !important;
}

.theme-product-list-style-01 .theme-prod-like-view {
    border-block-end: none !important;
}

.theme-product-list-style-01 .theme-prod-like-view span svg {
    width: 20px !important;
    height: 20px !important;
}

.theme-product-list-style-01 .theme-prod-like-view span {
    padding-block-start: unset !important;
    padding-block-end: unset !important;
}

/* Home page Feedback carousel */
 .carousel-inner {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

/* Member portal orders */
.zpbutton.zpbutton-type-primary, button.zpbutton-type-primary, input.zpbutton-type-primary[type=submit], input.zpbutton-type-primary[type=button] {
    background: #6DA403 !important;
    color: #FFFFFF !important;
    border-color: transparent;
}

/* products page */
.theme-cart-add-success-message .theme-cart-success-inner-container .theme-cart-message-buttons .zpbutton-type-secondary.zpbutton-outline, .theme-cart-add-failure-message .theme-cart-success-inner-container .theme-cart-message-buttons .zpbutton-type-secondary.zpbutton-outline {
    background-color: #6da403 !important;
    width:100%;
    height:100%;
    color: white !important;
    border: unset !important;
}

a[href*="virgin-coconut-oil"]:before {
  content: "\A";
  white-space: pre;
}

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-varients-row .theme-product-variant .theme-variant-select-container-main .theme-variant-select-container span.theme-product-variant label.chekedLabel {
    background: #6DA403;
    color: #fff;
}

.theme-product-specification-tabs-container .theme-product-specification-tabs .theme-product-tabs-wrapper .theme-product-tab:hover, .theme-product-specification-tabs-container .theme-product-specification-tabs .theme-product-tabs-wrapper .theme-product-tab.theme-prod-detail-tab-active {
    background: #E7E7E7 !important;
    
}

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-varients-row .theme-product-variant .theme-product-variant-label {
    font-weight: 500;
}

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-detail-price-area span.theme-product-price {
    margin-bottom: 10px;
}

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-varients-row .theme-product-varient-quantity .theme-cart-button {
    font-weight: 600;
}

.theme-section {
    padding-block-end: unset !important;
}

/* checkout */
.theme-checkout-button-area .theme-cart-table-data .theme-continue-shopping-button {
    margin-inline-start: 0px;
    color: white !important;
    margin-bottom: -2px !important;
}

.theme-cart-table-data.theme-cart-continue-shopping-button {
    background-color: #6da403 !important;
    max-height:10vw;
}
.Form_Title
{
    margin-left:-4vw;
}

/* topbar */
.theme-header-topbar {
    background-color: rgba(255,255,255,0) !important;
}


/* Main menu */
.theme-menu-selected .theme-menu-content .theme-menu-name {
  color: #6da403 !important;
}

/* Recommended Products */
.zprow.theme-store-style-collection-row-01 {
    margin-bottom: 20px;
}
@media (min-width:992px) and (max-width:1365px)
    {
        .three-img .col-lg-4 
        {
            width:30% !important;
        }
    }

/* Apply styles only to screen sizes within range 1400px-1580px */
@media only screen and (min-width: 1400px) and (max-width: 1600px) {

    .theme-header-topbar .zpcontainer {
        width: 84%;
    }

    .theme-header .zpcontainer {
        width: 85%;
    }
    
    .zphero.zpapply-height .zpcontainer, .zphero.zpapply-height .zprow:only-child{
        width: 85%;
    }
    
    .zpsection.zpdark-section.zpdark-section-bg.zpbackground-size-cover.zpbackground-position-center-center.zpbackground-repeat-all.zpbackground-attachment-scroll.Contact_bg.about-page-banner {
        min-height: 300px;
    }
    
    .zpelem-col.zpcol-12.zpcol-md-9.zpcol-sm-12.zpalign-self-.zpdefault-section.zpdefault-section-bg.abt-cont-heading {
    	margin-inline-start: -6rem;
	}
    
    .zpsection.zpdark-section.zpdark-section-bg.zpbackground-size-cover.zpbackground-position-left-top.zpbackground-repeat-all.zpbackground-attachment-scroll.Contact_bg {
	    min-height: 278px;
	}
    
    .contForm h4 {
        margin-left: 10px;
    }
    
}

/* Apply styles only to screen sizes above 1820px */
@media only screen and (min-width: 1820px) {

    .theme-header-topbar .zpcontainer {
        width: 84%;
    }

    .theme-header .zpcontainer {
        width: 85%;
    }
    
    .zphero.zpapply-height .zpcontainer, .zphero.zpapply-height .zprow:only-child{
        width: 85%;
    }
    
    .zpsection.zpdark-section.zpdark-section-bg.zpbackground-size-cover.zpbackground-position-center-center.zpbackground-repeat-all.zpbackground-attachment-scroll.Contact_bg.about-page-banner {
        min-height: 350px;
    }
    
    .zpelem-col.zpcol-12.zpcol-md-9.zpcol-sm-12.zpalign-self-.zpdefault-section.zpdefault-section-bg.abt-cont-heading {
    	margin-inline-start: -12rem;
	}
    
    .zpsection.zpdark-section.zpdark-section-bg.zpbackground-size-cover.zpbackground-position-left-top.zpbackground-repeat-all.zpbackground-attachment-scroll.Contact_bg {
	    min-height: 315px;
	}
    
    .contForm h4 {
        margin-left: 15px;
    }
    
}
.theme-prod-img-container img
{
    width:100%;
    height:100%;
}
svg.zsslider-pause-btn, svg.zsslider-play-btn {
    display: none !important;
}

/** Only for desktop **/
@media (min-width: 100px) and (max-width:767px) and (hover: hover) and (pointer: fine)
{
	.section-pad60 {
    padding: 120px 0px;
}
}
@media (max-width:767px) and (hover: hover) and (pointer: fine)
{
	.zphero .zsslider-controller-container
    {
        display: none;
    }
}
@media (min-width: 100px) and (max-width:275px) and (hover: hover) and (pointer: fine){
.text-center .section-title h2:after {
    left: -25px;
    margin: -10px auto;
}
        
    .section-title h3 {
        font-size: 6px !important;
    }
    .section-title h2 {
        font-size: 30px !important;
}
        .info-sec p {
        font-size: 10px !important;
		}
}
/**Banner Not for desktop **/
@media (min-width: 768px) and (max-width: 1023px) and (hover: none) and (pointer: coarse) {
    .zphero-full-screen .zphero {
        height: 38vh !important;
        min-height: unset !important;
    }
}
@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
    .zphero-full-screen .zphero {
        height: 25vh !important;
        min-height: unset !important;
    }
    .space-al-1
        {
            top: 2vw;
    		position: relative;
            left: -5vw;
        }
        .space-al-2
        {
			top: -11vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-3
        {
			top: 6vw;
            left: -5vw;
    		position: relative;
        }    
        .space-al-4
        {
			top: -12.5vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-5
        {
			top: 10vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-6
        {
			top: -17vw;
            left: -5vw;
    		position: relative;
        }
        .space-al-7
        {
			top: 11vw;
            left: -5vw;
    		position: relative;
        }
    	.space-al-9, .space-al-10,.space-al-8
        {
                top: 22vw;
                left: -5vw;
                position: relative;
        }
}
/** Banner Text **/
.zptext.zptext-align-left {
    width: 120%;
}
@media (min-width:1090px) and (max-width:1150px){
.zpelem-col.zpcol-12.zpcol-md-6.zpcol-sm-10.zpalign-self-center.zpdefault-section.zpdefault-section-bg {
    margin-top: 25px;
}
}
/* Customer Feedback Carousel Section*/
@media (min-width: 160px) and (max-width: 340px) and (hover: hover) and (pointer: fine) {
  #carouselFeeaback {
    padding: 10px; /* Padding to prevent overlap */
  }
  .carousel-inner {
    font-size: 12px; /* Reduce font size for better readability */
    line-height: 1.4; /* Adjust line height to prevent overlap */
  }
  .carousel-item p {
    margin-bottom: 8px; /* Reduce spacing below text */
  }
  .carousel-item h6 {
    font-size: 10px; /* Smaller font size for smaller screens */
  }
  .carousel-indicators {
    bottom: -3rem !important; /* Adjust the position of indicators */
  }
  .carousel-indicators button {
    width: 6px;
    height: 6px;
    margin: 2px;
  }
}
@media (min-width: 160px) and (max-width: 255px) and (hover: hover) and (pointer: fine) { /* Adjust the position of heading leaf branch image */
	.section-title h2:after {
		bottom: -22px !important;
        left: -20px !important;
    margin: 0 auto;
    width: 110%;
	}
}
/* Contact Form Desktop (<=50%) and (>=150%) */
@media (min-width: 2730px) and (max-width: 5465px) and (hover: hover) and (pointer: fine) {
    .contForm {
      position: absolute; /* Position relative to the nearest positioned ancestor */
      top: 0; /* Align to the top of the parent/form element */
      left: 50%; /* Center horizontally */
      transform: translateX(-50%); /* Correct the horizontal centering */
      z-index: 10; /* Ensure it stays on top if overlapping occurs */
      width: 100%; /* Ensure it matches the width of the parent */
      box-sizing: border-box; /* Include padding and border in width */
      padding: 10px; /* Add some padding if necessary */
      background-color: #fff; /* Optional: Background to make it visually distinct */
    }
    .zprow.zpalign-items-center.zpjustify-content-flex-start {
        margin-top: 5rem;
    }
    .zpelement.zpelem-lpform {
        margin-top: -9rem;
    }
    ul.zpform-outer {
        margin-top: 5rem;
    }
}
@media (min-width: 905px) and (max-width: 915px) and (hover: hover) and (pointer: fine) {
    .contForm {
            margin-left: -52px;
        }
}
@media (min-width: 680px) and (max-width: 690px) and (hover: hover) and (pointer: fine) { 
    .contInfo {
        margin-top: 120px !important;
            margin-bottom: -60vw !important;
        }
    .section-pad75 {
        margin-top: 12rem;
    }
    .zpform-outer {
        margin-left: 5rem;
        width: 75%;
    }
}
@media (min-width: 450px) and (max-width: 550px) and (hover: hover) and (pointer: fine) { 
     .contForm {
         margin-left: 2.5rem;
         width: 100%;
     }
    .contInfo {
        margin-top: 120px !important;
        margin-bottom: -80vw !important;
        }
    .section-pad75 {
        margin-top: 12rem;
    }
    .zpform-outer {
        margin-left: 5rem;
        width: 75%;
    }
}
@media (min-width: 1000px) and (max-width: 1022px) and (hover: hover) and (pointer: fine) { /* 50% minmax */
    .contInfo {
        margin-top: -16rem !important;
        }
    .contForm {
        margin-left: 3rem;
    }
    ul.zpform-outer {
        width: 90%;
        margin-left: -2rem;
    }
}
@media (min-width:1070px) and (max-width:1230px){
.zpelem-col.zpcol-12.zpcol-md-6.zpcol-sm-10.zpalign-self-center.zpdefault-section.zpdefault-section-bg {
    margin-top: 50px;
}
}