body {    margin: 0;}.final-content {    color: #fff;}.pin-section-wrapper {    position: relative;    height: auto;}.pin-container {    position: relative;    top: 0;    height: auto;    width: 100%;}.animation-layer {    position: absolute;    inset: 0;}.split-content-layer {    display: flex;    opacity: 1;    will-change: opacity;    padding: 0px 0;    position: relative;    justify-content: center;}/* ... visual-layer, content-layer, content-inner, svg stilleri aynı kalıyor ... */.visual-layer {    width: 40%;    display: flex;    align-items: center;    justify-content: center;}.visual-layer svg {    width: 100%;}.content-layer {    width: 50%;    padding: 4rem;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}.content-inner {    max-width: 490px;    transition: opacity 0.4s ease, transform 0.4s ease;}.content-inner h1 {    transition: opacity 0.4s ease, transform 0.4s ease;    display: block;    font-size: 18px;    font-weight: 400;}.content-inner h2 {    font-weight: 600;    font-size: 38px;    margin-top: 25px;    margin-bottom: 35px;    color: var(--renk1);    font-family: var(--font1);}.content-inner p {    line-height: 1.4;    font-weight: 500;    font-size: 15px;    color: var(--renk2);}.content-inner.hidden {    opacity: 0;    transform: translateY(40px);}/* --- DEĞİŞTİ: Resim katmanı yerine video katmanı --- */.fullscreen-video-layer {    opacity: 0;    /* Başlangıçta gizli */    will-change: opacity;    overflow: hidden;    /* Dışarı taşan video kısımlarını gizle */}/* iframe'i tam ekran kaplayan bir arka plana dönüştüren sihirli CSS */.fullscreen-video-layer iframe {    position: absolute;    top: 50%;    left: 50%;    width: 100vw;    height: 56.25vw;    /* 16:9 Aspect Ratio (100/16*9) */    min-height: 100vh;    min-width: 177.77vh;    /* 16:9 Aspect Ratio (100/9*16) */    transform: translate(-50%, -50%);}.info-banner {    padding: 50px 40px;    /* İç boşluklar */    border-radius: 5px;    /* Kenar yuvarlaklığı */    width: 100%;}.info-banner .container {    display: flex;    /* Logo ve metni yan yana getirmek için */    align-items: start;    /* Dikey olarak ortalamak için */    gap: 25px;    /* Logo ile metin arasına boşluk koymak için */    display: flex;    margin-left: 6.875rem;}/* Logo sembolünün container'ı */.logo-symbol {    flex-shrink: 0;    margin-right: 20px;    flex-shrink: 0;    margin-top: -50px;}/* Logoyu oluşturan 3 kırmızı çubuk */.logo-symbol svg {    display: block;    /* Çubukların alt alta gelmesini sağlar */    width: 100px;    height: 150px;    fill: var(--renk4);    /* Kırmızı renk */}/* Son çubuk hariç diğer çubukların altına boşluk ekler *//* Banner metni */.banner-text {    font-size: 31px;    font-weight: 500;    /* Orta kalınlıkta yazı */    color: var(--renk2);    /* Koyu gri/siyah yazı rengi */    line-height: 1.4;    /* Satırlar arası boşluğu ayarlar */    margin: 0;    /* Paragrafın varsayılan margin'ini sıfırlar */    max-width: 70%;    font-family: var(--font1);}.banner-text strong {    color: var(--renk4);    /* Koyu gri/siyah yazı rengi */}/* Sayaç Bölümünün Ana Kapsayıcısı */.stats-container {    display: flex;    justify-content: space-around;    /* Öğeleri aralarında boşluk bırakarak dağıt */    text-align: left;    width: 100%;    max-width: 1100px;    /* Maksimum genişlik */    margin: auto;    /* Sayfada ortala */    flex-wrap: wrap;    /* Mobil için: Sığmazsa alt satıra geç */    gap: 30px;    /* Öğeler arasında boşluk */    margin-top: 70px;}/* Her bir sayaç öğesi */.stat-item {    flex: 1;    /* Bulunduğu alanda eşit yer kaplamasını sağlar */    font-family: var(--font1);}/* Sayılar */.stat-number {    font-size: 52px;    font-weight: 700;    color: var(--renk3);    /* Görseldeki yeşil renk */    display: block;    /* Altındaki elemanla arasında boşluk oluşmasını sağlar */}.stat-icon {    font-size: 12px;    font-weight: 700;    color: var(--renk4);    /* Görseldeki yeşil renk */    display: block;    /* Altındaki elemanla arasında boşluk oluşmasını sağlar */    padding-left: 15px;}/* Sayı ile açıklama arasındaki çizgi */.stat-item .divider {    width: 100%;    max-width: 220px;    /* Çizginin çok uzamasını engeller */    height: 1px;    background-color: #2c3e50;    /* Görseldeki koyu mavi/gri renk */    margin: 15px auto;    /* Dikeyde boşluk bırakır ve yatayda ortalar */}/* Açıklama metni */.stat-description {    font-size: 15px;    color: #2c3e50;    margin: 0;}/**/.hizmetler {    width: 100%;    height: auto;    position: relative;    padding: 70px 0px 100px;    border-top: 1px solid #f2f2f2;    margin-top: 70px;}/* Başlık Alanı Stilleri */.solutions-header {    margin-bottom: 40px;    width: 100%;}.solutions-header .container {    display: flex;    justify-content: space-between;    align-items: end;    flex-wrap: wrap;}.solutions-header .header-left {    flex: 1;    color: #1b1b1c;    font-weight: 400;    font-size: 44px;    line-height: 100%;}.solutions-header .header-left h2 {    font-size: 34px;    font-weight: 700;    line-height: 1.25;    margin: 0 0 0px 0;    color: var(--renk2);    font-family: var(--font1);}.solutions-header .header-right {    display: flex;    flex-flow: row wrap;    justify-content: flex-end;    align-items: center;    flex: 1;}.solutions-header .header-left .tagline {    display: flex;    align-items: center;    font-size: 12px;    font-weight: 500;    color: var(--renk1);    letter-spacing: 1px;    text-transform: uppercase;    margin-bottom: 16px;    margin-top: 0px;}.solutions-header .tagline .square {    width: 10px;    height: 10px;    background-color: #c0b400;    margin-right: 10px;}.solutions-header .details-button {    border: 1px solid #e2e8f0;    border-radius: 9999px;    padding: 12px 24px;    text-decoration: none;    color: #2d3748;    font-weight: 500;    transition: all 0.3s ease;    white-space: nowrap;    display: inline-flex;    align-items: center;}.solutions-header .details-button:hover {    background-color: var(--renk3);    border-color: var(--renk3);}/* ANA IZGARA YAPISI */.hizmetler .solutions-grid {    margin-top: 20px;    display: flex;    justify-content: space-between;    flex-direction: row;    height: 440px;    gap: 15px;    padding: 0px 30px;}/* Sol ve Sağ Sütunlar için iç ızgara/flex yapıları */.hizmetler .grid-col-left {    display: flex;    flex-direction: column;    gap: 24px;    flex: 0 0 calc(25% - 12px);}.decision__item {    gap: 15px;    flex: 0 0 calc(25% - 12px);    display: flex;    flex-direction: column;}.decision__item .card {    height: 50%;}.decision__item .card-oil {    height: 100%;}.hizmetler .grid-col-right {    display: grid;    grid-template-columns: 1fr 1fr;    grid-template-rows: 1fr 1fr;    gap: 24px;}/* Kartların Genel Stilleri */.hizmetler .card {    border-radius: 16px;    overflow: hidden;    position: relative;    display: flex;    flex-direction: column;    justify-content: flex-end;    /* İçeriği aşağıya yaslar */    padding: 24px;    text-decoration: none;    color: #1a202c;    /* Varsayılan metin rengi siyah */    transition: transform 0.3s ease-out;    background-color: #f7fafc;    /* Varsayılan arkaplan rengi */}.hizmetler .card:hover {    transform: translateY(-5px);}/* Kart Arka Plan Resmi ve Geçiş Efekti */.hizmetler .card .bg-image {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    transition: opacity 0.4s ease-in-out, transform 0.5s ease-out;    z-index: 1;}.hizmetler .card:not(.card-metallurgy) .bg-image {    opacity: 0;    transform: scale(1.1);}.hizmetler .card:hover .bg-image {    opacity: 1;    transform: scale(1);}/* Kart İçeriği (Yazı ve İkon) */.hizmetler .card-content {    position: relative;    z-index: 3;    transition: color 0.3s ease;}.hizmetler .card .card-content svg {    position: absolute;    width: auto;    height: 220px;    top: -140px;    fill: #d9e8e1;    right: 40px;}.hizmetler .card:hover .card-content svg {    fill: #ffffff;    opacity: 10%;}/* Fare üzerine gelince metin rengi beyaz olur */.hizmetler .card:hover .card-content {    color: white;}.hizmetler .card::after {    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 80%;    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);    z-index: 2;    opacity: 0;    transition: opacity 0.4s ease;}.hizmetler .card-metallurgy::after,.hizmetler .card:hover::after {    opacity: 1;}.hizmetler .card .icon {    position: absolute;    top: 24px;    left: 24px;    z-index: 3;    font-size: 24px;    opacity: 0.8;    transition: color 0.3s ease;}.hizmetler .card .icon svg {    width: 34px;    height: 34px;    display: block;    fill: #000;}.hizmetler .card:hover .icon svg {    fill: white;}.hizmetler .card.card-oil:hover .icon svg {    fill: white;}.hizmetler .card {    position: relative;    overflow: hidden;}.hizmetler .card h3 {    margin: 0 0 8px 0;    font-size: 20px;    line-height: 1.3;    position: relative;    z-index: 1;    transition: transform 0.4s ease, opacity 0.4s ease;    font-family: var(--font1);    font-weight: 500;}.hizmetler .card p {    margin: 0;    font-size: 14px;    position: absolute;    left: 0;    right: 0;    opacity: 0;    transform: translateY(30px);    transition: transform 0.5s ease, opacity 0.5s ease;    z-index: 0;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    font-weight: 300;}/* Hover efekti */.hizmetler .card:hover h3 {    transform: translateY(-30px);}.hizmetler .card:hover p {    opacity: 1;    transform: translateY(-30px);}/* BİRE BİR YERLEŞİM İÇİN KART ÖZEL STİLLERİ *//* Sol Sütun Kartları */.hizmetler .card-metallurgy {    flex-grow: 2;    /* Yüksekliğinin 2 birim olmasını sağlar */    color: white;    /* Başlangıçta metin rengi beyaz */}.hizmetler .card-metallurgy .bg-image {    opacity: 1;    transform: scale(1);}.hizmetler .card-transport {    flex-grow: 1;    /* Yüksekliğinin 1 birim olmasını sağlar */    background-color: #e3f0ea;}/* Orta Sütun Kartı */.hizmetler .card-oil {    background-color: #056839;    color: white;}/* Petrol kartında hover'da metin zaten beyaz olduğu için renk değişimi olmaz */.hizmetler .card-oil:hover .card-content {    color: white;}.hizmetler .card-oil .icon svg {    fill: white;}.hizmetler .card-oil.active .bg-image {    opacity: 1;    transform: scale(1);}.hizmetler .card-oil.active .bg-image {    opacity: 1;    transform: scale(1);}.hizmetler .card-oil.active .card-content svg {    fill: #ffffff;    opacity: 10%;}.hizmetler .card-oil.active::after {    opacity: 1;}/* Sağ Sütun Kartları */.hizmetler .card-industry {    background-color: #e3f0ea;}.hizmetler .card-energy {    background-color: #e3f0ea;}.hizmetler .card-construction {    background-color: #e3f0ea;}.hizmetler .card-telecom {    background-color: #0a1d3a;    color: white;}.hizmetler .card-telecom:hover .card-content {    color: white;}.hizmetler .card-telecom:hover .icon {    color: white;}.hizmetler .social-follow-card {    background-color: var( --renk3 );    /* Koyu mavi arkaplan, telecom kartıyla aynı */    color: white;    display: flex;    flex-direction: column;    justify-content: center;    /* İçeriği dikeyde ortala */    align-items: center;    /* İçeriği yatayda ortala */    text-align: center;    height: 50%;    /* Kapsayıcısının %100'ünü kaplasın */}/* Kartın içindeki başlık için */.hizmetler .social-follow-card h3 {    font-size: 18px;    line-height: 1.3;    font-weight: 500;    margin: 0 0 24px 0;}/* Sosyal medya ikonlarının kapsayıcısı */.social-icons {    display: flex;    gap: 20px;    justify-content: center;}/* Her bir ikon linki */.social-icons a {    color: white;    /* İkon rengi */    display: inline-block;    transition: transform 0.3s ease, opacity 0.3s ease;}.social-icons a:hover {    transform: scale(1.15);    /* Üzerine gelince hafifçe büyüsün */    opacity: 1 !important;    /* Hafif transparan olsun */}/* SVG ikonların boyutu */.social-icons a svg {    width: 25px !important;    height: 25px !important;    fill: currentColor !important;    /* 'a' etiketinin rengini alsın */    position: relative !important;    top: 0px !important;    right: 0px !important;}.social-icons a:hover svg {    opacity: 1 !important;    /* Hafif transparan olsun */}.hizmetler .card.social-follow-card:hover .card-content svg {    fill: #ffffff;    opacity: 100%;}/**/.neden-biz {    position: relative;    width: 100%;    height: 2400px;    overflow: hidden;}.neden-biz .video-bg {    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);    width: 100%;    max-width: 1000px;}.neden-biz .video-bg .video-bg-ic .video {    width: auto;    height: 100%;}/**/._3q123KyJ {    position: relative;}._1srzn-2H {    will-change: filter, transform;}.PIzONBgY,._163VxQZJ {    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);    width: 100%;    max-width: 1000px;}._163VxQZJ {    z-index: 1;}._11G4XziC {    position: absolute;    top: 330px;    left: 50%;    transform: translate(255px, var(--y));    pointer-events: auto;}._--WvPIqk {    position: relative;    width: 78px;    height: 78px;}._1C8tUw0U {    position: relative;    width: 100%;    height: auto;    overflow: hidden;}._17YBKxto {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    object-fit: cover;}._3wu9ZX2a {    position: absolute;    top: 370px;    left: 50%;    width: 2100px;}._1loiDZbl {    position: absolute;    bottom: 0;    right: 0;    min-height: 650px;    width: auto;    min-width: 100%;    mix-blend-mode: multiply;    transform: scale(1.1) translate(-2.5%, 35%) translateY(calc(var(--y) * 1%));    z-index: 1;}._2gsUhqVq {    position: absolute;    top: -430px;    left: 50%;    width: 1600px;    height: auto;    mix-blend-mode: overlay;    transform: translateX(-50%) translateX(280px);}._1C8tUw0U ._2lO35GPP {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;}._1_mIgKdi {    position: absolute;    top: 0;    left: 0;    right: 0;    height: calc(var(--vh) * 100);    transform: translateY(var(--y));}.resize-observer[data-v-2b830392] {    position: absolute;    top: 0;    left: 0;    z-index: -1;    width: 100%;    height: 100%;    border: none;    background-color: transparent;    pointer-events: none;    display: block;    overflow: hidden;    opacity: 0;}.resize-observer[data-v-2b830392] object {    display: block;    position: absolute;    top: 0;    left: 0;    height: 100%;    width: 100%;    overflow: hidden;    pointer-events: none;    z-index: -1;}.PIzONBgY,._163VxQZJ {    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);    width: 100%;    max-width: 1000px;}._1dRsdpFs,.ZozVzmQt {    position: absolute;    top: -380px;    left: 50%;    transform: translateX(-206px);    height: 2000px;}._3RiSBtaG {    width: auto;    height: 100%;}.resize-observer[data-v-2b830392] {    position: absolute;    top: 0;    left: 0;    z-index: -1;    width: 100%;    height: 100%;    border: none;    background-color: transparent;    pointer-events: none;    display: block;    overflow: hidden;    opacity: 0;}.resize-observer[data-v-2b830392] object {    display: block;    position: absolute;    top: 0;    left: 0;    height: 100%;    width: 100%;    overflow: hidden;    pointer-events: none;    z-index: -1;}._ZTx_CGK {    position: relative;    top: 0;    left: 0%;    width: 100%;}._ZTx_CGK ._2Iwa-gy2 {    font-size: 133px;    line-height: 0.75;    letter-spacing: 4.6px;    color: white;    font-family: Platform, sans-serif;    font-weight: bold;    display: grid;    transform: translateY(var(--y));}.JOxM6Y5Y {    overflow-y: hidden;    margin-bottom: -64px;    padding-bottom: 64px;}._1OO0ep1Z._3bNayJef {    transform: translateY(var(--text-y));}.JOxM6Y5Y {    overflow-y: hidden;    margin-bottom: -64px;    padding-bottom: 64px;}._ZTx_CGK ._2ZsyhTyd {    font-size: 45px;    line-height: 1.1;    font-family: Platform, sans-serif;    color: white;    margin-left: 200px;    margin-top: 32px;    display: grid;    transform: translateY(var(--y));}.JOxM6Y5Y {    overflow-y: hidden;    margin-bottom: -64px;    padding-bottom: 64px;}.JOxM6Y5Y {    overflow-y: hidden;    margin-bottom: -64px;    padding-bottom: 64px;}.neden-biz-section {}.neden-biz-section .neden-biz-ic {    max-width: 720px;    width: 100%;    text-align: center;    padding-top: 100px;    padding-bottom: 100px;}.neden-biz-section h2 {    font-size: 34px;    font-weight: 700;    line-height: 1.25;    color: var(--renk2);    margin-bottom: 60px;    line-height: 1.2;    font-family: var(--font1);}.neden-biz-section .features-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 50px 30px;    text-align: left;}.neden-biz-section .feature-item {    display: flex;    align-items: start;    gap: 25px;}.neden-biz-section .feature-item h3 {    margin-bottom: 15px;    margin-top: 0px;    font-family: var(--font1);}.neden-biz-section .feature-icon {    flex-shrink: 0;    width: 62px;    height: 62px;}.neden-biz-section .feature-icon svg {    fill: #c0b400;}/* İkon Renkleri */.neden-biz-section .icon-primary {    color: #6d63f5;}.neden-biz-section .icon-secondary {    color: #85e0b2;}.neden-biz-section .icon-tertiary {    color: #5bc0de;}.neden-biz-section .icon-quaternary {    color: #7f52ff;}.neden-biz-section .icon-quinary {    color: #4ecdc4;}.neden-biz-section .feature-text p {    margin: 0;    font-size: 14px;    line-height: 1.3;}/**/.projeler-section-wrapper {    width: 100%;    margin: 0 auto;    padding: 100px 0px;    box-sizing: border-box;    overflow: hidden;}/* Üst Başlık Alanı */.projeler-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 50px;}.projeler-main-title {    font-size: 42px;    font-weight: 500;    margin: 0;    color: #333;}.projeler-all-projects-button {    display: inline-flex;    align-items: center;    padding: 12px 24px;    border: 1px solid #e0e0e0;    border-radius: 50px;    text-decoration: none;    color: #333;    font-size: 16px;    white-space: nowrap;    /* Buton metninin kırılmasını önler */    transition: background-color 0.3s, border-color 0.3s;}.projeler-all-projects-button:hover {    background-color: #f5f5f5;    border-color: #ccc;}.projeler-all-projects-button .projeler-arrow {    margin-left: 10px;    font-size: 22px;    line-height: 1;}/* Slider Kontrol Alanı */.projeler-controls {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 25px;}.projeler-subtitle {    display: flex;    align-items: center;    font-size: 14px;    color: #999;    text-transform: uppercase;    letter-spacing: 1.5px;}.projeler-subtitle::before {    content: "";    display: inline-block;    width: 12px;    height: 12px;    background-color: #ff6a00;    margin-right: 12px;}.projeler-navigation {    display: flex;    align-items: center;    gap: 25px;}.projeler-pagination {    font-size: 16px;    color: #aaa;    font-family: monospace;    /* Tasarımdaki gibi daha teknik bir görünüm için */}.projeler-nav-buttons {    display: flex;    gap: 10px;}.projeler-nav-buttons button {    width: 44px;    height: 44px;    border: 1px solid #e0e0e0;    border-radius: 50%;    background-color: #fff;    cursor: pointer;    font-size: 22px;    color: #555;    display: flex;    justify-content: center;    align-items: center;    transition: background-color 0.3s, border-color 0.3s;}.projeler-nav-buttons button:hover {    background-color: #f9f9f9;    border-color: #ccc;}.projeler-nav-buttons button:disabled {    opacity: 0.4;    cursor: not-allowed;    background-color: #fff;    border-color: #e0e0e0;}/* Slider Ana Yapısı */.projeler-slider-viewport {    width: 100%;    position: relative;    margin-bottom: 20px;}.projeler-slider-track {    display: flex;    align-items: start;    gap: 15px;    transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);}/* Proje Kartı Stilleri */.projeler-card {    flex: 0 0 45%;    /* Aktif kartın genişliği */    position: relative;    border-radius: 3px;    overflow: hidden;    cursor: pointer;    transform: scale(1);    /* Aktif olmayan kartlar daha küçük */    opacity: 1;    /* Aktif olmayan kartlar daha soluk */    transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.7s ease;    height: 350px;}.projeler-card.projeler-active {    transform: scale(1);    opacity: 1;    height: 450px;}.projeler-card-image {    width: 100%;    height: 450px;    display: block;    object-fit: cover;}.projeler-card-overlay {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    padding: 20px 30px 30px;    box-sizing: border-box;    background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100% );    display: flex;    justify-content: space-between;    align-items: center;    color: white;    font-size: 17px;    font-weight: 500;    opacity: 0;    transform: translateY(10px);    transition: opacity 0.5s ease, transform 0.5s ease;    font-family: var(--font1);}.projeler-card.projeler-active .projeler-card-overlay {    opacity: 1;    transform: translateY(0);}.projeler-card-overlay .projeler-arrow-overlay {    font-size: 32px;    transition: transform 0.3s ease;}.projeler-card.projeler-active:hover .projeler-arrow-overlay {    transform: translateX(8px);}/* Kart Altı Detay Alanı */.projeler-details-wrapper {    position: relative;    height: 80px;    display: flex;    justify-content: center;}.projeler-card-details {    text-align: center;    opacity: 0;    visibility: hidden;    position: absolute;    left: 50%;    transform: translateX(-50%) !important;    top: 20px;    transform: translateY(15px);    transition: opacity 0.6s ease 0.1s, visibility 0.6s ease 0.1s, transform 0.6s ease 0.1s;}.projeler-details-container[data-active="true"] .projeler-card-details {    opacity: 1;    visibility: visible;    transform: translateY(0);}.projeler-card-title {    font-size: 22px;    margin: 0 0 15px 0;    font-weight: 500;    font-family: var(--font1);}.projeler-tags-container {    display: flex;    justify-content: center;    gap: 12px;}.projeler-tag {    padding: 6px 18px;    border: 1px solid #e0e0e0;    border-radius: 20px;    font-size: 14px;    color: #555;    display: inline-flex;    align-items: center;}.projeler-tag.projeler-location-tag::before {    content: "📍";    /* Harita Pimi İkonu */    margin-right: 6px;    font-size: 12px;}/* Responsive Tasarım */@media (max-width: 900px) {    .neden-biz-section h2 {        font-size: 3rem;    }    .neden-biz-section .features-grid {        gap: 40px 60px;    }}@media (max-width: 768px) {    .neden-biz-section .features-grid {        grid-template-columns: 1fr;        gap: 40px;    }    .neden-biz-section .feature-item {        flex-direction: column;        text-align: center;        gap: 15px;        align-items: center;    }    .neden-biz-section h2 {        font-size: 2.5rem;        margin-bottom: 40px;    }}/* Mobil Cihazlar için Duyarlılık */@media (max-width: 1024px) {    .hizmetler .solutions-grid {        grid-template-columns: 1fr 1fr;        /* Tablette 2 sütunlu yapı */        height: auto;        padding: 0px 20px;    }    .hizmetler .grid-col-right {        grid-column: 1 / 3;        /* Sağdaki 2x2'lik alanı en alta tam genişlikte yay */    }}@media (max-width: 768px) {    .solutions-header {        flex-direction: column;        align-items: stretch;    }    .hizmetler .details-button {        margin-top: 20px;        justify-content: center;    }    .hizmetler .header-left h1 {        font-size: 32px;    }    .hizmetler .solutions-grid {        grid-template-columns: 1fr;        /* Mobilde tek sütun */        height: auto;        display: block;    }    .hizmetler .grid-col-left, .hizmetler .grid-col-right {        display: contents;        /* İçindeki kartların ana ızgaraya dahil olmasını sağlar */    }    .hizmetler .card {        min-height: 200px;    }}/* TEK BÄ°R KART (Eski: .filter-card) */.cozum-karti {    display: flex;    flex-direction: column;    text-decoration: none;    color: var(--color-black-main);    background-color: #fff;    border-right: 1px solid #e4e7eb;    padding: 25px;    border-radius: 0px;    transition: transform 0.3s ease, box-shadow 0.3s ease;}/* KART HOVER EFEKTÄ° */.cozum-karti:hover {    transform: translateY(-10px);    box-shadow: 0 15px 35px rgba(44, 48, 59, 0.12);}/* KART BAŞLIĞI (Eski: .card-title) */.cozum-karti__baslik {    font-size: 22px;    font-weight: 600;    line-height: 1.3;    margin: 0 0 25px 0;    min-height: 60px;}/* RESÄ°M KAPSAYICI (Eski: .card-image-wrapper) */.cozum-karti__gorsel {    flex-grow: 1;    margin-bottom: 25px;    border-radius: 0px;    overflow: hidden;}.cozum-karti__gorsel img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.4s ease;}.cozum-karti:hover .cozum-karti__gorsel img {    transform: scale(1.05);}/* KART LÄ°NKÄ° (Eski: .card-link) */.cozum-karti__link {    font-size: 13px;    font-weight: 600;    color: #0d6efd;    text-transform: uppercase;    margin-top: auto;}.pt-0 {    padding-top: 0px;}.hor-line {    margin: 0;    padding: 0;    width: 100%;    height: 1px;    border: 0;    background: #e4e7eb;}hr.hor-line {    margin: 0 !important;}.client-logos-section {    width: 100%;    overflow: hidden;    border-top: 1px solid #e4e7eb;    padding-top: 70px;    padding-bottom: 70px;}/* BÖLÃœM BAŞLIĞI */.section-title {    text-align: center;    font-size: 32px;    font-weight: 700;    color: #2c303b;    margin-top: 0px;    margin-bottom: 50px;}/* LOGO ŞERÄ°DÄ°NÄ° TAŞIYAN ANA ÇERÇEVE (MARQUEE) */.logo-marquee {    width: 100%;    margin-top: 70px;    position: relative;    /* Kenarlardan yumuÅŸak bir ÅŸekilde girip çıkması için maske efekti */    -webkit-mask-image: linear-gradient( to right, transparent, black 10%, black 90%, transparent );    mask-image: linear-gradient( to right, transparent, black 10%, black 90%, transparent );}/* LOGOLARI İÇEREN VE HAREKET EDEN ŞERÄ°T (TRACK) */.logo-marquee__track {    display: flex;    width: max-content;    /* İçerik kadar geniÅŸle */    flex-shrink: 0;    /* Küçülmeyi engelle */    animation: scrollLogos 40s linear infinite;}/* FARE ÃœZERÄ°NE GELÄ°NCE ANÄ°MASYONU DURDUR */.logo-marquee:hover .logo-marquee__track {    animation-play-state: paused;}/* TEK BÄ°R LOGO ÖĞESÄ° */.logo-marquee__item {    display: flex;    align-items: center;    justify-content: center;    padding: 0 10px;    /* Logolar arası boÅŸluk */    height: 110px;    /* Tüm logoların aynı yükseklikte olmasını saÄŸlar */}.logo-marquee__item img {    max-height: 100%;    width: auto;    /* BaÅŸlangıçta logoları soluk ve gri yap */    filter: grayscale(100%);    opacity: 0.6;    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;}/* FARE LOGONUN ÃœZERÄ°NE GELDİĞİNDE */.logo-marquee__item:hover img {    filter: grayscale(0%);    opacity: 1;    transform: scale(1.1);    /* Hafifçe büyüt */}.text-center {    text-align: center;}.text-center .header-left .tagline {    justify-content: center;}/* ANÄ°MASYON KEYFRAMES */@keyframes scrollLogos {    from {        transform: translateX(0);    }    to {        /* Şeridin yarısı kadar sola kaydır. Bu, sonsuz döngüyü saÄŸlar */        transform: translateX(-50%);    }}.mobilbuttonlar{    display: none;}@media (max-width: 768px) {    .logo-marquee__item {        padding: 0 25px;        height: 40px;    }}/* MOBÄ°L UYUMLULUK */@media (max-width: 992px) {    .Blogg__kart-gridi {        grid-template-columns: 1fr;    }    .cozum-karti__baslik {        min-height: auto;    }}/* MOBÄ°L UYUMLULUK */@media (max-width: 992px) {    .media-section__grid {        grid-template-columns: 1fr;        /* Sütunları alt alta diz */    }    .media-card--large {        min-height: 400px;    }}@media(max-width: 1024px) {    .info-banner .container {        margin-left: 0;    }    .info-banner {        padding: 40px 20px;    }    .logo-symbol {        display: none;    }    .slider-container .slide .textic {        padding-left: 20px;    }    .stats-container {        display: none;    }    .hizmetler {        width: 100%;        height: auto;        position: relative;        padding: 40px 0px 70px;        border-top: 1px solid #f2f2f2;        margin-top: 0;    }    .solutions-header .header-right {        display: none;    }    .site-header .logo {        flex-shrink: 0;        display: flex;        align-items: center;        text-decoration: none;        margin-left: 20px;        margin-top: 20px;        padding-bottom: 20px;    }    .slider-container {        position: relative;        width: 100%;        height: 50vh;    }    .slider-container .slide .textic .text1 {        display: block;        font-size: 35px;        font-weight: 500;        line-height: 40px;    }    .banner-text {        font-size: 25px;        max-width: 100%;    }    .visual-layer {        display: none;    }    .content-layer {        width: 100%;        padding: 2rem 2rem;    }    .projeler-section-wrapper {        display: none;    }    .footer-container {        display: none;    }    .hizmetler .card.active{        margin-top: 15px;        margin-bottom: 15px;    }    .footer-alt{        margin: 0;        padding: 0;        border:none;    }    .site-footer {        margin-bottom: 35px;        padding-top: 2rem;        padding-bottom: 2rem;       }    .mobilbuttonlar {        position: fixed;        width: 100%;        bottom: 0;        z-index: 999;        display: flex;    }    .btn1 {        background: #c0b400;        border-color: #c0b400;        color: #fff;        width: 100%;        text-align:center ;        padding: 10px 20px;    }    .btn2 {        background: #a29803;        border-color: #a29803;        color: #fff;        width: 100%;        text-align:center ;        padding: 10px 20px;    }    .btn3 {        background: #827a02;        border-color: #827a02;        color: #fff;        width: 100%;        text-align:center ;        padding: 10px 20px;    }    .btn svg {        width: 24px;        height: 24px;        fill: currentColor    }}