.navbar .navbar-nav .nav-link:hover {
    color: rgb(255, 255, 255) !important;
    transform: scale(1.05);
    transition: 1s ease;
}

#headerNav{
    /* background-color: transparent; */ 
    transition: background-color 0.6s ease-in-out, position 0.6s ease-in-out;
}
.navbar .navbar-nav .nav-link.active:hover {
    color: rgb(255, 255, 255) !important;
    transform: scale(1.05);
    transition: 1s ease;
}


.navbar .navbar-nav .nav-link.active {
    color: white !important;
    transition: 1s ease;
}

.navbar .navbar-nav .nav-link {
    transition: 1s ease;
    font-weight: bold;
}

.bg-deep-blue {
    background-color: rgb(111, 104, 236);
}

.bg-deep-dark {
    background-color: rgb(38, 35, 90);
}

.reverse {
    all: revert;
}
.gradient-text2 {
    background: linear-gradient(to right, rgb(38, 35, 90), rgb(111, 104, 236)); /* Define the gradient colors */
    -webkit-background-clip: text; /* Clip the background to the text */
    -webkit-text-fill-color: transparent; /* Make the text transparent so the background is visible */
    background-clip: text;
    text-fill-color: transparent;
}
.my-slider-1 {
    height: 100%;
    max-height: 350px;
    overflow: hidden;
}

.my-slider-1 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-slider-1 .swiper-slide .card {
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.my-slider-1 .swiper-slide .card img {
    min-width: 300px;
    min-height: 300px;
}