/* card in home */
.card-btn {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.card-btn.expanding {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important;
}

.card-btn.expanding .card-img-top {
    height: 100vh !important; 
    filter: brightness(0.6);
}

.card-btn.expanding .card-body {
    opacity: 0; 
    transition: opacity 0.3s;
}


/* page */
.img4 {
    height: 360px; 
    object-fit: cover;
    cursor: pointer;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none !important;
    width: 25px;  
    height: 25px;
}

.carousel-control-prev-icon {
    border-top: 4px solid #000000; 
    border-right: 4px solid #000000;
    transform: rotate(-135deg); 
}

.carousel-control-next-icon {
    border-top: 4px solid #000000; 
    border-right: 4px solid #000000;
    transform: rotate(45deg); 
}

.carousel-control-prev,
.carousel-control-next {
    filter: drop-shadow(2px 4px 6px black);
    opacity: 0.8; 
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1;
}