*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Manrope', sans-serif;
    overflow-x:hidden;
}

.header{
    width:100%;
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
}

.logo a{
    text-decoration:none;
    font-size:28px;
    font-weight:bold;
    color:#0A2540;
}

.menu{
    display:flex;
    list-style:none;
    gap:35px;
}

.menu li{
    position:relative;
}

.menu li a{
    text-decoration:none;
    color:#222;
    font-weight:500;
    transition:.3s;
}

.menu li a:hover{
    color:#0077ff;
}

.submenu{
    position: absolute;
    top: 100%;
    left: 0;

    min-width: 220px;
    margin: 0;
    padding: 8px 0;

    background: #fff;
    list-style: none;

    box-shadow: 0 5px 20px rgba(0,0,0,.1);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);
    transition: all .3s ease;

    z-index: 9999;
}

.submenu li a{
    display:block;
    padding:12px 15px;
}

.dropdown:hover .submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.social a{
    color:#0077ff;
    font-size:24px;
    transition:.3s;
}

.social a:hover{
    color:#0052cc;
}

.hero{
    min-height:auto;
padding:80px 0 20px;
    background:
radial-gradient(circle at top right,
rgba(37,99,235,.25),
transparent 35%),

radial-gradient(circle at bottom left,
rgba(59,130,246,.15),
transparent 25%),

linear-gradient(
135deg,
#020617,
#0f172a,
#111827
);
    color:#fff;
    display:flex;
    align-items:center;
}

.hero{
    position:relative;
    overflow:hidden;
}


.hero::after{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    background:#2563eb;

    filter:blur(250px);

    opacity:.18;

    right:-150px;

    top:50%;

    transform:translateY(-50%);

    z-index:0;

}

.hero-container{
    max-width:1200px;
    width:100%;
    margin:auto;

    padding-top:80px;
    padding-right:20px;
    padding-bottom:20px; /* sadece alt boşluk küçüldü */
    padding-left:20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.hero-content{
    flex:1;
}

.hero-badge{
    display:inline-block;
    padding:10px 18px;
    border-radius:30px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.15);
    margin-bottom:25px;
    font-size:14px;
}

.hero-content h1{
    font-size:54px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-2px;
    margin-bottom:30px;
}

.hero-content h1 span{
    color:#3b82f6;
}

.hero-content{
    flex:1;
    transform:translateY(-50px);
}

.hero-content p{
    max-width:650px;
    font-size:17px;
    color:#cbd5e1;
    line-height:1.8;
    margin-bottom:35px;
}

.hero-buttons{
    display:flex;
    gap:15px;
    margin-bottom:50px;
}

.btn-primary{

    background:#2563eb;

    color:white;

    text-decoration:none;

    padding:15px 32px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}


.btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:

    0 10px 30px rgba(37,99,235,.4);

}

.btn-primary:hover{
    background:#1d4ed8;
}

.btn-secondary{

    border:1px solid rgba(255,255,255,.25);

    color:white;

    text-decoration:none;

    padding:15px 32px;

    border-radius:10px;

    transition:.3s;

}


.btn-secondary:hover{

    background:white;

    color:#111;

}

.glass-card:hover{
    transform:translateY(-5px);
}

.glass-card h3{
    margin-bottom:10px;
}

.glass-card p{
    color:#cbd5e1;
}

.hero-image{
    flex:1;
    position:relative;
    transform:translate(80px,-75px);
}

.terminal{

    background:#070d18;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
    0 25px 60px rgba(0,0,0,.45),
    0 10px 25px rgba(0,0,0,.25),
    0 0 40px rgba(59,130,246,.12);

    max-width:510px;
    margin-left:auto;

    border-radius:13px;

}

.terminal-top{

    height:65px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 28px;

    background:#050a13;

    border-bottom:1px solid rgba(255,255,255,.04);

}

.terminal-buttons{
    display:flex;
    gap:10px;
}

.terminal-buttons span{
    width:14px;
    height:14px;
    border-radius:50%;
    display:block;
}

.red{
    background:#ff5f57;
}

.yellow{
    background:#febc2e;
}

.green{
    background:#28c840;
}

.terminal-title{
    color:#8a94a6;
    font-size:14px;
}

.terminal-body{
    padding:35px;
    font-size:18px;
    line-height:2.3;
    font-family:"Courier New", monospace;
}

.blue{
    color:#4da3ff;
}

.gray{
    color:#7f8ba3;
}

.green-text{
    color:#2dd36f;
}

.tech-stack{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    margin-top:20px;
}

.tech-card{
    background:#fff;
    color:#111827;

    border-radius:16px;

    padding: 7px 14px;

    min-width: 110px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    box-shadow:0 5px 15px rgba(0,0,0,.12);

    transition:.3s;
}

.tech-card:hover{
    transform:translateY(-3px);
}

.tech-card i{
    font-size: 13px;
    color:#ff6b35;
}

.tech-card span{
    font-size:15px;
    font-weight:600;
}

.blink{

    animation:blink 1s infinite;

}


@keyframes blink{

    50%{

        opacity:0;

    }

}

.about-mini{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:1fr 450px;
    gap:50px;
    align-items:center;
}

.section-badge{
    display:inline-block;
    background:#eef4ff;
    color:#2563eb;
    padding:8px 16px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.about-mini h2{
    font-size:42px;
    margin-bottom:20px;
}

.about-mini p{
    font-size:17px;
    color:#64748b;
    line-height:1.8;
    margin-bottom:30px;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.stat-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:25px;
}

.stat-box h3{
    font-size:32px;
    margin-bottom:8px;
}

.stat-box span{
    color:#64748b;
}

.about-right img{
    width:100%;
    border-radius:20px;
    object-fit:cover;
}

.feature-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;        /* 28px yerine */
    margin-top:20px;
    padding-left:50px;
    padding-right:50px;
    margin-bottom:40px;
}

.feature-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;

    padding:25px;      /* 35px yerine */
    gap:18px;          /* 25px yerine */

    min-height:130px;  /* 170px yerine */

    display:flex;
    align-items:flex-start;
}

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

.feature-icon{
    width:50px;      /* 60px yerine */
    height:50px;     /* 60px yerine */
    border-radius:12px;

    background:#f5f5f5;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.feature-icon i{
    font-size:24px;
    color:#000;
}

.feature-content h4{
    font-size:16px;   /* 20px yerine */
    margin-bottom:8px;
    font-weight:700;
}

.feature-content p{
    font-size:14px;
    color:#6b7280;
    line-height:1.6;
}

.services-network{
    max-width:1200px;
    margin:70px auto;
    padding:0 20px;
}

.services-head{
    text-align:center;
    margin-bottom:60px;
}

.services-head h2{
    font-size:52px;
    margin-bottom:20px;
}

.services-head p{
    max-width:750px;
    margin:auto;
    color:#64748b;
    line-height:1.8;
}

.network-wrapper{
    display:grid;
    grid-template-columns:1fr 320px 1fr;
    gap:40px;
    align-items:center;
}

.left-services,
.right-services{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.service-item{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:28px;

    display:flex;
    align-items:center;
    gap:15px;

    min-height:100px;

    transition:.3s;
}

.service-item:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.service-item i{
    width:55px;
    height:55px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eff6ff;
    color:#2563eb;

    border-radius:14px;
    font-size:22px;
}

.service-item span{
    font-size:20px;
    font-weight:700;
}

.center-box{
    display:flex;
    align-items:center;
    justify-content:center;
}

.center-logo{
    width:280px;
    height:280px;

    border-radius:30px;

    background:
linear-gradient(
90deg,
#0b1120 0%,
#111827 55%,
#1f2937 100%
);

    color:white;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:
    0 20px 50px rgba(37,99,235,.35);
}

.center-logo h3{
    font-size:42px;
}

.cta-section{

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
    0 20px 60px rgba(0,0,0,.35);

    max-width:1200px;
    margin:100px auto;

    padding:35px 40px;

    border-radius:30px;

    background:
linear-gradient(
90deg,
#050505 0%,
#0b0b0c 55%,
#222224 100%
);

    color:white;

    display:grid;
    grid-template-columns:1.3fr .8fr;

    gap:80px;

    position:relative;
    overflow:hidden;
}

.cta-section::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:#2563eb;

    opacity:.12;

    filter:blur(120px);

    top:-120px;
    right:-120px;
}

.cta-badge{

    display:inline-block;

    padding:12px 20px;

    border-radius:999px;

    border:1px solid rgba(255,255,255,.15);

    background:rgba(255,255,255,.08);

    margin-bottom:25px;

    font-weight:600;
}

.cta-left p{

    color:#cbd5e1;

    font-size:20px;

    line-height:1.8;

    margin-bottom:40px;
}

.cta-list{

    list-style:none;

    display:flex;
    flex-direction:column;
    gap:18px;
}

.cta-list li{

    display:flex;
    align-items:center;
    gap:12px;

    font-size:18px;
}

.cta-list i{

    color:#22c55e;
}

.cta-right{

    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:20px;
    min-width:500px;
    padding-top:60px;
}

.cta-btn-white{

    background:white;

    color:#111;

    text-decoration:none;

    padding:22px;

    border-radius:16px;

    font-size:20px;
    font-weight:700;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}

.cta-badge{

    display:inline-block;

    padding:12px 20px;

    border-radius:999px;

    border:1px solid rgba(255,255,255,.15);

    background:rgba(255,255,255,.08);

    margin-bottom:25px;

    font-weight:600;
}

.cta-left h2{

    font-size:55px;

    line-height:1.1;

    margin-bottom:25px;
}

.cta-left p{

    color:#cbd5e1;

    font-size:20px;

    line-height:1.8;

    margin-bottom:40px;
}

.cta-list{

    list-style:none;

    display:flex;
    flex-direction:column;
    gap:18px;
}

.cta-list li{

    display:flex;
    align-items:center;
    gap:12px;

    font-size:18px;
}

.cta-list i{

    color:#22c55e;
}

.cta-right{

    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:20px;
}

.cta-btn-white{

    background:white;

    color:#111;

    text-decoration:none;

    padding:22px;

    border-radius:16px;

    font-size:20px;
    font-weight:700;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}

.cta-btn-dark{

    border:1px solid rgba(255,255,255,.15);

    color:white;

    text-decoration:none;

    padding:22px;

    border-radius:16px;

    font-size:20px;
    font-weight:600;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}

.cta-rating{

    border:1px solid rgba(255,255,255,.12);

    border-radius:16px;

    padding:25px;

    background:rgba(255,255,255,.05);
}

.rating-number{

    font-size:28px;
    font-weight:700;
    margin-bottom:10px;
}

/* NEDEN TIDESOFT */

.why-tidesoft{
    padding:120px 20px;
    background:#f6f7f9;
}

.why-header{
    text-align:center;
    margin-bottom:60px;
}

.why-header h2{
    font-size:52px;
    font-weight:800;
    color:#111;
    margin-bottom:15px;
}

.why-header p{
    font-size:22px;
    color:#6b7280;
}

.comparison-card{
    max-width:1230px;
    margin:auto;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(0,0,0,.08);
}

.comparison-table{
    width:100%;
    border-collapse:collapse;
}

.comparison-table th{
    padding:22px;
    font-size:22px;
    font-weight:700;
    text-align:center;
    border-bottom:1px solid #e5e7eb;
}

.comparison-table td{
    padding:20px;
    font-size:18px;
    text-align:center;
    border-bottom:1px solid #e5e7eb;
}

.comparison-table td:first-child,
.comparison-table th:first-child{
    text-align:left;
    width:35%;
    font-weight:600;
}

.featured{
    background:#fff8f4;
    border-left:3px solid #ff6b35;
    border-right:3px solid #ff6b35;
}

.comparison-table tbody tr:hover{
    background:#fafafa;
}

.comparison-table td:first-child i{
    margin-right:12px;
    color:#707070;
}

.success{
    color:#22c55e;
    font-size:24px;
}

.warning{
    color:#f59e0b;
    font-size:24px;
}

.danger{
    color:#ef4444;
    font-size:24px;
}

.comparison-table thead tr{
    background:#e4e8ed;
}

@media(max-width:991px){

    .comparison-card{
        overflow-x:auto;
    }

    .comparison-table{
        min-width:900px;
    }

    .why-header h2{
        font-size:42px;
    }

    .why-header p{
        font-size:18px;
    }
}

.yes{
    color:#22c55e;
    font-size:38px;
}

.maybe{
    color:#f59e0b;
    font-size:38px;
}

.no{
    color:#ef4444;
    font-size:38px;
}

/* PRICING SECTION */

.pricing-section{
    max-width:1200px;
    margin:120px auto;
    padding:0 20px;
}

.pricing-header{
    text-align:center;
    margin-bottom:70px;
}

.pricing-header h2{
    font-size:54px;
    font-weight:800;
    margin-bottom:15px;
}

.pricing-header p{
    color:#6b7280;
    font-size:18px;
}

.pricing-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.pricing-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:30px;
    position:relative;

    transition:all .35s ease;
}

.pricing-card:hover{

    transform:translateY(-12px);

    border-color:#2563eb;

    box-shadow:
    0 30px 60px rgba(37,99,235,.15);

}

.featured{

    border:2px solid #2563eb;

    transform:translateY(-20px);

    box-shadow:
    0 20px 50px rgba(37,99,235,.15);

}

.featured:hover{

    transform:translateY(-30px);

}

.popular-tag{

    position:absolute;

    top:-18px;
    right:30px;

    background:#111827;

    color:white;

    padding:10px 18px;

    border-radius:999px;

    font-size:14px;
    font-weight:700;
}

.pricing-icon{

    width:55px;
    height:55px;

    border-radius:18px;

    background:#f3f4f6;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:25px;
}

.pricing-icon i{

    font-size:22px;

    color:#111827;
}

.pricing-card h3{

    font-size:32px;

    margin-bottom:10px;
}

.plan-text{

    color:#6b7280;

    display:block;

    margin-bottom:30px;

    font-size:15px;
}

.price{

    font-size:44px;

    font-weight:800;

    margin-bottom:20px;
}

.pricing-card ul{

    list-style:none;

    margin-bottom:20px;
}

.pricing-card ul li{

    display:flex;
    align-items:center;

    gap:12px;

    margin-bottom:18px;

    font-size:15px;
}

.pricing-card ul li i{

    color:#22c55e;
}

.pricing-btn{
    font-size:15px;
}

.pricing-btn{

    display:flex;

    align-items:center;
    justify-content:center;

    height:60px;

    border:1px solid #d1d5db;

    border-radius:14px;

    text-decoration:none;

    color:#111827;

    font-weight:700;

    transition:.3s;
}

.pricing-btn:hover{

    background:#111827;

    color:white;
}

.pricing-btn-active{

    background:#111827;

    color:white;

    border:none;
}

.pricing-btn-active:hover{

    background:#2563eb;
}

@media(max-width:991px){

    .pricing-grid{
        grid-template-columns:1fr;
    }

    .featured{
        transform:none;
    }

    .featured:hover{
        transform:translateY(-12px);
    }

    .pricing-header h2{
        font-size:38px;
    }

    .price{
        font-size:42px;
    }
}

.pricing-note{
    max-width:1200px;
    margin:40px auto 0;
    padding:22px 30px;

    background:#f8f8f8;
    border:1px solid #e5e7eb;
    border-radius:18px;

    display:flex;
    align-items:center;
    gap:18px;

    color:#6b7280;
}

.pricing-note i{
    font-size:26px;
    color:#7c7c7c;
    flex-shrink:0;
}

.pricing-note p{
    margin:0;
    font-size:15px;
    line-height:1.8;
}

@media(max-width:768px){

    .pricing-note{
        flex-direction:column;
        text-align:center;
        padding:20px;
    }

    .pricing-note p{
        font-size:14px;
    }

}

.faq-section{
    max-width:1200px;
    margin:100px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:2fr 450px;
    gap:50px;
}

.faq-left h2{
    font-size:52px;
    margin-bottom:15px;
}

.faq-desc{
    color:#6b7280;
    margin-bottom:35px;
    font-size:18px;
}

.faq-item{
    border:1px solid #e5e7eb;
    border-radius:18px;
    margin-bottom:15px;
    overflow:hidden;
}

.faq-question{
    width:100%;
    border:none;
    background:#fff;

    padding:28px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    cursor:pointer;

    font-size:20px;
    font-weight:700;
}

.faq-answer{
    max-height:0;
    overflow:hidden;

    transition:.4s;

    color:#6b7280;
    line-height:1.8;

    padding:0 28px;
}

.faq-item.active .faq-answer{
    max-height:200px;
    padding:0 28px 25px;
}

.faq-item.active i{
    transform:rotate(180deg);
}

.faq-question i{
    transition:.3s;
}

.faq-support{
    border:1px solid #e5e7eb;
    border-radius:24px;

    padding:40px 30px; /* 50px 35px idi */

    text-align:center;

    display:flex;
    flex-direction:column;
    justify-content:center;

    max-width:400px; /* EKLE */
    margin-left:auto; /* EKLE */
}

.support-icon{
    width:90px;
    height:90px;

    background:#000;
    color:#fff;

    margin:0 auto 25px;

    border-radius:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:34px;
}

.faq-support h3{
    font-size:28px;
    margin-bottom:15px;
}

.faq-support p{
    color:#6b7280;
    line-height:1.8;
    margin-bottom:30px;

    font-size:16px;
    margin-bottom:25px;
}

.support-btn{
    background:#000;
    color:#fff;

    text-decoration:none;

    padding:16px;

    border-radius:14px;

    font-weight:700;

    transition:.3s;

    font-size:15px;
}

.support-btn:hover{
    transform:translateY(-3px);
}

.testimonials{
    max-width:1200px;
    margin:120px auto;
    padding:0 20px;
}

.testimonial-header{
    text-align:center;
    margin-bottom:60px;
}

.testimonial-header h2{
    font-size:56px;
    font-weight:800;
    margin-bottom:20px;
}

.testimonial-header p{
    max-width:700px;
    margin:auto;
    color:#6b7280;
    line-height:1.8;
    font-size:18px;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.testimonial-card{
    position:relative;

    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;

    padding:35px;

    transition:.35s;
}

.testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.featured-review{
    border:2px solid #111;
    transform:scale(1.03);
}

.featured-review:hover{
    transform:scale(1.03) translateY(-8px);
}

.featured-badge{
    position:absolute;
    top:-18px;
    right:30px;

    background:#000;
    color:#fff;

    padding:10px 18px;
    border-radius:12px;

    font-size:14px;
    font-weight:700;
}

.stars{
    color:#f59e0b;
    font-size:22px;
    margin-bottom:25px;
    letter-spacing:4px;
}

.testimonial-text{
    color:#6b7280;
    line-height:1.9;
    font-size:17px;
    margin-bottom:35px;
    min-height:140px;
}

.testimonial-user{
    display:flex;
    align-items:center;
    gap:15px;
}

.testimonial-user img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
}

.testimonial-user h4{
    font-size:24px;
    margin-bottom:5px;
}

.testimonial-user span{
    color:#6b7280;
}

@media(max-width:991px){

    .testimonial-grid{
        grid-template-columns:1fr;
    }

    .featured-review{
        transform:none;
    }

    .featured-review:hover{
        transform:translateY(-8px);
    }

    .testimonial-header h2{
        font-size:40px;
    }

}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

@media(max-width:991px){
    .testimonial-grid{
        grid-template-columns:1fr;
    }
}

.process-section{
    padding:90px 20px;
    background:#f7f7f7;
}

.process-header{
    text-align:center;
    margin-bottom:70px;
}

.process-header h2{
    font-size:42px;
    font-weight:800;
    margin-bottom:12px;
    color:#111;
}

.process-header p{
    color:#6b7280;
    max-width:700px;
    margin:auto;
    line-height:1.8;
}

.process-grid{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.process-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;

    padding:30px 18px;

    text-align:center;

    position:relative;

    transition:.35s;
}

.process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.step-number{
    width:60px;
    height:48px;

    margin:0 auto 20px;

    background:#f3f4f6;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:16px;
    font-weight:800;
    color:#666;
}

.step-icon{
    width:75px;
    height:75px;
    margin:0 auto 20px;

    border-radius:18px;

    background:#f3f4f6;

    display:flex;
    align-items:center;
    justify-content:center;
}

.step-icon i{
    font-size:32px;
    color:#111;
}

.process-card h4{
    font-size:18px;
    margin-bottom:12px;
    margin-bottom:18px;
}

.process-card p{
    font-size:14px;
    line-height:1.7;
    color:#6b7280;
}

/* oklar */

.process-card:not(:last-child)::after{
    content:"→";

    position:absolute;

    right:-22px;
    top:50%;

    transform:translateY(-50%);

    font-size:40px;

    color:#d1d5db;

    z-index:5;
}

@media(max-width:1200px){

    .process-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .process-card::after{
        display:none;
    }
}

@media(max-width:768px){

    .process-grid{
        grid-template-columns:1fr;
    }

    .process-header h2{
        font-size:38px;
    }

    .process-card{
        padding:35px 20px;
    }
}

.footer{
    background:#050505;
    color:#fff;
    padding:80px 0 30px;
}

.footer-top{
    max-width:1200px;
    margin:auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px;
}

.footer-about h2{
    font-size:42px;
    margin-bottom:20px;
}

.footer-about p{
    color:#a1a1aa;
    line-height:1.5;
    margin-bottom:30px;
}

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:50px;
    height:50px;
    border:1px solid #27272a;
    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    text-decoration:none;

    transition:.3s;
}

.footer-social a:hover{
    background:#2563eb;
    border-color:#2563eb;
}

.footer-col h4{
    font-size:22px;
    margin-bottom:18px;
}

.footer-col ul{
    list-style:none;
}

.footer-col ul li{
    margin-bottom:16px;
}

.footer-col ul li a{
    color:#a1a1aa;
    text-decoration:none;
    transition:.3s;
}

.footer-col ul li a:hover{
    color:#fff;
}

.contact-list li{
    color:#a1a1aa;
    display:flex;
    gap:12px;
    align-items:center;
}

.footer-tags{
    max-width:1200px;
    margin:60px auto 30px;
    padding:25px 20px;

    border-top:1px solid #18181b;
    border-bottom:1px solid #18181b;

    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.footer-tags span{
    padding:10px 15px;
    border:1px solid #27272a;
    border-radius:12px;
    color:#a1a1aa;
}

.footer-bottom{
    text-align:center;
    color:#71717a;
    font-size:15px;
}

@media(max-width:991px){

    .footer-top{
        grid-template-columns:1fr;
        gap:40px;
    }

    .footer-about h2{
        font-size:34px;
    }

}

/* HAKKIMIZDA HERO */

.about-page{
    padding:60px 18px;
    background:
    linear-gradient(#ececec 1px, transparent 1px),
    linear-gradient(90deg,#ececec 1px, transparent 1px);

    background-size:72px 72px;
    background-color:#f8f8f8;
}

.about-page-header{
    max-width:1200px;
    margin:0 auto 70px;
}

.about-page-header h1{
    font-size:50px;
    font-weight:800;
    color:#111;
    margin-bottom:30px;
}

.about-page-header p{
    max-width:900px;
    font-size:16px;
    line-height:1.8;
    color:#6b7280;
}

.about-stats{
    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.about-stat-card{

    background:#fff;

    border-radius:18px;

    padding:25px 18px;

    text-align:center;

    border:1px solid #ececec;

    transition:.3s;
}

.about-stat-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.06);
}

.about-stat-card h3{

    font-size:36px;
    font-weight:800;

    color:#111;

    margin-bottom:12px;
}

.about-stat-card span{

    color:#6b7280;
    font-size:14px;
}

@media(max-width:991px){

    .about-stats{
        grid-template-columns:repeat(2,1fr);
    }

    .about-page-header h1{
        font-size:40px;
    }

    .about-page-header p{
        font-size:18px;
    }

}

@media(max-width:768px){

    .about-stats{
        grid-template-columns:1fr;
    }

    .about-page{
        padding:70px 20px;
    }

}

.story-section{
    max-width:1200px;
    margin:100px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.story-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#f5f5f5;
    padding:12px 18px;

    border-radius:10px;

    font-weight:600;
    margin-bottom:25px;
}

.story-section h2{
    font-size:48px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:25px;
    color:#111;
}

.story-section p{
    font-size:18px;
    line-height:1.9;
    color:#666;
    margin-bottom:25px;
}

.story-right img{
    width:100%;
    border-radius:24px;
    display:block;
}

@media(max-width:991px){

    .story-section{
        grid-template-columns:1fr;
        gap:40px;
    }

    .story-section h2{
        font-size:34px;
    }

    .story-section p{
        font-size:18px;
    }
}

/* MİSYON - VİZYON */

.mission-vision{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.mv-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;

    padding:35px;

    display:flex;
    gap:20px;

    transition:.3s;
}

.mv-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(0,0,0,.06);
}

.mv-icon{
    min-width:70px;
    width:70px;
    height:70px;

    background:#111;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;
    font-size:28px;
}

.mv-content h3{
    font-size:32px;
    font-weight:800;
    margin-bottom:15px;
    color:#111;
}

.mv-content p{
    font-size:17px;
    line-height:1.8;
    color:#666;
    margin:0;
}

@media(max-width:991px){

    .mission-vision{
        grid-template-columns:1fr;
    }

    .mv-card{
        padding:30px;
    }

    .mv-content h3{
        font-size:28px;
    }

}

/* ÇALIŞMA PRENSİPLERİ */

.values-section{
    max-width:1200px;
    margin:90px auto;
    padding:0 20px;
}

.section-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#f5f5f5;
    padding:10px 18px;
    border-radius:10px;

    font-weight:600;
    margin-bottom:25px;
}

.values-section h2{
    font-size:52px;
    font-weight:800;
    color:#111;
    margin-bottom:20px;
}

.section-desc{
    font-size:18px;
    color:#666;
    margin-bottom:50px;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.value-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;

    padding:35px 25px;
    text-align:center;

    transition:.3s;
}

.value-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(0,0,0,.05);
}

.value-card i{
    width:70px;
    height:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 25px;

    background:#f5f5f5;
    border-radius:16px;

    font-size:28px;
}

.value-card h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:15px;
}

.value-card p{
    font-size:16px;
    line-height:1.8;
    color:#666;
}

@media(max-width:991px){

    .values-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .values-section h2{
        font-size:40px;
    }

}

@media(max-width:768px){

    .values-grid{
        grid-template-columns:1fr;
    }

    .values-section h2{
        font-size:34px;
    }

}

/* NEDEN BİZİ SEÇMELİSİNİZ */

.why-us{
    max-width:1400px;
    margin:120px auto;
    padding:0 20px;
}

.section-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#f3f3f3;
    padding:8px 14px;
    border-radius:10px;

    font-size:15px;
    font-weight:600;
    color:#111;

    margin-bottom:30px;
}

.why-us h2{
    font-size:48px;
    font-weight:800;
    color:#111;
    margin-bottom:30px;
}

.why-text{
    max-width:1300px;
    font-size:15px;
    line-height:1.9;
    color:#666;
    margin-bottom:70px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.why-card{
    position:relative;

    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;

    padding:65px 30px 30px;

    transition:.3s;
}

.why-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}

.why-card span{
    position:absolute;
    top:-18px;
    left:40px;

    width:50px;
    height:50px;

    background:#000;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
    font-weight:700;

    box-shadow:0 10px 20px rgba(255,140,0,.25);
}

.why-card h3{
    font-size:28px;
    font-weight:700;
    color:#111;
    margin-bottom:20px;
}

.why-card p{
    font-size:16px;
    line-height:1.8;
    color:#666;
}

@media(max-width:991px){

    .why-grid{
        grid-template-columns:1fr;
    }

    .why-us h2{
        font-size:44px;
    }

    .why-text{
        font-size:18px;
    }

    .why-card{
        padding:70px 30px 30px;
    }

    .why-card h3{
        font-size:28px;
    }
}

/* SSS Üst Alan */
.faq-hero{
    padding: 100px 20px 80px;
    background-image:
        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
    background-size: 70px 70px;
    
}

.faq-container{
    max-width: 1200px;
    margin: 0 auto;
}

.faq-hero h1{
    font-size: 45px;
    font-weight: 800;
    color: #000;
    margin-bottom: 10px;
}

.faq-hero p{
    max-width:900px;
    margin:0 0 50px 0;
    font-size:17px;
    line-height:1.8;
    color:#6f6f6f;
    text-align:left;
}

.faq-search{
    max-width: 900px;
    height: 90px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 22px;

    display: flex;
    align-items: center;
    padding: 0 35px;
}

.faq-search i{
    font-size: 34px;
    color: #000;
    margin-right: 20px;
}

.faq-search input{
    width: 100%;
    border: none;
    outline: none;
    background: transparent;

    font-size: 32px;
    color: #333;
}

.faq-search input::placeholder{
    color: #8b8b8b;
}

/* Mobil */
@media(max-width:768px){

    .faq-hero{
        padding: 80px 20px 60px;
    }

    .faq-hero h1{
        font-size: 42px;
    }

    .faq-hero p{
        font-size: 17px;
    }

    .faq-search{
        height: 70px;
        padding: 0 20px;
    }

    .faq-search i{
        font-size: 24px;
    }

    .faq-search input{
        font-size: 18px;
    }
}

/* FAQ KATEGORİLER */

.faq-categories{
    max-width:1400px;
    margin:60px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
}

.faq-category{

    height:45px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    font-size:14px;
    font-weight:600;

    cursor:pointer;

    transition:.3s;
}

.faq-category:hover{
    transform:translateY(-3px);
}

.faq-category.active{
    background:#111;
    color:#fff;
}

.faq-category i{
    font-size:15px;
}

@media(max-width:1200px){

    .faq-categories{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .faq-categories{
        grid-template-columns:repeat(2,1fr);
    }

    .faq-category{
        height:60px;
        font-size:16px;
    }

}

/* FAQ CONTENT */

.faq-content{

    max-width:1400px;
    margin:80px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:320px 1fr;
    gap:40px;
}

.faq-info-card{

    background:#fff;

    border:1px solid #e5e7eb;
    border-radius:24px;

    padding:25px 20px;

    height:fit-content;
}

.faq-info-icon{

    width:70px;
    height:70px;

    background:#f5f5f5;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:15px;
}

.faq-info-icon i{
    font-size:28px;
}

.faq-info-card h3{

    font-size:26px;
    font-weight:800;

    margin-bottom:20px;
}

.faq-info-card p{

    font-size:20px;
    line-height:1.8;
    color:#6b7280;
}

.faq-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.faq-item{

    background:#fff;

    border:1px solid #e5e7eb;
    border-radius:14px;

    overflow:hidden;
}

.faq-question{

    width:100%;

    padding:17px;

    border:none;
    background:none;

    display:flex;
    align-items:center;

    gap:20px;

    cursor:pointer;
}

.faq-number{

    min-width:39px;
    height:39px;

    background:#f5f5f5;

    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:17px;
    font-weight:700;
}

.faq-question span{

    flex:1;

    text-align:left;

    font-size:15px;
    font-weight:600;
}

.faq-question i{

    font-size:16px;

    transition:.3s;
}

.faq-answer{

    display:none;

    padding:0 18px 18px 75px;

    font-size:15px;
    line-height:1.6;

    color:#666;
}

.faq-item.active .faq-answer{
    display:block;
}

.faq-item.active .faq-question i{
    transform:rotate(180deg);
}

@media(max-width:991px){

    .faq-content{
        grid-template-columns:1fr;
    }

}

.faq-all-section{
    display:grid;
    grid-template-columns:350px 1fr;
    gap:40px;
    margin-bottom:80px;
    align-items:start;
}

.faq-all-section .faq-info-card{
    display:block !important;
}

.faq-all-section .faq-list{
    width:100%;
}

/* HİZMETLER HERO */

.services-hero{

    padding:70px 20px 70px;

    background-image:
        linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.05) 1px, transparent 1px);

    background-size:72px 72px;

    background-color:#fafafa;
}

.services-hero-container{

    max-width:1200px;
    margin:auto;
}

.services-hero h1{

    font-size:45px;
    font-weight:800;
    color:#000;

    margin-bottom:35px;

    line-height:1;
}

.services-hero p{

    max-width:900px;

    font-size:17px;
    line-height:1.8;

    color:#6b7280;

    margin-bottom:55px;
}

.services-hero-btn{

    width:220px;
    height:56px;

    background:#000;
    color:#fff;

    border-radius:10px;

    text-decoration:none;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    font-size:17px;
    font-weight:700;

    transition:.3s;
}

.services-hero-btn:hover{

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.15);
}

.services-hero-btn i{

    font-size:28px;
}

@media(max-width:768px){

    .services-hero{

        padding:80px 20px;
    }

    .services-hero h1{

        font-size:52px;
    }

    .services-hero p{

        font-size:18px;
        line-height:1.8;
    }

    .services-hero-btn{

        width:100%;
        height:65px;

        font-size:18px;
    }

}

/* HİZMET KARTLARI */

.services-grid-section{

    max-width:1400px;
    margin:100px auto;
    padding:0 20px;
}

.services-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.service-card{

    background:#fff;

    border:1px solid #e5e7eb;
    border-radius:24px;

    padding:40px;

    transition:.3s;
}

.service-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 20px 45px rgba(0,0,0,.06);
}

.service-icon{

    width:88px;
    height:88px;

    background:#f5f5f5;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;
}

.service-icon i{

    font-size:42px;
    color:#000;
}

.service-card h3{

    font-size:26px;
    font-weight:800;

    margin-bottom:25px;

    color:#111;
}

.service-card p{
    font-size:16px;
    line-height:1.8;
    color:#6b7280;
    margin-bottom:20px;

    min-height:auto;
}

.service-card ul{

    list-style:none;

    margin-bottom:35px;
}

.service-card ul li{

    display:flex;
    align-items:center;

    gap:15px;

    margin-bottom:18px;

    color:#6b7280;

    font-size:17px;
}

.service-card ul li i{

    color:#111;
    font-size:22px;
}

.service-buttons{

    display:flex;
    gap:15px;
}

.offer-btn{

    flex:1;

    height:70px;

    background:#000;
    color:#fff;

    text-decoration:none;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    font-size:22px;
    font-weight:700;

    transition:.3s;
}

.offer-btn:hover{

    transform:translateY(-3px);
}

.detail-btn{

    flex:1;

    height:70px;

    border:2px solid #111;

    color:#111;

    text-decoration:none;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    font-size:22px;
    font-weight:700;

    transition:.3s;
}

.detail-btn:hover{

    background:#111;
    color:#fff;
}

/* HİZMETLER */

.services-section{
    max-width:1400px;
    margin:100px auto;
    padding:0 20px;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.service-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:24px;
    display:flex;
    flex-direction:column;
    transition:.3s;
}

.service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.service-icon{
    width:72px;
    height:72px;
    background:#f5f5f5;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.service-icon i{
    font-size:34px;
    color:#000;
}

.service-card h3{
    font-size:22px;
    font-weight:800;
    margin-bottom:20px;
    color:#111;
}

.service-card p{
    font-size:16px;
    line-height:1.9;
    color:#6b7280;
    margin-bottom:15px;
}

.service-card ul{
    list-style:none;
    margin-bottom:20px;
}

.service-card ul li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
    color:#555;
    font-size:16px;
}

.service-card ul li i{
    color:#000;
    font-size:18px;
}

.service-buttons{
    display:flex;
    gap:15px;
    margin-top:20px;
}

.btn-offer{
    flex:1;
    height:58px;
    background:#000;
    color:#fff;
    text-decoration:none;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-weight:700;
}

.btn-detail{
    flex:1;
    height:58px;
    border:2px solid #111;
    color:#111;
    text-decoration:none;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-weight:700;
}

.btn-detail:hover{
    background:#111;
    color:#fff;
}

@media(max-width:991px){

    .services-grid{
        grid-template-columns:1fr;
    }

    .service-card{
        padding:30px;
    }

    .service-buttons{
        flex-direction:column;
    }
}

/* GENEL ALAN */
.contact-hero{
    padding: 50px 0;
    background:
        linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px);
    background-size: 70px 70px;
    background-color: #fafafa;
}

.contact-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}

/* BAŞLIK */
.contact-header{
    margin-bottom:50px;
    padding-left:40px;
}

.contact-header h1{
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;
    color: #000;
    margin-bottom: 25px;
    max-width: 800px;
}

.contact-header p{
    font-size:17px;
    line-height:1.8;
    color:#666;
    max-width:600px;
}

/* KARTLAR */
.contact-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

    padding-left:40px;
    padding-right:40px;
}

.contact-card{
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    transition: .3s;
    min-height: 240px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
    border-color: #ff6b45; /* Hover’da border rengi */
}

/* İKON */
.icon-box{
    width: 65px;
    height: 65px;
    margin: 0 auto 30px;
    background: #f5f5f5;
    border-radius: 16px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box i{
    font-size: 28px;
    color: #000;
}

/* YAZILAR */
.contact-card h3{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

.contact-card p{
    color: #666;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.contact-card a{
    text-decoration: none;
    color: #ff6b45;
    font-size: 12px;
    font-weight: 700;
    transition: .3s;
}

.contact-card a:hover{
    color: #e85b37;
}

/* TABLET */
@media (max-width: 1200px){

    .contact-cards{
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-header h1{
        font-size: 52px;
    }
}

/* MOBİL */
@media (max-width: 768px){

    .contact-hero{
        padding: 70px 0;
    }

    .contact-header{
        text-align: center;
    }

    .contact-header h1{
        font-size: 38px;
    }

    .contact-header p{
        font-size: 18px;
    }

    .contact-cards{
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-card{
        min-height: auto;
        padding: 35px 25px;
    }
}

.contact-bottom-section{
    padding:80px 20px;
    background:#f7f8fa;
}

.contact-bottom-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:2fr 400px;
    gap:40px;
    align-items:start;
}

/* SOL KART */

.contact-form-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:20px;
    padding:30px;
}

.contact-form-card h2{
    font-size:32px;
    margin-bottom:15px;
    font-weight:700;
}

.contact-form-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:25px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-bottom:15px;
}

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
    font-size:15px;
    font-weight:600;
    margin-bottom:10px;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    border:1px solid #ddd;
    border-radius:12px;
    padding:14px;
    font-size:15px;
    outline:none;
    transition:.3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#ff6b35;
}

.form-group textarea{
    min-height:180px;
    resize:none;
}

.send-btn{
    margin-top:25px;
    background:#ff6b35;
    color:#fff;
    border:none;
    padding:14px 28px;
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.send-btn:hover{
    transform:translateY(-2px);
}

/* SAĞ TARAF */

.contact-sidebar{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.sidebar-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:20px;
    padding:25px;
}

.sidebar-card h3{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:22px;
    margin-bottom:20px;
}

.sidebar-card h3 i{
    color:#ff6b35;
}

.work-row{
    display:flex;
    justify-content:space-between;
    padding:14px 0;
    border-bottom:1px solid #ececec;
    font-size:15px;
}

.work-row:last-child{
    border:none;
}

.call-btn,
.whatsapp-btn{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    text-decoration:none;
    padding:14px;
    border-radius:12px;
    font-size:18px;
    font-weight:600;
    margin-top:15px;
}

.call-btn{
    background:#000;
    color:#fff;
}

.whatsapp-btn{
    background:#25D366;
    color:#fff;
}

/* MOBİL */

@media(max-width:991px){

    .contact-bottom-container{
        grid-template-columns:1fr;
    }

    .form-row{
        grid-template-columns:1fr;
    }

    .contact-form-card{
        padding:30px;
    }

    .contact-form-card h2{
        font-size:32px;
    }
}

.social-card p{
    color:#666;
    line-height:1.8;
    margin-bottom:25px;
}

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

.social-icons a{
    width:58px;
    height:58px;
    background:#f4f4f4;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.3s;
}

.social-icons a i{
    font-size:24px;
    color:#111;
}

.social-icons a:hover{
    transform:translateY(-4px);
    background:#ff6b35;
}

.social-icons a:hover i{
    color:#fff;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Manrope',sans-serif;
}

/* HERO */
.projects-hero{
    width:100%;
    padding:90px 0 60px;
    display:flex;
    align-items:center;
    background-color:#f8f8f8;

    /* Grid Arkaplan */
    background-image:
        linear-gradient(rgba(0,0,0,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.06) 1px, transparent 1px);
    background-size:48px 48px;
}

.projects-container{
    max-width:1400px;
    width:100%;
    margin:auto;
    padding:0 40px;
}

.projects-container h1{
    font-size:50px;
    font-weight:800;
    color:#000;
    line-height:1.1;
    margin-bottom:40px;
}

.projects-container p{
    max-width:720px;
    font-size:18px;
    line-height:1.8;
    color:#6f6f6f;
    margin-bottom:60px;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    gap:18px;
    padding:18px 32px;
    background:#000;
    color:#fff;
    text-decoration:none;
    border-radius:16px;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.hero-btn:hover{
    transform:translateY(-3px);
}

.hero-btn span{
    font-size:24px;
}

/* Tablet */
@media(max-width:992px){

    .projects-container h1{
        font-size:60px;
    }

    .projects-container p{
        font-size:20px;
    }
}

/* Mobil */
@media(max-width:768px){

    .projects-hero{
        min-height:auto;
        padding:120px 0;
    }

    .projects-container{
        padding:0 25px;
    }

    .projects-container h1{
        font-size:46px;
    }

    .projects-container p{
        font-size:18px;
        line-height:1.8;
    }

    .hero-btn{
        font-size:18px;
        padding:18px 28px;
    }
}

/* =========================
   PROJELER ALANI
========================= */

.projects-section{
    padding:120px 0;
    background:#fff;
}

.projects-container{
    mmax-width:1400px;
    margin:0 auto;
    padding:0 170px;
}

/* Başlık */

.projects-header{
    text-align:center;
    margin-bottom:70px;
}

.projects-header span{
    display:inline-block;
    padding:10px 20px;
    background:#f5f5f5;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:20px;
}

.projects-header h2{
    font-size:58px;
    font-weight:800;
    color:#111;
    margin-bottom:20px;
}

.projects-header p{
    max-width:800px;
    margin:auto;
    font-size:20px;
    line-height:1.8;
    color:#666;
}

/* Grid */

.projects-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

/* Kart */

.project-card{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:18px;
    overflow:hidden;
    transition:0.35s;
    cursor:pointer;
}

.project-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

/* Görsel */

.project-image{
    height:350px;
    overflow:hidden;
}

.project-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.project-card:hover img{
    transform:scale(1.05);
}

/* İçerik */

.project-content{
    padding:30px;
}

.project-tag{
    display:inline-block;
    background:#f3f3f3;
    color:#111;
    padding:10px 18px;
    border-radius:12px;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
}

.project-content h3{
    font-size:34px;
    line-height:1.3;
    font-weight:800;
    color:#111;
}

/* Tablet */

@media(max-width:1200px){

    .projects-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .projects-header h2{
        font-size:46px;
    }

    .project-content h3{
        font-size:28px;
    }
}

/* Mobil */

@media(max-width:768px){

    .projects-section{
        padding:80px 0;
    }

    .projects-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .projects-header{
        margin-bottom:50px;
    }

    .projects-header h2{
        font-size:36px;
    }

    .projects-header p{
        font-size:17px;
    }

    .project-image{
        height:250px;
    }

    .project-content{
        padding:25px;
    }

    .project-content h3{
        font-size:24px;
    }
}

.payment-section{
    padding:100px 0;
    background:#fff;
}

.payment-container{
    max-width:1400px;
    margin:auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
}

.bank-list{
    display:flex;
    flex-direction:column;
    gap:35px;
}

.bank-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:20px;
    overflow:hidden;
    display:flex;
    min-height:180px;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.bank-name{
    width:130px;

    display:flex;
    align-items:center;
    justify-content:center;

    writing-mode:vertical-rl;
    transform:rotate(180deg);

    font-size:26px;
    font-weight:800;
    color:#111;
    letter-spacing:2px;
}

.bank-content{
    flex:1;
    padding:30px;
}

.bank-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.bank-row span{
    font-size:18px;
    font-weight:700;
}

.bank-row strong{
    font-size:18px;
    color:#666;
}

.bank-row button{
    width:42px;
    height:42px;
    border:none;
    border-radius:10px;
    background:#f5f5f5;
    cursor:pointer;
}

.bank-row i{
    font-size:18px;
}

.bank-content hr{
    border:none;
    border-top:1px solid #ececec;
    margin:25px 0;
}

.iban{
    margin-left:auto;
    font-size:24px !important;
    letter-spacing:2px;
    font-family:monospace;
}

/* Sağ taraf */

.payment-methods h2{
    font-size:62px;
    line-height:1.2;
    font-weight:800;
    color:#111;
}

@media(max-width:992px){

    .payment-container{
        grid-template-columns:1fr;
    }

    .payment-methods h2{
        font-size:42px;
    }

    .iban{
        font-size:18px !important;
    }
}

/* Ödeme Kartları */

.payment-methods{
    display:flex;
    flex-direction:column;
    gap:35px;
}

.method-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:20px;
    padding:32px;

    display:flex;
    gap:25px;

    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.method-icon{
    width:75px;
    height:75px;

    background:#f5f5f5;
    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.method-icon i{
    font-size:34px;
    color:#111;
}

.method-content h3{
    font-size:22px;
    font-weight:800;
    color:#111;
    margin-bottom:15px;
}

.method-content p{
    font-size:18px;
    line-height:1.8;
    color:#666;
    margin-bottom:20px;
}

.method-content ul{
    list-style:none;
}

.method-content ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:#555;
    font-size:17px;
}

.method-content ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#111;
    font-weight:700;
}

@media(max-width:768px){

    .method-card{
        flex-direction:column;
    }

    .method-content p{
        font-size:16px;
    }

    .method-content h3{
        font-size:20px;
    }
}

/* ALT BİLGİ KARTLARI */

.payment-info-section{
    padding:80px 0 120px;
}

.payment-info-grid{
    max-width:1400px;
    margin:auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.info-card{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:22px;
    padding:45px;
    transition:.3s;
}

.info-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}

.info-icon{
    width:72px;
    height:72px;
    background:#f5f5f5;
    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;
}

.info-icon i{
    font-size:34px;
    color:#111;
}

.info-card h3{
    font-size:24px;
    font-weight:800;
    color:#111;
    margin-bottom:30px;
}

.info-card ul{
    padding-left:25px;
}

.info-card li{
    font-size:18px;
    line-height:1.9;
    color:#666;
    margin-bottom:20px;
}

.info-card li:last-child{
    margin-bottom:0;
}

/* Tablet */

@media(max-width:1200px){

    .payment-info-grid{
        grid-template-columns:1fr;
    }

}

/* Mobil */

@media(max-width:768px){

    .info-card{
        padding:30px;
    }

    .info-card h3{
        font-size:22px;
    }

    .info-card li{
        font-size:16px;
    }

}

#toast{
    position:fixed;
    right:30px;
    bottom:30px;

    background:#111;
    color:#fff;

    padding:14px 24px;
    border-radius:10px;

    font-size:15px;
    font-weight:600;

    opacity:0;
    visibility:hidden;

    transition:0.3s;

    z-index:9999;
}

#toast.show{
    opacity:1;
    visibility:visible;
}

.header-actions{
    display:flex;
    align-items:center;
    gap:15px;
}

.menu-toggle{
    width:46px;
    height:46px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:12px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    cursor:pointer;
    padding:0;
}

.menu-toggle span{
    width:18px;
    height:2px;
    background:#222;
    border-radius:10px;
}


.header-btn{
    display:flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;
    border-radius:6px;
    font-size:14px;

    background:#000;
    color:#fff;
    text-decoration:none;
    font-weight:600;

    transition:.3s;
}

.header-btn:hover{
    opacity:.85;
}

.navbar{
    flex: 1;
    display: flex;
    justify-content: center;
}

.header-actions{
    display: flex;
    align-items: center;
    gap: 15px;
}

.social{
    margin-left: 20px;
}

.mega-menu{
    position:fixed;
    top:80px;
    left:0;
    width:100%;
    background:#fff;
    padding:40px;
    display:none;
    gap:40px;
    z-index:9999;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.mega-menu.active{
    display:flex;
}

.mega-left{
    flex:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.mega-column h3{
    margin-bottom:25px;
    padding-bottom:15px;
    border-bottom:2px solid #111;
}

.mega-column a{
    display:block;
    padding:20px;
    background:#f6f6f6;
    border-radius:14px;
    text-decoration:none;
    color:#111;
    margin-bottom:15px;
}

.mega-column a strong{
    display:block;
    margin-bottom:8px;
}

.mega-column a span{
    color:#777;
    font-size:14px;
}

.mega-right{
    width:420px;
}

.mega-cta{
    background:#000;
    color:#fff;
    padding:40px;
    border-radius:20px;
    text-align:center;
}

.mega-cta i{
    font-size:40px;
    margin-bottom:20px;
}

.mega-btn{
    display:inline-block;
    margin-top:20px;
    padding:15px 30px;
    background:#fff;
    color:#000;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
}

.mega-stats{
    margin-top:30px;
    display:flex;
    justify-content:space-between;
}

.mega-stats strong{
    display:block;
    font-size:28px;
}

.mega-stats span{
    font-size:13px;
}

.offer-hero{
    padding: 120px 0 80px;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
}

/* Grid arkaplan */
.offer-hero::before{
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.05) 1px, transparent 1px);

    background-size: 72px 72px;
    pointer-events: none;
}

.offer-container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.offer-container h1{
    font-size: 72px;
    line-height: 1.05;
    font-weight: 800;
    color: #000;
    margin-bottom: 40px;
    max-width: 900px;
}

.offer-container p{
    font-size: 20px;
    line-height: 1.8;
    color: #666;
    max-width: 1200px;
    margin-bottom: 10px;
}

.offer-features{
    position: relative;
    padding: 0 0 100px;
}

.offer-features-grid{
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 40px;

    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 35px;
}

.offer-feature-card{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 24px;

    padding: 35px;

    display: flex;
    align-items: flex-start;
    gap: 25px;

    transition: .3s;
}

.offer-feature-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
}

.offer-feature-icon{
    width: 82px;
    height: 82px;

    min-width: 82px;

    border-radius: 20px;

    background: linear-gradient(
        180deg,
        #ff8b45 0%,
        #f6a73f 100%
    );

    display: flex;
    align-items: center;
    justify-content: center;
}

.offer-feature-icon i{
    color: #fff;
    font-size: 34px;
}

.offer-feature-content h3{
    font-size: 22px;
    font-weight: 800;
    color: #111;
    margin-bottom: 18px;
}

.offer-feature-content p{
    font-size: 18px;
    line-height: 1.8;
    color: #6f6f6f;
}

.offer-form-section{
    padding: 20px 0 100px;
}

.offer-form-grid{
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 40px;

    display:grid;
    grid-template-columns: 2fr 520px;
    gap:40px;
}

.offer-form-card,
.progress-card,
.help-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:20px;
}

.offer-form-card{
    padding:50px;
}

.form-header{
    display:flex;
    align-items:flex-start;
    gap:25px;
}

.step-number{
    width:64px;
    height:64px;
    border-radius:14px;
    background:#f97345;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:32px;
    font-weight:700;
}

.form-header h2{
    font-size:56px;
    margin-bottom:10px;
}

.form-header p{
    font-size:18px;
    color:#777;
}

.form-divider{
    height:1px;
    background:#e5e5e5;
    margin:35px 0;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    margin-bottom:30px;
}

.form-group label{
    display:block;
    margin-bottom:12px;
    font-size:16px;
    font-weight:700;
}

.form-group label span{
    color:#ff5b5b;
}

.form-group input{
    width:100%;
    height:72px;
    border:1px solid #ddd;
    border-radius:12px;
    padding:0 20px;
    font-size:18px;
}

.full{
    margin-bottom:40px;
}

.form-actions{
    display:flex;
    justify-content:flex-end;
}

.next-btn{
    border:none;
    background:#000;
    color:#fff;

    padding:18px 40px;
    border-radius:14px;

    font-size:22px;
    font-weight:700;
    cursor:pointer;
}

.offer-sidebar{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.progress-card,
.help-card{
    padding:30px;
}

.progress-card h3,
.help-card h3{
    font-size:22px;
    margin-bottom:25px;
}

.progress-step{
    display:flex;
    gap:20px;
    align-items:center;

    padding:24px;
    border-radius:16px;
    background:#f7f7f7;
    margin-bottom:18px;
}

.progress-step.active{
    background:#fff4ef;
    border:1px solid #ff7d4d;
}

.progress-icon{
    width:52px;
    height:52px;
    border-radius:12px;
    background:#e9e9e9;

    display:flex;
    align-items:center;
    justify-content:center;
}

.progress-step.active .progress-icon{
    background:#f97345;
    color:#fff;
}

.progress-step strong{
    display:block;
    margin-bottom:6px;
}

.progress-step span{
    color:#777;
}

.progress-step.active span{
    color:#f97345;
}

.help-card p{
    color:#777;
    line-height:1.8;
    margin-bottom:25px;
}

.help-btn{
    width:100%;
    height:68px;

    border:1px solid #ddd;
    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    text-decoration:none;
    color:#111;

    font-weight:700;
    margin-top:15px;
}

.help-btn.primary{
    background:#f97345;
    color:#fff;
    border:none;
}

html{
    scroll-behavior:smooth;
}

@media (max-width: 992px){

    .container{
        position: relative;
    }

    .navbar{
        position: absolute;
        top:100%;
        left:0;
        width:100%;

        background:#fff;

        display:none;

        box-shadow:0 15px 30px rgba(0,0,0,.08);
        z-index:999;
    }

    .navbar.active{
        display:block;
    }

    .menu{
        flex-direction:column;
        gap:0;
    }

    .menu li{
        width:100%;
    }

    .menu li a{
        display:block;
        padding:18px 20px;
        border-bottom:1px solid #eee;
    }

    .header-actions .header-btn,
    .social{
        display:none;
    }

    .header-actions{
    display:flex !important;
}

.menu-toggle{
    display:flex !important;
}

    .menu-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
    }

}



@media (max-width:992px){

    .hero-container{
        flex-direction:column;
        text-align:center;
        gap:40px;
        padding-top:40px;
    }

    .hero-content{
        transform:none;
    }

    .hero-image{
        transform:none;
        width:100%;
    }

    .terminal{
        max-width:100%;
    }

    .hero-content h1{
        font-size:40px;
    }

    .hero-content p{
        max-width:100%;
    }

    .hero-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

}

@media (max-width:992px){

    .about-mini{
        grid-template-columns:1fr;
        gap:40px;
        text-align:center;
    }

    .stats-grid{
        grid-template-columns:1fr 1fr;
    }

    .about-right{
        order:-1;
    }

    .about-mini h2{
        font-size:36px;
    }

}

@media (max-width:992px){

    .feature-row{
        grid-template-columns:1fr;
        padding-left:20px;
        padding-right:20px;
        gap:20px;
    }

    .feature-box{
        min-height:auto;
    }

}

@media (max-width:992px){

    .network-wrapper{
        grid-template-columns:1fr;
        gap:30px;
    }

    .center-box{
        order:-1;
    }

    .center-logo{
        width:220px;
        height:220px;
        margin:auto;
    }

    .service-item{
        min-height:auto;
        padding:22px;
    }

    .service-item span{
        font-size:18px;
    }

    .services-head h2{
        font-size:36px;
    }

}

@media (max-width:992px){

    .cta-section{
        grid-template-columns:1fr;
        gap:40px;
        padding:30px 20px;
        text-align:center;
    }

    .cta-left h2{
        font-size:36px;
    }

    .cta-left p{
        font-size:16px;
    }

    .cta-right{
        min-width:100%;
        padding-top:0;
    }

    .cta-list li{
        justify-content:center;
    }

}

@media (max-width:992px){

    .faq-section{
        grid-template-columns:1fr;
        gap:40px;
    }

    .faq-support{
        max-width:100%;
        margin:0;
    }

    .faq-left h2{
        font-size:36px;
    }

    .faq-question{
        font-size:18px;
        padding:22px;
    }

}

@media (max-width:992px){

    .process-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .process-card::after{
        display:none;
    }

    .process-header h2{
        font-size:36px;
    }

    .process-card{
        padding:30px 20px;
    }

}

@media (max-width:768px){

    .hero-content h1{
        font-size:32px;
        line-height:1.2;
    }

    .hero-content p{
        font-size:15px;
    }

    .hero-badge{
        font-size:13px;
        padding:8px 14px;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        text-align:center;
        padding:16px;
    }

    .hero-buttons{
        flex-direction:column;
    }

}

@media (max-width:768px){

    .stats-grid{
        grid-template-columns:1fr;
    }

    .pricing-header h2,
    .services-head h2,
    .testimonial-header h2,
    .why-header h2,
    .about-mini h2{
        font-size:30px;
    }

    .section-badge{
        font-size:13px;
    }

}

@media (max-width:768px){

    .tech-stack{
        justify-content:center;
        gap:10px;
    }

    .tech-card{
        min-width:90px;
        padding:8px 12px;
    }

    .tech-card span{
        font-size:13px;
    }

    .terminal-body{
        padding:20px;
        font-size:15px;
        line-height:2;
    }

    .terminal-top{
        height:55px;
        padding:0 18px;
    }

}

@media (max-width:768px){

    .comparison-card{
        border-radius:16px;
    }

    .comparison-table{
        min-width:700px;
    }

    .comparison-table th,
    .comparison-table td{
        padding:14px;
        font-size:15px;
    }

    .pricing-card{
        padding:24px;
    }

    .price{
        font-size:36px;
    }

}

@media (max-width:768px){

    .container,
    .hero-container,
    .about-mini,
    .services-network,
    .pricing-section,
    .faq-section,
    .testimonials,
    .process-section,
    .footer-top{
        padding-left:15px;
        padding-right:15px;
    }

    img{
        max-width:100%;
        height:auto;
        display:block;
    }

    body{
        overflow-x:hidden;
    }

}

@media (max-width:768px){

    .mobile-menu{
    position:fixed;
    top:90px;
    left:0;
    width:100%;
    height:calc(100vh - 90px);
    background:#f8f9fc;
    padding:30px;
    display:none;
    overflow-y:auto;
    z-index:9999;
}

    .mobile-menu.active{
    display:block;
}

    .mobile-menu-header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:20px;
        border-bottom:1px solid #eee;
    }

    .mobile-close{
        border:none;
        background:none;
        font-size:24px;
        cursor:pointer;
    }

    .mobile-nav{
        list-style:none;
        margin:0;
        padding:20px;
    }

    .mobile-nav li{
        margin-bottom:15px;
    }

    .mobile-nav a{
        text-decoration:none;
        color:#111;
        font-size:18px;
        font-weight:600;
        display:block;
    }

    .mobile-btn{
        background:#2563eb;
        color:#fff !important;
        padding:14px;
        border-radius:10px;
        text-align:center;
    }

}

@media (max-width:768px){

    .mobile-overlay{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.45);
        z-index:9998;
        opacity:0;
        visibility:hidden;
        transition:.3s;
    }

    .mobile-overlay.active{
        opacity:1;
        visibility:visible;
    }

}

/* ===========================
   MOBİL MEGA MENU
=========================== */

@media (max-width:991px){

    .mega-menu{

        position:fixed;

        top:80px;
        left:0;

        width:100%;
        height:calc(100vh - 80px);

        background:#fff;

        overflow-y:auto;

        padding:25px;

        display:none;

        z-index:9999;
    }

    .mega-menu.active{
        display:block;
    }

    .mega-menu{

    display:none;
    flex-direction:column;
}

.mega-menu.active{
    display:flex;
}

.mega-left{

    display:flex;
    flex-direction:column;

    width:100%;
    gap:25px;
}

.mega-right{

    width:100%;
    margin-top:10px;
}

.mega-column{

    width:100%;
}

.mega-column h3{

    font-size:24px;
    margin-bottom:20px;
}

.mega-column a{

    width:100%;

    padding:18px;

    border-radius:18px;

    margin-bottom:15px;
}

}

/* ===========================
   MOBILE MENU
=========================== */

.mobile-menu{
    display:none;
}

@media (max-width:991px){

    /* Masaüstü mega menüyü gizle */
    .mega-menu{
        display:none !important;
    }

    /* Mobil menü */
    .mobile-menu{

        position:fixed;

        top:80px;
        left:0;

        width:100%;
        height:calc(100vh - 80px);

        background:#fff;

        padding:25px;

        overflow-y:auto;

        display:none;

        z-index:9999;
    }

    .mobile-menu.active{
        display:block;
    }

}

@media (max-width: 991px){

    .mega-left,
    .mega-right{
        display:none;
    }

    .mobile-menu{
        display:none;
        flex-direction:column;
        gap:12px;
        padding:25px;
        background:#fff;
        border-radius:20px;
    }

    .mobile-menu.active{
        display:flex;
    }

}

/* ===========================
   MOBİL (768px ve altı)
=========================== */

@media (max-width:768px){


    .contact-container{
    padding: 0 20px;
}

.faq-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    overflow-x: hidden;
}

.faq-info-card{
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.faq-list{
    width: 100%;
    max-width: 100%;
}

.faq-all-section{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.faq-info-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 24px;
}

.faq-info-icon{
    margin-bottom: 20px;
}

.faq-info-card h3{
    margin: 15px 0;
}

.faq-info-card p{
    max-width: 100%;
    line-height: 1.7;
}

.contact-header{
    text-align: center;
}

.contact-header h1{
    font-size: 2rem;
    line-height: 1.3;
}

.contact-header{
    padding-left: 0;
    text-align: center;
}

.contact-header h1{
    font-size: 2rem;
    line-height: 1.3;
    max-width: 100%;
    margin: 0 auto 20px;
}

.contact-header p{
    font-size: 1rem;
    line-height: 1.7;
    max-width: 100%;
    margin: 0 auto;
}

.contact-header p{
    font-size: 1rem;
    line-height: 1.7;
}

.contact-cards{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 40px;
}

.contact-card{
    width: 100%;
    padding: 25px;
    text-align: center;
}

.icon-box{
    margin: 0 auto 18px;
}

.contact-bottom-container{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.contact-form-card,
.contact-sidebar{
    width: 100%;
}

.form-row{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-group{
    width: 100%;
}

.form-group input,
.form-group select,
.form-group textarea{
    width: 100%;
    box-sizing: border-box;
}

.send-btn{
    width: 100%;
}

.contact-sidebar{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sidebar-card{
    width: 100%;
    padding: 25px;
}

.sidebar-card h3{
    font-size: 1.2rem;
}

.sidebar-card p{
    font-size: .95rem;
    line-height: 1.7;
}

.work-row{
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.call-btn,
.whatsapp-btn{
    width: 100%;
    justify-content: center;
}

.social-icons{
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.contact-hero{
    padding: 90px 20px 60px;
    min-height: auto;
}

.contact-container{
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.contact-header{
    text-align: center;
    margin-bottom: 40px;
}

.contact-header h1{
    font-size: 2.1rem;
    line-height: 1.25;
}

.contact-header p{
    font-size: 1rem;
    line-height: 1.7;
    max-width: 100%;
}


.projects-section{
    padding: 70px 20px;
}

.projects-header{
    text-align: center;
    margin-bottom: 40px;
}

.projects-header h2{
    font-size: 2rem;
    line-height: 1.3;
}

.projects-header p{
    font-size: 1rem;
    line-height: 1.7;
}

.projects-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

.project-card{
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
}

.project-image img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.project-content{
    padding: 20px;
}

.project-tag{
    font-size: .8rem;
}

.project-content h3{
    font-size: 1.3rem;
    line-height: 1.5;
}

    .services-hero{
    padding: 100px 20px 70px;
    min-height: auto;
}

.services-hero-container{
    width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
}

.services-hero h1{
    font-size: 2.2rem;
    line-height: 1.2;
}

.services-hero p{
    font-size: 1rem;
    line-height: 1.7;
}

.services-hero-btn{
    display: inline-flex;
    padding: 14px 24px;
    font-size: 1rem;
}

.services-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 20px;
}

.service-card{
    width: 100%;
    padding: 28px 22px;
}

.service-card h3{
    font-size: 1.4rem;
}

.service-card p{
    font-size: 1rem;
    line-height: 1.7;
}

.service-card ul li{
    font-size: .95rem;
}

.service-buttons{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.service-buttons a{
    width: 100%;
    justify-content: center;
}

.footer-top{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 50px 20px;
}

.footer-col{
    width: 100%;
    text-align: center;
}

.footer-about p{
    max-width: 100%;
}

.footer-social{
    justify-content: center;
}

.contact-list li{
    justify-content: center;
}

.footer-tags{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 20px;
}

.footer-bottom{
    text-align: center;
    padding: 20px;
    font-size: .9rem;
}

/* Genel kutu taşmalarını önle */
*{
    box-sizing: border-box;
}

html,
body{
    overflow-x: hidden;
}

/* Resimler */
img{
    max-width: 100%;
    height: auto;
    display: block;
}

/* Uzun kelimelerin taşmasını önle */
h1,h2,h3,h4,h5,h6,p{
    word-wrap: break-word;
}

/* İkonlar */
.service-icon{
    margin: 0 auto 20px;
}

/* Kart listeleri */
.service-card ul{
    padding-left: 0;
}

/* Butonlarda daha rahat dokunma alanı */
.btn-offer,
.btn-detail{
    min-height: 48px;
    align-items: center;
}

/* FAQ HERO */
.faq-hero{
    padding: 110px 20px 70px;
}

.faq-container{
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.faq-hero h1{
    font-size: 2.2rem;
    line-height: 1.2;
}

.faq-hero p{
    font-size: 1rem;
    line-height: 1.7;
    max-width: 100%;
}

.section-badge{
    display: inline-flex;
    margin-bottom: 20px;
}

/* KATEGORİ BUTONLARI */
.faq-categories{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 0 20px 40px;
}

.faq-category{
    width: calc(50% - 6px);
    justify-content: center;
    padding: 14px;
    font-size: .95rem;
}

.faq-category i{
    font-size: 1rem;
}

/* FAQ İÇERİK */
.faq-content{
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 0 20px 60px;
}

.faq-info-card{
    width: 100%;
    padding: 30px 25px;
    text-align: center;
}

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

.faq-info-card h3{
    font-size: 1.6rem;
}

.faq-info-card p{
    font-size: 1rem;
    line-height: 1.7;
}

.faq-list{
    width: 100%;
}

/* SORU KUTULARI */
.faq-item{
    width: 100%;
}

.faq-question{
    padding: 18px;
    gap: 15px;
    align-items: flex-start;
}

.faq-number{
    min-width: 42px;
    height: 42px;
    font-size: .9rem;
}

.faq-question span{
    flex: 1;
    font-size: 1rem;
    line-height: 1.5;
}

.faq-question i{
    font-size: 1rem;
    margin-top: 4px;
}

.faq-answer{
    padding: 0 18px 18px 75px;
    font-size: .95rem;
    line-height: 1.8;
}

*{
    box-sizing:border-box;
}

html,
body{
    overflow-x:hidden;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

}

@media (max-width:480px){
.services-hero{
    padding: 80px 15px 60px;
}

.services-hero h1{
    font-size: 1.8rem;
}

.services-hero p{
    font-size: .95rem;
}

.services-grid{
    padding: 0 15px;
    gap: 20px;
}

.service-card{
    padding: 22px 18px;
}

.service-card h3{
    font-size: 1.2rem;
}

.service-card p,
.service-card ul li{
    font-size: .9rem;
}

.services-hero-btn,
.btn-offer,
.btn-detail{
    font-size: .95rem;
    padding: 12px 18px;
}
}

/* =======================================
   MOBİL
======================================= */

@media (max-width:768px){

.about-page{
    padding:40px 20px;
}

.about-page-header h1{
    font-size:38px;
}

.about-page-header p{
    font-size:17px;
    line-height:1.7;
}

/* ödeme alanı */

.payment-container{

    display:flex;
    flex-direction:column-reverse;
    gap:35px;

}

.payment-methods{

    width:100%;

}

.bank-list{

    width:100%;

}

/* banka kartı */

.bank-card{

    width:100%;
    border-radius:25px;

}

.bank-name{

    font-size:30px;

}

.bank-content{

    padding:25px;

}

.bank-row{

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
    position:relative;

}

.bank-row button{

    position:absolute;
    top:0;
    right:0;

}

.bank-row strong{

    font-size:28px;

}

.bank-row span{

    font-size:24px;

}

.iban{

    font-size:22px;
    word-break:break-word;
    line-height:1.7;

}

/* ödeme yöntemleri */

.payment-methods h2{

    font-size:42px;
    margin-bottom:25px;

}

.method-card{

    flex-direction:row;
    gap:25px;
    padding:30px;
    border-radius:25px;

}

.method-icon{

    width:90px;
    height:90px;

}

.method-icon i{

    font-size:40px;

}

.method-content h3{

    font-size:32px;

}

.method-content p{

    font-size:22px;
    line-height:1.8;

}

.method-content li{

    font-size:22px;

}

/* bilgi kartları */

.payment-info-grid{

    grid-template-columns:1fr;
    gap:25px;

}

.info-card{

    padding:30px;
    border-radius:25px;

}

.info-icon{

    width:90px;
    height:90px;

}

.info-icon i{

    font-size:38px;

}

.info-card h3{

    font-size:36px;

}

.info-card li{

    font-size:22px;
    line-height:1.8;

}

/* footer */

.footer-top{

    grid-template-columns:1fr;
    gap:40px;

}

.footer h2{

    font-size:34px;

}

.footer h4{

    font-size:28px;

}

.footer li,
.footer p{

    font-size:20px;
    line-height:1.8;

}

.footer-tags{

    justify-content:center;

}

.footer-bottom{

    text-align:center;
    font-size:18px;

}

}

/* ==========================================
   OFFER PAGE MOBILE
========================================== */

@media (max-width:991px){

    .offer-hero{
        padding:70px 20px 45px;
        text-align:center;
    }

    .offer-container{
        width:100%;
    }

    .offer-hero h1{
        font-size:38px;
        line-height:1.15;
    }

    .offer-hero p{
        font-size:17px;
        line-height:1.8;
    }

    /* Features */

    .offer-features{
        padding:20px;
    }

    .offer-features-grid{
        display:flex;
        flex-direction:column;
        gap:18px;
    }

    .offer-feature-card{
        padding:24px;
        border-radius:22px;
    }

    .offer-feature-icon{
        width:65px;
        height:65px;
        font-size:26px;
        flex-shrink:0;
    }

    .offer-feature-content h3{
        font-size:22px;
    }

    .offer-feature-content p{
        font-size:16px;
        line-height:1.7;
    }

    /* FORM */

    .offer-form-section{
        padding:20px;
    }

    .offer-form-grid{
        display:flex;
        flex-direction:column;
        gap:25px;
    }

    .offer-form-card{
        width:100%;
        padding:30px 24px;
        border-radius:28px;
    }

    .form-header{
        align-items:flex-start;
        gap:18px;
    }

    .step-number{
        width:52px;
        height:52px;
        font-size:22px;
        flex-shrink:0;
    }

    .form-header h2{
        font-size:28px;
    }

    .form-header p{
        font-size:16px;
        line-height:1.7;
    }

    .form-row{
        display:flex;
        flex-direction:column;
        gap:18px;
    }

    .form-group{
        width:100%;
    }

    .form-group label{
        font-size:15px;
    }

    .form-group input,
    .form-group textarea,
    .form-group select{
        height:58px;
        font-size:16px;
        border-radius:16px;
        padding:0 18px;
    }

    textarea{
        min-height:170px;
        padding-top:18px;
    }

    .form-actions{
        margin-top:30px;
    }

    .next-btn{
        width:100%;
        height:60px;
        font-size:17px;
        border-radius:18px;
        justify-content:center;
    }

    /* SIDEBAR */

    .offer-sidebar{
        width:100%;
        display:flex;
        flex-direction:column;
        gap:22px;
    }

    .progress-card,
    .help-card{
        width:100%;
        padding:26px;
        border-radius:24px;
    }

    .progress-card h3,
    .help-card h3{
        font-size:24px;
    }

    .progress-step{
        padding:18px 0;
    }

    .progress-icon{
        width:52px;
        height:52px;
        font-size:20px;
    }

    .progress-step strong{
        font-size:17px;
    }

    .progress-step span{
        font-size:15px;
    }

    .help-card p{
        font-size:16px;
        line-height:1.8;
    }

    .help-btn{
        width:100%;
        justify-content:center;
        height:56px;
        font-size:16px;
        border-radius:16px;
    }

}

/* TELEFON */

@media (max-width:576px){

    .offer-hero{
        padding:55px 18px 35px;
    }

    .offer-hero h1{
        font-size:32px;
    }

    .offer-hero p{
        font-size:16px;
    }

    .offer-form-section,
    .offer-features{
        padding:18px;
    }

    .offer-form-card,
    .progress-card,
    .help-card{
        padding:22px;
        border-radius:22px;
    }

    .form-header h2{
        font-size:24px;
    }

    .offer-feature-content h3{
        font-size:20px;
    }

    .offer-feature-icon{
        width:60px;
        height:60px;
        font-size:24px;
    }

    .step-number{
        width:48px;
        height:48px;
        font-size:20px;
    }

    .form-group input,
    .form-group textarea,
    .form-group select{
        height:55px;
    }

    .next-btn{
        height:56px;
    }

}

/* ===========================
   MOBILE MENU V2
=========================== */

.mobile-menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
}

.mobile-menu-panel{
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:100vh;
    background:#fff;
    z-index:9999;

    display:flex;
    flex-direction:column;

    transform:translateX(100%);
    transition:.35s ease;

    overflow-y:auto;
}

.mobile-menu-panel.active{
    transform:translateX(0);
}

.mobile-menu-overlay.active{
    opacity:1;
    visibility:visible;
}

.mobile-menu-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:22px 24px;

    border-bottom:1px solid #ececec;
}

.mobile-logo a{
    font-size:28px;
    font-weight:800;
    color:#111;
    text-decoration:none;
}

.mobile-close{
    width:48px;
    height:48px;

    border:none;
    border-radius:14px;

    background:#f4f4f4;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;
    color:#111;
}

.mobile-menu-body{
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.mobile-nav-card{
    display:block;

    padding:18px 20px;

    background:#fff;

    border:1px solid #ececec;
    border-radius:18px;

    text-decoration:none;
    color:#111;

    transition:.25s;
}

.mobile-nav-card:hover{
    background:#f8f8f8;
}

.mobile-nav-left{
    display:flex;
    align-items:center;
    gap:16px;
}

.mobile-nav-left i{
    width:44px;
    height:44px;

    border-radius:14px;

    background:#f4f4f4;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
}

.mobile-nav-left span{
    font-size:16px;
    font-weight:700;
}

.has-submenu{
    cursor:pointer;
}

.mobile-menu-footer{
    padding:0 24px 30px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.mobile-action-card{
    display:flex;
    align-items:center;
    gap:16px;

    padding:18px;

    border:1px solid #ececec;
    border-radius:18px;

    background:#fff;

    text-decoration:none;
    color:#111;

    transition:.25s;
}

.mobile-action-card:hover{
    background:#f8f8f8;
}

.mobile-action-icon{
    width:54px;
    height:54px;

    border-radius:16px;

    background:#111;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;

    flex-shrink:0;
}

.mobile-action-content{
    flex:1;
}

.mobile-action-content strong{
    display:block;
    font-size:16px;
    font-weight:700;
    margin-bottom:4px;
}

.mobile-action-content span{
    font-size:13px;
    color:#777;
}

.mobile-action-card>.fa-chevron-right{
    color:#999;
}

.mobile-social{
    display:flex;
    justify-content:center;
    gap:16px;
    margin-top:10px;
}

.mobile-social a{
    width:48px;
    height:48px;

    border-radius:50%;

    background:#f5f5f5;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#111;
    text-decoration:none;
    font-size:18px;
}







.mobile-submenu a::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ffb6a5;
    flex-shrink:0;
}

.mobile-submenu a:hover::before{
    opacity:1;
    transform:scale(1.4);
}

.has-submenu.active .mobile-submenu{
    display:flex;
    flex-direction:column;

    width:100%;

    margin-top:16px;

    gap:4px;

    animation:submenuFade .25s ease;
}

.has-submenu .fa-chevron-down{
    font-size:14px;
    color:#9ca3af;
    transition:transform .3s ease, color .3s ease;
}

.mobile-submenu a:hover{
    background:#fff7f3;
    color:#111;
    box-shadow:0 10px 25px rgba(242,106,75,.08);
}

.has-submenu.active .fa-chevron-down{
    transform:rotate(180deg);
    color:#f26a4b;
}

/* --- YENİ MOBİL KART VE BAĞIMSIZ ALT MENÜ TASARIMI --- */

/* Ortak kapsayıcı kutu */
.menu-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

/* Sadece "Kurumsal" başlığının olduğu bağımsız üst kart */
.menu-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid #ffebe6; /* Görseldeki hafif turuncu/pembe çizgi */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

/* Başlık ve Sol İkon Hizalaması */
.menu-left {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #1a1a1a;
}

/* İkonun arkasındaki gri kare kutu */
.icon-bg {
    background: #f4f5f7;
    padding: 10px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    width: 40px;
    height: 40px;
    color: #000000;
}

/* Sağ taraftaki ok ikonu */
.arrow-icon {
    transition: transform 0.3s ease;
    color: #e26a46; /* Turuncu/Pembe ok rengi */
    font-size: 14px;
}

/* Menü aktif olduğunda okun dönmesi */
.menu-card.active .arrow-icon {
    transform: rotate(180deg);
}


/* KARTIN DIŞINDA KALAN BAĞIMSIZ ALT MENÜ LİSTESİ */
.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease;
    padding-left: 32px; /* İçeriden hizalama */
}

/* JS ile açıldığında eklenecek sınıf */
.sub-menu.open {
    max-height: 300px;
    padding-top: 20px; /* Üst kart ile arasındaki boşluk */
    padding-bottom: 10px;
}

/* Alt menü elemanları (Linkler) */
.sub-menu li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #666666; /* Görseldeki soluk gri yazı rengi */
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.2s ease;
}

.sub-menu li:hover {
    color: #000000;
}

/* Linklerin solundaki turuncu/pembe noktalar */
.sub-dot {
    width: 7px;
    height: 7px;
    background-color: #f0a38e; /* Görseldeki nokta rengi */
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* ==========================
   MOBILE BOTTOM BAR
========================== */

.mobile-bottom-bar{
    position: sticky;
    bottom: 0;
    left: 0;

    display: flex;
    gap: 10px;

    padding: 12px;

    background: #fff;

    border-top: 1px solid #ececec;

    z-index: 999;
}

.bottom-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    height: 52px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 15px;
    font-weight: 700;

    transition: .25s;
}

.bottom-btn:hover{
    transform: translateY(-2px);
}

.teklif-btn{
    flex: 1;

    background: #111;
    color: #fff;
}

.iletisim-btn{
    flex: 1;

    background: #111;
    color: #fff;
}

.theme-btn{
    width: 52px;

    border: 1px solid #ddd;
    background: #fff;

    cursor: pointer;
}

.theme-btn i{
    font-size: 18px;
}