.footer-title h4 ul li{
    color:black;
}
 
/* Style for the navigation menu */
#navigation {
display: flex;
list-style: none;
}

/* Style for each navigation item */
#navigation li {
margin-right: 20px;
}

/* Default style for navigation links */
#navigation li a {
text-decoration: none;
padding: 10px 20px;
border: 2px solid transparent; /* Default border */
border-radius: 5px; /* Rounded corners */
color: black; /* Default text color */
transition: all 0.3s ease; /* Smooth transition effect */
}

/* Change background color and border color on hover */
#navigation li a:hover {
background-color: #ff6600; /* Background color on hover */
border-color: #ff6600; /* Border color on hover */
color: white; /* Text color on hover */
}

.footer-logo img{height: 120px; width: 100%;}
/* .logo  img{height: 120px; width: 100%; }  
  Footer Item Hover Effect */
 
.footer-tittle ul li a:hover {
color: #eb4034; 
text-decoration: underline;/* Change to your desired hover color */
transition: color 0.3s ease; /* Smooth transition */
}

/* Footer H4 Hover Effect */
.footer-tittle h4:hover {
color: #eb4034; /* Change to your desired hover color */
cursor: pointer; /* Show pointer cursor on hover */
}


.footer-padding {
padding-top: 50px;
padding-bottom: 50px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-padding {
padding-top: 50px;
padding-bottom: 50px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-padding {
padding-top: 50px;
padding-bottom: 50px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.footer-padding {
padding-top: 50px;
padding-bottom: 0px
}
}

@media (max-width: 575px) {
.footer-padding {
padding-top: 50px;
padding-bottom: 0px
}
}