.header-container {
                max-width: 1280px;
                padding: 0 20px; /* Sağ ve sol boşluk */
            }

            .mySwiper3 {
                height: 450px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .mySwiper3 .swiper-wrapper {
                flex-direction: column;
                align-items: center;
                gap: 12px;
            }

            .mySwiper4 {
                height: 450px;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
            }

            .mySwiper4 .swiper-slide img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

            .mySwiper4 .title-box {
                position: absolute;
                bottom: 30px;
                left: 30px;
                padding: 12px 20px;
                border-radius: 8px;
                text-align: left;
            }