/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 15 2024 | 14:11:36 */
.footer-menu .menu-item > a {
	padding: 0 !important;
}

/* Create the underline effect with the ::before pseudo-element */
.footer-menu .menu-item:not(:last-child) > a::before {
	content: '';
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 0;
    height: 2px;
    background: #4793af;
    transition: width 0.4s ease; /* Transition effect for the underline */
}

/* On hover, extend the width of the underline */
.footer-menu .menu-item:not(:last-child) > a:hover::before {
    width: 100%; /* Extend the width to fill the anchor */
}

.footer-menu .menu-item:last-child > a {
	padding: 14px 16px !important;
    border: 2px solid;
    border-radius: 3px;
    position: relative; /* Required to adjust the top property */
    top: 0; /* Default top position */
    transition: top 0.2s ease-in-out; /* Add a transition for the top property */
}

.footer-menu .menu-item:last-child > a:hover {
	top: -2px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.24);
    cursor: pointer;
}


@media only screen and (max-width: 387px) {
	.footer-menu .menu-item > a {
		font-size: 14px;
	}

	.footer-menu .elementor-nav-menu--main  {
		--e-nav-menu-horizontal-menu-item-margin: 7px;
	}
	
	.footer-menu .menu-item:last-child > a {
		padding: 8px 10px !important;
	}
}