.elementor-8785 .elementor-element.elementor-element-252c788{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-97a7579 *//* İletişim Sayfası Stilleri - Form Kaldırıldı, Renk Kodları Direkt Girildi */

body .contact-page-section {
    padding: 80px 20px; /* Üstten alttan boşluk */
    background-color: #f7f7f7; /* Hafif gri arka plan */
    font-family: 'Open Sans', sans-serif; /* Sitenin genel fontuna uygun */
    color: #333; /* Ana metin rengi */
}

body .contact-container {
    max-width: 1200px; /* Kapsayıcı genişliği */
    margin: 0 auto; /* Ortala */
    padding: 0 15px; /* Yanlardan boşluk */
}

body .contact-title {
    font-size: 48px; /* Büyük başlık */
    font-weight: 700;
    color: #222; /* Koyu başlık metin rengi */
    text-align: center;
    margin-bottom: 20px;
}

body .contact-description {
    font-size: 18px;
    color: #555; /* Açık metin rengi */
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.6;
}

/* Bilgi Kartları Wrapper */
body .contact-info-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Esnek ızgara, 3 kart yan yana */
    gap: 30px; /* Kartlar arası boşluk */
    margin-bottom: 80px; /* Harita ile arası boşluk */
}

/* Bilgi Kartları */
body .contact-info-card {
    background-color: #fff; /* Beyaz kart arka planı */
    border-radius: 12px;
    padding: 35px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

body .contact-info-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}

body .contact-icon {
    font-size: 48px; /* İkon boyutu */
    color: #019A9B; /* İkon rengi senin site rengin */
    margin-bottom: 25px;
}

body .info-card-title {
    font-size: 24px;
    font-weight: 600;
    color: #222; /* Kart başlık rengi */
    margin-bottom: 15px;
}

body .contact-info-card p {
    font-size: 22px;
    line-height: 1.8;
    color: #555; /* Kart metin rengi */
    margin-bottom: 0;
}

body .contact-link {
    color: #019A9B; /* Link rengi senin site rengin */
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
    display: block; /* Her linki yeni satırda göster */
    margin-bottom: 5px; /* Numaralar arası boşluk */
}
body .contact-link:last-child {
    margin-bottom: 0;
}

body .contact-link:hover {
    color: #007a7b; /* Link hover rengi (senin renginin koyusu) */
}

body .contact-address {
    margin-bottom: 15px !important; /* Adres ile harita linki arası boşluk */
}

body .map-link {
    display: inline-block;
    margin-top: 10px;
    color: #019A9B; /* Harita link rengi senin site rengin */
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
}

body .map-link:hover {
    color: #007a7b; /* Harita link hover rengi */
}

/* Harita Alanı */
body .contact-map-wrapper {
    background-color: #fff; /* Harita arka planı beyaz */
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden; /* iframe border-radius için */
}

body .map-title {
    font-size: 36px;
    font-weight: 700;
    color: #222; /* Harita başlık rengi */
    text-align: center;
    margin-bottom: 30px;
}

body .contact-map-wrapper iframe {
    width: 100%;
    height: 450px;
    border: 0;
    border-radius: 8px; /* iframe'in köşelerini yuvarla */
}

/* Responsive Düzenlemeler */
@media (max-width: 991px) {
    body .contact-title {
        font-size: 40px;
    }
    body .contact-description {
        font-size: 17px;
        margin-bottom: 50px;
    }
    body .contact-info-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 25px;
        margin-bottom: 60px; /* Harita ile arası boşluk */
    }
    body .contact-info-card {
        padding: 30px;
    }
    body .contact-icon {
        font-size: 40px;
        margin-bottom: 20px;
    }
    body .info-card-title {
        font-size: 22px;
    }
    body .contact-info-card p {
        font-size: 16px;
    }
    body .contact-map-wrapper {
        padding: 30px;
    }
    body .map-title {
        font-size: 32px;
        margin-bottom: 25px;
    }
    body .contact-map-wrapper iframe {
        height: 400px;
    }
}

@media (max-width: 767px) {
    body .contact-page-section {
        padding: 50px 15px;
    }
    body .contact-title {
        font-size: 34px;
        margin-bottom: 15px;
    }
    body .contact-description {
        font-size: 16px;
        margin-bottom: 40px;
    }
    body .contact-info-wrapper {
        grid-template-columns: 1fr; /* Mobilde tek sütun */
        gap: 20px;
        margin-bottom: 50px; /* Harita ile arası boşluk */
    }
    body .contact-info-card {
        padding: 25px;
    }
    body .contact-icon {
        font-size: 36px;
        margin-bottom: 15px;
    }
    body .info-card-title {
        font-size: 20px;
    }
    body .contact-info-card p {
        font-size: 17px;
    }
    body .contact-map-wrapper {
        padding: 25px;
    }
    body .map-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    body .contact-map-wrapper iframe {
        height: 300px;
    }
}/* End custom CSS */