/* Centered content with padding */
.content {
    max-width: 800px;
    padding: 20px;
    color: #ccc; /* Light gray color for readability */
    line-height: 1.6;
}

/* Decorative background overlay */
body.bg-dark {
    background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(18,18,18,1) 100%);
    background-size: cover;
}

h1.display-4 {
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

p.lead {
    font-size: 1rem;
    color: #bbb;
}

h3 {
    font-weight: bold;
    color: #fff;
    margin-top: 1.5em;
}

/* Add a wave-like pattern in the background (optional) */
.bg-dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('wave-pattern.png'); /* Substitute with a wave pattern image */
    opacity: 0.1;
    z-index: -1;
}

/* Arrow button styling */
.btn-outline-light i {
    font-size: 1.2rem;
}

.heading{
    font-size: 28px !important;
}