/** Shopify CDN: Minification failed

Line 166:24 Expected "{" but found "and("
Line 1031:0 Unexpected "}"
Line 1848:3 "letter-sapcing" is not a known CSS property

**/
 @font-face { 
    font-family: 'AvenirBlack';
    src: url('AvenirBlack.eot');
    src: url('Avenireot') format('embedded-opentype'),
         url('AvenirBlack.woff2') format('woff2'),
         url('AvenirBlack.woff') format('woff'),
         url('AvenirBlack.ttf') format('truetype'),
         url('AvenirBlack.svg#AvenirBlack') format('svg');
}

@font-face {
    font-family: 'AvenirMedium';
    src: url('AvenirMedium.eot');
    src: url('AvenirMedium.eot') format('embedded-opentype'),
         url('AvenirMedium.woff2') format('woff2'),
         url('AvenirMedium.woff') format('woff'),
         url('AvenirMedium.ttf') format('truetype'),
         url('AvenirMedium.svg#AvenirMedium') format('svg');
}

/* top section */
.announce_ment {
	right:0;
  	top:7px;
  	right:14px;
    border-radius: 50px;
  	border:0;
    background: #b7c5c98a;
    transition: transform .5s;
}
.announce_ment .crossbtn{
  	position:absolute;
	right:0;
	background: none;
    border: none;}
.announce_ment .announcement-bar{background:#B0BEC5;}
.announcement-bar__message{
  font-size:16px;
  font-family: Arial;}

.announce_ment .fa-close:before 
{color:white!important;}


/* header section */
header .header--middle-left  .header--has-menu {
  padding-left:39px;
}
header .header__active-menu-item{
  color:#988363;
  text-decoration:none;
}
header .header__menu-item a{
  text-decoration: none;
  color: #518027;
  font-weight: 700;
}
header .header__active-menu-item{
  font-weight:700;
  text-decoration:none;
  font-size:14px;
}
header .header__menu-item {
  font-size:15px;
  font-weight: 900;
  color:#518027;
}
header .header__menu-item span{
  color:#518027;
  font-weight:700;
  font-size:14px;
  text-transform: uppercase;
  font-family:Avenirblack;
  text-decoration:none;
}
header .header__menu-item .icon-caret {
  color:#518027;
  opacity:1;

} 
header .header__icons .fa {
    font-size: 18px;
}
header .cart-count-bubble {
  	top: 40px;
    left: 81px;
    background:#988363;
    color: white;
}
header .header__submenu.list-menu{
  	padding:0;
}
header .header__submenu.list-menu li a:hover{
  	background:#518027;
	color:white;
  	transition:all .2s;
  	transition-timing-function: ease-in;
}
.header__submenu .header__menu-item{
	text-decoration:none;
	font-family:'avenirmedium';
  	font-size: 12px;
    letter-spacing: 1px;
}
header .header__icon{
	color:#444;
	font-weight:bold;
  	text-decoration:none;
}
header .header__icon--account {
  	
  	justify-content:center;
  	align-items:Center;
}
header .header__icon:hover{
  	background:#518027;
  	border-radius:22px;
  	color:white;
}
header .header__icons {
  	align-items:center;
}
header .header__icon span{
  	justify-content:center;
	align-items:center;
    
  	
/*   width:200px; */
}
.header__menu-item :hover {
    color: #988363;
  	text-decoration:none !important;
}


header .modal__content{
    background: rgb(0 0 0 / 83%);
}
header .search__input.field__input{
	background:none;width:100%;
  	color:white;
}
header .search__button{
 	background:#417512 !important;
	padding:12px;
  	position:absolute;
  	right: -45px;
}
header .search__button .icon{
	color:white;
}
header .modal__close-button.link{
	color:white;
	margin-left:38px;
}

button.predictive-search__item--term{display:none;}
/* green side sticky box */
@media (min-width:768px)and(max-width:1023px){
  header a#cart-icon-bubble{margin:0;}
}
@media (min-width:767px){
  header a#cart-icon-bubble {
      position: relative;
      color: #fff;
      font-size: 15px;
      margin: 0px 0 0 15px;
      background-color: #417512;
      text-decoration:none;
}

header a#cart-icon-bubble:hover {
      border-radius: 0;
}

header .header__icon--cart {
      padding: 62px;
	  width: 220px;
}
header .custom-cart {
      background: white;
      color: #417512;
      font-weight: 700;
      border-radius: 40px;
      display: flex;
      white-space: nowrap;
      align-items: center;
      padding: 10px 25px;
}
header .header__heading-link {padding-left:37px;}
  header .custom-cart svg.icon {
      width: 3.4rem;
      height: 3.4rem;}
}

/*wishlist page css  */
.swym-ui-component .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn
{    background:#988363 !important;
  	 color:white !important;
  	 border-radius:30px;
  	 text-transform: capitalize;
     font-family: 'avenirMedium';
     letter-spacing: 1px;
}
.swym-ui-component .swym-wishlist-context-menu{color:#417512 !important;}
.swym-heading{color:#417512 !important;}
.swym-ui-components .swym-bg-2, .swym-ui-component .swym-bg-2{background:#417512 !important;}
.swym-ui-component .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn:hover{
background: #417512 !important;}

.swym-empty-wishlist-title p{font-family:'AvenirMedium';}
.swym-empty-wishlist-title {
	color:#988363 !important;
}

@media (max-width:767px){
 	 .custom-cart span.cart-text {display: none;}
  	header .header__icons a { padding: 0;}

}

/*------ About section css---- */
.About-dist .spn-about{font-weight:bold;}
.About-dist .img-content {
  	padding:50px 0px; 
}
.About-dist .About-img {
  	background-repeat:no-repeat;
}
.About-dist .About-content .About-img {
    padding: 100px 0;
    position: relative;
    background-size: cover;
}
.About-dist .upper-about {
    text-align:center;
    padding-bottom: 60px;
}
.About-dist .about-title {   
    text-transform: none;
    margin: 0 0 15px;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
    font-family: 'Arvo', serif;
}
.About-dist .big-img img {
    width: 100%;
}
.About-dist .small-img {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 152px;
    height: 86px;
    margin: auto;
    z-index: 1;
}
.About-dist .about-dec {
    margin:auto;
    width:58%;
    line-height:24px;
  	color:#7d7d7d;
  	font-family:'AvenirMedium';
}
.About-dist .Ab-img {
    text-align:center;
    font-weight:700;
    color:#988363;
    font-size:24px;
    padding-bottom: 20px;
}
.About-dist .Img-title {
    font-weight:700;
    color:#3b6a1b;
  	line-height:20px;
    padding-bottom: 30px;
}
.About-dist  .grid--4-col-tablet {
  width:65%;
  margin:auto;
}
.About-dist .big-img {
    position: absolute;
    bottom: -90px;
    z-index: 1;
    width: 334px;
    height: 297px;
}

/* our products */
.collection .card  {
  text-align:center;
}
.collection .card .view-btn {
	font-family: AvenirBlack;
    color: #959595;
    font-size: 16px;
    background: none;
    line-height: 26px;
    padding: 5px 25px;
    border-radius: 20px;
    vertical-align: top;
    border: 2px solid #959595;  
}

.collection .card button.view-btn:hover {
    color: #988363!important;
    border-color:red;
}

.collection .card .view-btn i {
    font-weight: 900;
    color:#959595;
    padding-left: 7px;
}
.collection .card__heading {
    text-align:center;
    font-weight: bold;
    font-size:18px;
    color: #3b6a1b;
}
.collection .price {
  	text-align:center;
}
 .email-img {
  	padding:50px 0;
}
.collection .full-unstyled-link{
	font-family:Avenirblack;
}
.collection .full-unstyled-link:hover{
  	color:#988363;
    text-decoration:none;
}
.collection  .product-btn{
	text-align:center;
}
.collection .collection__view-all a{
    text-align: center;
    color: #ffffff;
    min-width: 160px;
    line-height: 24px;
    background: #988363;
    border-radius: 30px;
    padding: 9px 21px;
    font-weight: bolder;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-family: avenirblack;
  	margin-top:20px;
}
.collection .button:after{
  	box-shadow:none;
}

.collection .button:hover{
  	background:#3b6a1b;
	transition: all 0.4s ease-out;
}
  
/*-------- carousel------- */
.slider_Part .slider_content {
    height:500px;
    overflow: hidden;
}
.slider_Part .slider_content .slick-list, .slider_Part .slider_content .slick-track {
    height: 100%;
}
.slider_Part .all-slider_content .video-slider0-sect #video {
    width: 100%;
    height: 100%;
}
.slider_dist .All_images {
    position: relative;
}
.slider_dist .slick-prev {
    position:absolute;
    z-index:1;
    top:344px;
    left: 95px;
}
.slider_dist .slick-next{
    position: absolute;
    right: 0;
    top: 344px;
    right:95px;
}
.slider_dist .slide-btn {
    background: #988363;
    color: #fff;
    text-decoration: none;
    padding: 10px 33px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 30px;
    display: inline-block;
}
.slider_dist .img-content {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-width: 440px;
    transform: translateY(-50%);
    right: 10%;
}

.slider_dist .Slider-head {
   	font-family: Arvo,serif;
    font-size: 50px;
    color: #3b6a1b;
    line-height:1.1;
    font-weight: normal;
    letter-spacing: -2px;
    text-transform: none;
  	
}
.slider_dist .Slider-txt {
  	color:#6faa3b;
  	font-family: Arvo,serif;
  	font-size: 50px;
  	line-height:1.1;
}
.slider_dist .Slider-desc {
    color: #3b6a1b;
    font-size: 24px;
    line-height: 24px;
  	padding-top:10px;
    
}
.slider_dist .slick-arrow {
  	position: absolute;
    top: 50%;
    transform: translateY(-50%);
  	z-index:1;
}
.slider_dist .arrow_right{
    right: 110px;
}
.slider_dist .arrow_left
{
    left: 110px;
    
}
.slider_dist .slick-dots {
  	display:flex;
    position: absolute;
    bottom: 0;
    right: 35px;
}
.slider_dist button{visibility:hidden;}
.slider_dist ::marker{
	color:#417512;
 	font-size:25px;
  	justify-content: center;
}
.Slider-head1{
  	font-size: 60px;
    color: #3b6a1b;
    font-family: Arvo;
    text-align: left;
    line-height:14px;
}
.Slider-txt1{
    color: #6faa3b;
    font-family: arvo;
    font-size: 60px;
}
.Slider-desc1{
    font-family: Arial;
    font-size: 25px;
    color: #3b6a1b;
    line-height: 1.2;
  	padding-bottom: 8px;
}
.slide-btn1{
  	background: #988363;
    font-weight: 800;
    text-decoration:none;
  	color:white;
  	border-radius: 25px;
    padding: 10px 30px;
   	display: block;
    width:35%;
  	text-align:center;
}
 .img-content1{
  	position: absolute;
    top: 25%;
    transform: translateX(141%);   
  }
/* Testimonial section */

.test-dist .slider-testimonial {
  background:white;
  width:50%;
  margin:auto;
  text-align:center;
  padding: 80px 50px;
  border-radius:10px;
  position: relative;
}
.test-dist .slick-slider p {
  font-weight:500;
  color:#518027;
  font-size:22px;
  font-family: 'AvenirMedium';
 }


.test-dist .slider-testimonial .arrow_left {
    padding: 0px 0px 0px 35px;
    background: url(/cdn/shop/files/slick-nav2.png?v=1649399085) 0px 0px no-repeat;
}
.test-dist .slider-testimonial .arrow_right {
    padding: 0px 35px 0px 0px;
    background: url(/cdn/shop/files/slick-nav2.png?v=1649399085) right 0px no-repeat;
}
.test-dist .slider-testimonial .arrow_left:after {
    position: absolute;
    overflow: hidden;
    content: '';
    top: 50%;
    right: 50%;
    width: 30px;
    height: 5px;
    display: block;
    margin: -2px 25px 0px auto;
    background: url(/cdn/shop/files/left-dots.png?v=1649402355) left center no-repeat;
}
.test-dist .slider-testimonial .arrow_right:before {
    position: absolute;
    overflow: hidden;
    content: '';
    top: 50%;
    left: 50%;
    width: 30px;
    height: 5px;
    display: block;
    margin: -2px auto 0px 25px;
    background: url(/cdn/shop/files/right-dots.png?v=1649404112) right center no-repeat;
}
.test-dist .slider-testimonial .arrow_left, 
.test-dist .slider-testimonial .arrow_right {
    position: absolute;
    top: auto;
    bottom: -40px;
    width: 35px;
    height: 35px;
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    transform: translate(0,0%);
}
.test-dist .slider-testimonial .arrow_left {
    left: 50%;
    margin-left: -40px;
}
.test-dist .slider-testimonial .arrow_right{
    right: 50%;
    margin-right: -40px;
}

.test-dist .image-test {
  position:absolute;
  right:-245px;
  top:0;
  z-index:1;
}
.test-dist .img-content {
    padding: 80px  0;
    background-size: cover !important;
}
.test-dist .test-msg {
  font-weight:900;
  color: #3b6a1b;
  font-size:23px;
  padding:0;
}

/*footer newsletter   */

.email-dist1 .email-img {
  padding:60px 0px;
  background-position:right;
}
.email-dist1 .footer-block__heading {
    text-align: left;
    width: 82%;
  	color:#518027;
  	font-size:20px;
  	font-family: 'AvenirMedium';
}
.email-dist1 .newsletter-form {
  margin:0;max-width:58rem;
}
.email-dist1  .field__input  {
  background:none;
  font-family: 'AvenirMedium';
}

.email-dist1 .send-btn 
{   background: none; 
    border: none;
    color: #988363;
    font-weight: 700;
    text-transform: uppercase;
  	display: flex;
  	align-items: center;
  	font-size:14px;
  	font-family:Avenirblack;
   
  	margin: 1px -8px;
}
.field { border-bottom: solid 2px #bebebd;}
button#mc-embedded-subscribe:hover {
    color: black;
}

.email-dist1 .fa {
    padding: 0 10px;
    font-weight: 900;
    font-size: large;
}
.email-dist1  .field__label, .customer .field label{
    color: #988363;
    font-size: 17px;
  	left:0;
}
.email-dist1 .newsletter-form__field-wrapper .field:after{
  	content: unset !important;
}

/* footer css */
 .footer{background:#988363;}
	footer .footer-block__details-content {
  	text-align:left;
    font-family:inherit;
}
/* footer .footer-block__details-content p{padding-right:40px;} */
footer .footer-block__details-content img{max-width:100% !important;}
footer .footer__copyright{
  	text-align:left;
}
footer .grid--2-col .grid__item {
  	color:white;
  	text-align:left;
}

footer .footer-block__heading {
  	color:white;
  	text-transform: uppercase;
  	font-family: avenirblack;
  	font-size:15px;
}

footer.footer {
  	margin-top:0;
}
  
footer .footer-block__details-content p {
	font-size:1.4rem;
  	line-height:1.4;
    font-family: 'AvenirMedium';
}
  
footer .footer__copyright{font-size:1.4rem;}
footer .copyright__content a{font-size:1.4rem;}
footer .link-part{color:white;padding-top:15px;text-align:center;}
footer .grid__item.footer-block--menu {padding-left: 25px;}
/* .footer-block.grid__item:nth-child(2){padding-right:25px;} */
footer .footer__content-top{border-bottom:solid 1px white;}
/* popup section */

.email-dist .pop-img img{
  	width:100%;
	height:100%;
    margin-bottom: -9px;
}
.email-dist	.pop-txt{
  	text-align:left;
  	font-weight:bold;
  	font-size:20px;
}
.email-dist	.pop-txtarea{
  	text-align:left;
    font-size: 14px;
    font-family: arial;
    font-weight: 300;
    line-height: 24px;
}

.email-dist .pop-btn{
  	width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);
    cursor: pointer;
    position: absolute;
    right: -7px;
    top: -6px;
    z-index: 2;
  	border:0;
}
.email-dist .fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    color: #414141;
    font-size: 15px;
    font-weight: 400;
}
.email-dist::before {
    content: "";
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.email-dist .email-content {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 100%;
    max-width: 710px;
    margin: auto;
    background: white;
  	left:0;
  	right:0;
}
.email-dist .grid__item {
  	padding: 22px 42px;
}
.email-dist .footer-block__heading{
	text-align:left;
  	padding:5px;
}
.email-dist .pop-right{padding:0;}
.email-dist .newsletter-form__field-wrapper .field__input{
	
  	border-radius:2px;
}
.email-dist .send-btn{
    background-color:rgb(131, 177, 87);
    border: 0 none;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 10px 18px;
   	float: left;
    white-space: normal;
  	margin:15px 0px;
}
.email-dist .newsletter-form__field-wrapper .field:after{
  	content: unset !important;
}
.email-dist .footer-block__heading {
	margin:0;
  	font-size: 17px;
	font-weight:bold;   
  	color: rgb(64, 64, 64);
}
.email-dist .pop-txt span:nth-child(2){
  	color:#6c6c6c;
  	font-weight: 500;
}
.email-dist .footer-block--newsletter{
  	margin-top:12px;
}
.email-dist .sp-club {
  	font-weight:bold;
  	font-family:Arial;
}
.product_btn{
	text-align:center;
	font-family:'avenir';
	background: #988363;
    margin: auto;
    width: 220px;
    padding: 9px;
    margin: 30px auto 0;
    border-radius: 45px;
}
.product_btn a {
    color:white;
    font-weight:bold;
	text-decoration:none;
    font-size: 15px;
}
.product_btn:hover{
    background:#417512;
    color:white;
    transition:all .1s ease;
}
/*Homepage Responsive  */

@media (min-width:768px) and (max-width:1024px){
        .About-dist .lower-img {position:relative;}
        .About-dist .big-img {width: 200px;height: 180px;}
        .About-dist .big-img{bottom:-40px;}
        .About-dist .about-dec {width:90%;margin:Auto;}
        .About-dist .grid--4-col-tablet{width: 95%;margin: auto;}
        .header{padding-top:0;}

        .collection  .grid--2-col-tablet-down .grid__item {width:30%;}
        .collection .card-wrapper{width:95%;}
        .email-dist1 .email-img{background-position:center;}
        .email-dist1 .field{width: 80%;}
        .email-dist1 .footer-block__newsletter{padding: 0 18px;}

        .test-dist .image-test{right: 0;z-index: 1;width: 200px;}
        .test-dist .image-test img{width:100%;}
        .slider_Part .slider_content{height:auto !important;}
        footer .footer-block-image img {max-width:100%;}
        footer .footer .footer__content-top  .grid__item{width:100%;}
        .test-dist .slider-testimonial{width: 90%;}
        .test-dist .slick-slider p{font-size: 21px;}
        footer .footer__blocks-wrapper{display:block;}
        footer footer .grid--2-col .grid__item{    width: 100%;}
        .footer .footer__content-top .grid--2-col .grid__item{width:100%;text-align:center;}
        footer .footer-block__details-content{text-align:center !important;text-transform:capitalize !important;}
        footer .footer__copyright{text-align:center;}
        footer .footer-block--menu ul.footer-block__details-content{
          display:flex;
          align-items: baseline;
          justify-content:center;
        }

        .img-content1{top: 7%;transform: translateX(61%);}
    footer .footer-block__details-content p{padding:0;}
  .footer-block.grid__item:nth-child(2){padding:0;}

}

/* For mobile */
@media (max-width:767px){
        .section-template--15821823607005__16486269655b9ff906-padding{padding:30px 0!important;}
        header .header__icon--cart{margin-right:0;}
        header header-drawer {margin-left:0;}
        header .cart-count-bubble{left:0;top:0;}
        header .header__icons{gap:0;}
        header  .header{padding: 0 12px;}
       .announcement-bar__message{font-size:13px;}
        .email-dist{display:none;} 
        .menu-drawer__menu-item{text-transform: uppercase;}
        .collection .card{padding-bottom:30px;}
        .collection {padding-bottom:0px !important;}
        .center{margin:0 0 30px !important;}
        .img-content1{
          transform:none;
          top:61%;
          width: 100%;
          max-width: 400px;
          margin:auto;
        }
        .Slider-head1{font-size:28px;text-align:center;}
        .Slider-txt1{font-size:28px;text-align:center;}
        .Slider-desc1{font-size:18px;text-align:center;}
        .slide-btn1{margin: auto;}
      /* slider   */
        .slider_dist .img-content{text-align:center;left:0;}

        .slider_dist .All_images .img-content {
          text-align: center;
          left: 0;
          right: 0;
          margin: auto;
      }
        .slider_dist .Slider-head {
          font-size: 28px;
          line-height: 1.2;
          text-align:center;
        }
        .slider_dist .slick-dots {
          justify-content:center;
          margin:0;
          position:relative;
          right:0;
          padding-left:0;
        }
  .product_btn{margin-bottom:50px;}
        #slick-slide-control15{display:none;}
        .About-dist .about-title{font-size:38px;}
        .About-dist .About-content .About-img{margin:30px 0;}
        .slider_Part .slider_content{height:auto;}
        .slider_dist .All_images{height: 450px;background-size:cover;background-position: center;}
        .slider_dist .Slider-txt{font-size: 28px;text-align:center;}
        .slider_dist .arrow_left {top:50%;left:30px;}
        .slider_dist .arrow_right {top:50%;right:30px;}
        .slider_dist .Slider-desc{font-size:18px;line-height:20px;}
        .About-dist .upper-about{padding-bottom:25px;}
        .About-dist .About-content .About-img{padding:40px 0;}
        .About-dist .small-img{display:none;}
        .About-dist .big-img {display:none;}
        .About-dist .about-dec{width:100%; padding:0px 10px;}
        .About-dist .About-img {background-size:cover;padding-bottom:30px;}
        .About-dist .grid--4-col-tablet{display:block;}
        .About-dist .grid__item {width:100%;max-width:100%;padding-bottom:10px;}
        .About-dist .small-img {left:384px;}

      /*  products  */
       .collection .title-wrapper--no-top-margin h2{
         font-size: 36px;
         text-align: center;
         padding: 0px 15px;
       }

        .collection .product-grid {display:block;}
        .product-grid .grid__item{width:100%;max-width:100%;}



      /* testimonial */
        .test-dist .slider-testimonial {width:90%;padding: 22px 21px 60px 21px;}
        .test-dist .slick-slider p {font-size: 16px;line-height: 1.2;}
        .test-dist .image-test{display:none;}
        .email-dist1 .email-img {
          background-image: url(/cdn/shop/files/intro-bg_20381558-653f-4ce4-8c28-94e898abb905.jpg?v=1648445248) !important;
          background-position:center;
          background-repeat:no-repeat;
        }
        .email-dist1 .footer-block__heading {width:100%;padding: 0px 15px;font-size: 21px;}
        .email-dist1 .field {width: 90%;margin: auto;}

      /*footer  */
        footer .footer-block__details-content{text-align:center;}

        footer .footer__copyright {text-align:center;}
        footer .grid--2-col .grid__item{text-align:center;}
        footer .footer-block__details-content .list-menu__item--link{
          justify-content:center;text-align:center;
        }  
        footer .footer-block__details-content p{text-align:center;}
        footer .footer-block--menu{display:none;}
        footer.footer .grid{display:block;}
        footer .footer-block-image>img{max-width:100%;}
        footer.footer .footer__content-top .grid--2-col .grid__item{width:100%;}
   		footer .footer-block__details-content p{padding:0;}
  		footer .footer-block.grid__item:nth-child(2){padding:0;}

}

/*================== PRODUCT PAGE START =========*/
.banner--content-align-center{min-height:385.42px!important;}
.banner .banner__box{
	background: none;
    min-width:60rem;
    text-align: left;
    padding: 0;
  	margin:0;
}
.banner__content.banner__content--middle-center{justify-content:left !important;}
.banner .banner__heading span{
    color: #988363;
    font-family: Arvo;
    text-align: left;
  	font-size:80px;
  	line-height:1;
}
 .breadcrumb a {   
  	color: #7d7d7d;
    text-decoration: none;
}
.breadcrumb {
  	padding-left: 106px;
 	padding-top:10px;
  	padding-bottom:10px;
   	background: #f7f7f7;
  	font-family:'avenirmedium';
 }
.product .product__title{
  	font-family: Arvo;
    position: relative;
    font-size: 32px;
    color: #518027;
    line-height: 1.2;
    font-weight: normal;
    text-align: left;
}
.product .price--large {
  	text-align: left;
  	color: #77a464;
    font-size: 1.25em;
}
.product .button--full-width {border-radius: 28px; margin-left:5px;margin-top: -27px !important;}
.product__info-container .product-form__submit {
  	background:#988363;
	color:white;
  	font-weight:bold;
  	margin-bottom:0 !important;
  	padding:0 !important;
}
.product-form__quantity .form__label{padding-right: 10px;}
.product__info-container .quantity{width: 122px;height:20px;}
.product__info-container .product-form__submit span{padding:0;font-size:1.8rem;}
.product__info-container .product-form__submit .button--secondary:after {opacity:unset;}
.product__info-container .product-form{text-align:left;}
.product__info-container .swym-button-bar .swym-add-to-wishlist {
   background:none !important;
   color: #518027 !important;
   text-transform:unset;
 }
.product .product__info-wrapper{text-align:left;}
.product__info-container  .swym-button-bar{margin:0;}
.product__info-container .swym-btn-container .swym-add-to-wishlist:after{
  color: #518027 !important;
}
.product__info-container .form__label{
  	text-align: left;
  	font-weight: 600;
  	color: #518027;
}
.product__info-container .product-form__quantity {display:flex;}
}
.product-recommendations .card-wrapper{width:300px;}
.product-recommendations .card__heading{
	color: #518027;
    font-size: 18px;
    font-family: 'Arvo';
}

.product__info-container a{
  	color: #518027;
	text-transform:capitalize;
	text-decoration:none;
}
.product-recommendations .price__container{
  	color: #77a464;
    font-size: 1.25em;}
.product-recommendations .card .view-btn {
    font-family: AvenirBlack;
    color: #959595;
    font-size: 16px;
    background: none;
    line-height: 26px;
    padding: 5px 25px;
    border-radius: 20px;
    vertical-align: top;
    border: 2px solid #959595;
}
.swym-btn-container span.swym-fave-count{border-color:#518027 !important;}

button.btn.swym-button.swym-add-to-wishlist.swym-inject.swym-has-fave-count.swym-icontext.swym-heart.swym-loaded {  	
 	margin-left: -197px;
    margin-top: 10px;
}
.product-text-block{color:#658f40;margin-top:0!important;}
.product__info-container>*+*{margin-bottom:0;}
.swym-btn-container .swym-add-to-wishlist.swym-icontext+.swym-fave-count{
  margin-top: 10px;
}
.card:hover .card__inner .card__media::after {
    content: '';
  	background: rgba(161,213,114,0.8) url(/cdn/shop/files/plus-icon.png?v=1651728032) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  	transition:all .1s ease;
}



/* Product page Responsive media query  */
@media (max-width:767px){
  .collection-hero__title{display:none;}
  .banner .banner__box{display:none;}
  .banner--content-align-center{min-height:100% !important;}
 	.breadcrumb{text-align:center !important;padding-left:0 !important;}
  .product-recommendations .card__heading{text-align:center;}
  .product-recommendations .card-information{text-align:center;}
  .product-recommendations .card-wrapper .card{text-align:center;}
  .product-recommendations.card-wrapper{margin-bottom:30px;}
  .product-recommendations  .collection{padding-bottom:0;}
  .product-recommendations .slider-buttons{font-size: 37px;}
  .slider-buttons.caption{font-size: 1.5rem;}
  .slider.slider--mobile{margin-bottom:0;}
}
.section-template--15821823574237__product-recommendations-padding{
padding-top:0;}

.product-recommendations__heading{
  text-align:center;
    font-family:Arvo;
    font-size: 36px;
    color: #518027;
    line-height: 1.2;
}
 .card.card--standard.card--media:hover .view-btn {
    color:#988363;
   border:solid 2px  #988363;
}
.card.card--standard.card--media:hover .view-btn i{color:#988363;}

/* CART PAGE CSS */
.cart__footer .cart__checkout-button {
  	background:#988363;
    color: white;
    FONT-WEIGHT: 600;
  	text-transform: capitalize;
  	border-radius:40px;
}
.cart__footer .cart__checkout-button:hover{
	background:#518027;
  transition:all .2s ease-out;
}
  .tax-note{font-family:'avenirMedium';font-size:15px;}
  .totals{font-family:'avenirMedium !important';font-size:15px;}
  .totals__subtotal{font-family:'avenirMedium';color:#7d7d7d;}
  .totals__subtotal-value{font-family:'avenirMedium';color:#7d7d7d;}
.cart-item__details{font-family:'avenirMedium';color:#7d7d7d;}
.cart-item__name{font-size: 18px;
    font-family: avenirblack;
    color: #417512 !important;}
.product-option{font-family:'avenirMedium';}

a.underlined-link {
    background: #988363;
}
.title-wrapper-with-link a.underlined-link{
    background: #988363 !important;
    text-decoration: none !important;
    color: white !important;
    padding: 9px 20px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    border-radius: 32px !important;
}
.title-wrapper-with-link a.underlined-link:hover{
	background:#417512 !important;
	transition:all .2s ease;
}
.title-wrapper-with-link .title{
  font-family:arvo;
  color:#417512 ;}

/*  cart empty page*/
.cart__warnings .button{
  	background: #988363;
    border-radius: 45px;
    color: #ffffff;
    font-weight: bold;
  	font-family:avenir;
 }
.cart__warnings .button:hover{
	background:#417512;
}
.is-empty .cart__empty-text, .is-empty .cart__warnings{
	font-family: arvo;
    color: #417512;
}
.cart__login-title{
  	font-family: avenir;
	color:#7d7d7d;}
.cart__login-paragraph{font-family: avenir;}

.cart__warnings a.underlined-link{background:none;}
/* ==========ABOUT PAGE- The Jorubi Story css======= */

.story-main .story-grid{display:block;padding:0 25px;}
.story-main{padding: 40px 0;}
.story-main .story-title{
  	text-transform: none;
    margin: 0 0 15px;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
  	font-family: 'Arvo', serif;
  	text-align: center;
}
.story-main .story-heading{
  	font-weight: bold;
    font-family: AvenirBlack;
    color: #988363;
    letter-spacing: 1px;
}
.story_images {
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 80px 0;
    position: relative;
    background-size: cover;
}
.story_images .image2{
  	position: absolute;
    right: -207px;
    top: 31px;
}
.story-main .story-msg {
  	color: #7d7d7d;
    line-height: 26px;
    text-align: justify;
	font-family: 'AvenirMedium';
    font-size: 15.5px;
}
.story_images{
  	background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
  	padding:80px 0;
  	position:relative;
}
.about-white-box{
  	background:White;
	padding: 80px;
    border-radius: 14px;
  	width: 900px;
    margin: auto;
  	position:relative;
}
.about-content{
  	text-align: center;
    font-family: AvenirBlack;
    color: #3b6a1b;
  	font-size: 20px;
}
.about-container2{
	color: #518027;
    font-size: 22px;
    text-align: center;
    line-height: 35px;
    margin: 10px 0px;
	font-family: 'AvenirMedium';
}
.section4 .solutionsListing h1{
	text-transform: none;
    margin: 0 0 15px;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
  	font-family: 'Arvo', serif;
  	text-align: center;
}
.section4 .grid--4-col-tablet{padding:35px 0 0  0 !important;}
.pageinnertitle{    
  	text-align: center;
    margin: auto;
    width: 605px;
 	 color: #7d7d7d;
	font-family: 'AvenirMedium';
}
 .imgText{
	font-weight: 800;
   	font-size:17px;
    color: #3b6a1b;   
   	padding-right: 10px;
    line-height: 20px;
    padding-bottom: 30px;
}
.section4 {padding: 0 0 50px 0;}
.section4 p{
  	text-align:center;
	font-size: 16.5px;
    line-height: 26px;
  	padding: 0 30px;
  	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.imageSec3{
	position:relative;
    padding: 50px 0 50px 0px;
}
.SkinImg3 {position: absolute;
    right: -102px;
    bottom: 0;
}
.about-content-area3{
 	font-weight: bold;
    font-family: AvenirBlack;
    color: #988363;
    letter-spacing: 1px;
    font-size: 20px;
}
.about-content-area4 {
  	width: 780px;
	line-height: 26px;
    text-align: justify;
  	color: #7d7d7d;
  	margin:15px 0px;
	font-family: 'AvenirMedium';
}
.skin_img{
  	padding:55px 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Responsive of About page For mobile */

@media (min-width:768px) and (max-width:1024px){
  .about-white-box{width:90%;}
  .about-content-area4{width:100%;}
  .story-main .story-msg{font-size: 17px;}
  .about-content-area4{font-size: 17px;}
  .section4 p{font-size: 16px;padding:0 30px;}
  .section4 .grid--4-col-tablet{padding: 35px 15px !important;}
  .imgText{font-size: 18px;} .pageinnertitle{font-size:19px;}
  .section4 .solutionsListing h1{font-size:40px;}
  .solutionsListing{padding: 20px 0px;}
  .SkinImg3{right: -44px;bottom: -53px;}
   header .header{padding: 0 12px;}
  header header-drawer {margin-left:0;}
}
@media (max-width:767px){
   .about-content-area4{width:100%;}
   .pageinnertitle{width:100%;padding: 0 30px;}
   .story-main .story-title{font-size:30px;}
   .story_images{padding:20px 0;}.imgText{padding-bottom:0;}
   .section4 .solutionsListing h1{font-size:30px;}
   .about-white-box{width:90%;padding:15px;}
   .about-content{font-size: 18px;line-height:1.3;}
   .about-container2{font-size: 17px;line-height: 23px;}
   .story_images .image2{display:none;}
   .SkinImg3{display:none;}
   .skin_img{padding:20px;}
   .about-content-area3{line-height:1.2;}
   .section4 .grid--4-col-tablet{display:block;padding:20px 0 20px 0 !important;}
   .section4 .grid__item {width:100%;max-width:100%;}
  .section4 p{padding:0 30px;}
}


/*==============  *About page JORUBI DIFFERENCE PAGE=============== */
.breadcrumb span{color: #518027;}
.quality-content .Diff-title{
  	text-transform: none;
    margin: 0 0 15px;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
    font-family: 'Arvo', serif;
    text-align: center;
}
.quality-content .diff-msg{    
  	text-align: center;
    margin: auto;
    padding: 0px 184px;
    line-height: 26px;
 	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.quality-content .diff-head{
	font-weight: bold;
    font-family: AvenirBlack;
    color: #988363;
    letter-spacing: 1px;
	text-align:center;
  	font-size: 20px;
    padding: 40px 0 150px;
}
.quality-content .Diffblock-title{
  	line-height: 26px; 	
}
.back-Img .Diffblock-title{
	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.back-Img{
	margin: 0px 60px 125px 0;
    position: relative;
  	padding: 145px 40px 70px;
}
.back-Img .block-img img{
  	border: 2px solid #518027;
    border-radius: 50%;
    padding: 8px;
}
.back-Img .block-img{
  	position: absolute;
  	top: -100px;
    left: 0;
    right: 0;  
}
.back-Img .block-msg{
    font-family: AvenirBlack;
    color: #518027;
    font-size: 20px;
    line-height: 30px;
}
.block-view back-Img{
  padding-bottom:100px;}

/* process diff responsive */

@media (min-width:768px) and (max-width:1024px){
  .back-Img{margin:0 0 50px;}
  .quality-content .diff-msg{padding:0 30px;}
  .diff-dist{padding:0 20px;}
}
@media (max-width:767px){
  .quality-content .Diff-title {font-size:30px;margin: 25px 0 15px;}
  .quality-content .diff-msg{padding:0;}
  .diff-view{display:block;}
  .block-view{width:100%;max-width:100%;}
  .back-Img{margin:0 0 80px 0;}
  .block-view.grid__item .back-Img:last-child{margin-bottom: 51px !important;}
  .timeline-section .Title-timeline{font-size:35px !important;}
}


/* ==========SCIENCE OF ALOVERA  PAGE======= */
.bkSci-img{padding:80px;position:relative;}
.bkSci-img .nameSci{    
  	font-weight: 500;
    line-height: 1.4;
    color: #988363;
    text-align: center;
    font-size: 20px;
  	font-family: 'AvenirMedium';
}
.bkSci-img .aboutScience{
	text-align: center;
    font-size: 17px;
    padding: 18px 0;
  	font-family: 'AvenirMedium';
    color: #7d7d7d;
}
.Science-dist{
  	width:100%;
	padding:0;
}
.aloe-img{
	position: absolute;
    right:-43px;
}
.genproperty-dist .property-title{
  text-transform: none;
    margin: 0 0 15px;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
    font-family: 'Arvo', serif;
}
.genproperty-dist .property-msg{
    line-height: 26px;
    text-align: justify;
    font-size: 17px;
    color: #7d7d7d;
    font-weight: normal;
  	font-family: 'AvenirMedium';
}
.genproperty-dist{padding:100px 0;}
.benifit-title{    
  	font-size: 55px;
    color: #518027;
    line-height: 1.1;
	font-family: Arvo;
  text-align:center;
}
.genproperty-dist .pro-back{display:flex;}
.benifitBk-Img{
	position: relative;
    display: block;
    overflow: hidden;
    padding: 80px 0px;
}
.genproperty-dist .block-msg{
   	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.genproperty-dist .property-end{
   	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.genproperty-dist .IconProperty{padding-right:10px;}
.benifitBk-Img .block_title {
  	text-align:left;
    counter-increment: my-awesome-counter;
}
.benifitBk-Img .block_description{
  	text-align:left;
  	font-size: 17px;
    line-height: 26px;
  	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.benifitBk-Img .block_title{
  	font-family: AvenirBlack;
    font-weight: normal;
    color: #417512;
    font-size: 20px;
}
.summary-block{padding:0;}
.summary-block .summary-Title{	
  	font-family: Arvo;
    text-transform: none;
    padding-bottom: 0px;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;}
.summary-back{padding:0;
}
.summary-back .block-msg{
    text-align:left;
	font-size: 16px;
  	padding: 0 10px;
 	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.research-block{padding:0;}
.research-block .research-title{
	text-align:center;
     text-align: center;
    font-weight: 700;
    color: #988363;
    font-size: 24px;
}
.research-block .desc-Research{
	font-size: 17px;
    line-height: 28px;
    text-align: center;
  	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.research-block .researchBk-img{
    padding: 60px 80px 85px 80px;
  	position:relative;
  	margin: 65px 0;
}
.research-block .tree-img {
    position: absolute;
  	left: -69px;
    bottom: -58px;
}

.summary-back .grid__item{display:flex;}
.timeline-section .Title-timeline{
	font-family: Arvo;
    text-transform: none;
    padding:20px  0px;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
	text-align:center;
}
.timeline-section .time-heading{
    text-align: center;
    font-family: AvenirBlack;
    color: #988363;
    letter-spacing: 1px;
    font-size: 18px;
}
.timeline-section .time-desc{
    text-align: center;
    font-size: 16px;
    line-height: 26px;
  	padding: 0 0 36px 0px;
    color: #7d7d7d;
    font-family: 'AvenirMedium';
}
.benifit-dist .grid__item h3.block_title:before {
    font-family: AvenirBlack;
    position: absolute;
    width: 25px;
    height: 25px;
    color: #ffffff;
    font-size: 10px;
    overflow: hidden;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    font-weight: normal;
    background: #417512;
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 1px 1px #417512;
    content: counter(my-awesome-counter) " ";
  	left:0;
}
.benifit-dist .grid__item {
  	padding-left: 40px;
    position: relative;
}

/* science of alover repsonsive */
@media (min-width:768px) and (max-width:1024px){
  .aloe-img{right:7px;}
  .genproperty-dist .property-title{font-size:40px;}
  .genproperty-dist .property-content{padding:20px;}
  .genproperty-dist{padding:85px 0 20px 0;}
  .benifit-title {font-size:40px;}
  .benifitBk-Img{padding:30px 20px;}
  .summary-block .summary-Title {font-size:40px;}
  .summary-content{padding:0 20px;}
  .research-block .researchBk-img{padding: 10px 20px 110px;margin: 30px 12px;margin-bottom:60px;}
}
@media (max-width:767px){
  .Science-dist .bkSci-img{padding:38px;}
  .bkSci-img .aloe-img{display:none;}
  .genproperty-dist{padding:20px;}
  .genproperty-dist .property-title{font-size: 33px;}
  .benifitBk-Img .grid{display:block;width: 90%;margin: auto;}
  .benifit-dist  .benifit-title{font-size: 32px;}
  .benifit-dist .grid__item{width:100%;max-width:100%;}
  .summary-block .summary-Title{font-size: 30px;}
  .summary-back .grid__item{width:100%;max-width:100%;}
  .benifitBk-Img{padding:30px 0;}
  .summary-content{padding:0 20px;}
  .research-block .researchBk-img{padding:20px;margin: 30px 12px;}
  .research-block .tree-img{display:none;}
}


/*contact page start  */
.contactTitle_id {
    font-family: Arvo;
    font-size: 55px;
    color: #518027;
  	text-align:Center;
}
.sequence {display:flex;}
.sequence .locate {
	font-family: AvenirBlack;
    color: #988363;
    letter-spacing: 1px;
  	font-size:16px;
    text-transform: uppercase;
  	text-align:left;
}
.sequence .call{
    font-family: arial;
    line-height: 1.6;
    text-align:left;
    font-size: 14px !important;
    color: #7d7d7d;
  	font-family: 'AvenirMedium';
}

.contact-locate-box{padding-left: 15px;}
.contact-locate-box{padding: 0 10px;}
.contact-locate-box .call:nth-child(3){color:red;}
.sequence  .call span{font-weight:bold;}
.sequence  .call a {
  	text-decoration:none;
	color: #7d7d7d;
}

.contact__fields .field__label, .customer .field {
	color: #988363;
  	font-size: 18px;
  	left: 0;
}


.field:hover{
border-bottom: 2px solid #988363;
}
.contact.field__input{margin
:0 35px;}
.field:before{box-shadow:none;}
.field:after{box-shadow:none;}
.field__input:focus{box-shadow:none;}
.field__input:hover{box-shadow:none;}
.field .field__label{
  	color: #988363;
  	font-size: 18px;
	left: 6px;
	font-family: 'AvenirMedium';
}

.alo-image{
  	position:absolute;
	right:0;
}
.contact__button {text-align:center;}
.contact__button button{
    font-family: AvenirBlack;
    cursor: pointer; 
    color: #988363;
    font-size: 16px;
    overflow: hidden;
    background: none;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
    border-radius: 25px;
    vertical-align: middle;
    border: 2px solid #988363;
}
.contact__button button:hover{
	color: #ffffff;
    background: #988363;
    border-color: #988363;
    transition: all 0.4s ease-out;
}
.jroubi-back {
	color: white;
    text-align: center;
    padding: 10px 0;
}
.contact_text{
	color: #7d7d7d;
	font-family: 'AvenirMedium';
}
.contact-cent{
	padding:30px 0;
}
.field:hover.field:after{box-shadow:none;}

.lower-img{margin-top:60px;}
.contact__button i {
	padding-left:10px;
}
.contact_header{
  font-family: Arvo;
  font-size: 55px;
  color: #518027;
  margin: 0;
}

.alo-back{position:relative;}

.contact.field{
	margin:auto;
}
 .contact .isolate{padding:20px !important;}
.contact__fields{grid-column-gap: 0rem;margin:auto;}
.contact {padding: 0px 10rem;
padding-top:120px !important;}


.shopify-challenge__button {
  background:#988363;
  color:white;
  font-weight:bold;
  border-radius: 30px;
}
.shopify-challenge__button:hover{
background:#518027;
  color:white;
}
/* Responsive  */
@media (min-width:1024px) and (max-width:1100px){
  .alo-back:after {
    background-size: 57% !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;}
    .contact{padding:0;}

}
@media (min-width:768px) and (max-width:1023px){
  .contact_header{padding:0 18px;font-size:35px;}
  .contact_text{padding:0 21px;}
  .contact{padding:0 !important;}
  .contact__fields{grid-column-gap: 0rem;padding:0;margin:0;}
  .contact.field{margin:auto;}
  .contact-cent{padding: 30px 13px;}
  .sequence .locate {font-size:14px;}


}
@media (min-width:991px){
.alo-back:before {
    content: "";
    background: url(/cdn/shop/files/bg-04.png?v=1649938508);
    height: 563px;
    width: 386px;
    position: absolute;
    left: 0;
    display: inline-block;
    bottom: -95px;
}
.alo-back:after {
    content: "";
    background: url(/cdn/shop/files/bg-05.png?v=1649935020);
    height: 400px;
    width: 500px;
    position: absolute;
    display: inline-block;
    top: -33px;
    right: 0;
	}
}
@media (max-width:767px){
  .sequence {width:100%;max-width:100%;padding: 15px 25px;}
  .alo-image{display:none;}
  .contactTitle_id{font-size:35px;}
  .contact_header{font-size:28px;}
  .contact-cent{margin:0;}
  .contact{padding-top:10px !important;}
  .text-area field__input{margin:0;}
  .alo-back:after{display:none;}
  .contact {padding:0 15px;}
  .contact__fields{padding:0;}
  .contact-cent{padding:0;}
 .banner__media.media {height:14rem !important;}
}


/* =======jorubui login page======= */

.Account-heading {
  	font-family: Arvo;
    text-transform: none;
    padding-bottom: 0px;
    font-size: 55px;
    color: #518027;
    /* line-height: 1.1; */
    text-align: center;
}

#login{
    font-family: Arvo;
    position: relative;
    font-size: 36px;
    color: #518027;
    line-height: 1.2;
    font-weight: normal;
    text-align: left;
}

.customer h1{font-family: Arvo;
    position: relative;
    font-size: 36px;
    line-height: 1.2;
    font-weight: normal;
    text-align: left;
   	color: #518027;
} 

.Account-cl .field__input, .customer .field input{

  	box-shadow:none !important;
  	
}

.Account-cl .customer .field label{
  	color: #7d7d7d !important;
    font-weight: 700;
  	letter-sapcing:0px;
   	font-family:'avenirMedium';
}
.customer form{
	border: 1px solid #d3ced2;
    padding: 20px;
    border-radius: 5px;
  	text-align:left;
}

.customer button{
  	border-radius: 50px;
    background: #988363;
    color: #fff;
  	min-width:20%;
  	min-height:100%;
  	padding: 10px 0px;
  font-weight:bold;
}
.customer button:hover{
    background-color: #417512;}
.login .field+a{
	color: #518027;
    text-decoration: none;
    font-size: 15px;
}

.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after{box-shadow: unset;}

.field:hover.field:after, .select:hover.select:after, .select__select:hover.select__select:after, .customer .field:hover.field:after, .customer select:hover.select:after, .localization-form__select:hover.localization-form__select:after{box-shadow:none;}
.customer:not(.account):not(.order){
    max-width: 58.8rem !important;
}


/* Responsive  */
@media (min-width:990px) and (max-width:1230px){
  .header--middle-left{column-gap: 0rem;}
	
}
@media (min-width:768px) and (max-width:1024px;) {
  .Account-cl .grid__item{width:100%;max-width:100%;}
  .customer button{padding: 10px 20px;}
  .customer form{margin-top:0;}
  
}
@media (max-width:767px) {
  .table-responsive {overflow:auto;}
  .Account-cl.grid__item{width:100%;max-width:100%;padding-bottom:50px;}
  .customer button{padding: 10px 20px;}
  .Account-heading{font-size:35px;}
  .customer form{padding-top:0 !important;}
  .customer:not(.account):not(.order){
    margin:0 !important;
    max-width:100% !important;
  	width:100% !important;
  }
  #login{font-size:35px;}
  .customer h1{font-size:35px;}
  .table-responsive {overflow:auto;}
  .page.Privacy{word-break: break-all !important;}
  body{overflow-x:hidden;}
  .common-page .rte a{word-break: break-all !important;}
  .search-modal__form .field{width:89%;}
}

.predictive-search{display:none!important;}
/* ========Jorubi Process page=========== */
.time-back .grid__item{
	width:100%;
	max-width:100%;
}

.time-back {
  	padding:20px;
    font-family: 'AvenirMedium';
    color: #7d7d7d;
    line-height: 26px;
  	position:relative;
}
.time-back-up {
  	padding:20px;
    font-family: 'AvenirMedium';
    color: #7d7d7d;
    line-height: 26px;
  	position:relative;
  	letter-spacing: 0px;
}
.g-space{
  	padding-bottom:20px;
  	justify-content:center;
	position:relative;
}

.full-content-down .time-back:before {
    content: "";
  clip-path: polygon(100% 100%, 0 100%, 51% 24%);
    position: absolute;
    z-index: 1;
    background: #e3e3e1;
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    margin: auto;
    top: -19px;
}
.full-content-up .time-back-up:after{
  	content: "";
    clip-path: polygon(100% 0, 0 0, 50% 71%);
    position: absolute;
    z-index: 1;
    background:#e3e3e1;
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    margin: auto;
  	bottom: -19px;
   }
.Timeline-divider{
  padding: 25px 0 25px  0px;
}
.full-content-up:first-child{
/* 	position: absolute; */
    left: -15px;
    width: 250px;
}

.full-content-up:nth-child(2){
	left: 339px;
    width: 250px;
/*     position: absolute; */
}

.full-content-up:nth-child(3){
	width: 250px;
    right: 154px;
/*     position: absolute; */
}

/*-------downside boxes ----- */
.full-content-down>:first-child{
  	width:280px !important;
/*     position: absolute !important; */
}

.full-content-down+:second-child{
  	width:250px !important;
/*     position: absolute !important; */
  	right: 311px !important;
    bottom:0 !important;
}

.full-content-down+:last-child{
  	width:250px !important;
/*     position: absolute !important; */
  	right: 1px !important;
	bottom:92px !important;
}


/*Privacy page*/

.rte .h1 {
    font-family: 'arvo';
    line-height: 26px;
    color: #7d7d7d;
    font-size: 16px;
}
.rte i{
 	font-family: 'avenirMedium';
}
.common-page .rte h2{
    font-family: 'arvo';
    line-height: 26px;
    color: #7d7d7d;
    font-size: 12px;
}

 /*FAQ*/

.faqs-dist .faq-title {
    text-align:center !important;
    font-family: arvo;
    color: #518027;
}
.accordion {
    color: #518027;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    font-family: avenirblack;
    font-size:18px;
}
.panel{ 
 font-family: 'avenirmedium';
  color: #7d7d7d;
}
.faqs-dist{padding-bottom:50px;}


 /*Terms and Conditions*/
.common-page .rte{
padding-bottom: 50px;
}
.common-page .rte h1{
  	font-family:Arvo;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
    text-align:center;
}
.common-page .rte h2{
  	font-family:'Avenirblack';
    font-size: 16px;
    color: #988363;
    line-height: 1.1;
    text-align: left;
}
.common-page .rte>strong{
    padding:0 15px;
    font-size:15px;
  	font-family:'avenirblack';
} 
.common-page .rte strong {
 	color: #988363;
  	font-family:'avenirblack';
      font-size:15px;
}
.common-page .rte .overview{
  	font-family:'Avenirmedium';
  	color: #7d7d7d;
  	font-size:16px;
  	padding:0 15px;
}

.common-page .rte p {
	text-align:justify;
  	font-family:'avenirmedium';
    color: #7d7d7d;
    padding:0 15px;
}

@media(max-width:767px){
  .common-page .rte h1{font-size:35px;}
  .faqs-dist .faq-title{font-size:22px;}.accordion{font-size:16px;} /*   FAQ responsive */

}
/*Try us page  */
.try_dist{text-align:center;
    padding: 55px 0;
}
.try_dist .tyry_heading{
    font-family: arvo;
    font-size: 55px;
    color: #518027;
}
.try_dist .tyry_title{ 
  	font-family: arvo;
    font-size: 30px;
 	color: #518027;
}
.try_dist .tyry_description{font-family:'avenirmedium';
    color: #7d7d7d;
	font-size:16px;
}

/*==========find store===========  */
ul.tabs li:nth-child(2){
	background:none;
	color:white;
  	text-align:center !important;
  	font-weight:700;
  	padding:8px 0;
}
.tab-panel ul li{
	color: #7d7d7d;
    font-family:'avenirmedium';
}

.tab-panel .table_cont{width:20%}

.tab-panel .table_cont, .tab-panel1 .table_cont1{border-left: 1px solid#f5f5f5;}
.tab-panel .table_cont:first-child, .tab-panel1 .table_cont1:first-child{border-left:0;}


ul.tabs li:nth-child(2):hover{
   /* background: #988363;
  	color:white;*/
  	transition: all .2s ease;
}
span.Cont_headings{
    color:#417512;
    font-size: 22px;
    font-family:'avenirmedium';
}
.tab-panel-cont ul {
  margin: 0;
  padding: 0;
}
.tab-panel-cont ul li {
    list-style-type: none;
    display: block;
    background: none;
    margin: 0;
    padding: 3px 10px;
    border:0;
    color: #7d7d7d !important;
    font-weight: 200;
    cursor: pointer;
}
.tab-panel-cont ul li:first-child{border-left: 0}
.tab-panel-cont ul li:last-child{border-right: 0}
.tab-panel-cont ul li:hover {
    background: none;
    color: black;
}
/*.tab-panel-cont .tabs ul li:first-child{width:49%;
    background: #988363;
}
.tab-panel-cont .tabs li:last-child{
	width:49%;
    color:#988363;}
.tab-panel-cont .tabs li:first-child{
	width:49%;
    background: #988363;
  	text-align:center !important;
  	font-weight:700;
  	padding:8px 0;
  	color:white;
}*/
.tab-panel-cont .tab-panel {
    padding: 30px;  
    width: 100%;
    background:none;
    border:none;
    display:none;
}
.tab-panel-cont .tab-panel.active {
  display: block;
}

.tab-panel-cont .tab-panel.active{text-align:center;}
.store_dist{text-align:center;padding-top: 50px;}
.store_dist .Store_heading{
    font-family: Arvo;
    font-size: 55px;
    color: #518027;
    line-height: 1.1;
}
.store_dist .Store_title{
    font-family: Arvo;
    font-size: 30px;
    color: #518027;
    line-height: 1.1;
}
.store_dist .Store_desc{
    font-family:'avenirmedium';
    color: #7d7d7d;
	padding: 10px 0;
}
.store_dist .Store_titledesc{
    font-family:'avenirmedium';
    color: #7d7d7d;
  	padding: 10px 0;
}
.tab-panel-cont{
	margin-top:20px;
}
.singapore-list li{text-align:center;font-family: 'avenirMedium';}
.singapore-list .list_items{
  	margin:0 21px;
	display:inline-flex;color:#7d7d7d;
}
ul.singapore-list:last-child .list_items {
    margin: 0 !important;
}
/* down table */
.content>p{width:100%}
.body_malaysia tr td:first-child{
	width:30%;
   text-align:right
}
.malysia-header{
  font-family: 'Avenir';
  font-size: 22px;
  color: #3b6a1b;
  display:block;
  text-align:center
}
.table_cont1 {text-align:center;width:20%;}
.table_cont1 .Cont_headings{text-align:center;}
.table_cont1 ul{list-style:none;}
.tab-panel-cont1 .titleH-head{
    text-align:center;
  	font-family: Arvo;
    font-size: 36px;
    color: #518027;
    line-height: 1.2;
}
.tab-panel-cont1 .titleH-desc {
    text-align: center;
    font-size: 16px;
    font-family: 'avenirmedium';
    color: #7d7d7d;
    padding: 10px 0 20px;
}

.table_cont1 ul{
  	color:#7d7d7d !important;
	font-family:'avenirmedium';
	line-height:24px;
}
.find-store .page-width{
	padding-left:0;
   padding-right:0
}
.find-store .custom-tabs{
  display:flex;
  padding:0 !important;}

.find-store .custom-tabs li {
    width: 50%;
    list-style: none;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    color: #988363 !important;
  	background:transparent;
    border:0; 
}
.find-store .custom-tabs li.active,.find-store .custom-tabs li:hover {
    width:50%;
    list-style: none;
    text-align: center;
    font-weight: bold;
    color: #ffffff !important;
    background: #988363 !important;
  	border:0;
}

.tab-panel-cont1 .tab-panel1.active {
    display: flex;
    width: 100%;
}
.active{display:flex;}
.heading_tab{
    font-weight: bold;
    color: #988363;
  	font-size:18px;
}
.accord{
  	display:flex !important;
    margin-bottom: 10px;
  	align-items: center;
  	padding:0 15px !important;
}

  .mobile{display:none;}
  .mobile1{display:none;}
.find-store .tab-panel-cont1 #tabs1-2 table{
	font-family:'avenirmedium';}

.tab-panel-cont1 ul {
  margin: 0;
  padding: 0;
}

.tab-panel-cont1 ul li {
  list-style-type: none;
  display:block;
  margin: 0;
  padding: 3px 10px;
  border-radius: 2px 2px 0 0;
  font-weight: 200;
  cursor: pointer;
}

.tab-panel-cont1 ul li:first-child{border-left: 0}
.tab-panel-cont1 ul li:last-child{border-right: 0}

.tab-panel-cont1 ul li:hover {
/*   color: #fff;
  background: #1e1e23; */
}

.tab-panel-cont1 ul li.active {
/*   color: #fff;
  background: #014f9c; */
}

.tab-panel-cont1 .tab-panel1 {
  display: none;
  background:#f2f2f2;
  padding: 30px;
  width: 40%;
  border: 1px solid #e3e3e3;
   
}

.tab-panel-cont1 .tab-panel1.active {
  display: block;
}

table{width:100%}
.find-store .tab-panel-cont1 .tab-panel1{
	background:transparent;
    border:0
}

.find-store .tab-panel-cont1 #tabs1-2 table{box-shadow:none}
.find-store .tab-panel-cont1 #tabs1-2 table td{
	border:0;
    padding:3px
}
.find-store .tab-panel-cont1 #tabs1-2 table tr td:first-child{
	width:30%;
    text-align:right
}
.find-store .tab-panel-cont1 #tabs1-2 table tr td:last-child{
	text-align:center
}
#tabs-1 .content{display:flex;}
#tabs1-1 .content{display:flex;}

/* Responsive */
@media (min-width:767px)and (max-width:1024px){
	.Storeimages img{width: 140px;}
  .store_dist .Store_titledesc{padding:10px 20px;}
  .store_dist .Store_heading{font-size:35px;}
  .find-store .tab-panel-cont{padding:0 10px;}
  .find-store .tab-panel-cont1{padding:0 10px;}
  .mobile{display:none;}
  .mobile1{display:none;}

  

}

@media (max-width:767px){
  .Storeimages img{width: 140px;}
  .store_dist .Store_titledesc{padding:10px 20px;}
  .store_dist .Store_heading{font-size:35px;}
  .tab-panel-cont1 .tab-panel1.active{display:none;}
  .find-store .tab-panel-cont{display:none;}
  .find-store .tabs1{display:none;}
  .mobile{display:block;}
  .mobile1{display:block;}
  .table_cont{text-align:center;width: 100%;}
  .table_cont1{text-align:center;width: 100%;}
  .table_cont ul{padding:0;}
  .table_cont1 ul{padding:0;}
  .table_cont ul li{list-style:none;font-size:16px;}
  .table_cont1 ul li{list-style:none;font-size:16px;}
  .accord {display: flex;justify-content: space-between;align-items: center;}
  .accord::after{font-size: 30px;color:#988363 !important;}
  .accord1 {display: flex;justify-content: space-between;align-items: center;
    margin-bottom:10px;
  padding:0 15px !important;
  }
  .accord1::after{font-size: 30px;color:#988363 !important;}
  .panel table tr td{border-style : hidden!important;}
  .panel table{box-shadow:none;}
}
.card-wrapper .card .card__inner {
    background: transparent;
}