ul {
    text-decoration: none;
}

a {
    text-decoration: none;
}

.newcontainer {

    margin-inline: 1.5rem;
    z-index: 10;
}

.newheader {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 8px hsla(220, 68%, 12%, .1);
    background-color: white;
    z-index: 15;
}

.newnav {
    height: 3.5rem;
}

.newnav__data {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newnav__toggle {
    position: relative;
    width: 32px;
    height: 32px;
    left: 42px;
}

.newnav_toggle-menu,
.newnav_toggle-close {
    font-size: 1.25rem;
    color: black;
    position: absolute;
    display: grid;
    place-items: center;
    inset: 0;
    cursor: pointer;
    transition: opacity .1s, transform .4s;
}

.newnav_toggle-close {
    opacity: 0;
}

@media screen and (max-width: 1200px) {
    .newnav__menu {
        background-color: white;
        position: absolute;
        left: 0;
        top: 2.5rem;
        width: 100%;
        height: calc(100vh - 3.5rem);
        overflow: auto;
        padding-block: 1.5rem 4rem;
        pointer-events: none;
        opacity: 0;
        transition: top .4s, opacity .3s;
    }

    .newnav__menu::-webkit-scrollbar {
        width: .5rem;
    }

    .newnav__menu::-webkit-scrollbar-thumb {
        background-color: black;
    }
}

.newnav__link {
    color: black;
    font-weight: 600;
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color .3s;
}

.newnav__link:hover {
    background-color: #c7c7cf1c;
}

.show-menu {
    opacity: 1;
    top: 3.5rem;
    pointer-events: initial;
}

.show-icon .newnav_toggle-menu {
    opacity: 0;
    transform: rotate(90deg);
}

.show-icon .newnav_toggle-close {
    opacity: 1;
    transform: rotate(90deg);
}

.newdropdown__button {
    cursor: pointer;
}

.newdropdown__arrow {
    font-size:large;
    font-weight: initial;
    transition: transform .4s;
}

.newdropdown__content .newdropdown__group .newdropdown__list {
    display: grid;
}

.newdropdown__container {
    background-color: white;
    height: 0;
    overflow: hidden;
    transition: height .4s;
}

.newdropdown__content {
    row-gap: 1.75rem;
}

.newdropdown__group {
    padding-left: 2.5rem;
    row-gap: .5rem;
    margin-bottom: 1rem;
}

.newdropdown__group:first-child {
    margin-top: 1.25rem;
}

.newdropdown__group:last-child {
    margin-bottom: 1.25rem;
}

.newdropdown__list {
    row-gap: 1rem;
}

.newdropdown__links {
    font-size: 15px;
    font-weight: 600;
    transition: color .2s;
    color: black;
    transition: all .2s ease;
}


.newdropdown__links:hover {
    color: #80808061;
    transform: translateY(-3px)  translateX(-5px);
}

.show-dropdown .newdropdown__arrow {
    transform: rotate(180deg);
}
.newnav__toggle::before {
    content: "Ürünlerimiz";
    position: relative;
    right: 85px;
    color: black;
    font-weight: 600;
    top: 6.5px;
}

@media (max-width : 335px) {
    .newdropdown__group {
        padding-left: 1.5rem;
    }
}

@media screen and (min-width : 1200px) {

    .newnav {
        height: 5.5rem;
        display: flex;
        justify-content: center;
        flex-shrink: 1;
        flex-grow: 0;
    }
    .newnav__toggle{
        display: none;
    }
    .newnav__list{
        display: flex;
        height: 100%;
    }

    .newnav li{
        display: flex;
    }
    /*.newnav__link:hover{
        background-color: #000080;
    }*/
    .newdropdown__button{
        column-gap: .25rem;
        pointer-events: none;
    }
    .newdropdown__container{
        height: max-content;
        position: absolute;
        left: 0;
        right: 0;
        top: 6.5rem;
        background-color: white;
        box-shadow: 0 6px 8px hsla(220, 68%, 12%, .05);
        pointer-events: none;
        opacity: 0;
        transition: top .4s, opacity .3s;
    }
    .newdropdown__content{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 50%;
        margin-inline: auto;
        column-gap: 6rem;
    }

    .newdropdown__group{
        padding: .75rem 0;
        align-content: baseline;
        row-gap:1.25rem ;
    }
    .newdropdown__list{
        row-gap: .75rem;
    }

    .newdropdown__group:first-child,
    .newdropdown__group:last-child{
        margin: 0;
    }
    .newdropdown__links{
        font-size: 16px;
    }
    .newdropdown__links:hover{
        color: #303038;
    }
    .newdropdown__item{
        cursor: pointer;
    }
    .newdropdown__item:hover .newdropdown__arrow{
        transform: rotate(180deg);
    }
    .newdropdown__item:hover > .newdropdown__container{
        top:5.5rem;
        opacity: 1;
        pointer-events: initial;
        cursor: initial;
    }
    .newcontainer{
        margin-inline: auto;
    }
}