/* .btn-custom {
    --bs-btn-bg: #32546E;
    --bs-btn-color: white;
}

.btn-custom:hover {
    --bs-btn-bg: #d83823;
    --bs-btn-color: white;
} */

/* Custom button styles */
.custom-btn-primary {
    background-color: #32546E ;/* Change to your desired background color */
    border-color: #32546E; /* Change to match the background color or desired border color */
    color: #FFFFFF; /* Change to your desired text color */
}

/* Change button color on hover */
.custom-btn-primary:hover {
    background-color: #F67281; /* Change to your desired hover background color */
    border-color: #F67281; /* Change to match the hover background color or desired border color */
    color: #FFFFFF; /* Change to your desired hover text color */
}

/* Custom button styles */
.custom-btn-addother {
    background-color: #80A7B8 ;/* Change to your desired background color */
    border-color: #80A7B8; /* Change to match the background color or desired border color */
    color: #FFFFFF; /* Change to your desired text color */
}

/* Change button color on hover */
.custom-btn-addother:hover {
    background-color: #F67281; /* Change to your desired hover background color */
    border-color: #F67281; /* Change to match the hover background color or desired border color */
    color: #FFFFFF; /* Change to your desired hover text color */
}

/* Custom button styles */
.custom-btn-delete {
    background-color: #FAABB4; /* Change to your desired background color */
    border-color: #FAABB4; /* Change to match the background color or desired border color */
    color: #FFFFFF; /* Change to your desired text color */
}

/* Change button color on hover */
.custom-btn-delete:hover {
    background-color: #F3485B; /* Change to your desired hover background color */
    border-color: #F3485B; /* Change to match the hover background color or desired border color */
    color: #FFFFFF; /* Change to your desired hover text color */
}

.project-image {
    width : 100%;
    height: 100%;
    object-fit: contain;
}

/* Off state */
.form-check-input:not(:checked) {
    background-color: #F67281;
    border-color: #F67281;
}

/* On state */
.form-check-input:checked {
    background-color: #32546E;
    border-color: #32546E;
}