/* body{
    font-family: 'Quicksand', sans-serif;
} */

h1, h3, h5, h6{
    font-weight: 700;
}

/* p{
    font-weight: 500;
} */

a.btn{
    font-weight: 500;
}

.icon-link {
    color: inherit; /* Inherit the color from its parent */
    text-decoration: none; /* Remove any underlines or decorations */
}

.herobackground{
    position: relative; /* Add relative positioning to the container - for overlay */
    background-color: #000F30;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    z-index: 0; /* Set a lower z-index for the background - for overlay */
}

/* Create the overlay */
.herobackground::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000F30;
    opacity: 0.80;
    z-index: -1; /* Set a higher z-index for the overlay */
}

.preloader-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #212529; */
    background: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
}

.fade-out-animation{
    opacity: 0;
    visibility: hidden;
}


/* ACHIEVEMENTS */
.achievements-section {
    background-color: #f8f9fa;
}

.section-header .divider {
    height: 4px;
    width: 70px;
    background-color: var(--bs-primary);
    margin-top: 15px;
}

.achievement-card {
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.achievement-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.achievement-list {
    padding-left: 1.5rem;
    margin-bottom: 0;
}

.achievement-list li {
    margin-bottom: 0.75rem;
    position: relative;
}

.achievement-list li::marker {
    color: var(--bs-primary);
}

.icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-circle i {
    font-size: 1.5rem;
}

.achievement-intro {
    background-color: #fff;
    border-left: 5px solid var(--bs-primary);
    height: 100%;
}