.footer4.bd-footer-area {    background: #000000;}.footer4 .bd-footer__logo {    width: 267px;    text-align: center;    margin: 0 auto;}@media (max-width: 575.98px) {    .footer4 .bd-footer__logo {        width: 200px;    }}.footer4 .bd-footer__logo img {    width: auto;    height: auto;}.footer4 .bd-footer__logo-wrap span {    font-size: 18px;    line-height: 32px;    letter-spacing: 0.25em;    color: #6C6C6C;    display: inline-block;    margin-top: 30px;}.footer4 .bd-footer__widget {    position: relative;    min-height: 200px;    display: flex;    align-items: center;    justify-content: center;}.footer4 .bd-footer__widget::before {    content: "";    position: absolute;    height: 135px;    width: 1px;    background-color: #414141;    right: -10px;    top: 30px;}@media (max-width: 1199.98px) {    .footer4 .bd-footer__widget::before {        right: 0px;    }}@media (max-width: 991.98px) {    .footer4 .bd-footer__widget::before {        content: none;    }}.footer4 .bd-footer__widget-3::before {    content: none;}.footer4 .bd-footer__widget-title {    color: #FFFFFF;    text-transform: capitalize;}.footer4 .bd-footer__widget-content p {    color: #FFFFFF;    font-size: 16px;    line-height: 28px;    margin-bottom: 0 !important;    !i;!;}.footer4 .bd-footer__meta a {    font-size: 24px;    line-height: 28px;    text-transform: capitalize;    color: #FFFFFF;    display: inline-flex;}.footer4 .bd-footer__meta a i {    transform: rotate(-45deg) translateY(-1px);}.footer4 .bd-footer__meta a span {    font-size: 16px;    line-height: 28px;    display: flex;    text-transform: none;}.footer4 .bd-footer__meta a:hover {    color: var(--primary);}.footer4 .bd-footer__list ul {    display: flex;    row-gap: 10px;    column-gap: 30px;    flex-wrap: wrap;}@media (max-width: 991.98px) {    .footer4 .bd-footer__list ul {        gap: 20px;    }}.footer4 .bd-footer__list ul li {    list-style-type: none;    position: relative;}.footer4 .bd-footer__list ul li::before {    content: "|";    position: absolute;    right: -15px;    top: 50%;    transform: translateY(-50%);    color: #FFFFFF;}.footer4 .bd-footer__list ul li:last-child::before {    content: none;}.footer4 .bd-footer__list ul li a {    font-size: 16px;    line-height: 28px;    color: #FFFFFF;}.footer4 .bd-footer__list ul li a:hover {    color: var(--primary);}.footer4 .bd-footer__social-wrapper {    display: flex;    gap: 17px;    align-items: center;}.footer4 .bd-footer__social a {    height: 40px;    width: 40px;    border-radius: 50px;    color: #FFFFFF;    border: 1px solid #FFFFFF;    opacity: 0.7;    display: inline-block;    line-height: 37px;    text-align: center;}.footer4 .bd-footer__social a svg {    width: 20px;    height: 40px;    overflow: inherit;    fill: #fff;}.footer4 .bd-footer__social a:hover {    opacity: 1;    border-color: var(--primary);    background-color: var(--primary);    color: #000000;}.footer4 .bd-footer__social.is-black a {    color: #000000;    border-color: #000000;}.footer4 .bd-footer__social.is-black a:hover {    opacity: 1;    border-color: var(--primary);    background-color: var(--primary);    color: #000000;}.footer4 .bd-footer__copyright-text p {    font-size: 15px;    line-height: 28px;    text-align: center;    letter-spacing: 0.15em;    text-transform: capitalize;    color: #6C6C6C;    margin-bottom: 0;}.footer4 .bd-footer__copyright-text p a:hover {    color: var(--primary);}.footer4 .bd-footer-newsletter__input {    position: relative;}.footer4 .bd-footer-newsletter__input input {    width: 100%;    height: 70px;    background-color: transparent;    color: #FFFFFF;    padding-left: 25px;    padding-right: 200px;    border: 1px solid #414141;}@media (max-width: 575.98px) {    .footer4 .bd-footer-newsletter__input input {        padding-right: 25px;    }}.footer4 .bd-footer-newsletter__input input::placeholder {    color: #6C6C6C;}.footer4 .bd-footer-newsletter__input button {    position: absolute;    top: 0;    right: 0;    text-transform: uppercase;    display: flex;    align-items: center;    padding: 0px 30px;    font-weight: 500;    line-height: 70px;    color: #FFFFFF;}.footer4 .bd-footer-newsletter__input button::before {    content: "";    height: 55%;    width: 1px;    background: #6C6C6C;    position: absolute;    left: 16px;    top: 50%;    transform: translateY(-50%);}@media (max-width: 575.98px) {    .footer4 .bd-footer-newsletter__input button::before {        content: none;    }}@media (max-width: 575.98px) {    .footer4 .bd-footer-newsletter__input button {        position: static;        margin-top: 15px;        height: 70px;        border: 1px solid #D9D9D9;    }}.footer4 .bd-footer-newsletter__input button:hover {    color: var(--primary);    border-color: var(--primary);}.footer4 .bd-footer-newsletter__input button i {    transform: rotate(-45deg);}.footer4 .bd-footer-newsletter__input.is-black input {    color: #000000;}.footer4 .bd-footer-newsletter__input.is-black button {    color: #000000;}.footer4 .bd-footer-line hr {    color: #414141;    opacity: 1;}.footer4 .bd-footer-link ul {    display: flex;    flex-direction: inherit;    flex-wrap: wrap;}.footer4 .bd-footer-link ul li {    width: 50%;    color: #000000;    font-size: 16px;    margin-bottom: 6px;    list-style: none;}.footer4 .bd-footer-link ul li:hover a {    color: #FFA455;}.footer4 .bd-footer-widget-title h5 {    font-size: 20px;    letter-spacing: 5px;    color: #000000;    margin-bottom: 35px;    text-transform: uppercase;}.footer4 .bd-footer-contact ul {    margin-bottom: 30px;}.footer4 .bd-footer-contact ul li {    font-size: 16px;    color: #000000;    margin-bottom: 15px;    display: flex;    align-items: flex-start;}.footer4 .bd-footer-contact ul li a {    margin-left: 7px;}.footer4 .bd-footer-contact ul li a:hover {    color: #FFA455;}.footer4 .bd-footer-contact ul li i {    margin-right: 20px;    color: #FFA455;    margin-top: 8px;}.footer4 .bd-footer-contact ul li i:hover {    color: #F8F5F0;}.footer4 .bd-footer-bottom {    font-size: 14px;    border-top: 1px solid #D9D9D9;    padding: 22px 0;}@media (max-width: 575.98px) {    .footer4 .bd-footer-bottom {        padding: 15px 0;    }}.footer4 .bd-footer-bottom .bd-footer-copyright p {    font-size: 15px;    margin: 0;    color: #4d4d4d;}@media (max-width: 575.98px) {    .footer4 .bd-footer-bottom .bd-footer-copyright p {        text-align: center;        padding-bottom: 10px;    }}.footer4 .payment-methods {    display: flex;    align-items: center;}.footer4 .payment-methods-icons {    margin-left: 10px;}.footer4 .payment-methods-icons span {    margin-left: 5px;    font-size: 22px;    color: #373a3f;}.footer4 .mb-15 {    margin-bottom: 15px;}.footer4 .mb-35 {    margin-bottom: 35px;}.footer4 .pt-45 {    padding-top: 45px;    padding-bottom: 30px;    border-top: solid 1px #414141;    border-bottom: solid 1px #414141;}.footer4 .pb-35 {    padding-bottom: 35px;}.footer4 .pt-15 {    padding-top: 35px;}.footer4 .mb-25 {    margin-bottom: 25px;}.footer4 .mb-40 {    margin-bottom: 40px;}.footer4 .mb-50 {    margin-bottom: 0;}.footer4 .pt-140 {    padding-top: 100px;}.section-padding {    padding: 100px 0;}@media(max-width: 1024px) {    .footer4.bd-footer-area {        display: none;    }}.sub-title {    color: var(--primary2);    font-weight: 700;    text-transform: uppercase;    font-size: 13px;    letter-spacing: 2px;    display: block;    margin-bottom: 10px;}.section-title {    font-size: 38px;    font-weight: 800;    line-height: 1.1;    margin-bottom: 20px;    color: var(--dark);}.text-light {    color: var(--text-gray);}.footer_logo {    width: auto;    height: 80px;}/* =========================================           4. SERVICES SLIDER CSS (Hizmetler)           ========================================= */.services-section {    overflow: hidden;    padding-bottom: 100px;    background: #fff;    position: relative;}.services-header {    display: flex;    justify-content: space-between;    align-items: end;    margin-bottom: 50px;}.services-viewport {    margin-left: calc((100% - var(--container-width)) / 2 + 20px);    /* Container hizalı başlama */    width: 100%;    overflow-x: auto;    scroll-behavior: smooth;    padding-bottom: 20px;    -ms-overflow-style: none;    scrollbar-width: none;    /* Scrollbar gizle */}.services-viewport::-webkit-scrollbar {    display: none;}.services-track {    display: flex;    gap: 20px;    width: max-content;}.service-card {    width: 350px;    height: 450px;    position: relative;    overflow: hidden;    flex-shrink: 0;    transition: 0.3s;}.service-card .detay svg {    width: 12px;    height: 12px;}.service-bg {    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    transition: 0.6s;}.service-card:hover .service-bg {    transform: scale(1.1);}.service-overlay {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    padding: 30px;    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);    color: white;    transform: translateY(20px);    transition: 0.4s;}.service-card:hover .service-overlay {    transform: translateY(0);}.service-icon {    font-size: 40px;    color: var(--primary);    margin-bottom: 15px;    display: block;}/* Services Dots (Özel Tasarım) */.services-dots-wrapper {    display: flex;    justify-content: center;    margin-top: 40px;    gap: 10px;}.service-dot {    width: 10px;    height: 10px;    border-radius: 50%;    background: #ddd;    cursor: pointer;    transition: 0.3s;}.service-dot.active {    background: var(--primary);    transform: scale(1.3);}/* =========================================           5. MAIN CONTENT CSS (About, Process, Projects, Pricing)           ========================================= *//* About */.about-grid {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 80px;    align-items: center;}.about-img-box {    position: relative;}.about-img-box img {    border-radius: 4px;    width: 100%;    height: auto;}.exp-badge {    position: absolute;    bottom: 40px;    right: -40px;    background: var(--primary);    color: white;    padding: 40px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    text-align: center;    width: 220px;    height: 220px;    border-radius: 4px;}.exp-badge h3 {    font-size: 50px;    line-height: 1;    font-weight: 800;    margin-bottom: 5px;}.check-list li {    margin-bottom: 15px;    display: flex;    align-items: center;    gap: 10px;    font-weight: 500;}.check-list {    margin-top: 25px;}.check-list svg {    width: 16px;    height: 16px;    fill: var(--primary);}/* Process (Evaluation etc.) */.process-section {    position: relative;    height: 500px;    display: flex;    align-items: center;    margin-top: 100px;    color: white;    overflow: hidden;}.process-bg-layer {    position: absolute;    inset: 0;    background-size: cover;    background-position: center;    opacity: 0;    transition: opacity 0.6s ease-in-out;    z-index: 1;}.process-bg-layer.active {    opacity: 1;}.process-overlay {    position: absolute;    inset: 0;    background: rgba(0, 0, 0, 0.573);    z-index: 2;}.process-container {    width: 100%;    position: relative;    z-index: 3;    display: flex;    width: 100%;    max-width: var(--container-width);    margin: 0 auto;}.process-step {    flex: 1;    padding: 40px 20px;    border-right: 1px solid rgba(255, 255, 255, 0.1);    cursor: pointer;    position: relative;    transition: 0.3s;    height: 500px;    display: flex;    flex-direction: column;    justify-content: center;}.process-step:last-child {    border-right: none;}.process-step:hover {    background: rgba(255, 94, 20, 0.1);}.step-number {    font-size: 60px;    font-weight: 800;    color: rgba(255, 255, 255, 0.2);    margin-bottom: 20px;    transition: 0.3s;}.process-step:hover .step-number {    color: #000;}.step-icon svg {    width: 60px;    height: 60px;    fill: rgb(255, 255, 255);    margin-bottom: 20px;    transition: 0.3s;}.step-title {    font-size: 24px;    font-weight: 700;    margin-bottom: 15px;    line-height: 1.3;}.step-desc {    max-height: 0;    opacity: 0;    overflow: hidden;    transition: all 0.5s ease;    font-size: 14px;    color: #ccc;    transform: translateY(20px);}.process-step:hover .step-desc {    max-height: 100px;    opacity: 1;    transform: translateY(0);}/* Projects (Sticky) */.projects-wrapper {    display: flex;    align-items: flex-start;    gap: 60px;    position: relative;}.projects-info {    width: 40%;    position: sticky;    top: 150px;    height: fit-content;}.projects-list {    width: 60%;    display: grid;    grid-template-columns: 1fr 1fr;    gap: 30px;}.project-item {    height: 350px;    background-size: cover;    background-position: center;    position: relative;    border-radius: 4px;    overflow: hidden;}.project-item::after {    content: "";    position: absolute;    inset: 0;    background: rgba(0, 0, 0, 0.3);    opacity: 0;    transition: 0.4s;}.project-item:hover::after {    opacity: 1;}.project-content {    position: absolute;    bottom: -50px;    left: 20px;    z-index: 2;    transition: 0.4s;    opacity: 0;}.project-item:hover .project-content {    bottom: 20px;    opacity: 1;}.project-cat {    color: var(--primary);    font-size: 12px;    font-weight: 700;    text-transform: uppercase;}.project-title {    color: white;    font-size: 20px;    font-weight: 700;}/* =========================================   COUNTER / STATISTICS CSS   ========================================= */.counter-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    /* 4'lü yan yana */    gap: 30px;    margin-top: 40px;}.counter-card {    background: #fff;    padding: 40px 20px;    border: 1px solid #eee;    text-align: center;    position: relative;    transition: 0.3s;    border-radius: 4px;}/* Hover Efekti */.counter-card:hover {    transform: translateY(-10px);    border-color: var(--primary);    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);}.counter-card:hover::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 4px;    background: var(--primary);}/* İkon Kutusu */.counter-card .icon-box {    width: 70px;    height: 70px;    background: #354cc50d;    /* Primary color transparan */    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto 20px auto;    color: var(--primary);    font-size: 28px;    transition: 0.3s;}.counter-card:hover .icon-box {    background: var(--primary);    color: #fff;}/* Sayı Stili */.counter-value {    font-size: 45px;    font-weight: 700;    color: var(--dark);    line-height: 1;    margin-bottom: 10px;    font-family: var(--font-main);    display: flex;    align-items: center;    justify-content: center;    gap: 5px;}/* Sonuncu karta % işareti eklemek için opsiyonel */.counter-card:last-child .counter-value::after {    content: "%";    font-size: 30px;    vertical-align: super;    color: var(--primary);}/* Diğerlerine + işareti eklemek için */.counter-card:not(:last-child) .counter-value::after {    content: "+";    font-size: 30px;    vertical-align: super;    color: var(--primary);}.counter-card h3 {    font-size: 15px;    font-weight: 700;    margin-bottom: 10px;    text-transform: uppercase;}.counter-desc {    font-size: 14px;    color: #777;    line-height: 1.5;}/* Responsive (Tablet ve Mobil) */@media (max-width: 992px) {    .counter-grid {        grid-template-columns: repeat(2, 1fr);        /* Tablette 2'li */        gap: 20px;    }}@media (max-width: 576px) {    .counter-grid {        grid-template-columns: repeat(2, 1fr);        /* Mobilde tekli */    }}/* =========================================   PRODUCTS SECTION CSS (Görseldeki Tasarım)   ========================================= */.products-section {    position: relative;    background: #fff;    overflow: hidden;    /* Taşan yazıları gizle */    margin-bottom: 100px;}/* Arka Plandaki Dev Silik Yazı (Watermark) */.watermark-text {    position: absolute;    top: 50px;    right: -50px;    font-size: 150px;    font-weight: 800;    color: transparent;    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.05);    /* Sadece çizgi rengi */    writing-mode: vertical-rl;    /* Yazıyı dik çevir */    text-orientation: mixed;    z-index: 0;    pointer-events: none;    /* Tıklamayı engelle */    font-family: var(--font-main);    letter-spacing: 10px;}.products-header {    position: relative;    z-index: 2;    margin-bottom: 50px;    text-align: center;}/* GRID YAPISI (4 Yan Yana) */.products-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    /* 4 Sütun */    gap: 30px;    position: relative;    z-index: 2;}/* KART TASARIMI */.product-card {    position: relative;    height: 500px;    /* Görseldeki gibi uzun kartlar */    border-radius: 4px;    overflow: hidden;    cursor: pointer;    group: hover;    /* Hover grubu */}/* Arka Plan Resmi */.product-bg {    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    transition: transform 0.6s ease;    /* Yumuşak yakınlaşma */}/* Hover'da Resim Yakınlaşsın */.product-card:hover .product-bg {    transform: scale(1.1);}/* Karartma Overlay (Yazı okunması için alttan siyahlık) */.product-card::after {    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 70%;    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);    z-index: 1;    pointer-events: none;}/* Sol Üst İkon */.product-icon {    position: absolute;    top: 30px;    left: 30px;    font-size: 32px;    color: #fff;    z-index: 3;}/* Alt İçerik Alanı */.product-content {    position: absolute;    bottom: 40px;    left: 30px;    z-index: 3;    width: calc(100% - 60px);}.product-content h3 {    color: #fff;    font-size: 24px;    font-weight: 700;    line-height: 1.2;    margin-bottom: 20px;}/* Link Butonu */.product-link {    display: inline-flex;    align-items: center;    color: #fff;    font-size: 13px;    font-weight: 700;    text-transform: uppercase;    text-decoration: none;    transition: 0.3s;}/* Linkin yanındaki yuvarlak ok ikonu */.product-link .product-link-icon {    width: 30px;    height: 30px;    background: #fff;    color: var(--dark);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin-left: 10px;    font-size: 12px;    transition: 0.3s;}.product-link svg {    width: 20px;    height: 20px;    fill: var(--dark);}/* Hover durumunda buton rengi değişsin */.product-card:hover .product-link {    color: var(--primary);}.product-card:hover .product-link .product-link-icon {    background: var(--primary);    color: #fff;    transform: translateX(5px);}.product-card:hover .product-link .product-link-icon svg {    fill: #fff;}/* RESPONSIVE (Mobil Ayarları) */@media (max-width: 1200px) {    .products-grid {        grid-template-columns: repeat(2, 1fr);        /* Tablette 2'li */    }    .watermark-text {        font-size: 100px;        /* Tablette yazıyı küçült */    }}@media (max-width: 768px) {    .products-grid {        grid-template-columns: 1fr;        /* Mobilde tek sütun */    }    .product-card {        height: 400px;        /* Mobilde boyu biraz kısalt */    }    .watermark-text {        display: none;        /* Mobilde arka plan yazısını gizle, kalabalık yapmasın */    }}.section-padding {    padding: 100px 0;}.sayac-bg {    background-size: cover;    background-position: center;    position: relative;}.sayac-bg::before {    content: "";    position: absolute;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    background: #01030c83;}.sayac-bg .section-title {    color: #fff;}.sayac-bg .text-light {    color: #fff;}/**//* --- GENEL AYARLAR --- */#ind4-section {    position: relative;    width: 100%;    height: 500px;    /* Sabit yükseklik */    overflow: hidden;    color: #fff;}/* --- ARKA PLANLAR --- */.ind4-bg-wrapper {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 0;}.ind4-bg-layer {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    opacity: 0;    transition: opacity 0.6s ease;}.ind4-bg-layer.active {    opacity: 1;}.ind4-overlay {    position: absolute;    inset: 0;    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4));}/* --- SLIDER YAPISI --- */.ind4-container {    position: relative;    z-index: 5;    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;}.ind4-slider-mask {    width: 100%;    height: 100%;    overflow: hidden;}.ind4-track {    display: flex;    height: 100%;    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}/* --- SÜTUN (KUTU) TASARIMI --- */.ind4-col {    /* MASAÜSTÜ: 4 ADET (%25) */    flex: 0 0 25%;    max-width: 25%;    height: 100%;    border-right: 1px solid rgba(255, 255, 255, 0.1);    /* Dikey Çizgiler */    box-sizing: border-box;    cursor: pointer;    transition: background 0.3s;}.ind4-col:first-child {    border-left: 1px solid rgba(255, 255, 255, 0.1);}.ind4-col:hover {    background: rgba(255, 255, 255, 0.05);}.ind4-box {    padding: 40px 20px;    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    /* Üst yazı ve alt içeriği ayır */    box-sizing: border-box;    align-items: center;}/* --- ÜST ADIM YAZISI --- */.ind4-step-label {    height: 50px;    display: flex;    justify-content: flex-end;}.ind4-step-label span {    writing-mode: vertical-rl;    transform: rotate(180deg);    color: var(--primary, #ff6600);    /* Tema rengi veya Turuncu */    font-size: 12px;    letter-spacing: 2px;    font-weight: 700;}/* --- İÇERİK ALANI (Alt Kısım) --- */.ind4-content {    margin-bottom: 50px;    position: relative;    /* İçeriği aşağı yasla */    display: flex;    flex-direction: column;    justify-content: center;    text-align: center;}/* --- İKON --- */.ind4-icon-wrapper {    width: 60px;    height: 60px;    margin-bottom: 20px;    margin-left: auto;    margin-right: auto;    transition: transform 0.4s ease;}.ind4-icon-wrapper svg {    width: 100%;    height: 100%;    fill: #fff;    /* İkon rengi */}/* --- BAŞLIK --- */.ind4-title {    font-size: 22px;    font-weight: 700;    margin-bottom: 10px;    color: #fff;    transition: transform 0.4s ease;}/* --- AÇIKLAMA (HOVER EFEKTİ BURADA) --- */.ind4-desc {    max-height: 0;    /* Başlangıçta kapalı */    opacity: 0;    transform: translateY(20px);    /* Aşağıda duruyor */    overflow: hidden;    transition: all 0.4s ease;    border-bottom: 4px solid #fff;}.ind4-desc p {    font-size: 14px;    line-height: 1.5;    color: rgba(255, 255, 255, 0.7);    margin: 0;    padding-top: 10px;}/* --- HOVER DURUMU --- *//* Kutuya hover olunca ikon ve başlık biraz yukarı kaysın */.ind4-col:hover .ind4-icon-wrapper,.ind4-col:hover .ind4-title {    transform: translateY(-10px);}/* Kutuya hover olunca açıklama açılsın */.ind4-col:hover .ind4-desc {    max-height: 150px;    /* Yeterli yükseklik */    opacity: 1;    transform: translateY(0);}/* İkon rengi değişsin *//* --- NOKTALAR --- */.ind4-dots {    position: absolute;    bottom: 30px;    left: 50%;    transform: translateX(-50%);    display: flex;    gap: 8px;}.ind4-dot {    width: 8px;    height: 8px;    background: rgba(255, 255, 255, 0.3);    border-radius: 50%;    cursor: pointer;    transition: 0.3s;}.ind4-dot.active {    background: #fff;    transform: scale(1.3);}/* --- MOBİL UYUMLULUK --- */@media (max-width: 992px) {    .ind4-col {        flex: 0 0 50%;        max-width: 50%;    }    /* Tablette 2'li */}@media (max-width: 768px) {    #ind4-section {        height: auto;        min-height: 270px;    }    .ind4-col {        flex: 0 0 100%;        max-width: 100%;        border: none;        border-bottom: 1px solid rgba(255, 255, 255, 0.1);    }    .ind4-desc {        max-height: 200px;        opacity: 1;        transform: none;    }    /* Mobilde hep açık olsun */    .ind4-box {        padding: 30px;    }}/* --- GENEL BÖLÜM --- */.aest-section {    padding: 100px 0;    background-color: #f9f9f9;    /* Çok hafif gri fon, ürünler patlasın diye */    position: relative;    overflow: hidden;}/* --- MEVCUT AYARLARINIZA EK OLARAK --- */#ind4-section {    position: relative;    width: 100%;    height: 600px;    /* Mobilde taşmaları önlemek için yükseklik artırıldı */    overflow: hidden;    color: #fff;    user-select: none;    /* Metin seçimini engeller, kaydırma hissini artırır */}/* Container'a oklar için yan boşluk verelim */.ind4-container {    padding: 0 60px;    /* Masaüstünde oklar içeride kalmasın */}/* --- NAVİGASYON OKLARI (YENİ) --- */.ind4-nav-btn {    position: absolute;    top: 50%;    transform: translateY(-50%);    width: 45px;    height: 45px;    background: rgba(255, 255, 255, 0.1);    border: 1px solid rgba(255, 255, 255, 0.3);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    z-index: 20;    /* Slider'ın üzerinde dursun */    transition: all 0.3s ease;    color: #fff;}.ind4-nav-btn:hover {    background: #fff;    color: #000;    transform: translateY(-50%) scale(1.1);}.ind4-prev {    left: 15px;}.ind4-next {    right: 15px;}/* SVG İkon Boyutları */.ind4-nav-btn svg {    width: 24px;    height: 24px;}/* --- MOBİL DÜZENLEMELERİ --- */@media (max-width: 992px) {    .ind4-container {        padding: 0 40px;        /* Tablette biraz daha dar */    }}@media (max-width: 768px) {    #ind4-section {        height: 330px;        /* Mobil yükseklik */    }    .ind4-container {        padding: 0;        /* Mobilde yan boşlukları sıfırla */    }    .ind4-col {        border: none;        /* Çizgileri kaldır */    }    /* Okları mobilde biraz daha kenara al ve belirginleştir */    .ind4-nav-btn {        width: 35px;        height: 35px;        background: rgba(0, 0, 0, 0.4);        /* Mobilde daha koyu arka plan */        border: none;    }    .ind4-prev {        left: 10px;    }    .ind4-next {        right: 10px;    }    /* Açıklama mobilde her zaman görünsün istenirse */    .ind4-desc {        max-height: 150px;        opacity: 1;        transform: translateY(0);        border: none;    }}/* --- GENEL BÖLÜM --- */.aest-section {    padding: 100px 0;    background-color: #f9f9f9;    /* Çok hafif gri fon, ürünler patlasın diye */    position: relative;    overflow: hidden;}/* --- BAŞLIK ALANI --- */.aest-header {    text-align: center;    margin-bottom: 60px;}.aest-subtitle {    display: block;    font-size: 14px;    letter-spacing: 2px;    text-transform: uppercase;    color: var(--primary, --primary2);    margin-bottom: 10px;    font-weight: 700;}.aest-main-title {    font-size: 36px;    font-weight: 800;    color: #333;    line-height: 1.2;}/* --- GRID (IZGARA) --- */.aest-grid {    display: grid;    /* 4 Sütunlu Yapı */    grid-template-columns: repeat(3, 1fr);    gap: 30px;}/* --- KART TASARIMI --- */.aest-card {    background: #fff;    border-radius: 20px;    padding: 30px 20px;    text-align: center;    position: relative;    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);    /* Yaylanma efekti */    border: 1px solid rgba(0, 0, 0, 0.05);    display: flex;    flex-direction: column;    justify-content: space-between;    align-items: center;}/* Hover Durumunda Kart */.aest-card:hover {    transform: translateY(-10px);    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);    border-color: transparent;}/* --- GÖRSEL ALANI --- */.aest-img-wrapper {    position: relative;    width: 100%;    height: 220px;    /* Görsel alanı yüksekliği */    display: flex;    justify-content: center;    align-items: center;    margin-bottom: 25px;}/* Arkadaki Dekoratif Leke (Blob) */.aest-decoration {    position: absolute;    width: 140px;    height: 140px;    background: #f0f0f0;    border-radius: 50%;    z-index: 1;    transition: all 0.5s ease;}/* Hover'da arkadaki daire büyüsün ve renk değiştirsin */.aest-card:hover .aest-decoration {    transform: scale(1.3);    background: #f5f6fc;    /* Hafif turuncu/tema rengi tonu */}/* Ürün Resmi (PNG) */.aest-product-img {    position: relative;    z-index: 2;    /* Dairenin üstünde */    max-width: 100%;    max-height: 100%;    object-fit: contain;    transition: all 0.5s ease;    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));    /* Resme gölge ver */}/* Hover'da resim büyüsün ve dönsün */.aest-card:hover .aest-product-img {    transform: scale(1.15) rotate(-5deg) translateY(-10px);    filter: drop-shadow(0 20px 25px rgba(0, 0, 0, 0.2));}/* --- İÇERİK ALANI --- */.aest-info {    width: 100%;    position: relative;    z-index: 5;}.aest-title {    font-size: 18px;    font-weight: 700;    color: #222;    margin-bottom: 20px;    /* Uzun başlıkları kesmek isterseniz: */    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}/* --- BUTON TASARIMI --- */.aest-btn {    display: inline-flex;    align-items: center;    justify-content: center;    gap: 10px;    text-decoration: none;    color: #666;    font-size: 14px;    font-weight: 600;    padding: 10px 20px;    border-radius: 30px;    background: #fff;    border: 1px solid #eee;    transition: all 0.3s ease;}.aest-icon-circle {    width: 24px;    height: 24px;    background: #f5f5f5;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    transition: 0.3s;}.aest-icon-circle svg {    transition: 0.3s;}/* Buton Hover */.aest-btn:hover {    background: #222;    color: #fff;    border-color: #222;}.aest-btn:hover .aest-icon-circle {    background: rgba(255, 255, 255, 0.2);}.aest-btn:hover .aest-icon-circle svg {    stroke: #fff;    transform: translateX(2px);    /* Ok sağa kaysın */}/* --- RESPONSIVE (Mobil Uyumluluk) --- *//* Tablet (2 Sütun) */@media (max-width: 992px) {    .aest-grid {        grid-template-columns: repeat(2, 1fr);        gap: 20px;    }}/* Mobil (1 Sütun) */@media (max-width: 576px) {    .aest-grid {        grid-template-columns: 1fr;    }    .aest-img-wrapper {        height: 290px;    }}@media(max-width: 1024px) {    #ind4-section {        display: none;    }    .counter-value {        font-size: 35px;    }    .counter-card {        padding: 20px 20px;    }    .aest-section {        padding: 60px 0    }    .ind4-content {        margin-bottom: 0;    }    .about-img-box {        display: none;    }    .about-grid {        grid-template-columns: none;    }    .projects-list {        display: none;    }    .projects-info {        width: 100%;    }    .section-title {        font-size: 28px;    }    .section-padding {        padding: 70px 0;    }    header {        top: 0;    }    .ust_alan_menu {        display: none !important;    }    footer .footer-grid {        display: none;    }    footer {        padding-top: 0;        margin-bottom: 45px;    }    footer .copyright {        font-size: 11px;    }}