/* Navbar Link Hover */
.navbar-nav .nav-link:hover {
    color: #0d6efd !important;
    transition: color 0.3s ease-in-out;
}

/* Sign Up Button Hover */
.btn-outline-primary-hover {
    color: #0d6efd;
    border-color: #0d6efd;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

.btn-outline-primary-hover:hover {
    color: #fff;
    background-color: #0d6efd;
}

/* Service Card Hover Effect */
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.service-card:hover .service-icon {
    transform: scale(1.3);
    transition: transform 0.3s ease;
}

.service-icon {
    transition: transform 0.3s ease;
}

/* Ship Animation */
.ship-container {
    height: 300px;
    position: relative;
    overflow: hidden;
}

.ship-animation {
    position: absolute;
    bottom: 0;
    right: -100%;
    animation: dock 4s forwards;
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

@keyframes dock {
    0% {
        right: -100%;
    }

    100% {
        right: 50%;
        transform: translateX(50%);
    }
}

/* Plans Card Hover Effect */
.card-hover-effect {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card-hover-effect:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}