/* footer */

body{margin-top:20px;}
.footer {
    background:#020202;
	padding-bottom: 1rem;
	padding-top: 5rem;

}
.footer_menu {
	margin-bottom: 20px;
}
.footer_menu ul {
	list-style: none;
	text-align: center;
}
.footer_menu ul li{
  display: inline-block; 
}
.footer_menu ul li a {
	color:#fff;
	padding: 0 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.footer_menu ul li a:hover{color:#554c86;}

/*START FOOTER SOCIAL DESIGN*/
.footer_profile{margin-bottom:40px;}
.footer_profile ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.footer_profile ul li{
display: inline-block;
}
@media only screen and (max-width:480px) { 
.footer_profile ul li{margin:2px;}
}
.footer_profile ul li a img{width:60px;}

.footer_profile ul li a {
	/*background: #103231 ;/*#554c86; */
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	margin-right: 5px;
	border-radius: 50%;
	line-height: 40px;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
}
.footer_copyright {
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #fff;
}

.footer a.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}

/* Custom LinkedIn Icon Styling */
.custom-linkedin-icon {
    display: inline-flex; /* Use flexbox for centering icon within its own container */
    justify-content: center;
    align-items: center;
    width: 38px; /* Adjust size as needed */
    height: 38px; /* Adjust size as needed */
    background-color: #13c636;
    border-radius: 50%; /* Makes it a circle */
    font-size: 1.2rem; /* Size of the Font Awesome icon itself */
    text-decoration: none; /* Remove underline from link */
    transition: all 0.3s ease; /* Smooth transition for hover */
}

.custom-linkedin-icon:hover {
    background-color: #fff;  /* #0077B5; Fill with blue on hover */
    color: #13c636; /* Change icon color to white on hover */

  
    
   
}


/* New styling for Footer Navigation Links */
.footer-nav-link {
    color: #FFFFFF;           /* Ensure text color is white on your dark background */
    text-decoration: none;    /* Remove underline from links */
    font-size: 0.9rem;        /* Smaller font size, adjust as needed (e.g., 0.85rem, 14px) */
    display: block;           /* Makes each link take its own line within the list */
    padding: 3px 0;           /* Small vertical padding for spacing between links */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

.footer-nav-link:hover {
    color: #13c636; /* Example hover color (Bootstrap primary blue), adjust to your theme */
}

/* Custom class for your footer navigation list */
.footer-nav-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items on mobile */
}

@media (min-width: 768px) {
    .footer-nav-list {
        align-items: center; /* Align to the center on desktop */
    }
}

.footer-nav-list li {
    list-style: none;
    margin: 0;
    padding: 5px 0; /* Add some spacing between links */
}

/* Style for the links within the list items */
.footer-nav-list li a {
    color: #ffffff;
    text-decoration: none;
    padding: 0 5px;
    white-space: nowrap;
}

.footer-address,
.footer-contact-info p {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.footer .row {
    align-items: flex-start;
}

@media (max-width: 767px) {
    .footer-nav-list {
        align-items: center;
    }
}

.footer-contact-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .footer-contact-info {
        align-items: flex-end;
    }
}