:root {
    --main-green: #198754;
    --light-green-bg: #f0fff4;
    --modal-overlay: rgba(0, 0, 0, 0.7);
    --hover-scale: 1.05;
    --hover-brightness: 90%;
    --modal-blur: 5px;
}

/* Title */
.custom-title h2 {
    font-weight: bold;
    color: var(--main-green);
}

/* Light green background */
.bg-light-green {
    background-color: var(--light-green-bg);
}

/* Hover effect for the thumbnail */
.img-hover-zoom:hover {
    transform: scale(var(--hover-scale));
    filter: brightness(var(--hover-brightness));
}

/* Blur the background when modal is open */
.modal-backdrop.show {
    backdrop-filter: blur(var(--modal-blur));
    background-color: var(--modal-overlay);
}

/* Remove white box from modal for a floating image look */
#imageModal .modal-content {
    box-shadow: none;
}
html, body {
    overflow-x: hidden;
}
[data-aos] {
    pointer-events: none;
}
[data-aos].aos-animate {
    pointer-events: auto;
}