/*nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background-color: #21366d;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 10px;
}

    nav a {
        color: white;
        text-decoration: none;
        font-weight: bold;
    }*/


nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgba(0, 10, 30, 0.6);
    backdrop-filter: blur(2.8       px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    z-index: 1000;
}

    nav .logo {
        font-size: 1.4rem;
        font-weight: bold;
        color: #f2f1df;
    }

    nav ul {
        display: flex;
        gap: 30px;
        list-style: none;
    }

    nav a {
        text-decoration: none;
        color: #f2f1df;
        font-weight: 500;
        font-size: 1rem;
        position: relative;
        padding: 6px 0;
        transition: color 0.3s ease;
    }

        nav a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -5px;
            width: 0;
            height: 2px;
            background: #006da8;
            transition: width 0.3s ease;
        }

        nav a:hover::after, nav a.active::after {
            width: 100%;
        }

        nav a:hover {
            color: #006da8;
        }


/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////Modal////////////////////////////////*/
/*/ ///////////////////////////////////////////////////////////////////////////////////////////*/


.modal-header, .modal-footer {
    border: none;
}

.modal-content {
    border-radius: 80px;
    background: #9da6af;
}

.modal-body .card
{
    border: none;
}
.btn-close {
    transform: translate(-40px, 40px);
    font-size: 20px;
    cursor: pointer;
    z-index: 1050;
}


.btn-primary {
    background: #002851;
    border: none;
    padding: 9px 40px;
    border-radius: 40px;
}


.swal2-modal {
    border-radius: 40px;
    background: #9da6af;
}