/* ==================== ROOT VARIABLES ==================== */
:root {
    --primary-blue: #004d69;
    --text-dark: #064158;
    --accent-green: #7c8a45;
    --accent-olive: #94996e;
    --background-start: #d9ebf4;
    --background-end: #ddeee5;
}

html {
    overflow-x: hidden;

}

/* ==================== GENERAL S3TYLES ==================== */
body {
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
    color: var(--text-dark);
}

/* ==================== HERO SECTION ==================== */
.ks-hero-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #e3edf1 0%, #e0ede5 100%);
    min-height: 100vh;
}

.ks-hero-shell::before,
.ks-hero-shell::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.18;
    z-index: 0;
}

.ks-hero-shell::before {
    background: radial-gradient(circle, #bec872 0%, rgba(190, 200, 114, 0) 60%);
    top: -120px;
    right: -150px;
}

.ks-hero-shell::after {
    background: radial-gradient(circle, #00719a 0%, rgba(0, 113, 154, 0) 60%);
    bottom: -180px;
    left: -120px;
}

.ks-hero-overlay {
    position: relative;
    z-index: 1;
}

/* ==================== TOPBAR & NAVBAR ==================== */
.ks-topbar {
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    .ks-topbar {
        font-size: 0.95rem;
    }
}

.ks-contact span {
    gap: 0.4rem;
    color: var(--text-dark);
}

.ks-contact i {
    color: var(--accent-olive);
}

.ks-top-links a {
    color: var(--primary-blue);
    font-weight: 400;
}

.navbar-brand {
    font-size: 2rem;
}

.navbar-brand span:last-child {
    font-weight: 700;
    color: var(--primary-blue);
}

@media (max-width: 991px) {
    .navbar-collapse {
        background-color: #fff;
        padding: 15px;
        margin-top: 10px;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
}

.ks-nav-link {
    color: var(--primary-blue) !important;
    font-weight: 500;
}

.ks-buy-btn {
    background-color: var(--text-dark);
    color: #fff;
    border: none;
    border-radius: 68px;
    padding: 15px 68px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.05rem;
    min-width: 202px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    transition: opacity 0.2s ease;
}

.ks-buy-btn:hover {
    opacity: 0.9;
}

/* ==================== PRODUCTS SECTION ==================== */
.ks-products-section {
    padding: 90px 0 160px;
    text-align: center;
}

.ks-section-subtitle {
    color: var(--accent-olive);
    font-weight: 600;
    letter-spacing: 0.08em;
}

.ks-product-card {
    width: 232px;
    height: 248px;
    background: #fff;
    border-radius: 23px;
    padding: 22px 20px 18px;
    border: 1px solid rgba(0, 77, 105, 0.16);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    margin: 0 auto;
}

.ks-product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.1);
}

.ks-product-card img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.ks-product-name {
    font-size: 20px;
    color: var(--primary-blue);
    font-weight: 700;
    margin-top: 20px;
}

.ks-product-title {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 0.75rem;
}

.ks-product-subtitle {
    color: var(--accent-olive);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
    font-size: 1.5rem;
}

.ks-products-link {
    margin-top: 40px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--accent-olive);
    font-weight: 600;
    text-decoration: none;
}

.ks-product-grid {
    position: relative;
}

.ks-whatsapp {
    position: absolute;
    right: -90px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.ks-whatsapp .btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #00d15c;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 209, 92, 0.4);
    font-size: 1.5rem;
}

.ks-whatsapp span {
    font-size: 0.95rem;
    color: var(--text-dark);
    text-align: center;
    width: 60%;
    word-wrap: break-word;
    font-weight: 500;
}

/* ==================== ANASAYFA 2 SECTION ==================== */
.anasayfa-2-section {
    background: linear-gradient(135deg, #f5f9fc 0%, #f0f5f0 100%);
    padding: 80px 0 0 0;
    position: relative;
    overflow: hidden;
}

.anasayfa-2-section::before,
.anasayfa-2-section::after {
    content: '';
    position: absolute;
    width: 580px;
    height: 580px;
    border-radius: 50%;
    filter: blur(130px);
    opacity: 0.35;
    z-index: 0;
}

/* Üst sağdaki sarı/yeşil bulanık daire (SVG'deki ilk grup mantığı) */
.anasayfa-2-section::before {
    background:
        radial-gradient(circle, #bec872 0%, rgba(190, 200, 114, 0) 60%),
        radial-gradient(circle, #00719a 0%, rgba(0, 113, 154, 0) 70%);
    top: -260px;
    right: -320px;
}

/* Alt soldaki mavi/yeşil bulanık daire (SVG'deki ikinci grup mantığı) */
.anasayfa-2-section::after {
    background:
        radial-gradient(circle, #00719a 0%, rgba(0, 113, 154, 0) 60%),
        radial-gradient(circle, #bec872 0%, rgba(190, 200, 114, 0) 70%);
    bottom: -320px;
    left: -320px;
}

.anasayfa-2-content {
    position: relative;
    z-index: 1;
}

.anasayfa-2-left {
    position: relative;
    overflow: visible;
}

.anasayfa-2-main-title {
    font-size: 2.3rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.anasayfa-2-text {
    font-size: 1.1rem;
    color: #4a5568;
    margin-bottom: 1rem;
    line-height: 1.6;
}

.anasayfa-2-image-container {
    position: relative;
    margin-top: 2rem;
    overflow: visible;
}

.anasayfa-2-image-wrapper {
    border-radius: 20px;
    padding: 40px 40px 40px 0;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    max-width: calc(100% + 200px);
}

.anasayfa-2-image-container .anasayfa-2-image-wrapper img {
    max-width: 156%;
    height: auto;
    z-index: 2;
    margin-left: -110px;
}

.anasayfa-2-image-container img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}

.anasayfa-2-info-box {
    background: #FFFFFF87;
    padding: 40px;
    position: relative;
    z-index: 10;
    border-radius: 20px;
}

.anasayfa-2-info-column {
    margin-left: -10px;
    position: relative;
    z-index: 10;
}

.anasayfa-2-icon {
    width: 60px;
    height: 60px;
    background: var(--primary-blue);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.anasayfa-2-icon i {
    font-size: 2rem;
    color: #fff;
}

.anasayfa-2-box-title {
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 1rem;
}

.anasayfa-2-box-text {
    font-size: 1rem;
    color: #4a5568;
    margin-bottom: 1rem;
    line-height: 1.6;
}

.anasayfa-2-cta-btn {
    background: linear-gradient(135deg, #7c8a45 0%, #94996e 100%);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 15px 40px;
    font-weight: 600;
    font-size: 1.1rem;
    text-decoration: none;
    width: 80%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-top: 20px;
}

.anasayfa-2-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(124, 138, 69, 0.3);
    color: #fff;
}

/* ==================== POPULAR SERVICES SECTION ==================== */
.popular-services-section {
    background: linear-gradient(120deg, #e8f2f7 0%, #eef3eb 100%);
    padding: 120px 0;
}

.popular-services-subtitle {
    color: var(--accent-olive);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.popular-services-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 0.75rem;
}

.popular-services-text {
    color: var(--accent-green);
    font-weight: 600;
}

.service-card {
    padding: 36px 32px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}

.service-card img {
    width: 100%;
    max-width: 220px;
    height: 180px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.service-card h3 {
    font-weight: 700;
    color: var(--primary-blue);
    font-size: 34.5px;
    width: 90%;
    min-height: 84px;
    display: flex;
    align-items: flex-start;
}

.service-card p {
    flex: 1;
    color: #4a5568;
    font-size: 0.98rem;
    line-height: 1.5;
    min-height: 140px;
    width: 85%;
    font-weight: 600;
}

.service-card .btn {
    border-radius: 999px;
    font-weight: 600;
    padding: 18px 32px;
    background-color: #004D69;
    color: #fff;
    border: none;
    align-self: flex-start;
    margin-top: auto;
}

.service-card.light {
    background: #F2F2E9;
}

.service-card.deep {
    background: #004D69;
    color: #fff;
}

.service-card.deep h3,
.service-card.deep p {
    color: #fff;
}

.service-card.beige {
    background: #F0E9DA;
}

.service-card.olive {
    background: #94996E;
}

.service-card.olive h3,
.service-card.olive p {
    color: #fff;
}

.service-card.deep .btn,
.service-card.olive .btn {
    background-color: #fff;
    color: #004D69 !important;
}

/* ==================== CAMPAIGN HIGHLIGHT SECTION ==================== */
.campaign-highlight {
    background: #E3EDF1;
    padding: 110px 0;
}

.campaign-subtitle {
    color: #94996E;
    font-weight: 600;
    margin-bottom: 18px;
    font-size: 21px;
}

.campaign-title {
    font-size: 52px;
    font-weight: 700;
    color: #0d2f3f;
    margin-bottom: 16px;
}

.campaign-lead {
    font-size: 24px;
    color: #1c4c63;
    font-weight: 600;
    margin-bottom: 24px;
}

.campaign-text {
    color: #4a5568;
    font-size: 1.1rem;
    max-width: 480px;
    margin-bottom: 36px;
}

.campaign-btn {
    background: #6E7A3E;
    border: none;
    border-radius: 999px;
    padding: 16px 36px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 15px 40px rgba(110, 122, 62, 0.35);
}

.campaign-card {
    background: radial-gradient(circle at top, rgba(255, 255, 255, 0.15), transparent),
        linear-gradient(140deg, #012a4a, #014f86 65%, #197bbd);
    border-radius: 36px;
    padding: 18px;
    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 460px;
    box-shadow: 0 30px 80px rgba(1, 42, 74, 0.35);
}

.campaign-card::after {
    content: "";
    position: absolute;
    inset: 24px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    pointer-events: none;
}

.campaign-card h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
}

.campaign-perks .badge {
    background: rgba(227, 237, 241, 0.85);
    color: #1c4c63;
    font-weight: 600;
    border-radius: 999px;
    padding: 10px 24px;
    font-size: 1rem;
}

.campaign-gift {
    margin-top: 16px;
    font-size: 1.1rem;
    letter-spacing: 0.05em;
}

.campaign-elephant {
    position: absolute;
    bottom: -10px;
    left: -40px;
    width: 220px;
    max-width: 45%;
}

.campaign-house {
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 46%;
    max-width: 260px;
    filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.35));
}

.campaign-images {
    flex-wrap: nowrap !important;
    gap: 32px;
}

.campaign-images img {
    flex: 0 0 auto;
    width: 280px;
}

/* ==================== SWIPER STYLES ==================== */
.swiper-slide {
    width: 500px !important;
}

.swiper-slide.swiper-slide-next {
    position: relative;
    top: 50%;
    filter: blur(2px);
    transform: translateY(10%);
}

/* ==================== REVIEWS SECTION ==================== */
.reviews-section {
    background: #E3EDF1;
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}

/* Reviews arka plan blur daireler (SVG mantığı: iki büyük daire grubu) */
.reviews-section::before,
.reviews-section::after {
    content: '';
    position: absolute;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.3;
    z-index: 0;
}

/* Sağ üst grup */
.reviews-section::before {
    background:
        radial-gradient(circle, #bec872 0%, rgba(190, 200, 114, 0) 60%),
        radial-gradient(circle, #00719a 0%, rgba(0, 113, 154, 0) 70%);
    top: -260px;
    right: -320px;
}

/* Sol alt grup */
.reviews-section::after {
    background:
        radial-gradient(circle, #00719a 0%, rgba(0, 113, 154, 0) 60%),
        radial-gradient(circle, #bec872 0%, rgba(190, 200, 114, 0) 70%);
    bottom: -260px;
    left: -320px;
}

.reviews-title {
    font-size: 42px;
    font-weight: 800;
    color: #003049;
    margin-bottom: 20px;
    line-height: 1.2;
    letter-spacing: -1px;
}

.review-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    border: none;
    margin-bottom: 30px;
    width: 100%;
    max-width: 359px;
    height: 378px;
    display: flex;
    flex-direction: column;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.review-name {
    font-weight: 800;
    color: #8B9355;
    font-size: 22px;
}

.review-date {
    color: #8B9355;
    font-size: 16px;
    font-weight: 400;
}

.review-stars {
    color: #8B9355;
    margin-bottom: 20px;
    font-size: 28px;
    letter-spacing: 5px;
}

.review-divider {
    border: 0;
    border-top: 1px solid #DDE5E9;
    margin: 0 0 20px 0;
    opacity: 1;
}

.review-text {
    color: #3E6D81;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
}

.mascot-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.mascot-bg-circle {
    position: absolute;
    width: 400px;
    height: 400px;
    background-color: #007EA7;
    border-radius: 50%;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mascot-image {
    max-width: 140%;
    z-index: 2;
    margin-top: 20px;
}

.review-right-col {
    margin-top: 0;
}

@media (min-width: 992px) {
    .review-right-col {
        margin-top: -40px;
    }
}

/* ==================== BEST OFFER SECTIONw ==================== */
.best-offer-section {
    background: linear-gradient(to right, #EBF4F8, #E6F0EA);
    padding: 220px 0;
    overflow: hidden;
    position: relative;
}

.offer-title {
    color: #003049;
    font-weight: 800;
    font-size: 48px;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.offer-text {
    color: #5A6B7C;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 35px;
    max-width: 540px;
}

.btn-offer {
    background-color: #8B9355;
    color: white;
    border-radius: 50px;
    padding: 15px 45px;
    font-weight: 600;
    font-size: 16px;
    border: none;
    transition: all 0.3s ease;
}

.btn-offer:hover {
    background-color: #7A8248;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(139, 147, 85, 0.3);
}

.offer-image {
    max-width: 100%;
    transition: transform 0.3s ease;
}

/* ==================== SERVICE FEATURES SECTION (7/24) ==================== */
.service-features-section {
    background: linear-gradient(to bottom, #E6F0EA, #EBF4F8);
    padding: 80px 0;
}

.service-title {
    color: #003049;
    font-weight: 800;
    font-size: 42px;
    margin-bottom: 20px;
}

.service-desc {
    color: #5A6B7C;
    font-size: 21px;
    line-height: auto;
    letter-spacing: 4%;
}

.stats-container {
    color: #003049;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.stat-number {
    font-size: 100px;
    font-weight: 800;
    color: #8B9355;
    line-height: 1;
    letter-spacing: -1px;
}

.stat-label {
    font-size: 21px;
    font-weight: 600;
    color: #003049;
    line-height: 1.4;
}

.feature-card {
    background: white;
    padding: 40px 30px;
    border-radius: 12px;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.icon-wrapper {
    width: 60px;
    height: 60px;
    background-color: #004D69;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    color: white;
}

.icon-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

.feature-title {
    color: #003049;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.feature-text {
    color: #5A6B7C;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
}

/* ==================== BLOG SECTION ==================== */
.blog-section {
    background: linear-gradient(180deg, #eef3f7 0%, #f2f4f1 100%);
    padding: 120px 0;
}

.blog-heading h2 {
    font-size: 48px;
    color: #0d2f3f;
    font-weight: 800;
    margin-bottom: 12px;
}

.blog-eyebrow {
    color: #7c8a45;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.blog-card {
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 25px 50px rgba(8, 37, 58, 0.12);
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(6, 65, 88, 0.06);
    padding: 24px 24px 32px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 60px rgba(8, 37, 58, 0.18);
}

.blog-card-image {
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 24px;
}

.blog-card-image img {
    width: 333px;
    height: 389px;
    object-fit: cover;
    display: block;
}

.blog-card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blog-card-body h3 {
    font-size: 1.25rem;
    color: #0a4b63;
    font-weight: 700;
    margin: 0;
}

.blog-card-body p {
    color: #6a8595;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 42px;
    background: #004d69;
    color: #fff;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 20px 40px rgba(0, 77, 105, 0.25);
}

.blog-btn:hover {
    color: #fff;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .blog-section {
        padding: 80px 0;
    }

    .blog-heading h2 {
        font-size: 2.2rem;
    }

    .blog-card-image img {
        height: 220px;
    }
}

/* ==================== RESPONSIVE - TABLET & MOBILE ==================== */
@media (max-width: 992px) {
    .ks-products-section {
        padding-bottom: 180px;
    }

    .ks-product-grid {
        position: static;
    }

    .ks-whatsapp {
        position: static;
        margin-top: 32px;
        align-items: center;
    }

    .ks-topbar .row {
        text-align: center;
    }

    .ks-topbar .ks-contact,
    .ks-top-links {
        justify-content: center !important;
    }

    .ks-buy-btn {
        width: 100%;
    }

    .ks-product-card {
        width: 190px;
        height: 210px;
    }

    .ks-product-card img {
        width: 120px;
        height: 120px;
    }

    .anasayfa-2-section {
        padding: 60px 0;
    }

    .anasayfa-2-left {
        text-align: center;
    }

    .anasayfa-2-main-title {
        font-size: 2.2rem;
    }

    .anasayfa-2-image-wrapper {
        padding: 20px;
        min-height: auto;
        max-width: 100%;
        justify-content: center;
    }

    .anasayfa-2-image-container .anasayfa-2-image-wrapper img {
        max-width: 100%;
        margin-left: 0;
    }

    .anasayfa-2-info-box {
        margin-inline: auto;
        max-width: 420px;
    }

    .anasayfa-2-info-column {
        margin-left: 0;
    }

    .anasayfa-2-cta-btn {
        width: 100%;
    }

    .campaign-highlight {
        padding: 80px 0;
    }

    .campaign-title {
        font-size: 40px;
    }

    .campaign-card {
        margin-top: 48px;
    }

    .campaign-elephant {
        position: relative;
        left: auto;
        bottom: auto;
        display: block;
        margin: 0 auto 16px;
    }

    .campaign-house {
        position: relative;
        right: auto;
        bottom: auto;
        display: block;
        margin: 0 auto;
    }

    .campaign-images-container {
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }

    .static-image {
        flex: 1 1 auto !important;
    }

    .static-image img {
        transform: none !important;
        max-width: 100% !important;
    }

    .campaign-images-container>div:last-child {
        width: 100% !important;
        flex-direction: row !important;
        top: 0 !important;
        gap: 10px !important;
    }

    .campaign-box {
        width: 48% !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    .campaign-box img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .mascot-wrapper {
        margin: 60px 0;
    }

    .mascot-bg-circle {
        width: 300px;
        height: 300px;
    }

    .reviews-title {
        font-size: 32px;
        text-align: center;
    }

    .review-card {
        margin-bottom: 20px !important;
        width: 100% !important;
        height: 300px !important;
        padding: 20px !important;
    }

    .review-text {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .review-name {
        font-size: 16px !important;
    }

    .review-stars {
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }

    .mt-lg-5 {
        margin-top: 0 !important;
    }

    .col-6[style*="margin-top"] {
        margin-top: 0 !important;
    }

    .align-items-end {
        align-items: flex-start !important;
    }

    .best-offer-section {
        padding: 80px 0;
        text-align: center;
    }

    .offer-title {
        font-size: 32px;
    }

    .offer-text {
        margin: 0 auto 30px auto;
    }

    .offer-image {
        display: none;
    }

    .service-title {
        font-size: 32px;
        text-align: center;
    }

    .service-desc {
        text-align: center;
        margin: 0 auto 30px auto;
    }

    .stats-container {
        justify-content: center !important;
        margin-bottom: 30px;
        flex-wrap: wrap;
        gap: 30px !important;
    }

    .feature-card {
        text-align: center;
        padding: 30px 20px;
    }

    .icon-wrapper {
        margin: 0 auto 20px auto;
    }
}

@media (min-width: 992px) {
    .ks-whatsapp {
        align-items: center;
    }

    .offer-image {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        max-width: 50vw;
        height: auto;
        z-index: 1;
    }
}

@media (max-width: 768px) {
    .popular-services-section {
        padding: 80px 0;
    }

    .service-card p {
        min-height: auto;
        width: 100%;
    }

    .review-card {
        margin-left: auto;
        margin-right: auto;
    }

    .reviews-section .col-12 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 576px) {
    .ks-hero-shell {
        min-height: auto;
        padding-bottom: 20px;
    }

    .ks-products-section {
        padding: 60px 0 120px;
    }

    .ks-product-title {
        font-size: 2.1rem;
    }

    .ks-product-card {
        width: 100%;
        max-width: 260px;
        height: auto;
        padding: 20px 16px;
    }

    .ks-product-card img {
        width: 110px;
        height: 110px;
    }

    .ks-product-name {
        text-align: center;
        font-size: 1rem;
        margin-top: 12px;
    }

    .ks-product-grid .row {
        gap: 1.25rem 0;
    }

    .ks-products-link {
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }

    .anasayfa-2-section {
        padding: 40px 0;
    }

    .anasayfa-2-main-title {
        font-size: 1.8rem;
    }

    .anasayfa-2-text {
        font-size: 1rem;
    }

    .anasayfa-2-info-box {
        padding: 30px 20px;
    }

    .anasayfa-2-box-title {
        font-size: 1.5rem;
    }

    .anasayfa-2-image-wrapper {
        padding: 0;
    }

    .anasayfa-2-image-container .anasayfa-2-image-wrapper img {
        width: 80%;
    }

    .anasayfa-2-image-container>div {
        margin-left: -40px !important;
        max-width: calc(100% + 40px) !important;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .anasayfa-2-image-container>div {
        margin-left: -100px !important;
        max-width: calc(100% + 100px) !important;
    }

    .anasayfa-2-image-wrapper {
        max-width: calc(100% + 60px);
    }
}

/* Partners Section */
.partners-section {
    background-color: #EBF4F8;
    /* Light blueish background from image */
    padding: 80px 0;
}

.partners-title {
    color: #004D69;
    font-weight: 800;
    font-size: 2.5rem;
    margin-bottom: 0;
}

.partners-subtitle {
    color: #004D69;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: right;
    margin-bottom: 0;
}

/* Partners Grid Layout */
.partners-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    /* Kesinlikle 6 sütun */
    gap: 24px;
    /* Yatay ve dikey eşit boşluk */
    padding: 0;
}

.partners-grid .col {
    width: 100%;
    /* Grid hücresini doldur */
    padding: 0;
}

/* Responsive: Ekran küçüldükçe sütun sayısını azalt */
@media (max-width: 1200px) {
    .partners-grid {
        grid-template-columns: repeat(4, 1fr);
        /* Tablet yatay: 4 sütun */
    }
}

@media (max-width: 991px) {
    .partners-grid {
        grid-template-columns: repeat(3, 1fr);
        /* Tablet dikey: 3 sütun */
    }
}

@media (max-width: 576px) {
    .partners-grid {
        grid-template-columns: repeat(2, 1fr);
        /* Mobil: 2 sütun */
        gap: 12px;
        /* Mobilde boşlukları optimize et */
        padding: 0 5px;
        /* Kenar boşluklarını ayarla */
    }

    .partner-card {
        width: 100% !important;
        /* Mobilde tam genişlik */
        height: auto !important;
        /* Yükseklik otomatik */
        aspect-ratio: 1/1;
        /* Kare oranını koru */
        padding: 10px;
        /* İç boşluğu azalt */
        border-radius: 12px;
    }

    .partner-logo {
        padding: 2px;
        /* Logo dolgusunu azalt */
    }
}

.partner-card {
    background: #fff;
    width: 169px;
    height: 169px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* margin: 0 auto; kaldırıldı, gap kullanıyoruz */
}

.partner-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.partner-name {
    color: #555;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .partners-subtitle {
        text-align: left;
        margin-top: 15px;
    }

    .partners-title {
        font-size: 2rem;
    }
}

.partner-logo {
    max-width: 100%;
    width: 135px;
    height: 100px;
    max-height: 100%;
    object-fit: contain;
    padding: 10px;
}

/* ==================== HAKKIMIZDA SECTION ==================== */
.hakkimizda-section {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.hakkimizda-title {
    color: #004d69;
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.hakkimizda-text {
    color: #4a5568;
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* ==================== MANAGEMENT SECTION ==================== */
.management-section {
    background-color: #004D69;
    padding: 80px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.management-title {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
}

.wp-float-container {
    position: absolute;
    top: 0;
    right: -140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

.wp-icon-btn {
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
    transition: transform 0.3s ease;
}

.wp-icon-btn:hover {
    transform: scale(1.1);
}

.wp-text {
    color: #25D366;
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
}

.member-image-box {
    margin-bottom: 20px;
}

.member-image-box img {
    width: 100%;
    max-width: 350px;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.member-name {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.member-name span {
    font-weight: 400;
}

.member-title {
    font-size: 1.1rem;
    color: #8CC1D5;
    font-weight: 500;
    margin-bottom: 20px;
}

.member-bio p {
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 19px;
    color: #e6e6e6;
    font-weight: 300;
}

.member-bio a {
    color: #fff;
    text-decoration: underline;
}

.management-section-alt {
    background-color: #f4f6f8;
    padding: 80px 0;
    color: #004D69;
}

.management-section-alt .member-name {
    color: #004D69;
}

.management-section-alt .member-title {
    color: #94996E;
    font-weight: 600;
}

.management-section-alt .member-bio p {
    color: #5A6B7C;
    font-weight: 500;
}

.management-section-alt .member-image-box img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.management-section-alt .member-image-box.overlap-top {
    margin-top: 0;
    position: relative;
    z-index: 5;
}

@media (min-width: 992px) {
    .management-section-alt .member-image-box.overlap-top {
        margin-top: -250px;
    }
}

/* ==================== PRESS SECTION ==================== */
.press-section {
    background-color: #EBF4F8;
    padding: 80px 0;
}

.press-title {
    color: #004D69;
    font-weight: 800;
    font-size: 3rem;
    margin-bottom: 40px;
}

.press-card-small {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    height: 100%;
}

.press-card-small img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    flex-shrink: 0;
}

.press-card-content h4 {
    color: #004D69;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.3;
}

.press-card-content p {
    font-size: 0.8rem;
    color: #7a8a9e;
    margin-bottom: 12px;
    line-height: 1.4;
}

.btn-press {
    background-color: #94996E;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-press:hover {
    background-color: #7c8a45;
    color: #fff;
}

.press-card-large {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    margin-top: 40px;
}

.press-card-large img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-bottom: 25px;
}

.press-large-text {
    color: #004D69;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 25px;
}

.btn-press-large {
    background-color: #94996E;
    color: #fff;
    border: none;
    border-radius: 25px;
    text-decoration: none;
    padding: 12px 40px;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-press-large:hover {
    background-color: #7c8a45;
    color: #fff;
}

/* ==================== VIDEO SECTION ==================== */
.video-section {
    background-color: #EBF4F8;
    padding-bottom: 80px;
}

.video-card {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #000;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-card h4 {
    color: #004D69;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.video-card p {
    font-size: 0.85rem;
    color: #7a8a9e;
    margin-bottom: 20px;
    line-height: 1.5;
    flex-grow: 1;
}

.btn-video {
    background-color: #94996E;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 30px;
    font-size: 0.9rem;
    font-weight: 600;
    align-self: flex-start;
    transition: all 0.3s ease;
}

.btn-video:hover {
    background-color: #7c8a45;
    color: #fff;
}

/* ==================== BLOG DETAIL SECTION ==================== */
.blog-detail-section {
    background-color: #EBF4F8;
    padding: 80px 0;
}

.blog-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.blog-detail-title {
    color: #004D69;
    font-weight: 800;
    font-size: 3.5rem;
    margin-bottom: 0;
    line-height: 1.2;
}

.blog-detail-share {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

.share-label {
    color: #004D69;
    font-weight: 600;
    font-size: 1.1rem;
}

.social-icons {
    display: flex;
    gap: 15px;
}

.social-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94996E;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.social-icon:hover {
    background-color: #94996E;
    color: #fff;
    transform: translateY(-3px);
}

.blog-detail-image {
    margin-bottom: 40px;
    border-radius: 20px;
    overflow: hidden;
}

.blog-detail-image img {
    width: 100%;
    height: auto;
}

.blog-detail-content {
    margin-bottom: 50px;
}

.blog-detail-content p {
    color: #004D69;
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 25px;
}

.blog-detail-tags {
    margin-top: 50px;
}

.blog-detail-tags h5 {
    color: #004D69;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag {
    color: #7a8a9e;
    font-size: 0.95rem;
}

@media (max-width: 768px) {
    .blog-detail-header {
        flex-direction: column;
        gap: 20px;
    }

    .blog-detail-title {
        font-size: 2.0rem;
    }

    .social-icons {
        flex-wrap: wrap;
    }

    .blog-detail-content p {
        font-size: 1rem;
    }
}

/* ==================== CONTACT SECTION ==================== */
.contact-section {
    background-color: #EBF4F8;
    padding: 80px 0;
    position: relative;
}

.contact-info {
    padding-right: 40px;
}

.contact-subtitle {
    color: #94996E;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.contact-title {
    color: #004D69;
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 40px;
    line-height: 1.2;
}

.contact-details {
    margin-top: 30px;
}

.contact-item {
    color: #004D69;
    font-size: 1.05rem;
    margin-bottom: 20px;
    line-height: 1.6;
}

.contact-item strong {
    font-weight: 700;
}

.contact-item a {
    color: #004D69;
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-item a:hover {
    color: #94996E;
}

.contact-company-info {
    margin-top: 40px;
    color: #004D69;
    font-size: 0.95rem;
    line-height: 1.6;
}

.contact-map-wrapper {
    position: relative;
    overflow: hidden;
}

.contact-map-wrapper iframe {
    border-radius: 20px;
}

.whatsapp-elephant-wrapper {
    position: absolute;
    top: 30%;
    right: 0%;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none;
}

.whatsapp-elephant-wrapper a {
    display: block;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    pointer-events: all;
}

.whatsapp-elephant-wrapper a:hover {
    transform: scale(1.05);
}

.elephant-img {
    width: 380px;
    height: auto;
    display: block;
}

.whatsapp-badge {
    position: absolute;
    top: 20%;
    right: 5%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.whatsapp-badge-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-icon {
    width: 65%;
    height: auto;
}

.whatsapp-badge-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.badge-line {
    color: #0a9152;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.1;
    text-transform: capitalize;
}

.company-info-section {
    margin-top: 80px;
    padding-bottom: 80px;
}

.company-info-title {
    color: #004D69;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: left;
}

.info-card {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.info-card h5 {
    color: #004D69;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 10px;
}

.info-card p {
    color: #94996E;
    font-size: 0.95rem;
    margin-bottom: 0;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .contact-info {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .contact-title {
        font-size: 2.5rem;
    }

    .whatsapp-elephant-wrapper {
        right: -25%;
    }

    .elephant-img {
        width: 250px;
    }

    .whatsapp-badge {
        right: -10%;
        gap: 12px;
    }

    .whatsapp-badge-circle {
        width: 130px;
        height: 130px;
    }

    .badge-line {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .contact-title {
        font-size: 2rem;
    }

    .company-info-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 991px) {
    .management-section-alt .member-image-box {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .whatsapp-elephant-wrapper {
        display: none;
    }
}

/* --- FOOTER ÖZEL CSS BAŞLANGICI --- */

/* Ana Kapsayıcı Ayarları */
#ozel-footer-alani {
    background-color: #1F455A;
    /* Görseldeki koyu mavi ton */
    color: #ffffff;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    /* Font çakışmasını önlemek için */
    padding-top: 60px;
    padding-bottom: 40px;
    position: relative;
    width: 100%;
    margin-top: auto;
    /* Sticky footer mantığı için */
}

/* Linklerin varsayılan alt çizgisini kaldır */
#ozel-footer-alani a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* --- Üst Kısım (Telefon & WhatsApp) --- */
#ozel-footer-alani .top-action-wrapper {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}

#ozel-footer-alani .top-action-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -39px;
    gap: 20px;
    width: 100%;
    border-radius: 28px;
    padding: 22px 32px;
}

#ozel-footer-alani .line-separator {
    flex-grow: 1;
    height: 1px;
    background-color: #8CC1D5;
    margin: 0 15px;
}

/* Telefon Kutusu */
#ozel-footer-alani .phone-box {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 18px 32px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #fff;
    min-width: 300px;
    background-color: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
}

#ozel-footer-alani .phone-box:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#ozel-footer-alani .help-text {
    font-size: 14px;
    line-height: 1.2;
    display: block;
    color: #d0d0d0;
    margin-bottom: 2px;
}

#ozel-footer-alani .phone-chip {
    padding: 12px 28px;
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 700;
}

#ozel-footer-alani .icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ozel-footer-alani .icon-phone {
    font-size: 24px;
}

#ozel-footer-alani .number-text {
    font-size: 28px;
    font-weight: 700;
    display: block;
}

@media (max-width: 767px) {
    #ozel-footer-alani .number-text {
        font-size: 18px;
    }

    #ozel-footer-alani .help-text {
        font-size: 11px;
    }

    #ozel-footer-alani .icon-circle {
        width: 36px;
        height: 36px;
    }

    #ozel-footer-alani .icon-phone {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    #ozel-footer-alani .phone-box {
        text-align: center;
    }

    #ozel-footer-alani .phone-chip {
        justify-content: center;
    }
}

/* WhatsApp Butonu */
#ozel-footer-alani .whatsapp-box {
    color: #4FCE5D;
    /* WP yeşili */
    font-weight: 700;
    font-size: 22px;
    padding: 11px 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#ozel-footer-alani .whatsapp-box:hover {
    filter: brightness(0.95);
}

/* --- Logo Alanı --- */
#ozel-footer-alani .brand-area {
    display: flex;
    align-items: center;
    gap: 10px;
}

#ozel-footer-alani .footer-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#ozel-footer-alani .logo-icon {
    font-size: 32px;
    color: #fff;
}

#ozel-footer-alani .logo-main {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 1px;
}

#ozel-footer-alani .logo-sub {
    font-size: 14px;
    font-family: 'Brush Script MT', cursive;
    /* El yazısı efekti */
    color: #eee;
}

#ozel-footer-alani .info-desc {
    font-size: 16px;
    color: #b0c4ce;
    line-height: 1.5;
    margin-top: 15px;
}

#ozel-footer-alani .address-box {
    font-size: 16px;
    line-height: 1.6;
}

#ozel-footer-alani .contact-inline {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
}

#ozel-footer-alani .contact-inline .address-box {
    margin: 0;
}

#ozel-footer-alani .social-links a {
    color: #fff;
    font-size: 22px;
    margin-right: 18px;
    display: inline-block;
}

#ozel-footer-alani .social-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

#ozel-footer-alani .social-links a:hover {
    color: #4FCE5D;
    /* Hover rengi */
    transform: translateY(-3px);
}

.footer-certifications {
    background: #f4f6f8;
    text-align: center;
    padding: 30px 0 25px;
}

.footer-certifications .cert-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
}

.footer-certifications .cert-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-certifications .cert-item img {
    max-height: 80px;
    width: auto;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.08));
}

.footer-certifications .cert-copy {
    font-size: 14px;
    color: #444b54;
    margin: 0;
}

/* --- Menü Linkleri --- */
#ozel-footer-alani .menu-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

#ozel-footer-alani .menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#ozel-footer-alani .menu-list li {
    margin-bottom: 10px;
}

#ozel-footer-alani .menu-list a {
    color: #b0c4ce;
    font-size: 14px;
    font-weight: 400;
}

#ozel-footer-alani .menu-list a:hover {
    color: #fff;
    padding-left: 5px;
    /* Hover olunca hafif sağa kayma efekti */
}

/* Güvenlik bildirgeleri için biraz daha küçük font */
#ozel-footer-alani .small-text-list a {
    font-size: 13px;
}

/* Mobilde Düzenlemeler */
@media (max-width: 991px) {
    #ozel-footer-alani .top-action-bar {
        justify-content: center;
        text-align: center;
        flex-direction: row;
    }

    #ozel-footer-alani .menu-title {
        margin-top: 20px;
    }

    .footer-certifications .cert-logos {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    #ozel-footer-alani {
        padding-top: 40px;
    }

    #ozel-footer-alani .top-action-bar {
        margin-left: 0;
        gap: 16px;
        padding: 18px;
        flex-direction: row;
        align-items: center;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    #ozel-footer-alani .phone-box,
    #ozel-footer-alani .whatsapp-box {
        width: auto;
        min-width: auto;
        justify-content: center;
        flex: 1;
        display: none;
        flex-direction: row !important;
    }

    #ozel-footer-alani .phone-box {
        padding: 12px 16px;
        text-align: center;
        box-shadow: none;
        flex-direction: row;
        gap: 10px;
        min-width: auto;
        flex: 1 1 auto;
        align-items: center;
    }

    #ozel-footer-alani .phone-chip {
        justify-content: center;
        width: auto;
        padding: 8px 16px;
        font-size: 0.9rem;
    }

    #ozel-footer-alani .whatsapp-box {
        border: 1px solid rgba(255, 255, 255, 0.2);
        background-color: rgba(255, 255, 255, 0.04);
        justify-content: center;
        width: 100%;
        display: none;
    }

    #ozel-footer-alani .whatsapp-box img {
        max-width: 160px;
    }

    #ozel-footer-alani .line-separator {
        display: none;
    }

    #ozel-footer-alani .top-action-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    #ozel-footer-alani .footer-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 18px;
        margin-left: 0;
        margin-right: 0;
    }

    #ozel-footer-alani .footer-grid>.footer-col:first-child {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        gap: 0;
    }

    #ozel-footer-alani .footer-grid>.footer-col:first-child .brand-area {
        width: 100%;
        margin-bottom: 15px;
    }

    #ozel-footer-alani .footer-grid>.footer-col:first-child .info-desc {
        width: 50%;
        padding-right: 8px;
        margin-top: 0;
        font-size: 14px;
        line-height: 1.4;
    }

    /* contact-inline sarmalayıcısını devreden çıkar */
    #ozel-footer-alani .footer-grid>.footer-col:first-child .contact-inline {
        display: contents;
    }

    #ozel-footer-alani .footer-grid>.footer-col:first-child .address-box {
        width: 50%;
        padding-left: 8px;
        font-size: 14px;
        line-height: 1.4;
        text-align: left;
    }

    #ozel-footer-alani .footer-grid>.footer-col:first-child .social-links {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }

    #ozel-footer-alani .footer-col {
        width: auto;
    }

    #ozel-footer-alani .menu-list li {
        margin-bottom: 8px;
    }

    #ozel-footer-alani .menu-list li a {
        display: inline-flex;
        justify-content: center;
    }

    /* #ozel-footer-alani .social-links {
        justify-content: center;
    } */

    #ozel-footer-alani .contact-inline {
        justify-content: center;
    }
}

@media (max-width: 575px) {
    #ozel-footer-alani .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #ozel-footer-alani .top-action-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    #ozel-footer-alani .top-action-bar {
        border-radius: 22px;
        padding: 16px;
        flex-direction: row;
    }

    #ozel-footer-alani .menu-title {
        font-size: 22px;
    }

    #ozel-footer-alani .menu-list a {
        font-size: 13px;
    }

    #ozel-footer-alani .contact-inline {
        justify-content: center;
        gap: 16px;
        text-align: center;
    }

    #ozel-footer-alani .footer-grid>.footer-col:first-child .contact-inline {
        text-align: left;
        justify-content: flex-start;
    }
}

/* --- FOOTER ÖZEL CSS BİTİŞİ --- */
/* Bu ID ile kapsayarak sitenin geri kalanını etkilemesini engelliyoruz */
#insurance-hero-section {
    background: linear-gradient(135deg, #eef7f8 0%, #dbefee 50%, #eef7f8 100%);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    /* Taşmaları engellemek için */
}

/* Üstteki hap menüler */
#insurance-hero-section .nav-pill-custom {
    background-color: #fff;
    color: #556b7f;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    white-space: nowrap;
}

#insurance-hero-section .nav-pill-custom.active {
    background-color: #004D69;
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 77, 105, 0.35);
    transform: translateY(-1px);
}

#insurance-hero-section .nav-pill-custom:hover {
    transform: translateY(-2px);
    color: #004d40;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

#insurance-hero-section .card-option .card-option-desc {
    font-size: 0.85rem;
    color: #5e6d7a;
    margin: 0;
    line-height: 1.4;
}

.card-option-link {
    color: inherit;
}

.card-option-selectable {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.card-option-selectable:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.08);
}

.card-option-selectable.selected {
    border: 2px solid #064158;
    box-shadow: 0 20px 40px rgba(6, 65, 88, 0.25);
    background-color: #064158;
    color: #ffffff;
}

.card-option-selectable.selected .card-title {
    color: #ffffff;
}

.card-option-selectable.selected .card-option-desc {
    color: rgba(255, 255, 255, 0.85);
}

.card-option-selectable.selected .card-icon img {
    filter: brightness(0) invert(1);
}

#insurance-form-section .selected-reason-chip {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background-color: rgba(6, 65, 88, 0.06);
    color: #064158;
    font-size: 0.85rem;
}

.btn-continue.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-continue:not(.disabled):hover {
    filter: brightness(0.95);
}

/* Başlıklar */
#insurance-hero-section h1 {
    color: #004D69;
    font-weight: 800;
    line-height: 1.2;
}

#insurance-hero-section .sub-title {
    color: #94996E;
    font-weight: 700;
    font-size: 1.5rem;
}

#insurance-hero-section .hero-desc {
    color: #6c8596;
    font-size: 1rem;
    line-height: 1.6;
}

/* Kartlar */
#insurance-hero-section .card-option {
    border-radius: 20px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    height: 100%;
    /* Eşit yükseklik için */
}

#insurance-hero-section .card-option:hover {
    transform: translateY(-5px);
    border-color: #94996E;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}

#insurance-hero-section .card-icon {
    font-size: 2rem;
    color: #94996E;
}

#insurance-hero-section .card-title {
    color: #004D69;
    font-weight: 700;
    font-size: 0.9rem;
}

/* Seçili kartta koyu arka planda yazıların beyaz görünmesi için override */
#insurance-hero-section .card-option-selectable.selected .card-title {
    color: #ffffff !important;
}

#insurance-hero-section .card-option-selectable.selected .card-option-desc {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Devam Et Butonu */
#insurance-hero-section .btn-continue {
    background-color: #e0e6e6;
    color: #fff;
    font-weight: 700;
    padding: 12px 50px;
    border-radius: 30px;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

#insurance-hero-section .btn-continue:not(.disabled) {
    background-color: #064158;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(6, 65, 88, 0.3);
}

#insurance-hero-section .btn-continue:not(.disabled):hover {
    background-color: #043243;
    box-shadow: 0 14px 28px rgba(6, 65, 88, 0.4);
}

/* WhatsApp Floating */
.whatsapp-floating-wrapper {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    text-align: center;
}

.whatsapp-icon-circle {
    background-color: #25D366;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0px, -30px);
    font-size: 32px;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    margin: 0 auto 5px auto;
}

.whatsapp-label {
    color: #25D366;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.2;
}

/* Global sağ alt WhatsApp butonu (tüm sayfalarda) */
.floating-whatsapp-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 2147483000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #25D366;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.floating-whatsapp-btn img {
    width: 70%;
    height: auto;
    display: block;
}

.floating-whatsapp-btn:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
    .floating-whatsapp-btn {
        right: 14px;
        bottom: 14px;
        width: 56px;
        height: 56px;
    }
}

#insurance-form-section {
    background: linear-gradient(135deg, #eef7f8 0%, #dbefee 50%, #eef7f8 100%);
    font-family: 'Montserrat', sans-serif;
    padding: 60px 0;
    position: relative;
    min-height: 100vh;
    /* Sayfayı kaplaması için */
}

/* --- Başlıklar ve Adımlar --- */
#insurance-form-section .sub-title {
    color: #94996E;
    font-weight: 700;
    font-size: 1.2rem;
}

#insurance-form-section h1 {
    color: #0f3046;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 30px;
}

#insurance-form-section .step-indicator {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 30px;
}

#insurance-form-section .step-indicator span {
    color: #bac7c7;
    letter-spacing: 0.02em;
}

#insurance-form-section .step-indicator span.active {
    color: #7a7f55;
    /* Aktif adım rengi */
}

#insurance-form-section .step-indicator .step-arrow {
    width: 32px;
    height: 32px;
    display: inline-block;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.5;
}

#insurance-form-section .step-indicator .step-arrow.active {
    filter: none;
    opacity: 1;
}

/* --- Bireysel / Kurumsal Seçimi --- */
#insurance-form-section .type-selector .btn-check:checked+.btn-type {
    background-color: #fff;
    color: #94996E;
    border: 1px solid #94996E;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

#insurance-form-section .btn-type {
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid transparent;
    color: #94996E;
    border-radius: 30px;
    padding: 8px 30px;
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* --- Form Inputları --- */
#insurance-form-section .form-label {
    color: #556b7f;
    font-weight: 600;
    font-size: 0.85rem;
    margin-left: 10px;
    margin-bottom: 5px;
}

#insurance-form-section .form-control {
    border-radius: 15px;
    border: 1px solid transparent;
    padding: 12px 20px;
    font-weight: 600;
    color: #555;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

#insurance-form-section .form-control:focus {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-color: #94996E;
}

/* Resimdeki kırmızı border örneği (Hata durumu için) */
#insurance-form-section .form-control.is-invalid-custom {
    border: 1px solid #ffadad;
    color: #555;
}

#insurance-form-section .input-note {
    font-size: 0.7rem;
    color: #94996E;
    margin-left: 10px;
    margin-top: 5px;
}

/* --- Checkboxlar --- */
#insurance-form-section .form-check-input {
    border-radius: 4px;
    border: 2px solid #94996E;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0.1em;
    cursor: pointer;
}

#insurance-form-section .form-check-input:checked {
    background-color: #0f3046;
    border-color: #0f3046;
}

#insurance-form-section .form-check-label {
    font-size: 0.75rem;
    color: #556b7f;
    line-height: 1.5;
    cursor: pointer;
}

#insurance-form-section .form-check-label a {
    color: #0f3046;
    text-decoration: underline;
}

/* --- Devam Et Butonu --- */
#insurance-form-section .btn-submit-olive {
    background-color: #95a57a;
    /* Zeytin yeşili */
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 12px 60px;
    font-weight: 700;
    font-size: 1.1rem;
    margin-top: 20px;
    transition: background 0.3s;
}

#insurance-form-section .btn-submit-olive:hover {
    background-color: #7d8c63;
}

/* --- Sağ Taraf (Seçimi Değiştir) --- */
#insurance-form-section .right-panel-title {
    color: #004D69;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 15px;
}

#insurance-form-section .right-panel-link {
    color: #007bff;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: underline;
    margin-top: 20px;
    display: block;
    margin-bottom: 10px;
}

#insurance-form-section .selection-pill {
    background-color: #fff;
    border-radius: 30px;
    padding: 8px 15px;
    font-size: 0.8rem;
    color: #0f3046;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

#insurance-form-section .selection-pill i {
    color: #94996E;
}

/* Material icon ile kullanılan pill ikonları */
.selection-pill .pill-material-icon {
    font-size: 20px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94996E;
}

/* Sticky Header */
header.sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2147483647 !important;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.3s ease;
}

header.sticky-header .ks-topbar {
    display: block;
    background-color: #f8f9fa;
    /* Hafif gri arka plan ile ayrışsın */
}

header.sticky-header .navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #fff !important;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* ============================================
   KAMPANYALAR SAYFASI
   ============================================ */

.campaigns-page-section {
    background-color: #EBF4F8;
    padding: 100px 0 80px;
    min-height: 100vh;
}

.campaigns-page-header {
    margin-bottom: 60px;
}

.campaigns-page-title {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin: 0;
}

.campaign-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.campaign-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.campaign-card-image {
    width: 100%;
    height: 180px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.campaign-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.campaign-card-body {
    padding: 20px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.campaign-card-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 8px;
    line-height: 1.3;
    min-height: 54px;
    display: flex;
    align-items: flex-start;
}

.campaign-card-text {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
    flex-grow: 1;
}

/* Responsive */
@media (max-width: 991px) {
    .campaigns-page-title {
        font-size: 2.5rem;
    }

    .campaign-card {
        min-height: 350px;
    }

    .campaign-card-image {
        height: 160px;
    }

    .campaign-card-title {
        min-height: 48px;
    }
}

@media (max-width: 767px) {
    .campaigns-page-section {
        padding: 60px 0 40px;
    }

    .campaigns-page-title {
        font-size: 1.75rem;
    }

    .campaigns-page-header {
        margin-bottom: 30px;
    }

    .campaign-card {
        min-height: 280px;
    }

    .campaign-card-image {
        height: 120px;
    }

    .campaign-card-body {
        padding: 14px 12px;
    }

    .campaign-card-title {
        font-size: 0.9rem;
        min-height: 38px;
        margin-bottom: 6px;
    }

    .campaign-card-text {
        font-size: 0.7rem;
        line-height: 1.4;
    }
}

/* ============================================
   KAMPANYA DETAY SAYFASI
   ============================================ */

.campaign-detail-section {
    background-color: #EBF4F8;
    padding: 100px 0 80px;
    min-height: 100vh;
}

.campaign-detail-header {
    margin-bottom: 50px;
}

.campaign-detail-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin: 0;
    line-height: 1.2;
}

.campaign-detail-image {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    padding: 40px;
}

.campaign-detail-image img {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: contain;
}

.campaign-detail-text {
    padding-left: 30px;
}

.campaign-detail-intro {
    font-size: 1rem;
    color: var(--primary-blue);
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 20px;
}

.campaign-detail-description {
    font-size: 1rem;
    color: var(--primary-blue);
    line-height: 1.8;
    margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .campaign-detail-title {
        font-size: 2rem;
    }

    .campaign-detail-text {
        padding-left: 0;
        margin-top: 30px;
    }

    .campaign-detail-intro {
        font-size: 0.95rem;
    }

    .campaign-detail-description {
        font-size: 0.95rem;
    }
}

@media (max-width: 767px) {
    .campaign-detail-section {
        padding: 60px 0 40px;
    }

    .campaign-detail-header {
        margin-bottom: 30px;
    }

    .campaign-detail-title {
        font-size: 1.5rem;
    }

    .campaign-detail-image {
        padding: 25px;
    }

    .campaign-detail-image img {
        max-height: 250px;
    }

    .campaign-detail-text {
        margin-top: 20px;
    }

    .campaign-detail-intro {
        font-size: 0.9rem;
        margin-bottom: 15px;
    }

    .campaign-detail-description {
        font-size: 0.9rem;
    }
}

/* ==================== QUOTATION FORM PAGE OVERRIDE (UPDATED) ==================== */

/* Banner/Hero Section */
.kt-sc.kt-banner-shadow.height_by_resolution {
    position: relative !important;
    z-index: 1 !important;
    border-radius: 0 !important;
}

.backstretch {
    border-radius: 0 !important;
}

.backstretch-item img {
    border-radius: 0 !important;
}

/* Negative Spacing Override */
.kt-negative-spacing--10,
.kt-negative-spacing--2 {
    margin-top: 0 !important;
}

/* Form Container */
.kt-portlet.kt-portlet-bg-color.kt-portlet-border-color {
    background-color: #ffffff !important;
    border: 2px solid #f2f5f7 !important;
    border-radius: 12px !important;
    padding: 40px 30px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin-top: -80px !important;
    position: relative !important;
    z-index: 100 !important;
}

/* Form Header/Description */
#wl_form_header {
    margin-bottom: 40px !important;
    padding: 0 !important;
}

#wl_form_header h3 {
    color: #94996E !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

#wl_form_header h1 {
    color: #004D69 !important;
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    margin-bottom: 15px !important;
    line-height: 1.2 !important;
}

#wl_form_header p {
    color: #5A6B7C !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

/* Wizard Container */
.wizard.wizard-6 {
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.wizard-content {
    padding: 0 !important;
}

/* Wizard Navigation Container */
.kt-wizard-v1__nav {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
}

.kt-wizard-v1__nav-items {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Navigation Items */
.kt-wizard-v1__nav-item {
    background: #ffffff !important;
    border: 2px solid #e8ecef !important;
    border-radius: 12px !important;
    padding: 20px 15px !important;
    min-height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    flex: 1 !important;
    min-width: 200px !important;
    max-width: 280px !important;
    margin: 0 !important;
}

.kt-wizard-v1__nav-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
    border-color: #94996E !important;
}

/* Active Navigation Item */
.kt-wizard-v1__nav-item[data-ktwizard-state="current"] {
    background: linear-gradient(135deg, #f5f9fc 0%, #f0f5f0 100%) !important;
    border: 2px solid #94996E !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Navigation Body */
.kt-wizard-v1__nav-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
}

/* Navigation Icon - FIXED & ENFORCED */
.kt-wizard-v1__nav-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #5A6B7C !important;
    width: auto !important;
    height: auto !important;
    font-size: 2.5rem !important;
    line-height: 1 !important;
}

/* Icon Elements (i tag) - ADDED FOR VISIBILITY */
.kt-wizard-v1__nav-icon i {
    display: inline-block !important;
    font-size: inherit !important;
    line-height: 1 !important;
    color: inherit !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.kt-wizard-v1__nav-item[data-ktwizard-state="current"] .kt-wizard-v1__nav-icon {
    color: #94996E !important;
}

.kt-wizard-v1__nav-item[data-ktwizard-state="current"] .kt-wizard-v1__nav-icon i {
    color: #94996E !important;
}

/* Navigation Label */
.kt-wizard-v1__nav-label {
    color: #004D69 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.kt-wizard-v1__nav-item[data-ktwizard-state="current"] .kt-wizard-v1__nav-label {
    color: #004D69 !important;
    font-weight: 700 !important;
}

/* Continue Button */
#wl_continue_button,
.btn-primary.btn-wide {
    background: linear-gradient(135deg, #7c8a45 0%, #94996e 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 50px !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 25px rgba(124, 138, 69, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 200px !important;
}

#wl_continue_button:hover,
.btn-primary.btn-wide:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(124, 138, 69, 0.4) !important;
    background: linear-gradient(135deg, #6a7739 0%, #7c8a45 100%) !important;
}

.form-btn-center {
    margin: 0 auto !important;
    display: flex !important;
}

/* Remove Navigation Arrows */
.kt-wizard-v1__nav-item::after,
.kt-wizard-v1__nav-item::before {
    display: none !important;
}

/* Labels Colors */
div#wl_renewal_car_label,
div#wl_handover_car_label,
div#wl_new_car_label {
    color: black !important;
}

.kt-grid__item {
    background: linear-gradient(135deg, #f5f9fc 0%, #f0f5f0 100%);
}

/* ==================== RESPONSIVE - TABLET (991px ve altı) ==================== */
@media (max-width: 991px) {
    .kt-portlet.kt-portlet-bg-color.kt-portlet-border-color {
        margin-top: -60px !important;
        padding: 30px 20px !important;
    }

    #wl_form_header h1 {
        font-size: 2rem !important;
    }

    .kt-wizard-v1__nav-items {
        gap: 15px !important;
    }

    .kt-wizard-v1__nav-item {
        min-width: 150px !important;
        max-width: 100% !important;
        min-height: 100px !important;
        padding: 15px 10px !important;
    }

    .kt-wizard-v1__nav-icon {
        font-size: 2rem !important;
    }

    .kt-wizard-v1__nav-icon i {
        font-size: 2rem !important;
    }

    .kt-wizard-v1__nav-label {
        font-size: 0.9rem !important;
    }

    /* Button Centering for Tablet/Mobile */
    #wl_continue_button,
    .btn-primary.btn-wide {
        margin: 20px auto 0 auto !important;
        display: block !important;
    }

    form#kt_form {
        padding: 30px !important;
    }
}

/* ==================== RESPONSIVE - MOBILE (767px ve altı) ==================== */
@media (max-width: 767px) {
    .kt-portlet.kt-portlet-bg-color.kt-portlet-border-color {
        margin-top: -40px !important;
        padding: 20px 15px !important;
        border-radius: 8px !important;
    }

    #wl_form_header {
        margin-bottom: 30px !important;
    }

    #wl_form_header h3 {
        font-size: 1.1rem !important;
    }

    #wl_form_header h1 {
        font-size: 1.5rem !important;
    }

    #wl_form_header p {
        font-size: 1rem !important;
    }

    .kt-wizard-v1__nav-items {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .kt-wizard-v1__nav-item {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 80px !important;
        flex-direction: row !important;
        padding: 12px !important;
    }

    .kt-wizard-v1__nav-body {
        flex-direction: row !important;
        gap: 15px !important;
        text-align: left !important;
    }

    .kt-wizard-v1__nav-icon {
        font-size: 1.5rem !important;
    }

    .kt-wizard-v1__nav-icon i {
        font-size: 1.5rem !important;
    }

    .kt-wizard-v1__nav-label {
        font-size: 0.85rem !important;
    }

    #wl_continue_button,
    .btn-primary.btn-wide {
        width: 100% !important;
        padding: 12px 30px !important;
        font-size: 1rem !important;
    }

    /* Mobile Layout Fixes */
    .col-lg-12.hide-menu-mobile#wl_form_header {
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    #insurance-hero-section {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 100 !important;
        margin-top: -30px !important;
    }

    #insurance-hero-section .container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .wizard.wizard-5 {
        margin-top: 550px !important;
        position: relative !important;
        z-index: 5 !important;
    }

    .kt-portlet__body>.row {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* Banner Height Adjustments */
@media (max-width: 767px) {
    .height_by_resolution {
        height: 300px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .height_by_resolution {
        height: 300px !important;
    }
}

@media (min-width: 1024px) {
    .height_by_resolution {
        height: 400px !important;
    }
}

/* Desktop Button Positioning */
@media (min-width: 992px) {

    #wl_continue_button,
    .btn-primary.btn-wide {
        margin: 30px 2px 0 231px !important;
        display: block !important;
    }
}

/* Hide Specific Portlet */
.kt-portlet.kt-portlet-border-radius.ng-scope {
    display: none !important;
}