/* Custom Popup Modal Effects */

/* Zoom In Effect */
.modal.zoom-in .modal-dialog {
    transform: scale(0.1);
    opacity: 0;
    transition: all 0.3s ease-out;
}
.modal.zoom-in.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

/* Slide Up Effect */
.modal.slide-up .modal-dialog {
    transform: translateY(100vh);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.slide-up.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
}

/* 3D Flip Effect */
.modal.flip {
    perspective: 1300px;
}
.modal.flip .modal-dialog {
    transform-style: preserve-3d;
    transform: rotateY(-70deg);
    transition: all 0.4s ease-out;
    opacity: 0;
}
.modal.flip.show .modal-dialog {
    transform: rotateY(0deg);
    opacity: 1;
}

/* Base Modal Styling for Popups */
#homePopupModal .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
#homePopupModal .modal-header {
    border-bottom: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1055;
    padding: 0;
}
#homePopupModal .btn-close {
    background-color: #fff;
    border-radius: 50%;
    margin: -10px -10px 0 0;
    opacity: 0.8;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
#homePopupModal .btn-close:hover {
    opacity: 1;
}

/* Carousel Styling inside Modal */
#homePopupModal .carousel-item img {
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
#homePopupModal .carousel-control-prev,
#homePopupModal .carousel-control-next {
    width: 10%;
}