/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 30 2025 | 14:22:04 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.second-header.mega-open {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
    backdrop-filter: blur(10.5px);
    -webkit-backdrop-filter: blur(7.3px);
}

.second-header>.e-con-inner {
    background: #557926;
    border-radius: 0 0 16px 16px;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner{
	margin-top:24px!important;
	z-index:100;
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
	
	background: rgba(255, 255, 255, 1);
border-radius:0 0 16px 16px;
backdrop-filter: blur(10.5px);
-webkit-backdrop-filter: blur(10.5px);
	
}

.hover-effect-menu:hover{
background: linear-gradient(90deg,rgba(209, 222, 191, 1) 0%, rgba(235, 243, 223, 1) 53%, rgba(237, 237, 237, 1) 100%);
	  transition: 1s ease-in-out;

}
.line-footer:before {
    content: "";
    height: 4px;
    width: 71vw;
    background: #AACD7B;
    top: 50%;
    left: 0;
    border-radius: 50em;
}
.jet-mega-menu-item{
    position: relative;
}



.jet-mega-menu-item__inner  {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  z-index: 0;
	min-width:100px;
}

.jet-mega-menu-item__inner::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(45deg, #405a1d, #557925, #7fb439, #557925, #405a1d, #557925);
  background-size: 600%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s;
  animation: gradient-95 10s infinite linear;
}

.jet-mega-menu-item__inner:hover::after {
  opacity: 1;
}

@keyframes gradient-95 {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.footer-section {
    background: linear-gradient(97deg, rgba(237, 237, 237, 0.34) 29%, rgb(188 214 150 / 43%) 100%) !important;
}
.header-container>div {
    width: 48%;
    flex-wrap: nowrap;
}
.header-container {
    flex-wrap: nowrap;
	background:white;
}
@media(max-width:767px){
	.line-footer:before{
		width: 50vw;
	}
}