a.WhatsApp1 {    display: flex;    font-size: 18px;    background: #2EB843;    font-weight: 600;    width: 51px;    height: 51px;    position: fixed;    bottom: 20px;    left: 20px;    border-radius: 50%;    -webkit-transition: all .1s ease-out 0s;    -moz-transition: all .1s ease-out 0s;    -ms-transition: all .1s ease-out 0s;    -o-transition: all .1s ease-out 0s;    transition: all .1s ease-out 0s;    color: #fff;    align-items: center;    justify-content: center;    animation: whatsapp infinite 2s linear;    z-index: 9999}a.WhatsApp1 svg {    width: 24px;    height: 24px;    fill: white;}@keyframes whatsapp {    0% {        box-shadow: 0 0 0 0 #2EB843    }    50% {        box-shadow: 0 0 0 10px #015dc700    }    100% {        box-shadow: 0 0 0 0 #015dc700    }}@media(max-width: 1024px) {    a.WhatsApp1 {        bottom: 60px    }}.slider-container {    position: relative;    width: 100%;    height: 100vh;    background-color: #333;    overflow: hidden;}.slider-container .slide .btn {    z-index: 9;    background-color: rgb(255, 94, 20);    cursor: pointer;    outline: none;    box-shadow: none;    box-sizing: border-box;    visibility: visible;    text-align: inherit;    line-height: 26px;    letter-spacing: 0px;    font-weight: 700;    font-size: 14px;    border-color: rgba(255, 255, 255, 0);    margin: 0px;    border-radius: 0px;    padding: 12px 35px;    color: rgb(255, 255, 255);    text-decoration: none;    white-space: nowrap;    width: 170px;    height: auto;    min-height: 0px;    min-width: 0px;    max-height: none;    max-width: none;    opacity: 1;    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);    transform-origin: 50% 50% 0px;    border-width: 0px;    display: inline-block;}.slider-container .slide {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 0;    transition: opacity 0.8s ease-in-out;    display: flex;    align-items: center;}.slider-container .slide img {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    object-fit: cover;    z-index: -1;}.slider-container .slide.active {    opacity: 1;}.slider-container .slide.active img {    z-index: 1;}.slider-container .slide .textic {    max-width: max-content;    position: relative;    z-index: 9;    background-color: rgb(245 245 245);    visibility: visible;    text-align: inherit;    line-height: 22px;    letter-spacing: 0px;    font-weight: 400;    font-size: 20px;    border-color: rgb(155, 155, 155);    border-style: none;    margin: 0px;    border-radius: 0px;    padding: 0px;    color: rgb(255, 255, 255);    text-decoration: none;    white-space: nowrap;    padding: 50px 0px 50px 40px;    margin-top: 120px;    box-shadow: 0px 0px 10px 0px #00000021;}.slider-container .slide .textic .text1 {    display: inline-block;    margin-bottom: 15px;    visibility: visible;    text-align: inherit;    line-height: 64px;    letter-spacing: 0px;    font-weight: 700;    font-size: 50px;    color: black;}.slider-container .slide .textic .text2 {    display: block;    line-height: 24px;    letter-spacing: 0px;    font-weight: 700;    font-size: 17px;    border-color: rgb(255, 255, 255);    border-style: none;    margin: 0px;    border-radius: 0px;    padding: 0px;    color: rgb(155, 155, 155);    text-decoration: none;    white-space: nowrap;    width: auto;    height: auto;    min-height: 0px;    min-width: 0px;    max-height: none;}.slider-container .slide.active {    opacity: 1;}.slider-container .slider-btn {    position: absolute;    top: 50%;    transform: translateY(-50%);    background-color: #00000080;    fill: #fff;    border: none;    padding: 5px 10px;    font-size: 23px;    display: flex;    align-items: center;    font-weight: 700;    cursor: pointer;    border-radius: 5px;    z-index: 10;    transition: background-color 0.3s ease;    height: 42px;    width: 42px;}.slider-container .slider-btn:hover {    background-color: #000c;}.slider-container .prev-btn {    left: 15px;}.slider-container .next-btn {    right: 15px;}/* Ana Kapsayıcı Ayarları */.custom-hero-wrapper {    width: 100%;    max-width: 1200px;    /* İçerik genişliği */    margin: 0 auto;    padding: 0;    background-color: rgb(245 245 245);    box-sizing: border-box;}.custom-hero-wrapper * {    box-sizing: border-box;}/* Flex Yapısı (Yan Yana Getirme) */.custom-hero-wrapper .hero-container {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;}/* --- SOL TARAF --- */.custom-hero-wrapper .hero-content {    flex: 1;    padding-right: 40px;    min-width: 300px;}.custom-hero-wrapper .hero-title {    font-size: 40px;    line-height: 1.1;    color: #1a1a1a;    font-weight: 800;    margin: 0 0 20px 0;}.custom-hero-wrapper .hero-subtitle {    font-size: 15px;    color: #888;    font-weight: 600;    margin-bottom: 25px;}/* Buton Stili */.custom-hero-wrapper .hero-btn {    display: inline-block;    background-color: #ff0000;    /* Turuncu renk */    color: #fff;    padding: 15px 35px;    font-size: 16px;    font-weight: 700;    text-decoration: none;    transition: background 0.3s ease;}.custom-hero-wrapper .hero-btn:hover {    background-color: #000;}/* --- SAĞ TARAF (Video Alanı) --- */.custom-hero-wrapper .hero-video-section {    display: flex;    align-items: stretch;}/* Turuncu Dikey Çizgi */.custom-hero-wrapper .video-line {    width: 2px;    background-color: #ff0000;    margin-right: 0;}/* Gri Kutu */.custom-hero-wrapper .video-box {    padding: 20px 40px;    text-align: center;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}/* Play Butonu Dış Çember */.custom-hero-wrapper .play-button {    width: 80px;    height: 80px;    border: 2px solid #ffe0b2;    /* Açık turuncu halka */    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    position: relative;    margin-bottom: 20px;    text-decoration: none;    transition: all 0.3s ease;}/* Play Butonu İç Dolgu (Turuncu Daire) */.custom-hero-wrapper .play-button::after {    content: '';    width: 60px;    height: 60px;    background-color: #ff0000;    border-radius: 50%;    position: absolute;    z-index: 1;    transition: transform 0.3s ease;}/* Play İkonu (Üçgen) */.custom-hero-wrapper .play-icon {    width: 0;    height: 0;    border-top: 10px solid transparent;    border-bottom: 10px solid transparent;    border-left: 16px solid #fff;    z-index: 2;    /* Turuncu dairenin üstünde kalması için */    margin-left: 5px;    /* Optik ortalama */}/* Hover Efekti */.custom-hero-wrapper .play-button:hover::after {    transform: scale(1.1);}.custom-hero-wrapper .video-text {    color: #1a1a1a;    font-weight: 700;    font-size: 16px;    line-height: 1.4;}/* --- MOBİL UYUMLULUK (Responsive) --- */@media (max-width: 991px) {    .custom-hero-wrapper .hero-title {        font-size: 48px;    }}@media (max-width: 768px) {    .custom-hero-wrapper .hero-container {        flex-direction: column;        text-align: left;    }    .custom-hero-wrapper .hero-content {        padding-right: 0;        margin-bottom: 40px;        width: 100%;    }    .custom-hero-wrapper .hero-title {        font-size: 36px;    }    .custom-hero-wrapper .hero-video-section {        width: 100%;        /* Mobilde çizgiyi gizleyebilir veya yatay yapabiliriz, burada tasarım bütünlüğü için flex ile devam ediyoruz */    }    .custom-hero-wrapper .video-box {        width: 100%;        padding: 30px;    }}/* Ana Kapsayıcı */.logistics-section-wrapper {    color: #333;    padding: 60px 20px;    background-color: #fff;    box-sizing: border-box;    overflow: hidden;    /* Taşmaları engellemek için */}.logistics-section-wrapper * {    box-sizing: border-box;}/* Flex Grid Yapısı */.logistics-section-wrapper .ls-container {    /* Üstten hizala */    /* İki sütun arası boşluk */}/* --- SOL TARAF --- */.logistics-section-wrapper .ls-content {    flex: 1;    /* Alanın yarısını kapla */    padding-top: 0;}/* Başlık */.logistics-section-wrapper .ls-title {    font-size: 42px;    font-weight: 900;    color: #1a1a1a;    line-height: 1.2;    margin-bottom: 25px;    margin-top: 0;}/* Ana Açıklama */.logistics-section-wrapper .ls-main-desc {    font-size: 16px;    line-height: 1.6;    color: #4a4a4a;    margin-bottom: 50px;    font-weight: 400;}/* Özellikler Alanı (İkonlu Kısım) */.logistics-section-wrapper .ls-features {    display: flex;    gap: 30px;}.logistics-section-wrapper .ls-feature-item {    flex: 1;}/* İkonlar */.logistics-section-wrapper .ls-icon {    width: 50px;    height: 50px;    margin-bottom: 20px;    color: #1a1a1a;}.logistics-section-wrapper .ls-icon svg {    width: 100%;    height: 100%;}/* Özellik Başlıkları */.logistics-section-wrapper .ls-feature-title {    font-size: 18px;    font-weight: 700;    color: #1a1a1a;    margin-bottom: 15px;}/* Özellik Açıklamaları */.logistics-section-wrapper .ls-feature-desc {    font-size: 14px;    line-height: 1.6;    color: #999;    /* Daha silik gri */}/* --- SAĞ TARAF (Resim Alanı) --- */.logistics-section-wrapper .ls-image-wrapper {    flex: 1;    position: relative;    /* Turuncu kutuyu konumlandırmak için */    padding-bottom: 40px;    /* Turuncu kutunun taşması için alt boşluk */    padding-left: 40px;    /* Turuncu kutunun taşması için sol boşluk */    width: 100%;}/* Resim Stili */.logistics-section-wrapper .ls-img {    width: 100%;    height: auto;    display: block;    position: relative;    z-index: 2;    /* Kutunun üstünde kalsın */    object-fit: cover;    min-height: 400px;    /* Resmin çok küçülmesini engellemek için */}/* Turuncu Kutu */.logistics-section-wrapper .ls-orange-box {    left: 0;    /* Kutunun genişliği */    /* Kutunun yüksekliği */    background-color: #ff0000;    /* Turuncu renk */    z-index: 1;    /* Resmin altında kalsın */    content: '';    position: absolute;    display: block;    width: 210px;    height: 297px;    bottom: 0;    transition: all 1s ease 1.5s;}/* --- RESPONSIVE (Mobil Uyum) --- *//* Tablet (991px ve altı) */@media (max-width: 991px) {    .logistics-section-wrapper .ls-container {        flex-direction: column;        /* Alt alta al */        gap: 40px;    }    .logistics-section-wrapper .ls-image-wrapper {        width: 100%;        padding-left: 20px;        /* Mobilde boşluğu azalt */    }    .logistics-section-wrapper .ls-title {        font-size: 36px;    }}/* Mobil (768px ve altı) */@media (max-width: 768px) {    .logistics-section-wrapper .ls-features {        flex-direction: column;        /* Özellikleri alt alta al */        gap: 30px;    }    .logistics-section-wrapper .ls-title {        font-size: 25px;    }    .logistics-section-wrapper .ls-orange-box {        width: 100px;        /* Mobilde kutuyu küçült */        height: 100px;    }    .logistics-section-wrapper .ls-img {        min-height: 250px;    }}.hizmetler {    width: 100%;    height: auto;    padding: 70px 0px 70px 0px;    background: #f0f0f0;}.hizmetler .baslik {    width: 100%;    height: auto;    text-align: center;    margin-bottom: 20px;}.hizmetler .baslik h2 {    width: 100%;    height: auto;    margin-top: 0px;    letter-spacing: 2px;    font-size: 14px;    color: #ff0000;    margin-bottom: 20px;    font-weight: 700;}.hizmetler .baslik h2 span {    color: #E71D2E;}.hizmetler .baslik p {    width: 100%;    height: auto;    position: relative;    display: block;    clear: both;    margin: 0 0 15px;    padding: 0;    font-size: 42px;    font-weight: 900;    color: #1a1a1a;    line-height: 1.2;    margin-bottom: 25px;    margin-top: 0;}.hizmetler .baslik:after {    content: '';    width: 50px;    height: 2px;    background: #E71D2E;    position: relative;    display: flex;    margin: 25px auto 0px;}.custom-logistics-grid {}.custom-logistics-grid .grid-item {    background-color: #fff;    height: 100%;    /* Sütunlar eşit boyda görünsün */    transition: transform 0.3s ease, box-shadow 0.3s ease;    display: flex;    flex-direction: column;}/* Hover Efekti (Opsiyonel: üzerine gelince hafif kalkar) */.custom-logistics-grid .grid-item:hover {    transform: translateY(-5px);    box-shadow: 0 10px 20px rgba(0,0,0,0.1);}/* Resim Alanı */.custom-logistics-grid .img-holder {    width: 100%;    height: 350px;    /* Resimlerin hepsi aynı yükseklikte olsun */    overflow: hidden;    padding: 0 30px;}.custom-logistics-grid .img-holder img {    width: 100%;    height: 100%;    object-fit: cover;    /* Resmi kutuya orantılı sığdırır */    transition: transform 0.5s ease;}/* Resim Hover Efekti */.custom-logistics-grid .grid-item:hover .img-holder img {    transform: scale(1.05);}/* İçerik Alanı */.custom-logistics-grid .text-content {    padding: 25px;    flex-grow: 1;    /* İçeriği alt kısma yaslar */}/* Turuncu Etiketler */.custom-logistics-grid .meta-tags {    display: block;    color: #ff0000;    /* Turuncu renk */    font-size: 14px;    margin-bottom: 10px;    font-weight: 500;}/* Başlık */.custom-logistics-grid .item-title {    font-size: 22px;    font-weight: 700;    color: #1a1a1a;    margin: 0;    line-height: 1.3;}/**/.awesome-features-wrapper {    padding: 80px 20px;    background-color: #fff;    box-sizing: border-box;}.awesome-features-wrapper * {    box-sizing: border-box;}.awesome-features-wrapper .af-container {    max-width: 1200px;    margin: 0 auto;}/* --- BAŞLIK ALANI --- */.awesome-features-wrapper .af-header {    margin-bottom: 50px;    text-align: left;}/* Alt Başlık (Turuncu, Çizgili) */.awesome-features-wrapper .af-subtitle {    color: #ff0000;    font-size: 14px;    font-weight: 700;    text-transform: uppercase;    display: flex;    align-items: center;    margin-bottom: 15px;}.awesome-features-wrapper .af-subtitle::before {    content: '';    display: inline-block;    width: 30px;    height: 2px;    background-color: #ff0000;    margin-right: 10px;}/* Ana Başlık */.awesome-features-wrapper .af-title {    font-size: 42px;    color: #000;    /* Lacivert tonu */    font-weight: 700;    line-height: 1.3;    margin: 0;}/* --- GRID ALANI --- */.awesome-features-wrapper .af-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    /* 4 Sütun */    gap: 30px;    /* Kartlar arası boşluk */}/* --- KART TASARIMI --- */.awesome-features-wrapper .af-card {    background: #fff;    border: 1px solid #f0f0f0;    /* Çok hafif gri kenarlık */    border-radius: 4px;    padding: 50px 20px 40px 20px;    text-align: center;    transition: all 0.3s ease;    display: flex;    flex-direction: column;    align-items: center;}/* Hover Efekti (İsteğe bağlı, üzerine gelince gölge) */.awesome-features-wrapper .af-card:hover {    box-shadow: 0 10px 30px rgba(0,0,0,0.05);    transform: translateY(-5px);    border-color: transparent;}/* İkon Kutusu */.awesome-features-wrapper .af-icon-box {    width: 90px;    height: 90px;    background-color: #ff000014;    /* Açık şeftali/turuncu tonu */    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 30px;}.awesome-features-wrapper .af-icon-box svg {    width: 45px;    height: 45px;    fill: #ff0000;    /* İkon çizgi rengi */}/* Kart Başlığı */.awesome-features-wrapper .af-card-title {    font-size: 22px;    font-weight: 700;    color: #1a1a1a;    margin: 0 0 10px 0;    line-height: 1.3;}/* Kart Açıklaması */.awesome-features-wrapper .af-card-desc {    font-size: 14px;    color: #7a7a7a;    line-height: 1.6;    margin-bottom: 0;    flex-grow: 1;    /* Alt kısmı hizalı tutar */    margin-top: 0;    font-weight: 400;}/* Link (VIEW DETAILS) */.awesome-features-wrapper .af-link {    font-size: 13px;    color: #555;    font-weight: 700;    text-decoration: none;    text-transform: uppercase;    letter-spacing: 1px;    transition: color 0.3s ease;    display: none;}.awesome-features-wrapper .af-link:hover {    color: #ff0000;}/* --- MOBİL UYUMLULUK (Responsive) --- *//* Tablet (992px altı) -> 2 Sütun */@media (max-width: 992px) {    .awesome-features-wrapper .af-grid {        grid-template-columns: repeat(2, 1fr);    }    .awesome-features-wrapper .af-title {        font-size: 32px;    }}/* Mobil (576px altı) -> 1 Sütun */@media (max-width: 576px) {    .awesome-features-wrapper .af-grid {        grid-template-columns: 1fr;    }    .awesome-features-wrapper .af-header {        text-align: left;        /* Mobilde de sola yaslı kalsın */    }    .awesome-features-wrapper .af-title {        font-size: 28px;    }}/**//* Slider Kapsayıcı */.slider-wrapper {    position: relative;    width: 100%;    overflow: hidden;    padding: 20px 0;}.slider-container {    width: 100%;    overflow: hidden;    /* Kullanıcı seçimini engelle (sürükleme sırasında rahatlık için) */    user-select: none;    -webkit-user-select: none;}/* Slider Rayı (Track) */.slider-track {    display: flex;    gap: 20px;    /* Slaytlar arası boşluk */    width: 100%;    cursor: grab;    /* Tutma imleci */    transition: transform 0.3s ease-out;    /* Varsayılan geçiş */}.slider-track:active {    cursor: grabbing;    /* Tutulunca kapanan el imleci */}/* Slayt Elemanları */.slider-item {    flex-shrink: 0;    /* Genişlik Hesaplamaları (Bootstrap mantığına benzer) */    width: 100%;    /* Mobil: Tekli */}@media (min-width: 768px) {    .slider-item {        /* Tablet: 2'li gösterim (Gap payını hesaba katarak) */ width: calc((100% - 20px) / 2);    }}@media (min-width: 1200px) {    .slider-item {        /* Masaüstü: 3'lü gösterim (2 tane 20px gap var) */ width: calc((100% - 40px) / 3);    }}/* Grid Item stillerinizin korunduğundan emin olun */.grid-item {    height: 100%;    background: #fff;    border: 1px solid #eee;    /* Tasarımınıza göre diğer stiller */}.grid-item img {    width: 100%;    height: auto;    pointer-events: none;    /* Resmin sürüklenmesini engelle, slider sürüklensin */}/* Noktalar (Dots) */.slider-dots {    display: flex;    justify-content: center;    margin-top: 20px;    gap: 10px;}.slider-dot {    width: 12px;    height: 12px;    background-color: #ccc;    border-radius: 50%;    cursor: pointer;    transition: background-color 0.3s;}.slider-dot.active {    background-color: #333;    /* Aktif renk */    transform: scale(1.2);}@media(max-width: 1024px) {    .slider-container .slide .textic {        display: none;    }    .slider-container {        height: 30vh;        margin-top: 110px;    }    .logistics-section-wrapper .ls-image-wrapper {        display: none;    }    .custom-logistics-grid .img-holder {        height: 250px;    }}