body > nav {
    width: 100vw;
    padding: 16px 24px;
}

.navElements {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 120px;

    list-style: none;
}

.navLinks {
    width: 655px;
    height: 57px;
    padding: 0 0 0 10px;

    display: flex;
    justify-content: left;
    align-items: center;
    gap: 24px;

    border-radius: 40px;
    border: 1px solid #F5F5F5;
    background-color: white;

    box-shadow: 0px 10px 32px 0px rgba(222, 226, 241, 0.50);
}

#homeLink {
    min-width: 58px;
    height: 16px;
    padding: 10px 22.5px;

    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
    text-decoration: none;
    color: white;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 600;
    
    border-radius: 61px;
    background-color: #1D1E25;
}

.hizmetMenu {
    height: 24px;
    position: relative;
    display: inline-block;
}

.hMenuBut {
    width: 79px;
    display: flex;
    align-items: flex-start;

    color: #1D1E25;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

.hMenuler {
    width: 79px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;

    border-radius: 0 0 15px 15px;

    background-color: #0005;

    position: absolute;
    z-index: 1;
}

.hMenuler a {
    padding: 5px;
    color: black;
    text-decoration: none;
    display: block;
}

.hizmetMenu:hover .hMenuler{
    display: flex;
}

.hizmetMenu:hover .hMenuBut{ background-color: #0005; }

.sinavMenu {
    height: 24px;
    position: relative;
    display: inline-block;
}

.sMenuBut {
    width: 138px;
    display: flex;
    align-items: flex-start;

    color: #1D1E25;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

.sMenuler {
    width: 138px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;

    border-radius: 0 0 15px 15px;

    background-color: #0005;

    position: absolute;
    z-index: 1;
}

.sMenuler a {
    padding: 5px;
    color: black;
    text-decoration: none;
    display: block;
}

.sinavMenu:hover .sMenuler{
    display: flex;
}

.sinavMenu:hover .sMenuBut{ background-color: #0005; }

#dersLink {
    color: #1D1E25;
    text-decoration: none;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

#katilLink {
    color: #1D1E25;
    text-decoration: none;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

#blogLink {
    color: #1D1E25;
    text-decoration: none;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

.butonlar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

#search {
    font-size: 17px;
}

.login {
    color: #606060;
    text-decoration: none;
    font-family: "Manrope";
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.wish {
    width: 141px;
    padding: 16px 17px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 47px;
    background-color: #1D1E25;
}

#bolt {
    width: 24px;
    height: 24px;
    color: white;
    font-size: 24px;
}

.wish a {
    width: 102px;
    height: 24px;
    
    color: white;
    text-decoration: none;
    font-family: "Manrope";
    font-size: 16px;
    font-weight: 500;
}