@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* font-family: 'Audiowide', sans-serif;
font-family: 'Inter', sans-serif; */

html,
* {
	cursor: none;
}

*,
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

html, body {
  font-family: 'Inter', sans-serif;
  font-size:18px;
  color:#000;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:0;
  margin:0;
  background:#fff !important;
}


h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

h1, h2, h3, h4, h5, h6 {
  line-height:1.5;
  margin:0;
}

h2{
  font-size:150px;
  color:#0b0b0b;
}

h3{
  font-size:75px;
  color:#0b0b0b;
}

h4{
  font-size:45px;
  color:#0b0b0b;
}

article, p {
  font-size:18px;
  color:#0b0b0b;
  line-height:1.5;
  padding:0;
  margin:0;
}

a {
  color:#0b0b0b;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}

a:hover {
  color:#0b0b0b;
}

img {
  vertical-align:middle;
  border-style:none;
  max-width:100%;
}

.btn{
  font-size:15px;
  color:#ffffff;
  text-transform:uppercase;
  display:inline-block;
  padding:20px 60px;
  background:#0b0b0b;
}

.clearfix {
  display:inline-block;
}

.clearfix::after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:"";
  clear:both;
  height:0;
}

* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
}

/*******/

.o-scroll {
	background-color: #d4c9c9;
	overflow: hidden
}

html.has-scroll-smooth {
	overflow: hidden
}

html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.has-scroll-smooth body {
	overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
	height: 100vh;
	display: inline-block;
	white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%
}
.cursor {position: fixed; width: 30px; height: 30px; background: #A3C400; border-radius: 50%; pointer-events: none; mix-blend-mode: difference; z-index: 999999; transition: transform 0.2s;}


.o-title {
  line-height:1;
	margin: 0;
	padding: 0;
	perspective: 1200px;
	-webkit-perspective: 1200px
}

.o-title_line {
  line-height:1;
	display: block;
	opacity: 0;
	transform-origin: center top;
	transform-style: preserve-3d;
	transform: translateY(100%) rotateX(-80deg);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.215, .61, .355, 1);
	font-size: 0
}
.o-title.is-inview .o-title_line{
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
  transition-delay: .3s
}

.o-title.is-inview .o-title_line:nth-child(2) {
	transition-delay: .5s
}

.o-title.is-inview .o-title_line:nth-child(3) {
	transition-delay: .6s
}

.o-title.is-inview .o-title_line:nth-child(4) {
	transition-delay: .7s
}

.container{max-width: 1310px}
.dl-sections{padding:100px 0 0 0;}
.logo{width: 140px; height: 140px; padding: 18px; background:#A3C400; border-radius: 0 0 80px 80px; position: fixed; top: 0px; z-index: 10; left: 50px}
.logo img{width: 100%; }
header{position: absolute; top: 0px; left: 0px; padding: 0px 50px; width: 100%; z-index: 9}
header .inner-area{border-bottom: #443D48 1px solid; display: flex; align-items: center; justify-content:flex-end; }
header ul.main-menu{margin: 0px; padding: 0px; list-style: none; display: flex; }
header ul.main-menu li a{color: #fff; font-size: 16px; line-height: 100px; font-weight: 400; text-transform: uppercase; padding: 0 20px; position: relative; letter-spacing: 1px}
header ul.main-menu li.current_page_item a,
header ul.main-menu li a:hover{color: #A3C400}
header ul.main-menu li.current_page_item a::before,
header ul.main-menu li a:hover::before{content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -15px; width: 30px; height: 15px; border-radius: 15px 15px 0 0; background: #A3C400; }
header ul.main-menu li.current_page_item a::after,
header ul.main-menu li a:hover::after{content: ''; position: absolute; bottom: 4px; left: 50%; margin-left: -9px; width: 18px; height: 25px; background: url(../images/smoothie-icon.svg) center center no-repeat;}

header ul.social{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 30px; list-style: none; display: flex; border-left: #fff 1px solid}
header ul.social li a{color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase; padding: 0 10px}
header .btn-order{background: #A3C400; display: inline-flex; padding: 5px 25px 5px 5px; justify-content: flex-start; align-items:center; border-radius: 30px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; margin-left: 20px}
header .btn-order .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px}
header .btn-order:hover{background: #fff; color: #000}
.btn-menu {width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;  margin-right: 10px; display: none}
.btn-menu span{width: 100%; height: 2px; background: #fff; display: block;  transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+2){display: none;}
.btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}

.home-section{width: 100%; padding: 0px;  overflow: hidden; position: relative;}
.home-section::after{content: ''; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); width: 100%; height: 150px; position: absolute; top: 0px; left: 0px; z-index: 6}
.home-section .photo-area{height: 700px; overflow: hidden; position: absolute; width: 100%; }
.home-section .photo-area .photo-block{width: 100%; height: 700px; position: relative; overflow: hidden;}
.home-section .photo-area .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.home-section .photo-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background: #000; opacity: 0.6}
.home-section .photo-area .bottom-img{position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%}
.home-section .photo-area .bottom-img img{position: relative; width: 100%}
.home-section .content-area{max-width: 1080px; margin: 0 auto; position: relative; z-index: 3; padding-top: 150px}
.home-section .content-area h1{font-family: "Bebas Neue", sans-serif;  color: #FFF; font-size: 78px; font-weight: 400; line-height: 85px; letter-spacing: 3%; text-transform: uppercase; text-align: center; margin: 0px 0px 40px 0px}
.home-section .content-area h1 span{color: #A3C400}
/* .home-section .content-area .video-block{background: #fff; width: 100%; padding: 10px; border-radius: 30px;}
.home-section .content-area .video-block video{width: 100%; border-radius: 30px} */
.home-section .content-area .video-list{display: flex; margin: 0 -5px;}
.home-section .content-area .video-list li{width: 20%; padding: 0 5px; transition: all .5s ease;}
.home-section .content-area .video-list li .video-block{width: 100%; height: 600px; position: relative; overflow: hidden; border: #fff 2px solid; border-radius: 15px;}
.home-section .content-area .video-list li .video-block video{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; }
.home-section .content-area .video-list li:hover{width: 50%; transition: all .5s ease;}
.home-section .content-area .video-list li.open{width: 50%; transition: all .5s ease;}
.home-section .owl-dots{display: none}
.home-section .owl-prev{position: absolute; top: 54%; left: -35px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.home-section .owl-prev:hover{ transform: rotate(-45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.home-section .owl-next{position: absolute; top: 54%; right: -35px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.home-section .owl-next:hover{ transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.catemenu-section{width: 100%; padding:125px 0px; position: relative;}
.catemenu-section .container{z-index: 3; position: relative;}
.catemenu-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 50px 0 40px 0; text-align: center;}
.catemenu-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.catemenu-section .item a{display: block;}
.catemenu-section .cate-block{width: 100%; height: 338px; border-radius: 25px; overflow: hidden; position: relative;}
.catemenu-section .cate-block::before{content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.88) 0%, rgba(255,255,255,0) 100%);}
.catemenu-section .cate-block img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.catemenu-section .cate-block .content-area {position: absolute; bottom: 25px; z-index: 2; width: 100%; text-align: center; font-size: 20px; font-weight: 700;transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; color: #fff}
.catemenu-section .cate-block .content-area .icon{width: 100px; height: 100px; margin: 0 auto 20px auto;}
.catemenu-section .cate-block .content-area .icon img{position: relative; width: 100%}
.catemenu-section .cate-block:hover img{transform: scale(1.1);transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.catemenu-section .cate-block:hover .content-area .icon img{transform: scale(1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.catemenu-section .cate-block:hover .content-area{bottom: 35px;transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.catemenu-section .owl-dots{display: none}
.catemenu-section .owl-prev{position: absolute; top: 50%; margin-top: -35px; left: -35px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.catemenu-section .owl-prev:hover{ transform: rotate(-45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.catemenu-section .owl-next{position: absolute; top: 50%; margin-top: -35px; right: -35px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.catemenu-section .owl-next:hover{ transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.scroll-text{position: absolute; height: 140px; margin-bottom: 60px; opacity: 0.6; top: 125px;  }
.scroll-text .hightlighted{ font-family: 'Audiowide', sans-serif; -webkit-text-stroke: 2px #A3C400; font-size: 160px; line-height: 140px; width: 6000px; margin-left: -300px; text-transform: uppercase; color: #fff}

.about-section{padding: 0; width: 100%; position: relative;}
/* .about-section .side-img{position: absolute; top: 0px; left: -40px} */
.about-section .inner-area{display: flex; align-items: center; position: relative; z-index: 2}
.about-section .inner-area .photo-block{width: 48%; position: relative;}
.about-section .inner-area .content-area{width: 52%; padding-left: 70px}
.about-section .inner-area .photo1{position: absolute; top: 0px; right: 0px; width: 240px; height: 240px; border-radius: 50%; border: #fff 5px solid; overflow: hidden;}
.about-section .inner-area .photo1 img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; }
.about-section .inner-area .photo1 .inner-photo-block{width: 240px; height: 240px; border-radius: 50%; position: relative;}
.about-section .inner-area .photo2{position: absolute; bottom: 0px; left: 0px; width: 210px; height: 310px; border-radius: 125px; border: #fff 5px solid; overflow: hidden;}
.about-section .inner-area .photo2 .inner-photo-block{width: 210px; height: 310px; border-radius: 50%; position: relative;}
.about-section .inner-area .photo2 img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; }
.about-section .main-photo{width: 100%; overflow: hidden; border-radius: 320px}
.about-section .main-photo img{width: 100%}
.about-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 0px 0 15px 0; }
.about-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.about-section h2 strong{display: block; color: #A3C400}
.about-section p{font-weight: 300; color: #000; font-size:16px; line-height:26px; margin: 0 0 30px 0}
.about-section .bg-logo{position: absolute; top: 0px; right: 0px; opacity: 0.1}
.about-section .btn-read{background: #A3C400; display: inline-flex; padding: 5px 25px 5px 5px; justify-content: flex-start; align-items:center; border-radius: 30px; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}
.about-section .btn-read .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px}
.about-section .btn-read:hover{background: #000; color: #fff}

.popular-section{width: 100%; padding:125px 0px 0px 0px; position: relative;}
.popular-section .container{z-index: 3; position: relative;}
.popular-section h2{font-family: "Bebas Neue", sans-serif;  color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 50px 0 40px 0; text-align: center;}
.popular-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}

.popular-section .green-block .product-block{padding: 60px 142px 60px 0}
.popular-section .green-block .product-block .product-image{left: auto; right: 0px}
.popular-section .green-block .product-block .product-content{background: #DEFFDB;padding:76px 280px 76px 0; border-radius: 300px 0 0 300px; text-align:right; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .green-block .product-block .product-content h3{color: #0A9943}
.popular-section .green-block .product-block .product-content h3::before{right: 0px; left: auto; background: #0A9943}
.popular-section .green-block .product-block .product-content .link{position: absolute; top: 0px; right:auto; left: 0px; background: #0A9943; width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg);  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .green-block .product-block:hover .product-content .link{ transform: rotate(-135deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .green-block .product-block:hover .product-content{padding: 76px 300px 76px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}


.popular-section .product-block{position: relative; padding: 60px 0 60px 142px}
.popular-section .product-block .product-image{position: absolute; top: 0px; left: 0px; z-index: 1}
.popular-section .product-block .product-content{background: #FFEAEF; border-radius: 0 300px 300px 0; padding: 76px 0 76px 280px; text-align: left; position: relative; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .product-block .product-content h3{font-size: 36px; color: #D64B72; line-height: 45px; margin: 0 0 15px 0; font-weight: 700; position: relative; padding-bottom: 8px}
.popular-section .product-block .product-content h3 span{display: block; font-size: 20px; line-height: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #000; margin: 0 0 10px 0}
.popular-section .product-block .product-content h3::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100px; height: 2px; background: #D64B72}
.popular-section .product-block .product-content .ingredients{font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0.5px; color: #000; margin: 0px;}
.popular-section .product-block .product-content .ingredients strong{display: block; margin-bottom: 2px}
.popular-section .product-block .product-content .link{position: absolute; top: 0px; right: 0px; background: #D64B72; width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .product-block:hover .product-content .link{ transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .product-block:hover .product-content{padding:76px 0 76px 300px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .product-block:nth-child(even){padding: 60px 142px 60px 0}
.popular-section .product-block:nth-child(even) .product-image{left: auto; right: 0px}
.popular-section .product-block:nth-child(even) .product-content{background: #DEFFDB;padding:76px 280px 76px 0; border-radius: 300px 0 0 300px; text-align:right; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .product-block:nth-child(even) .product-content h3{color: #0A9943}
.popular-section .product-block:nth-child(even) .product-content h3::before{right: 0px; left: auto; background: #0A9943}
.popular-section .product-block:nth-child(even) .product-content .link{position: absolute; top: 0px; right:auto; left: 0px; background: #0A9943; width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg);  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .product-block:nth-child(even):hover .product-content .link{ transform: rotate(-135deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.popular-section .product-block:nth-child(even):hover .product-content{padding: 76px 300px 76px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.review-section{width: 100%; padding:125px 0px 0px 0px; position: relative;}
.review-section .container{z-index: 3; position: relative;}
.review-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 50px 0 40px 0; text-align: center;}
.review-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.review-section .review-block{display: flex; align-items:center;}
.review-section .review-block .photo-area{width: 35%; border-radius: 350px; position: relative; overflow: hidden; height: 620px;}
.review-section .review-block .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-section .review-block .review-content{width: 65%; padding-left: 60px; position: relative;}
.review-section .review-block .review-content::before{content: ''; position: absolute; top: -75px; left: 60px; background: url(../images/quote-icon.png) center center no-repeat; width: 179px; height: 131px}
.review-section .review-block .review-content p{font-size: 22px; line-height: 38px; font-weight: 300; margin: 0 0 30px 0; color: #000}
.review-section .review-block .review-content .name{font-size: 26px; font-weight: 700; color: #000; line-height: 38px;}
.review-section .owl-dots{display: none}
.review-section .owl-nav{position: absolute; top: 0px; right: 0px;}
.review-section .owl-prev{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; margin-right: 15px}
.review-section .owl-next{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-section .owl-prev:hover{ transform: rotate(-45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-section .owl-next:hover{ transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.gallery-section{width: 100%; padding:125px 0px 115px 0px; position: relative;}
.gallery-section .container{z-index: 3; position: relative;}
.gallery-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 50px 0 40px 0; text-align: center;}
.gallery-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.gallery-section ul.instagram-list{margin: 0px -5px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.gallery-section ul.instagram-list li{width: 25%; padding: 5px}
.gallery-section ul.instagram-list .photo-block{width: 100%; height: 310px; overflow: hidden; position: relative;}
.gallery-section ul.instagram-list .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.gallery-section ul.instagram-list .photo-block:hover img{transform: scale(1.1);transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
#sb_instagram #sbi_load{display: none;}

.footer-section{background: url(../images/slider-2.webp) center center/cover no-repeat fixed; position: relative;}
.footer-section::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.85}
.footer-section .d-row{display: flex; position: relative; z-index: 1; padding: 50px 0}
.footer-section h2{font-size: 24px; line-height: 20px; font-weight: 700; text-transform: uppercase; color: #A3C400; letter-spacing: 0.5px; margin: 0 0 20px 0}
.footer-section .logo-area{width: 22%}
.footer-section .link-area{width: 18%}
.footer-section .info-area{width: 30%; padding-right: 30px}
.footer-section .newsletter-area{width: 30%}
.footer-section .newsletter-area .wpcf7 form .wpcf7-response-output{color: #ffffff;}
.footer-section .footer-logo{width: 200px}
.footer-section .footer-logo img{width: 100%}
.footer-section ul.link{margin: 0px; padding: 0px; list-style: none}
.footer-section ul.link li{margin: 0px;}
.footer-section ul.link li a{color: #fff; font-size: 18px; line-height: 38px; letter-spacing: 0.5px; position: relative; padding-left: 30px}
.footer-section ul.link li a::before{content: ''; position: absolute; top: 6px; left: 0px; width: 18px; height: 25px; background: url(../images/smoothie-icon.svg) center center no-repeat}
.footer-section ul.info{margin: 0px; padding: 0px; list-style: none}
.footer-section ul.info li{margin: 0px 0px 10px 0px; padding-left: 36px; color: #fff; font-size: 18px; line-height: 32px; letter-spacing: 0.5px; position: relative;}
.footer-section ul.info li .icon{position: absolute; top: 0px; left: 0px;}
.footer-section p{color: #fff; font-size: 18px; line-height: 30px; letter-spacing: 0.5px; margin: 0 0 20px 0}
.footer-section .input-area{position: relative;}
.footer-section .input-area .form-control{border: none; border-bottom: #fff 1px solid; border-radius: 0px; color: #fff; padding: 0px; height: 88px; background: transparent}
.footer-section .input-area .form-control:focus{box-shadow: none}
.footer-section .input-area .form-control::-webkit-input-placeholder {color: #fff;}
.footer-section .input-area .form-control::-moz-placeholder {color: #fff;}
.footer-section .input-area .form-control:-ms-input-placeholder {color: #fff;}
.footer-section .input-area .form-control:-moz-placeholder {color: #fff;}
.footer-section .input-area .btn-send{background: transparent; border: 0; position: absolute; top: 50%; right: 0px; margin-top: -13.5px}
.footer-section .copyright{border-top: #fff 1px solid; font-size: 18px; color: #fff; line-height: 24px; padding: 15px 0; text-align: center; z-index: 2; position: relative;}

.inner-section{width: 100%; padding: 0px;  overflow: hidden; position: relative; z-index: 5}
.inner-section::after{content: ''; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); width: 100%; height: 150px; position: absolute; top: 0px; left: 0px; z-index: 6}
.inner-section .photo-block{width: 100%; height: 500px; position: relative; overflow: hidden;}
.inner-section .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.inner-section::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background: #000; opacity: 0.5}
.inner-section .photo-block .content-area{position: absolute; top: 0px; z-index: 7; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 100px}
.inner-section .photo-block .content-area h1{font-family: "Bebas Neue", sans-serif; color: #FFF; font-size: 78px; font-weight: 400; line-height: 85px; letter-spacing: 3%; text-transform: uppercase; text-align: center; margin: 0px 0px 20px 0px}
.inner-section .photo-block .content-area .breadcrumb{margin: 0px;}
.inner-section .photo-block .content-area .breadcrumb li{padding: 0px; font-size: 18px}
.inner-section .photo-block .content-area .breadcrumb li a{color: #fff}
.inner-section .photo-block .content-area .breadcrumb li.breadcrumb-item.active{color: #A3C400}
.breadcrumb-item + .breadcrumb-item::before {content: ''; background: url(../images/smoothie-icon.svg) center center no-repeat; width: 15px; height: 20px; padding: 0px; margin: 2px 20px 0 20px; background-size: cover;}


.about-main-section{width: 100%; padding:100px 0px 0px 0px; position: relative;}
.about-main-section .container{z-index: 6; position: relative;}
.about-main-section .scroll-text{top: 200px; z-index: 5}
.about-main-section .company-name{font-size: 70px; font-family: 'Inter', sans-serif; font-weight: 700; text-align: center; line-height: 51px; color: #a3c400;}
.about-main-section .company-name span {display: block; font-size: 28px; color: #000;}
.about-main-section h2{font-family: "Bebas Neue", sans-serif;  color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 75px 0 40px 0; text-align: center;}
.about-main-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.about-main-section .logo-area{width: 250px; height: 250px; background: #A3C400; border-radius: 50%; padding: 40px; margin: 0 auto; position: relative;}
.about-main-section .logo-area img{width: 100%}
.about-main-section .logo-area::before{content: ''; position: absolute; top: -140px; left: 50%; margin-left: -15px; width: 30px; height: 30px; border-radius: 50%; background: #A3C400}
.about-main-section .logo-area::after{content: ''; position: absolute; top: -110px; left: 50%; margin-left: -1px; height: 110px; width: 2px; background: #000}
.about-main-section .center-content{width: 90%; margin: 0px auto; position: relative; z-index: 2}
.about-main-section .center-content p{font-weight: 300; color: #000; font-size: 18px; line-height: 26px; margin: 0 0 20px 0; text-align: center;}
.about-main-section .mission-vision-area{margin: 50px auto 0 auto; width: 80%}
.about-main-section .mission-vision-area .inner-main{display: flex; align-items: center;}
.about-main-section .mission-vision-area .inner-main .photo-area{width: 40%; position: relative; height: 380px; border-radius: 20px; overflow: hidden;}
.about-main-section .mission-vision-area .inner-main .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.about-main-section .mission-vision-area .inner-main .rightside{width: 60%; padding-left:50px }
.about-main-section .mission-vision-area .inner-main:nth-child(even){flex-direction: row-reverse;}
.about-main-section .mission-vision-area .inner-main:nth-child(even) .rightside{padding-left: 0px; padding-right: 50px}
.about-main-section .mission-vision-area .inner-main h3{color: #000; font-size: 40px; font-weight: 700; line-height: 50px; margin: 0 0 15px 0}
.about-main-section .mission-vision-area .inner-main p{font-weight: 300; color: #000; font-size: 18px; line-height: 30px; margin: 0}
.about-main-section .icon-1{position: absolute; top: 800px; left: -80px}
.about-main-section .icon-2{position: absolute; top: 1200px; right: -80px}
.about-main-section .icon-3{position: absolute; bottom: 200px; left: -20px}

.team-section{width: 100%; padding:125px 0px 0px 0px; position: relative;}
.team-section .container{z-index: 6; position: relative;}
.team-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 75px 0 40px 0; text-align: center;}
.team-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.team-section ul.team-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.team-section ul.team-list li{padding:0 10px; width:33.3%}
.team-section ul.team-list li:nth-child(even) .team-box{margin-top: 80px;}
.team-section .team-box{position: relative; }
.team-section .team-box .photo{width: 100%; height: 500px; border-radius: 20px; position: relative; overflow: hidden;}
.team-section .team-box .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.team-section .team-box .detail{width: 90%; background: #fff; padding: 30px; position: relative; z-index: 2; text-align: left; margin: -50px auto 0 auto; border-radius: 20px; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 10px 15px0px rgba(0,0,0,0.10); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10);}
.team-section .team-box .detail h3{font-size: 30px; font-weight: 700; line-height: 30px; margin-bottom: 12px; color: #A3C400}
.team-section .team-box .detail h3 span{font-size: 18px; line-height: 18px; font-weight: 400; display: block; margin-top: 10px; color: #000}
.team-section .team-box .detail p{ color: #6a6a6a; font-size: 15px; font-weight: 300; line-height: 24px; }
.team-section .team-box .detail .btn-read{background: transparent; border: none; color: #A3C400; padding: 0px; font-size: 16px; font-weight: 700; margin-top: 8px;}
.team-section .team-box .detail .btn-read::before{content: 'Read More';}
.team-section .team-box .detail .btn-read svg{margin-left: 10px;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.team-section .team-box .detail .btn-read.less svg {transform: rotate(-180deg);  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.team-section .team-box .detail .btn-read.less::before{content: 'Read Less';}
/* .team-section .team-box .detail .inner-content{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.team-section .team-box .detail .inner-content.active p{overflow: visible; text-overflow: ellipsis; -webkit-line-clamp: 2; display: flex; -webkit-box-orient: vertical; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;} */
/* Collapsed (default) */
.team-section .team-box .detail .inner-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

/* Expanded */
.team-section .team-box .detail .inner-content.active {
    display: block; /* Let it expand normally */
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
}

.reveal{position: relative; transform: translateY(250px); opacity: 0; transition: 1s all ease;}
.reveal.active{transform: translateY(0); opacity: 1;}

.about-gallery-section{width: 100%; padding:125px 0px; position: relative;}
.about-gallery-section .container{z-index: 6; position: relative;}
.about-gallery-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 75px 0 40px 0; text-align: center;}
.about-gallery-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.about-gallery-section ul.gallery-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.about-gallery-section ul.gallery-list li{padding:0 10px; width: 25%;}
.about-gallery-section ul.gallery-list li:nth-child(even){margin-top: 20px}
.about-gallery-section ul.gallery-list li .gallery-photo{width: 100%; height: 240px; position: relative; overflow: hidden; border-radius: 20px}
.about-gallery-section ul.gallery-list li .gallery-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}


.menu-page{padding: 0; position: relative;}
/* .top-menu-fixed{margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; top: 0px; position: relative; z-index: 7; justify-content: center; width: 100%; background: #A3C400; }
.top-menu-fixed li a{font-size: 18px; color: #fff; line-height: 50px; padding: 5px 30px; text-transform: uppercase; display: flex; align-items: center; }
.top-menu-fixed li a img{width: 30px; margin-right: 10px}
.top-menu-fixed li a:hover{background: #76862a; color: #fff; }
.top-menu-fixed li.active a{background: #76862a; color: #fff;}
.top-menu-fixed.fixed{position: fixed; -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.18); box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.18);} */

.top-menu-fixed{margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; top: 0px; position: relative; z-index: 7; justify-content: center; width: 100%; background: #FFF; }
.top-menu-fixed li{margin: 0px;}
.top-menu-fixed li a{font-size: 16px; color: #000; line-height: 34px; padding: 12px 15px 12px 15px; display: flex; border-bottom: transparent 4px solid;align-items: center; font-weight: 700;}
.top-menu-fixed li a img{width: 30px; margin-right: 10px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.top-menu-fixed li a:hover{color: #fff; background:#a3c400; border-bottom:#a3c400 4px solid;}
.top-menu-fixed li.active a{color: #fff;background:#a3c400; border-bottom: #a3c400 4px solid;}
.top-menu-fixed li a:hover img{filter: brightness(0) invert(1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.top-menu-fixed li.active a img{filter: brightness(0) invert(1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.top-menu-fixed.fixed{position: fixed; -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.18); box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.18);}
.sub-category-products .product-list.hide{display: none;}
.sub-category-products .product-list.show{display: flex;}
.menu-list-section{width: 100%; padding:90px 0 100px 0px; position: relative; background: #FFF; border-top: #b9b7b7 1px dashed;}
.menu-list-section .container{z-index: 6; position: relative;}
.menu-list-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 68px; margin: 0px 0 20px 0; position: relative; padding-left: 100px; min-height: 80px; display: flex; align-items: center;}
.menu-list-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.menu-list-section h2 .icon{width: 80px; height: 80px; background: #A3C400; border-radius: 50%; padding: 15px; position: absolute; top:0px; left: 0px}
.menu-list-section h2 .icon img{width: 100%; vertical-align: top;}
.menu-list-section ul.sub-category{background: #fff; border-radius: 40px; padding: 10px; display: flex; margin: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(201,201,201,0.36); -moz-box-shadow: 0px 0px 10px 0px rgba(201,201,201,0.36); box-shadow: 0px 0px 10px 0px rgba(201,201,201,0.36);}
.menu-list-section ul.sub-category li a {color: #2d2d2d; font-size: 16px; line-height: 40px; border-radius: 20px; padding: 0 20px;}
.menu-list-section ul.sub-category li a.active {background: #a3c400; color: #fff;}
.menu-list-section ul.product-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; }
.menu-list-section ul.product-list li{width: 25%; padding: 150px 10px 0 10px; margin-top: 30px; overflow: hidden; }
.menu-list-section .product-block{background: #f6f9f9; position: relative; border-radius: 10px; padding: 120px 25px 20px 25px;}
.menu-list-section .product-block .product-img{height: 200px; margin: 0 auto; top: -100px; left: 50%; margin-left: -57.5px; position: absolute; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block .product-img img{height: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; position: relative;}
.menu-list-section .product-block .product-img::before{content: ''; width: 200px; height: 26px; position: absolute; bottom: -5px; left: 50%; margin-left: -100px; background: rgba(0, 0, 0, 0.4); filter: blur(18px); border-radius: 60%;}
.menu-list-section .product-block .product-name{font-weight: 700; color: #000; font-size: 18px; margin: 0; text-align: center; position: relative; z-index: 1; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block .size{font-weight: 300; color: #000; font-size: 18px; line-height: 18px; margin: 0 0 20px 0; position: relative; z-index: 1; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block .price{font-weight: 700; color: #A3C400; font-size: 30px; line-height: 30px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block .price small{font-size: 16px; color: #000; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block .d-flex{align-items: center; justify-content:space-between; border-top: #e6e6e6 1px solid; padding-top: 20px; position: relative; z-index: 1}
.menu-list-section .product-block .btn-more{background: #A3C400; display: inline-flex; padding: 10px 25px; justify-content: flex-start; align-items:center; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; }
.menu-list-section .product-block .more-info{background: #A3C400; position: absolute; bottom: -100%; left: 0px; width: 100%; border-radius: 10px; padding: 20px 25px; height: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block .more-info h3{font-size: 18px; line-height: 18px; font-weight: 700; color: #fff; margin: 0px 0px 10px 0px;}
.menu-list-section .product-block .more-info ul{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.menu-list-section .product-block .more-info ul li{width: auto; margin: 0px 10px 5px 0; padding: 0px 0px 0px 20px; color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; position: relative;}
.menu-list-section .product-block .more-info ul li::before{content: ''; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; top: 5px; left: 0px}
.menu-list-section .product-block:hover .more-info{bottom: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block:hover .product-name,
.menu-list-section .product-block:hover .size,
.menu-list-section .product-block:hover .price,
.menu-list-section .product-block:hover .price small{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block:hover .btn-more{background: #fff; color: #000; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.menu-list-section .product-block:hover .product-name::before{content: ''; position: absolute; top: -10px; left: 0px; width: 100%; border-top: #e6e6e6 1px solid}
.menu-list-section .product-block:hover .product-img{top:-120px; height:160px; margin-left: -46px; -webkit-transform-style:preserve-3d; -webkit-animation:jiggle 0.15s infinite 0.1s alternate ease-in-out; -moz-animation:jiggle 0.15s infinite 0.1s alternate ease-in-out; -ms-animation:jiggle 0.15s infinite 0.1s alternate ease-in-out; animation:jiggle 0.15s infinite 0.1s alternate ease-in-out }

/* #build-your-own-bowl .product-block .product-img{width: 280px; top: -150px; margin-left: -140px;}
#build-your-own-bowl .product-block:hover .product-img{top: -150px; width: 240px; margin-left: -120px; -webkit-transform-style:preserve-3d; -webkit-animation:jiggle 0.15s infinite 0.1s alternate ease-in-out; -moz-animation:jiggle 0.15s infinite 0.1s alternate ease-in-out; -ms-animation:jiggle 0.15s infinite 0.1s alternate ease-in-out; animation:jiggle 0.15s infinite 0.1s alternate ease-in-out } */

@-moz-keyframes jiggle {
from {-moz-transform: rotate(5deg)}
to {-moz-transform: rotate(-5deg)}
}

@-webkit-keyframes jiggle {
from {-webkit-transform: rotate(5deg)}
to {-webkit-transform: rotate(-5deg)}
}

@keyframes jiggle {
from {transform: rotate(5deg)}
to {transform: rotate(-5deg)}
}
.franchise-page{display: flex; height: 100vh; width: 100%; align-items: center; background: #A3C400; position: relative;    overflow: hidden;}
.franchise-page .btn-back{position: absolute; top: 15px; right: 15px; background: #fff; color: #000; font-size: 16px; line-height: 40px; padding: 0 30px; border-radius: 20px; z-index: 2;}
.franchise-page .leftside{width: 35%; height: 100%; border-radius: 0 0px 200px 0; position: relative; overflow: hidden; background: #000}
.franchise-page .leftside video{width: 100%; height: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; opacity: 0.5}
.franchise-page .form-area{width: 65%; background: #A3C400; padding:80px; height: 100%; align-items: center; display: flex; position: relative; flex-direction: column;}
.franchise-page .form-area .bg-logo{position: absolute; top: 50%; margin-top: -350px; right: 50%; width: 700px; height: 700px; margin-right: -350px; opacity: 0.1}
.franchise-page .form-area .bg-logo img{width: 100%; height: 100%}
.franchise-page .form-area h1{font-family: "Bebas Neue", sans-serif; font-size: 40px; line-height: 50px; color: #fff; font-weight: 400; margin: 0px 0px 25px 0px}
.franchise-page .form-area h1 strong{font-weight: 700; display: block;}
.franchise-page .form-area p{font-size: 24px; line-height: 32px; color: #fff; font-weight: 300; width: 70%; margin: 0 0 25px 0}
.franchise-page .form-area .btn-start{background: #fff; padding: 16px 40px; border-radius: 30px; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; border: none;}
.franchise-page .form-area .step-block{width: 80%; margin: 0 auto; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: baseline;}
.franchise-page .form-area .step-block label{font-size: 20px; color: #fff; margin: 0px; font-weight: 700}
.franchise-page .form-area .step-block .form-control{border-radius: 0px; border:none; background: transparent; padding: 0px; border-bottom: #fff 1px solid; height: 90px; font-size: 50px; font-weight: 300; color: #fff;}
.franchise-page .form-area .step-block .form-control:focus{box-shadow: none; border-bottom: #fff 1px dashed}
.franchise-page .form-area .step-block .form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
.franchise-page .form-area .step-block .form-control:-ms-input-placeholder {color: #fff !important;}
.franchise-page .form-area .step-block .form-control::-webkit-input-placeholder {color: #fff !important;}
.franchise-page .form-area .step-block .form-group{margin-bottom: 20px; width: 100%;}
.franchise-page .form-area form {display: flex; flex-direction: column; width: 100%; height: 100%;}
.franchise-page .form-area .step-block {display: none; position: relative; z-index: 1;}
.franchise-page .form-area .error-text {background: #ff8b8b; padding: 8px 16px; font-size: 14px; text-align: left; display: none;color: #750000;}
.franchise-page .form-area .error-text.active {display: block;}
.franchise-page .form-area .step-block.active {display: flex !important;}
.franchise-page .form-area .form-nav {position: absolute; bottom: 30px; right: 30px; display: none;}
.franchise-page .form-area .form-nav .btn-start {background: transparent !important; padding: 0px !important; border: none !important; width: 50px; height: 50px;}
.franchise-page .form-area .form-nav .btn-start svg{width:100%; height:100%}
.franchise-page .form-area .form-nav .btn-start.nextBtn{margin-left: 5px;}
.franchise-page .form-area .hide{display: none !important}
.franchise-page .form-area ul.radio-list{margin:10px 0px 0px 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.franchise-page .form-area ul.radio-list li{margin-right: 12px;}
.franchise-page .form-area .fileupload-input{background: #fff !important; color: #000 !important; font-size: 20px !important; height: auto !important; padding: 10px !important; border-radius: 10px !important; margin-top: 5px; }
.franchise-page .form-area .success-message{display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100vh; position: relative; z-index: 6;}
.franchise-page .form-area .success-message h1{font-size: 78px; line-height: 78px; margin: 0px;}
.franchise-page .form-area .success-message p{width: 50%; margin: 0 auto; text-align: center;}
.franchise-page .form-area .success-message .btn-back{background: #fff; padding: 10px 25px; margin-top: 15px; border-radius: 30px;}
.franchise-page .form-area .success-message .icon{margin: 0 auto 20px auto; width: 120px; height: 120px;}
.franchise-page .form-area .success-message .icon svg{width: 100%; height: 100%;}

.form-check{margin: 0px; padding: 0px;}
.form-check input[type=radio].form-check-input {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.form-check input[type=radio].form-check-input + label.form-check-label{color: #1c1c1c; font-size: 15px; font-weight: 500; line-height: 20px; position: relative; margin: 0px; cursor: pointer; padding: 12px 25px 12px 46px; border-radius: 6px; background: #fff;}
.form-check input[type=radio].form-check-input + label.form-check-label::before{content: ''; width: 20px; height: 20px; border-radius: 20px; border: 2px solid #a3c400; background: transparent; position: absolute; top: 12px; left: 15px}
.form-check input[type=radio].form-check-input:checked + label.form-check-label::after{content: ''; position: absolute; top: 18px; left: 21px; width: 8px; height: 8px; background: #a3c400; border-radius: 4px}
.franchise-page .owl-dots{display: none}
.franchise-page .owl-prev{position: absolute; bottom: 40px; right: 80px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.franchise-page .owl-prev:hover{ transform: rotate(-45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.franchise-page .owl-next{position: absolute; bottom: 40px;  right: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.franchise-page .owl-next:hover{ transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.store-section{width: 100%; padding:125px 0px; position: relative; background: #fff}
.store-section .container{z-index: 6; position: relative;}
.store-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 75px 0 20px 0; text-align: center;}
.store-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.store-section p{font-weight: 300; color: #000; font-size: 22px; line-height: 38px; margin: 0 0 30px 0; text-align: center;}
.store-section ul.location-list{margin: 0px -30px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.store-section ul.location-list li{padding: 0 30px; width: 50%;}
.store-section ul.location-list li:nth-child(even){margin-top: 60px}

.store-section .location-block{margin: 0px; padding: 0px; border: #dfdfdf 1px solid; border-radius: 22px}
.store-section .location-block .location-photo{width: 100%; position: relative; height: 420px;}
.store-section .location-block .location-photo .photo{width: 100%; position: relative; height: 420px; border-radius: 20px 20px 80px 20px; overflow: hidden;}
.store-section .location-block .location-photo .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.store-section .location-block .location-photo .btn-location{position: absolute; top:30px; right: -1px; z-index: 2; background: #A3C400; display: inline-flex; padding: 5px 25px 5px 5px; justify-content: flex-start; align-items:center; border-radius: 30px 0 0 30px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; margin-left: 20px}
.store-section .location-block .location-photo .btn-location .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px}
.store-section .location-block .location-photo .btn-location:hover{background: #000; color: #fff}
.store-section .location-block ul.info{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.store-section .location-block ul.info li{margin: 15px 0px 0px 0px; padding-left: 36px; color: #000; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; position: relative; width: 100%}
.store-section .location-block ul.info li .icon{position: absolute; top: 2px; left: 0px;}
.store-section .location-block .location-content{background: #fff; width: 100%; margin:0px; z-index: 1; position: relative; padding: 30px; border-radius: 0 0 20px 20px;}
.store-section .location-block .location-content .store-logo{width: 100px; height: 100px; background: #fff; border-radius: 50%; position: absolute; top: -50px; right: 20px; padding: 15px; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 10px 15px0px rgba(0,0,0,0.10); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10);}
.store-section .location-block .location-content .name{font-size: 28px; line-height: 36px; font-weight: 700; color: #000; padding-right: 100px;}
.store-section .location-block .location-content .time{margin-top: 10px}
.store-section .owl-dots{display: none}
.store-section .owl-nav{position: absolute; bottom: 20px; left: 20px;}
.store-section .owl-prev{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; margin-right: 10px; width: 40px; height: 40px}
.store-section .owl-prev svg,
.store-section .owl-next svg{width: 100%; height: 100%}
.store-section .owl-next{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;  width: 40px; height: 40px}
.store-section .owl-prev:hover{ transform: rotate(-45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.store-section .owl-next:hover{ transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.contact-section{width: 100%; padding:125px 0px 0px 0px; position: relative; background: #fff}
.contact-section .container{z-index: 6; position: relative;}
.contact-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 75px 0 40px 0; text-align: center;}
.contact-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.contact-section .form-area{width: 70%; margin: 0 auto; position: relative;}
.contact-section .form-area .icon-1{position: absolute; top: 100px; left: -250px; width: 300px}
.contact-section .form-area .icon-1 img{width: 100%}
.contact-section .form-area .icon-2{position: absolute; top: 100px; right: -300px;}
.contact-section .form-area .row{position: relative; z-index: 1}
.contact-section .form-group{margin: 0 0 15px 0; position: relative;}
.contact-section .form-group label{position: absolute; top: 15px; left: 20px; font-weight: 700; font-size: 15px; margin: 0px; line-height: 15px; z-index: 1;}
.contact-section .form-group .form-control{height: auto; border-radius: 10px; font-size: 15px; padding: 35px 20px 15px 20px; line-height: 15px}
.contact-section .form-group .form-control:focus{border: #A3C400 1px solid; box-shadow: none}
.contact-section .btn-send{background: #A3C400; display: inline-flex; padding: 5px 5px 5px 25px; justify-content: flex-start; align-items:center; border-radius: 30px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; border: none;}
.contact-section .btn-send .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.contact-section .btn-send:hover{background: #000; color: #fff}
.contact-section .btn-send:hover .icon{transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.wpcf7-not-valid-tip{font-size: 14px;}
.wpcf7 form .wpcf7-response-output{margin: 10px 0 0 0; padding: 10px 15px; text-align: center; border-radius: 10px; font-size: 15px;}
.contact-section .map-area{width: 100%; height: 560px;  overflow: hidden; margin-top: 100px}
.contact-section .map-area iframe{width: 100%; height: 100%;}

.history-section{width: 100%; padding:125px 0px 0px 0px; position: relative;}
.history-section .container{z-index: 6; position: relative;}
.history-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 75px 0 40px 0; text-align: center;}
.history-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}

.history-section .step-main{max-width: 1176px; margin: 0 auto;}
.history-section .step-block{display: flex; align-items: center; position: relative;}
.history-section .step-block::after{content: ''; position: absolute; top: 50%; height: 100%; width: 1px; border-right: #A3C400 2px dashed; right: 13%}
.history-section .step-block::before{content: ''; position: absolute; top: 50%; height: 1px; width: 27%; border-top: #A3C400 2px dashed; right: 13%}
.history-section .step-block .step-photo{width: 300px; height: 300px; position: relative; overflow: hidden; border-radius: 50%;}
.history-section .step-block .step-photo img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover;}
.history-section .step-block .step-detail{width: 380px; padding-left: 30px; background: #fff; position: relative; }
.history-section .step-block .step-detail .time{color: #000; font-size: 19px; font-weight: 700; line-height: 176%; letter-spacing: -0.38px; margin: 0 0 10px 0}
.history-section .step-block .step-detail p{font-weight: 400; color: #000; font-size: 14px; line-height: 176%; letter-spacing: -0.28px; margin: 0px}
.history-section .step-block .arrow{position: absolute; right: 40%; top: 40%; margin-right: -40px; width: 44px; height: 44px; margin-top: 8px; transform: rotate(45deg);}
.history-section .step-block .arrow svg{width: 100%; height: 100%; vertical-align: top;}
.history-section .step-block:nth-of-type(2n+2){text-align: right; flex-direction: row-reverse; padding-right: 0px}
.history-section .step-block:nth-of-type(2n+2) .step-detail{padding-right: 30px; padding-left: 0px;position: relative; z-index: 1}
.history-section .step-block:nth-of-type(2n+2)::before{left: 13%;}
.history-section .step-block:nth-of-type(2n+2)::after{left: 13%; width: 1px; height: 100%}
.history-section .step-block:nth-of-type(2n+2) .arrow{left: 37%; right: auto; transform: rotate(-135deg);}
.history-section .step-block:last-child::after{content: none}
.history-section .step-block:last-child::before{display: none;}
.history-section .step-block:last-child .arrow{display: none;}
.history-section .step-block:nth-of-type(2n+2):last-child::after{content: none}
.history-section .step-block:nth-of-type(2n+2):last-child::before{width: 150px; right: 0px; left: auto;}
.history-section .step-block:nth-of-type(2n+2):last-child .arrow{display: none;}
.btn-cate-menu{display: none;}


.career-section{padding: 100px 0 0 0; width: 100%; position: relative;}
.career-section .inner-area{display: flex; align-items: center; position: relative; z-index: 2}
.career-section .inner-area .photo-block{width: 40%; position: relative;}
.career-section .inner-area .content-area{width: 60%; padding-left: 70px}
.career-section .main-photo{width: 100%; overflow: hidden; border-radius: 320px}
.career-section .main-photo img{width: 100%}
.career-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 0px 0 15px 0; }
.career-section h2 span{color: #A3C400; }
.career-section h2 strong{display: block; color: #A3C400}
.career-section h3{color: #000; font-size: 30px; font-weight: 700; line-height: 30px; margin: 0px 0 30px 0; }
.career-section p{font-weight: 300; color: #000; font-size: 22px; line-height: 38px; margin: 0 0 30px 0}
.career-section .btn-read{background: #A3C400; display: inline-flex; padding: 5px 25px 5px 5px; justify-content: flex-start; align-items:center; border-radius: 30px; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}
.career-section .btn-read .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px}
.career-section .btn-read:hover{background: #000; color: #fff}

.joblist-section{width: 100%; padding:125px 0px; position: relative; background: #fff}
.joblist-section .container{z-index: 6; position: relative;}
.joblist-section h2{font-family: "Bebas Neue", sans-serif; color: #000; font-size: 58px; font-weight: 400; line-height: 65px; margin: 75px 0 40px 0; text-align: center;}
.joblist-section h2 span{color: #A3C400; display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 8px}
.joblist-section ul.job-list{margin: 0px -20px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.joblist-section ul.job-list li{padding: 0 20px; width: 50%;}
.joblist-section ul.job-list li:nth-child(even){margin-top: 40px}
.joblist-section .job-post{border: #dfdfdf 1px solid; border-radius: 22px; padding: 25px 30px 20px 30px; border-radius: 20px; position: relative; overflow: hidden;}
.joblist-section .job-post::before{content: '';    background: rgb(163,196,0); background: linear-gradient(40deg, rgba(163,196,0,0.38557429807860644) 0%, rgba(163,196,0,0) 67%, rgba(255,255,255,0) 100%);   width: 400px; height: 300px; position: absolute; bottom: 0px; left: 0px; border-radius: 0 220px 0 0; opacity: 0.5;}
.joblist-section .job-post .job-title{font-size: 30px; line-height: 30px; font-weight: 700; color: #000; margin: 0 0 20px 0; display: flex; align-items: center; justify-content: space-between;}
.joblist-section .job-post .job-title a {color: #fff; background: #a3c400; font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 0 20px; border-radius: 20px; line-height: 36px;}
.joblist-section .job-post p{color: #000; font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.joblist-section .job-post .info{color: #000; font-size: 14px; line-height: 21px; letter-spacing: 0.2px; margin-bottom: 14px; width: 33.33%; border: #b9b9b9 1px dashed; text-align: center; padding: 10px; background: #fff;}
.joblist-section .job-post .info strong{color: #A3C400; font-weight: 700; display: block;}
.joblist-section .job-post .d-flex{position: relative; z-index: 2;}
.joblist-section .job-post .d-flex .info:last-child{border-left: none; border-radius: 0 10px 10px 0;}
.joblist-section .job-post .d-flex .info:first-child{border-right: none; border-radius: 10px 0 0 10px;}
.joblist-section .job-post .location{color: #000; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; margin-bottom: 0px; position: relative; z-index: 1;}
.joblist-section .job-post .location strong{color: #A3C400; font-weight: 700;}

.jobform .form-group{margin: 0 0 15px 0; position: relative;}
.jobform .form-group label{position: absolute; top: 15px; left: 20px; font-weight: 700; font-size: 15px; margin: 0px; line-height: 15px; z-index: 1;}
.jobform .form-group .form-control{height: auto; border-radius: 10px; font-size: 15px; padding: 35px 20px 15px 20px; line-height: 15px}
.jobform .form-group .form-control:focus{border: #A3C400 1px solid; box-shadow: none}
.jobform .btn-send{background: #A3C400; display: inline-flex; padding: 5px 5px 5px 25px; justify-content: flex-start; align-items:center; border-radius: 30px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; border: none;}
.jobform .btn-send .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.jobform .btn-send:hover{background: #000; color: #fff}
.jobform .btn-send:hover .icon{transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

ul.category-list {
	margin: 0px -15px;
	padding: 60px 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
ul.category-list li {
	width: 33.33%;
	padding: 0 15px;
	margin:0 0 30px 0;
}
ul.category-list li .product-block{
	margin: 0px;
	padding: 0px;
	border: #dfdfdf 1px solid;
	border-radius: 22px;
	overflow: hidden;
	height: 100%;
}
ul.category-list li .product-block .product-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  object-fit: cover;
}
ul.category-list li .product-block .product-image {
  width: 100%;
  height: 340px;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 70px 30px;
}
ul.category-list li .product-block .product-content {
  padding: 30px;
	position: relative;
}
ul.category-list li .product-block .product-content h3{font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
  padding-right: 100px; margin: 0 0 10px 0;}

ul.category-list li .product-block .product-content p {
  font-weight: 300;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
ul.category-list li .product-block .product-content .icon{
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -50px;
  right: 20px;
  padding: 15px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 10px 15px0px rgba(0,0,0,0.10);
  box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10);
}
.whatsapp-help {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-decoration: none;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #303030;
}

.whatsapp-help .icon {
    background: #25d366;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    line-height: 57px;
    font-size: 30px;
    text-align: center;
}
.whatsapp-help span {text-shadow: 0px 0px 4px #ffffff;}