/* Base Styles */
body {
    font-family: 'Roboto', sans-serif;
    scroll-behavior: smooth;
}

/* Hero Background */
.hero-bg {
    background-color: #4b0000;
    /* Black Bean */
    background-image: linear-gradient(rgba(75, 0, 0, 0.4), rgba(75, 0, 0, 0.8)), url('images/laptop.jpg');
    background-size: cover;
    background-position: center;
}

/* Logo Glow Effect */
.logo-hover {
    height: 4rem;
    width: auto;
    transition: filter 1s ease;
}

.logo-hover:hover {
    filter: drop-shadow(0 0 3px rgba(255, 122, 122, 0.8)) drop-shadow(0 0 5px rgba(245, 83, 83, 0.6));
}

/* Icon List Item Animation */
.icon-list li {
    transition: all 0.4s ease;
    cursor: pointer;
}

.icon-list li:hover {
    color: #f55353;
    transform: translateX(4px);
}



/* Philosophy Items Hover Animation */
.philosophy-item {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.philosophy-item:hover {
    transform: translateX(12px);
}

/* Carousel Dot Active State */
.dot.active {
    background-color: #f55353;
    opacity: 1;
}