.camp-bg-dark {
    background-color: #65727e;
}

.camp-bg-white{
    background-color: #ffffff;
}


.camp-ligth-blue {
    color: #938eb9;
}

.camp-blue {
    color: #271D73;
}

.camp-dark-blue {
    color: #241955;
}

.camp-red {
    color: #DA251C;
}

.camp-dark-red {
    color: #a2261f;
}


.container-fluid {
    position: relative;
    overflow: hidden;
}



/* Aqua button */
.btn-camp-blue {
    background-color: #271D73; /* Normal state */
    border-color: #271D73;
    color: #ffffff;
    
}

    .btn-camp-blue:hover,
    .btn-camp-blue:focus {
        background-color: #241955; /* Darker shade on hover */
        border-color: #241955;
        color: #ffffff;
    }

        .btn-camp-blue:active,
        .btn-camp-blue:focus:active {
            background-color: #1D1445; /* Even darker shade for pressed state */
            border-color: #1D1445;
            outline: none; /* Remove the outline to avoid visual distraction */
        }

/* Dark button */
.btn-camp-red {
    background-color: #DA251C; /* Normal state */
    border-color: #DA251C;
}

    .btn-camp-red:hover,
    .btn-camp-red:focus {
        background-color: #A22720; /* Darker shade on hover */
        border-color: #A22720;
    }

        .btn-camp-red:active,
        .btn-camp-red:focus:active {
            background-color: #821F1A; /* Even darker shade for pressed state */
            border-color: #821F1A;
            outline: none;
        }