.header-area .main-nav .nav li a.dropdown-item {
	color:#000;
}

.header-area .main-nav .nav li:hover a {
    opacity: 0.9;
}



/* Mobile submenu fix */
@media (max-width: 991px) {
    .main-nav .dropdown-menu {
        position: static !important;      /* stop Bootstrap from absolutely positioning it */
        float: none !important;
        width: 100% !important;           /* span full width */
        margin: 0 !important;             
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
		
    }

    /* Ensure dropdown items fit your sidebar layout */
    .main-nav .dropdown-menu .dropdown-item {
        padding: 12px 20px;
        font-size: 16px;
    }

    /* Optional: make dropdown-toggle look like normal links on mobile */
    .main-nav .nav-link.dropdown-toggle::after {
        display: none;
    }
	
	.header-area .main-nav .nav li a.dropdown-item {
    text-align: center;
	}
}


/* Desktop hover dropdown */
@media (min-width: 992px) {
    .main-nav .dropdown:hover .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    /* Ensure proper alignment (Bootstrap sometimes offsets it) */
    .main-nav .dropdown-menu {
        margin-top: 0;
    }
}


.header-area .main-nav .nav li a {
	border-radius:10px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  color: #fff;
  background: url("../../img/footer-bg.jpg") top center no-repeat;
  background-size: cover;
  font-size: 14px;
  padding: 80px 0 60px 0;
  position: relative;
  text-align: left;
}

.footer:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  inset: 0;
}

.footer .footer-content .footer-info {
  margin-bottom: 30px;
}

.footer .footer-content .footer-info h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.footer .footer-content .footer-info h3 span {
  color: var(--color-primary);
      
}

.footer .footer-content .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: var(--font-primary);
  color: #fff;

}

.footer .footer-content .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  line-height: 1;
  margin-right: 8px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.footer .footer-content .social-links a:hover {
  background: var(--color-primary);
  text-decoration: none;
}

.footer .footer-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

.footer .footer-content .footer-links {
  margin-bottom: 30px;
}

.footer .footer-content .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-content .footer-links ul li {
  padding: 8px 0;
}

.footer .footer-content .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-content .footer-links ul a {
  color: rgba(255, 255, 255, 0.6);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

.footer .footer-content .footer-links ul a:hover {
  color: #fff;
}

.footer .footer-legal .copyright {
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer .footer-legal .credits {
  padding-top: 4px;
  font-size: 13px;
  color: #fff;
}

.footer .footer-legal .credits a {
  color: var(--color-primary);
}

#btm_logo{
  width: 150px;
}


span.location {
    float: right;
}
.whatsapp-float svg {
    width: 32px;
    height: 32px;
    fill: white;
}

.header-area .main-nav .nav li a.active:not(.dropdown-toggle)::after {
   
	width: 37%;
}

.header-area .main-nav .nav li a:not(.dropdown-toggle):not(.dropdown-toggle):not(.active)::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px; /* or whatever height you want */
    background: currentColor; /* or your preferred color */
    transition: width .3s ease;
	left: 15px;
    top: 2px;
}
.header-area .main-nav .nav li a:not(.dropdown-toggle):not(.dropdown-item):not(.active):hover::after {
    width: 80%;
}

.header-area .main-nav .nav li a.dropdown-toggle:before{
	content: "";
    position: absolute;
    width: 0;
    height: 2px; /* or whatever height you want */
    background: currentColor; /* or your preferred color */
    transition: width .3s ease;
	left: 15px;
    top: 2px;
}

.header-area .main-nav .nav li a.dropdown-toggle:hover::before{
	width: 80%;
}

.main-nav {
    display: flex;
    align-items: flex-start;   /* prevents menu from stretching to logo height */
}

.main-nav .logo img {
    display: block;
    height: auto;
          /* limit logo height — adjust as needed */
}

.main-nav .nav {
    display: flex;
    align-items: center;       /* ensures menu items stay vertically centered */
}

.main-nav .logo img{
	position:absolute;	
}

/* Mobile devices (up to 480px) */
@media only screen and (max-width: 480px) {
  

.header-area .main-nav .logo img {
    width: 100px;
    margin-top: 0px;
}

 .header-area {
height:60px;
}


.header-area .main-nav .menu-trigger {
top:18px;
}
}