/* Custom alert styles */

/* Success Message */
.alert-success {
    background-color: #28a745;
    color: white;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    position: relative;
}

/* Warning Message */
.alert-warning {
    background-color: #ffc107;
    color: black;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    position: relative;
}

/* Info Message */
.alert-info {
    background-color: #17a2b8;
    color: white;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    position: relative;
}

/* Error Message */
.alert-error {
    background-color: #dc3545;
    color: white;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    position: relative;
}

/* Close button style */
.alert-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: white;
    cursor: pointer;
}

.alert-close:hover {
    color: #f8f9fa;
}



/* slider */
.slider {
height: 480px;
}

/* slider-cards */
/*.slide-card {*/
/*width: 300px;*/
/*}*/

.slide-card {
    width: 300px;
    height: 390px;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 10px;
}

/* slider-arrows */
.arrow {
width: 40px;
height: 40px;
}

/* disabled button */
.bg-disabled {
background-color: #e5e3e7;
}

/* slider and slide transitions */
.slider-move-left {
transform: translate(-320px, 0px);
transition: all 0.5s ease;
}

.move-left {
transform: translate(-320px, 0px);
transition: all 0.5s ease;
}

.move-right {
transform: translate(320px, 0px);
transition: all 0.5s ease;
}