.navigation-item>a,
        .navigation-item>button {
            text-transform: uppercase;
        }
        
        .navigation-item > a, .navigation-item > button {
            @media (max-width: 1650px) {
                padding-left: 10px;
                padding-right: 10px;
                font-size: 0.875rem;
            }
        }


        .header-logo {
            @media (max-width: 1650px) {
                img {
                    max-width: 200px;
                } 
            }
            @media (max-width: 11440px) {
                img {
                    max-width: 160px;
                } 
            }
        }
        .header-button {
            a {
                padding-left: 10px!important;
                padding-right: 10px!important;
            }
            @media (max-width: 1440px) {
                max-width: 135px;
                a {
                    font-size: 0.875rem!important;
                } 
            }
        }


.mx-auto {
    margin: 0 auto;
}
.align-items-center {
    align-items: center;
}
.mb-5 {
    margin-bottom: 3rem;
}
.text-white {
    color: white!important;
}


.services-cover {
    @media (max-width: 1440px) {
        max-height: 500px;
    }
}

.inner-page__header {
    .inner-page__photo {
        
    }
    .inner-page__heading-content {
        .title {
            @media (max-width: 1440px) {
                font-size: 24px;
            }
        }
        .small-title {
            @media (max-width: 1440px) {
                font-size: 16px;
            }
        }
        .text {
            @media (max-width: 1440px) {
                font-size: 16px;
            }
        }
    }
    .inner-page__heading-photo {
        max-height: 600px;
        width: auto;
        height: auto;
        overflow: hidden;
        margin-top: 50px;
        position: relative;
        img, video {
            -o-object-fit: fill;
            object-fit: fill;
        }
    }
}

@media (max-width: 992px) {
    .about-bottom ul li .title {
        font-size: 26px;
    }
    .about-bottom ul li .title span {
        font-size: 16px;
    }
    .about-bottom ul li .text {
        font-size: 16px; 
        max-width: 100px;
    }
} 

.inner-page__heading .swiper .inner-page__heading-photo {
    @media (min-width: 1440px) {
        height: 600px;
    } 
}
.inner-page__heading .info {
    @media (min-width: 1440px) {
        margin-top: 30px;
    } 
}


/* Ana Kapsayıcı - Kesinlikle tam ekran genişliği almalı */
.js-swiper-projects {
  width: 100% !important;
  overflow: hidden !important;
}

/* Kapsayıcının flex yapısında bir sola yaslama varsa eziyoruz */
.js-swiper-projects .swiper-wrapper {
  align-items: center !important; 
  margin: 0 !important;
}

/* Slayt Genişlikleri */
.js-swiper-projects .swiper-slide {
  width: 80vw !important; /* Mobilde yanlardan eşit pay bırakmak için */
  max-width: 1140px !important;
  flex-shrink: 0 !important;
  opacity: 0.3 !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
  /* İstersen aktif olmayanları biraz küçültebilirsin: transform: scale(0.95); */
  @media (max-width: 1440px) {
    max-width: 900px!important;
  }
}

/* Aktif (Tam Ortadaki) Slayt */
.js-swiper-projects .swiper-slide-active {
  opacity: 1 !important;
  /* transform: scale(1); */
}

.projects {
    .projects-item {
        display: flex;
        position: relative;
        height: 100%;
    }
}
.projects-cover {
    display: flex;
    height: 100%;
    max-height: 800px;
    img {
        width: 100%;
        height: auto;
    }
    @media (max-width: 1440px) {
        max-height: 600px;
    } 
}

.section-references {
    position: relative;

    &::after {
        content: "";
        position: absolute;
        right: 0%;
        bottom: 0%;
        width: 80%;
        height: 120%;
        
        background: radial-gradient(
            circle at bottom right,
            rgba(255, 106, 0, 0.35) 0%, 
            rgba(255, 120, 0, 0.15) 45%,
            rgba(255, 120, 0, 0) 75% 
        );
        filter: blur(60px); 
        z-index: -1;
        pointer-events: none;
    }
}
.section-projects {
    padding-top: 100px;
}