:root {
  --main-yellow: #f2c300;
  --dark-bg: #eee;
  --light-bg: #fff;
  --text-color: #934f50;
}
.text-color{ 
  color: var(--text-color);
}
a {
  color: var(--text-color);
}
a:hover {
  color: #090909;
  text-decoration: none;
}
.hero {
/*  background: url('images/banner-bg-en.jpg') center/cover no-repeat;*/
  background-attachment: fixed;
  color: #fff;
  height: 60vh;
  display: flex;
  align-items: center;
}
.section-dark {
  background-color: var(--dark-bg);
  color: #000;
}
.btn-yellow {
  background-color: var(--main-yellow);
  color: #000;
}
.btn-yellow:hover {
  background-color: #e6b800;
}
.menu-link {
color: #000;
text-decoration: none;
transition: color 0.2s;
}
.menu-link:hover,
.menu-link.active {
  color: #090909 !important;
}
.breadcrumb-item a {
  color: #ffc107; /* Yellow */
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.breadcrumb-item a:hover {
  color: #ffffff; /* White */
  text-decoration: none;
}
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #ffc107;
}
#breadcrumb-info {
  position: fixed; 
  top: 1; 
  width: 100%; 
  z-index: 99; 
  height: 40px;
}
.footer-link {
text-decoration: none;
transition: color 0.2s;
color: #fff;
}
.footer-link:hover,
.footer-link.active {
  color: var(--main-yellow);
}
.service-icon{
  font-size:5em;
}

.gallery-grid {
    column-count: 2;
    column-gap: 0.5rem;
}

@media (min-width: 768px) {
    .gallery-grid {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .gallery-grid {
        column-count: 4;
    }
}

.gallery-item {
    break-inside: avoid;
    margin-bottom: 0.5rem;
/*    border-radius: 8px;*/
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}