/*======Menu CSS=======*/
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 15px 0px 15px !important;
}
li.sp-menu-item:hover {
  background-color: #fafff7;
    color: #7aa93f;
}
.d-flex.justify-content-end.justify-content-xl-center.align-items-center {
    align-items: flex-start !important;
}
/*Sign Up module CSS*/
.custom-login-container {
    text-align: right !important;
  	display: block !important;
}
p#refer-a-friend {
    /* visibility: hidden; */
    display: none;
}
/*Hover Animation CSS*/
li.sp-menu-item:hover::after {
    width: 100%;
}
li.sp-menu-item::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
     background: linear-gradient(to right, #9FC35A 0%, #699C3C 100%);
    transition: width .3s;
}
li.sp-menu-item {
   text-transform: uppercase;
    text-decoration: none;
}
nav.sp-megamenu-wrapper.d-flex li {
    margin-bottom: 0;
}
/*2nd section*/
section#sp-section-2 {
    background-color: rgba(252 , 252, 252, 1);
    padding-top: 16px !important;
}
/*Custom Menu Alignment*/
div#sp-menu nav {
    justify-content: space-evenly;
}
div#mod-custom116 {
    float: right;
}
section#sp-menu {
 box-shadow: 2px 2px 4px rgb(0 0 0 / 6%);
}


@media (min-width: 500px) and (max-width: 991px){
	 div#sp-cstm-sign {
		width: 50%;
	}
	div#sp-cstm-ref {
		width: 50%;
	}
}
@media (min-width: 391px) and (max-width: 499px){
	div#sp-cstm-sign {
		font-size: 14px;
		width: 47%;
		padding-left: unset !important;
	}
	div#sp-cstm-ref {
		font-size: 14px;
		width: 50%;
	}
}
@media (min-width: 320px) and (max-width: 390px){
	div#sp-cstm-sign {
		width: 50%;
		padding-right: 10px; 
		 padding-left: unset; 
		font-size: 11px;
	}
	div#sp-cstm-ref {
		width: 50%;
		font-size: 11px;
	}
}
/*Menu Responsive*/
@media (min-width: 1200px){

#sp-header-topbar .container-inner>.row {
	min-height: 90px !important;
    margin-bottom: -15px;
}
/*.logo-image {
    height: 127px !important;  
}*/
div#sp-logo {
    WIDTH: auto !important;
}
#sp-header-topbar .container-inner {
    border-bottom: unset !important;
}
a#offcanvas-toggler {
    display: none !important;
}
}

@media (min-width: 320px) and (max-width: 1199px){
  
	#sp-header-topbar .container-inner>.row {
		 min-height: unset !important; 
	}
	div#sp-header-topbar {
		display: none;
	}
}
/*Custom Sticky Menu Breakpoint*/
@media (min-width: 800px) and (max-width: 990px){
	nav.sp-megamenu-wrapper.d-flex {
		display: blcok !important;
	} 
}
/*Bigger Tablet*/
@media (min-width: 992px) and (max-width: 1199px){
	.col-lg-3 {
		flex: 0 0 auto;
		width: 89%;
	}
	.logo-image {
		height: 94px !important;
	}
	.col-lg-9.col-6.col-xl-12 {
		max-width: max-content;
	}
	#sp-header {
		height: 60px;
	}
	header#sp-header .row {
		align-items: center;
		padding-top: 8px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
 .col-lg-3 {
    flex: 0 0 auto;
    width: 86%;
}
.logo-image {
    height: 94px !important;
}
.col-lg-9.col-6.col-xl-12 {
    max-width: max-content;
}
#sp-header {
    height: 114px;
}
header#sp-header .row {
    align-items: center;
    padding-top: 8px;
} 
}

@media (min-width: 577px) and (max-width: 767px){
  .col-lg-3 {
    flex: 0 0 auto;
    width: 81%;
}
.logo-image {
    height: 88px !important;
}
.col-lg-9.col-6.col-xl-12 {
    max-width: max-content;
}
#sp-header {
    height: 80px;
}
header#sp-header .row {
    align-items: center;
    padding-top: 0px;
} 
}
@media (min-width: 320px) and (max-width: 576px){
   .col-lg-3 {
    flex: 0 0 auto;
    width: 71%;
}
.logo-image {
    height: 56px !important;
}
.col-lg-9.col-6.col-xl-12 {
    max-width: max-content;
	padding-left: unset;
}
#sp-header {
    height: 73px;
}
header#sp-header .row {
    align-items: center;
    padding-top: 8px;
} 

}
/*===========Menu CSS ENDS HERE========*/
/*Homepage CSS*/
.cstm-box {
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
}
/*Footer CSS*/
section#sp-bottom {
    background-color: #FEFABF!important;
    box-shadow: 0px 0px 0px 0px #FFFFFF;
  	padding: unset !important;
}

/*=========== HERBS PAGE CSS========*/
.sppb-row-container a h5 {
    color: #3e3c3c !important;
}
.sppb-row-container a h5:hover {
    color: #137ed0 !important;
    transition: 0.5s ease !important;
}
/*=========== HERBS PAGE CSS ENDS HERE========*/