/* Colors based on original Tailwind palette */
.bg-custom {
    background-color: #e8c03d;
}
.bg-header-custom {
    background-color: #e2e4d7;
}

.btn-custom {
    background-color: #e8c03d;
    color: #000000;
}

.btn-custom:hover {
    background-color: #dfcf91;
    color: #2c2c2c;
}

/* Hamburger Lines */
.hamburger-line {
    display: block;
    width: 28px;
    height: 3px;
    background-color: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Dropdown Customization */
.dropdown-menu {
    background-color: #e8c03d;
}

.dropdown-menu .dropdown-item {
    color: #000;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #dfcf91;
}
.hamburger-line {
    display: block;
    width: 24px;
    height: 3px;
    background: #333;
    border-radius: 2px;
}
/* Footer background */
.bg-footer {
    background-color: #61ABB8;
}

.text-decoration-underline-hover:hover {
    text-decoration: underline;
}

.hero-section {
    background-image: url('../images/webp/home-background.webp');
    background-size: cover;
    background-position: center;
}

.business-section {
    background-image: url('../images/webp/business-portfolio-banner.webp');
    background-size: cover;
    background-position: center;
    
}


.real-estate-section {
    background-image: url('../images/webp/real-estate-portfolio-banner.webp');
    background-size: cover;
    background-position: center;
}

.section-title {
    font-size: 1.25rem;
    color: #000;
    background: linear-gradient(transparent 60%, #A1E5D1 60%);
    display: inline-block;
    padding: 0 0.25rem;
}

.section-highlight {
    background: linear-gradient(transparent 60%, #A1E5D1 60%);
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.25rem;
}


/* Show dropdown on hover for desktop */
@media (min-width: 768px) {
    .nav-item.dropdown:hover .dropdown-menu,
    .nav-item.dropdown:focus-within .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .nav-item.dropdown .dropdown-toggle::after {
        transition: transform 0.2s;
    }
    .nav-item.dropdown:hover .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}
@media (min-width: 768px) {
    .nav-item.dropdown .dropdown-toggle::after {
        display: none !important;
    }
        .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .offcanvas .offcanvas-body {
        padding: 1rem 0.5rem;
    }
}
/* Smooth scrolling for anchor links */
html {
   scroll-behavior: smooth;
 }

 /* font */
@font-face {
  font-family: 'Dagny Pro';
  src: url('../fonts/dagny-pro/dagny-pro-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Neue Haas Unica';
  src: url('../fonts/neue-haas/neue-haas-unica-w1g-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

.font-dagny {
  font-family: 'Dagny Pro', sans-serif;
}

.font-haas {
  font-family: 'Neue Haas Unica', sans-serif;
}
.font-dagny-bold {
  font-family: 'Dagny Pro', sans-serif;
  font-weight: 700;
}

.font-haas-light-italic {
  font-family: 'Neue Haas Unica', sans-serif;
  font-weight: 300;
  font-style: italic;
}