/* Modal stili */
        .modal {
            display: none; /* Modal başlangıçta görünmez */
            position: fixed;
            z-index: 1; /* Üstte olmasını sağlar */
            left: 0;
            top: 0;
            width: 100%; /* Tüm ekran */
            height: 100%; /* Tüm ekran */
            overflow: auto; /* Gerekirse kaydırma çubuğu */
            background-color: rgb(0,0,0); /* Siyah arka plan */
            background-color: rgba(0,0,0,0.9); /* Yarı saydam siyah */
        }
        .modal-content {
            margin: 15% auto; /* Üstten 15% boşluk, otomatik yan boşluk */
            display: block;
            width: 80%; /* Genişlik */
            max-width: 700px; /* Maksimum genişlik */
        }
        .close {
            position: absolute;
            top: 10px;
            right: 25px;
            color: #fff;
            font-size: 35px;
            font-weight: bold;
            cursor: pointer;
        }

        /*header css*/
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            outline:none;
            border: none;
            text-decoration: none;
            text-transform: none;
            transition: 0.2s ease;
            font-family: 'IBM Plex Sans', sans-serif;
            
        }

        .header{
            background-color:#fcee0a;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 7%;
            margin: 2rem 7%;
            height: 11rem;
            border-radius: 30rem;
            box-shadow: 0px 0px 17px -2px rgb(23, 20, 20);
            position: sticky;
            top: 2rem;
            z-index: 1000px;
            z-index: 10;
           }
           .header .logo img{
            height: 10rem;
            }
            .img {
                vertical-align: middle;
                border-style: none;
            }
           .header .navbar a{
               margin: 0 1rem;
               font-size: 2rem;
               color: var(--black-color);
               border-bottom: 0.2rem solid transparent;
               text-decoration: none;
           }
           .header .navbar .activ,
           .header .navbar a:hover{
               border-color: var(--border);
               padding-bottom: 0.5rem;
               
           }
           .header .buttons button{
            cursor: pointer;
            font-size: 2rem;
            margin-left: 1.5rem;
            background-color: transparent;
        }