body,
        html {
            height: 100%;
            margin: 0;
            overflow: hidden;
            font-family: "Montserrat", sans-serif;
        }

.modal {
               background-color: rgba(0, 0, 0, 0.2); /* Yarı şeffaf siyah arka plan */
            backdrop-filter: blur(10px); /* Arka planı bulanıklaştırır */
}

        .iframe-container {
            position: relative;
            height: 100%;
            width: 100%;
        }

        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

        .fixed-top-left {
            position: fixed;
            top: 10px;
            left: 10px;
            display: flex;
            align-items: center;
            padding:10px;
            border-radius:7px;
        }

        .fixed-bottom-right {
            position: fixed;
            bottom: 10px;
            right: 10px;
            color:#fff;
            text-shadow:1px 1px 1px #000;
            font-size: 0.8em;
        }

        .fixed-top-right {
            position: fixed;
            top: 10px;
            right: 10px;
             display: flex;
            align-items: center;
            padding:10px;
            border-radius:7px;
        }

        .sidebar {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
           background-color: rgba(0, 0, 0, 0.2); /* Yarı şeffaf siyah arka plan */
            backdrop-filter: blur(10px); /* Arka planı bulanıklaştırır */
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            color: #ffad12;
        }

        .sidebar a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 15px;
            color: #ffad12;
            display: block;
            transition: 0.3s;
        }
        
.breadcrumb{margin-left:10px;background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);bottom:0;color:#fff;left:40px;padding:0 20px 10px;position:fixed;transition:all 1.5s ease-in-out;z-index:10}.breadcrumb>div{text-shadow:2px 3px 4px #000000e6}.breadcrumb .b-title{font-size:1.2rem;font-weight:300}.breadcrumb .b-subTitle{font-weight:600;text-transform:uppercase}.breadcrumb.bottom{bottom:40px;left:0}.breadcrumb.intro-in{bottom:-50px;opacity:0}.breadcrumb.intro-out{bottom:0;opacity:1}.breadcrumb.intro-out.bottom{bottom:40px}.brand{transition:top 1.2s ease-in-out,opacity 1.2s ease-in-out}.brand{transition:top 1.2s ease-in-out,opacity 1.2s ease-in-out}.brand.spinner-on{opacity:0;top:-30px}.brand.spinner-off{opacity:1;top:0}.brand.intro-in{opacity:0;top:-30px}.brand.intro-out{opacity:1;top:0}.brand .brand-logo{background-color:initial;height:auto;width:160px}.brand .brand-logo .brand-logo-img>a{display:block;height:auto;margin:0;padding:0;width:100%}.brand .brand-logo .brand-logo-img img{max-width:100%}.brand .brand-logo .brand-title{color:#fff;font-weight:700;height:30px;line-height:30px;text-align:center;text-shadow:2px 3px 4px #00000080;text-transform:uppercase}.weather{align-items:center;color:#fff;display:flex;font-family:var(--primary-font);font-size:20px;justify-content:center;padding:2px;text-align:center;transition:top 1.2s ease-in-out,opacity 1.2s ease-in-out;width:100%}.weather.intro-in{opacity:0;top:-30px}.weather.intro-out{opacity:1;top:0}.weather .icon{font-size:16px;margin-right:.5rem}.Pan-Menu-item{color:#fff;height:35px;line-height:35px;overflow:hidden;padding:0 20px 0 10px;text-overflow:ellipsis;white-space:nowrap}.Branding-Container{padding:40px;position:fixed;right:0;top:0;transition:top 1.2s ease-in-out,opacity 1.2s ease-in-out;z-index:11}@media only screen and (min-device-width:375px) and (max-device-width:667px){.World .World-2D-Contents .Branding-Container{padding:20px}}@media only screen and (max-width:667px){.World .World-2D-Contents .Branding-Container{padding:20px}}

        
        .transparent-input {
    background-color: rgba(255, 255, 255, 0.3); /* Beyaz, %30 şeffaf arka plan */
    border: 1px solid rgba(255, 255, 255, 0.7); /* Beyaz, %70 şeffaf kenar */
    color: white; /* Yazı rengini beyaz yapar */
    padding: 10px; /* İçerik için padding ekler */
    border-radius: 5px; /* Kenarları yuvarlar */
    font-size: 16px; /* Yazı boyutu */
}

        .sidebar a:hover {
            color: #444;
        }

        .sidebar .closebtn {
            position: absolute;
            top: 40px;
            right: 0px;
            font-size: 36px;
            margin-left: 50px;
        }

        .openbtn {
            font-size: 16px;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.2); /* Yarı şeffaf siyah arka plan */
            backdrop-filter: blur(10px); /* Arka planı bulanıklaştırır */
            color: #fff;
            padding: 5px 10px;
            border-radius:5px;
            border:0px;
            text-shadow: 1px 2px 3px #000000e6;
        }

        .openbtn:hover {
            border:0px;
            background-color: rgba(0, 0, 0, 0.5); /* Yarı şeffaf siyah arka plan */
            backdrop-filter: blur(10px); /* Arka planı bulanıklaştırır */
        }

        .search-box {
            padding: 8px 8px 8px 32px;
            border: 1px dotted #bebebe;
            width: calc(100% - 4px);
            margin-bottom: 20px;
            font-size: 12px;
        }
        .logo_text {
background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
            padding-top:5px;
            font-weight:bolder;
            font-size:20px;
            font-family: "Oswald", sans-serif;
            padding-left:3px;
        }

        .fw-bold {
            font-weight:bolder;
        }