/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 28 2025 | 18:29:04 */
#top-menu .notranslate {
	padding: 0 0 0 10px !important;
}

#top-menu .notranslate a::after {
	right: -23px !important;
	top: 3px !important;
	font-size: 21px !important;
}
.menu-item-gtranslate > a {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* Adjust spacing between icon and text */
}

/* Optional: remove margin/padding or align inline image better */
.menu-item-gtranslate img {
  height: 24px;
  width: 24px;
  margin: 0;
  vertical-align: middle;
}



#top-menu > li:not(.notranslate, .gtquote) {
	margin: 0 20px;
	padding: 0;
}
#top-menu-nav .gtquote a {
    background-color: #00a652;
    padding: 0 15px !important;
    flex: 1;
    display: flex
;
    color: #fff !important;
    border-radius: 50px;
    height: 40px;
    margin-top: 18px;
}
/* #top-menu-nav .gtquote > a {
	  color: #FFFFFF !important; 
} */

/* Base style for menu */
#top-menu > li {
  position: relative;
  padding-bottom: 5px;
}

/* Underline effect */
#top-menu > li:not(.notranslate, .gtquote)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #00aa00; /* Adjust to match your theme */
  transition: all 0.3s ease-in-out;
  transform: translateX(-50%);
}

/* Active state */
#top-menu > li:not(.notranslate, .gtquote).active::after {
  width: 100%;
}

@media only screen and (max-width: 480px) {
	#top-menu-nav .gtquote a {
		padding: 6px 15px !important;
		width: 120px !important;
	}
}