/* Home */
header nav.nav-menu ul.menu-list li a.active, header nav.nav-menu ul.menu-list li a:hover {color: #ffdd17; font-weight:500}
section.carousel-works .works-box .works-post .hover-box .inner-hover ul.project-tags li a, section.carousel-works .works-box-second .works-post .hover-box .inner-hover ul.project-tags li a {color: #ffdd17; font-weight:500}



/* About */
.about-post p{font-size:14px; color:#666666}
.title-section h1, .title-section h2, .title-section h3, .title-section h4, .title-section h5, .title-section h6{font-weight:600}


/* Menu - Side bar*/
.ftr-line p span{color:#444444}
.ftr-line p span a{color:#777777}

/* contact us */
.info-data p a{color:#444444; font-size:14px;}
.container-fluid .ftrimgs img{width:98%; margin-bottom:15px}
.contact-section .contact-form-part .info-data p{font-size:16px; color:#000000}
.contact-section .contact-form-part .info-data p{font-size:13px; color:#222222; font-weight:400; letter-spacing:nomral}

/* Bottom Menu - Visible only on Mobile*/

.bottom-menu {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background: #000;
  padding: 10px 0;
  border-top: 2px solid #222;
  z-index: 999;
}
.menu-item {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  flex: 1;
  position: relative;
  transition: color 0.3s ease;
}
.menu-item i {
  display: block;
  font-size: 20px;
  margin-bottom: 4px;
}
.menu-item.active {
  color: #ffdd17;
}
.menu-item.active::before {
  content: "•";
  color: #ffdd17;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
}
.menu-item.active::after {
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  background: #ffdd17;
  margin: 4px auto 0;
  border-radius: 2px;
}
.menu-item:hover {
  color: #ffdd17;
}
@media (min-width: 768px) {
  .bottom-menu { display: none; } /* Hide on desktop */
}