/* SAYFA KAPSAYICI */

.executive-page{
background:#f5f7fb;
color:#222;
}

.executive-page *{
font-family:Arial,Helvetica,sans-serif;
}

/* KONTEYNER */

.executive-page .container{
width:90%;
max-width:1200px;
margin:auto;
padding:80px 0;
}

/* HERO */

.executive-page .exec-hero{
height:520px;
background:url('/hizmetlerimiz/assets/images/executive-hero.jpg') center/cover no-repeat;
position:relative;
}

.executive-page .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.65);
}

.executive-page .hero-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
text-align:center;
}

.executive-page .hero-content h1{
font-size:52px;
margin-bottom:12px;
font-weight:700;
}

.executive-page .hero-content p{
font-size:22px;
}

/* INTRO */

.executive-page .exec-intro h2{
font-size:38px;
margin-bottom:20px;
}

.executive-page .exec-intro p{
font-size:18px;
line-height:1.8;
}

/* SERVICES */

.executive-page .exec-services{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}

.executive-page .service-box{
background:#fff;
padding:35px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
}

.executive-page .service-box:hover{
transform:translateY(-8px);
}

.executive-page .service-box h3{
color:#0b2b52;
margin-bottom:10px;
}

/* PROCESS */

.executive-page .exec-process{
background:#0b2b52;
color:#fff;
padding:90px 0;
text-align:center;
}

.executive-page .exec-process h2{
font-size:40px;
margin-bottom:40px;
}

.executive-page .process-steps{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:18px;
}

.executive-page .step{
background:#ff7a18;
padding:16px 30px;
border-radius:30px;
font-weight:600;
}

/* BENEFITS */

.executive-page .exec-benefits ul{
list-style:none;
padding:0;
font-size:18px;
}

.executive-page .exec-benefits li{
margin:14px 0;
padding-left:26px;
position:relative;
}

.executive-page .exec-benefits li::before{
content:"✔";
position:absolute;
left:0;
color:#ff7a18;
}

/* CTA */

.executive-page .exec-cta{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
text-align:center;
padding:90px 20px;
}

.executive-page .exec-cta h2{
font-size:42px;
margin-bottom:12px;
}

.executive-page .cta-btn{
display:inline-block;
background:#ff7a18;
color:#fff;
padding:16px 38px;
border-radius:40px;
text-decoration:none;
font-weight:700;
margin-top:25px;
transition:.3s;
}

.executive-page .cta-btn:hover{
background:#ff8f3a;
}

/* MOBILE */

@media(max-width:768px){

.executive-page .hero-content h1{
font-size:34px;
}

.executive-page .hero-content p{
font-size:18px;
}

.executive-page .container{
padding:60px 0;
}

.executive-page .exec-process h2{
font-size:30px;
}

.executive-page .exec-cta h2{
font-size:32px;
}

}



.executive-page .exec-faq h2{
font-size:38px;
margin-bottom:40px;
text-align:center;
}

.executive-page .faq-item{
background:#fff;
padding:28px;
border-radius:16px;
margin-bottom:20px;
box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.executive-page .faq-item h3{
color:#0b2b52;
margin-bottom:10px;
font-size:20px;
}

.executive-page .faq-item p{
font-size:16px;
line-height:1.7;
}





.executive-page .exec-cases h2{
font-size:38px;
margin-bottom:20px;
text-align:center;
}

.executive-page .exec-cases p{
text-align:center;
font-size:18px;
margin-bottom:60px;
}

.executive-page .exec-content h3{
font-size:28px;
color:#0b2b52;
margin-bottom:16px;
}

.executive-page .exec-content p{
font-size:17px;
line-height:1.8;
margin-bottom:14px;
}




.executive-page .exec-lead{
text-align:center;
}

.executive-page .exec-lead h2{
font-size:38px;
margin-bottom:12px;
}

.executive-page .exec-lead p{
font-size:18px;
margin-bottom:40px;
}

.executive-page .form-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
margin-bottom:25px;
}

.executive-page .form-grid input,
.executive-page .form-grid select,
.executive-page .form-grid textarea{
padding:14px 16px;
border-radius:12px;
border:1px solid #ddd;
font-size:16px;
outline:none;
}

.executive-page .form-grid input:focus,
.executive-page .form-grid select:focus,
.executive-page .form-grid textarea:focus{
border-color:#ff7a18;
}

.executive-page .lead-btn{
background:#ff7a18;
color:#fff;
border:none;
padding:16px 42px;
border-radius:40px;
font-size:18px;
font-weight:700;
cursor:pointer;
transition:.3s;
}

.executive-page .lead-btn:hover{
background:#ff8f3a;
}

.executive-page .thank-you{
display:none;
margin-top:25px;
color:#0b2b52;
font-size:18px;
font-weight:600;
}


.executive-page .exec-testimonials{
text-align:center;
}

.executive-page .exec-testimonials h2{
font-size:38px;
margin-bottom:10px;
}

.executive-page .exec-testimonials p{
font-size:18px;
margin-bottom:50px;
}

.executive-page .testimonial-slider{
position:relative;
max-width:900px;
margin:auto;
}

.executive-page .testimonial-item{
display:none;
background:#fff;
padding:45px;
border-radius:20px;
box-shadow:0 12px 35px rgba(0,0,0,.1);
font-size:18px;
line-height:1.8;
}

.executive-page .testimonial-item.active{
display:block;
animation:fadeSlide .6s ease;
}

.executive-page .testimonial-item h4{
margin-top:20px;
color:#0b2b52;
font-size:20px;
}

.executive-page .testimonial-item span{
color:#777;
font-size:15px;
}

/* DOTS */

.executive-page .slider-dots{
margin-top:25px;
}

.executive-page .dot{
display:inline-block;
width:12px;
height:12px;
background:#ccc;
border-radius:50%;
margin:0 6px;
cursor:pointer;
transition:.3s;
}

.executive-page .dot.active{
background:#ff7a18;
}

/* ANIMATION */

@keyframes fadeSlide{
from{opacity:0; transform:translateY(15px);}
to{opacity:1; transform:translateY(0);}
}

/* MOBILE */

@media(max-width:768px){

.executive-page .testimonial-item{
padding:28px;
font-size:16px;
}

.executive-page .exec-testimonials h2{
font-size:32px;
}

}





.executive-page .exec-timeline{
text-align:center;
}

.executive-page .exec-timeline h2{
font-size:38px;
margin-bottom:12px;
}

.executive-page .exec-timeline p{
font-size:18px;
margin-bottom:70px;
}

/* TIMELINE CORE */

.executive-page .timeline{
position:relative;
max-width:900px;
margin:auto;
}

.executive-page .timeline::after{
content:"";
position:absolute;
width:4px;
background:#ff7a18;
top:0;
bottom:0;
left:50%;
transform:translateX(-50%);
}

/* STEP */

.executive-page .timeline-step{
padding:20px 40px;
position:relative;
width:50%;
}

.executive-page .timeline-step.left{
left:0;
text-align:right;
}

.executive-page .timeline-step.right{
left:50%;
text-align:left;
}

.executive-page .timeline-step::after{
content:"";
position:absolute;
width:18px;
height:18px;
background:#ff7a18;
border-radius:50%;
top:35px;
z-index:1;
}

.executive-page .timeline-step.left::after{
right:-9px;
}

.executive-page .timeline-step.right::after{
left:-9px;
}

/* CONTENT BOX */

.executive-page .timeline-step .content{
background:#fff;
padding:28px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.executive-page .timeline-step h3{
color:#0b2b52;
margin-bottom:10px;
font-size:22px;
}

.executive-page .timeline-step p{
font-size:16px;
line-height:1.7;
}

/* MOBILE */

@media(max-width:768px){

.executive-page .timeline::after{
left:20px;
}

.executive-page .timeline-step{
width:100%;
padding-left:60px;
padding-right:20px;
text-align:left;
}

.executive-page .timeline-step.left,
.executive-page .timeline-step.right{
left:0;
}

.executive-page .timeline-step::after{
left:11px;
}

}



.executive-page .exec-video{
text-align:center;
}

.executive-page .exec-video h2{
font-size:38px;
margin-bottom:12px;
}

.executive-page .exec-video p{
font-size:18px;
margin-bottom:45px;
}

.executive-page .video-wrapper{
position:relative;
padding-bottom:56.25%; /* 16:9 oran */
height:0;
max-width:900px;
margin:auto;
border-radius:20px;
overflow:hidden;
box-shadow:0 18px 45px rgba(0,0,0,.18);
}

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

/* MOBILE */

@media(max-width:768px){

.executive-page .exec-video h2{
font-size:32px;
}

}



.executive-page .exec-final-cta{
background:linear-gradient(135deg,#0b2b52,#081f3d);
color:#fff;
padding:110px 20px;
text-align:center;
margin-top:100px;
}

.executive-page .final-cta-content{
max-width:900px;
margin:auto;
}

.executive-page .final-cta-content h2{
font-size:46px;
margin-bottom:18px;
font-weight:700;
}

.executive-page .final-cta-content p{
font-size:20px;
line-height:1.7;
margin-bottom:45px;
opacity:.95;
}

.executive-page .cta-buttons{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:20px;
}

.executive-page .final-btn{
padding:18px 42px;
border-radius:45px;
text-decoration:none;
font-weight:700;
font-size:18px;
transition:.3s;
}

.executive-page .final-btn.primary{
background:#ff7a18;
color:#fff;
}

.executive-page .final-btn.primary:hover{
background:#ff8f3a;
transform:translateY(-3px);
}

.executive-page .final-btn.secondary{
border:2px solid #fff;
color:#fff;
}

.executive-page .final-btn.secondary:hover{
background:#fff;
color:#0b2b52;
}

.executive-page .cta-note{
margin-top:35px;
font-size:16px;
opacity:.85;
}

/* MOBILE */

@media(max-width:768px){

.executive-page .final-cta-content h2{
font-size:34px;
}

.executive-page .final-cta-content p{
font-size:18px;
}

}


.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
width:60px;
height:60px;
background:#25d366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 25px rgba(0,0,0,.25);
z-index:9999;
transition:.3s;
}

.whatsapp-float img{
width:34px;
height:34px;
}

.whatsapp-float:hover{
transform:scale(1.08);
box-shadow:0 12px 35px rgba(0,0,0,.35);
}

/* MOBILE */

@media(max-width:768px){

.whatsapp-float{
width:54px;
height:54px;
bottom:18px;
right:18px;
}

.whatsapp-float img{
width:30px;
height:30px;
}

}

/* HIGHLIGHT BLOCK */

.executive-page .exec-highlight{
text-align:center;
}

.executive-page .highlight-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:28px;
margin-top:50px;
}

.executive-page .highlight-box{
background:#fff;
padding:32px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.executive-page .highlight-box:hover{
transform:translateY(-6px);
}

/* POSITIONS */

.executive-page .exec-positions{
text-align:center;
}

.executive-page .section-desc{
font-size:18px;
margin-bottom:45px;
}

.executive-page .position-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.executive-page .position-card{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
padding:22px;
border-radius:14px;
font-weight:600;
box-shadow:0 8px 25px rgba(0,0,0,.15);
transition:.3s;
}

.executive-page .position-card:hover{
transform:translateY(-5px);
background:linear-gradient(135deg,#133d73,#0b2b52);
}

.executive-page .position-note{
margin-top:35px;
font-size:17px;
color:#555;
}

/* MOBILE */

@media(max-width:768px){

.executive-page .highlight-box{
padding:24px;
}

}


/* PREMIUM LEAD FORM */

.executive-page .exec-lead{
position:relative;
padding:120px 0;
background:linear-gradient(135deg,#0b2b52,#133d73);
overflow:hidden;
}

/* soft background shapes */

.executive-page .lead-bg::before,
.executive-page .lead-bg::after{
content:"";
position:absolute;
width:420px;
height:420px;
border-radius:50%;
background:rgba(255,255,255,.08);
}

.executive-page .lead-bg::before{
top:-120px;
left:-120px;
}

.executive-page .lead-bg::after{
bottom:-120px;
right:-120px;
}

/* form box */

.executive-page .lead-wrapper{
background:rgba(255,255,255,.96);
padding:70px 60px;
border-radius:28px;
box-shadow:0 25px 70px rgba(0,0,0,.25);
text-align:center;
max-width:1050px;
}

/* titles */

.executive-page .exec-lead h2{
font-size:44px;
margin-bottom:12px;
color:#0b2b52;
}

.executive-page .exec-lead p{
font-size:18px;
margin-bottom:55px;
color:#444;
}

/* input grid */

.executive-page .form-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:22px;
}

/* fields */

.executive-page .form-grid input,
.executive-page .form-grid select,
.executive-page .form-grid textarea{
padding:16px 18px;
border-radius:14px;
border:1px solid #ddd;
font-size:16px;
transition:.25s;
}

.executive-page .form-grid input:focus,
.executive-page .form-grid select:focus,
.executive-page .form-grid textarea:focus{
border-color:#ff7a18;
outline:none;
box-shadow:0 0 0 3px rgba(255,122,24,.15);
}

/* button */

.executive-page .lead-btn{
margin-top:45px;
background:#ff7a18;
color:#fff;
border:none;
padding:18px 60px;
font-size:18px;
border-radius:45px;
font-weight:700;
cursor:pointer;
transition:.3s;
box-shadow:0 12px 30px rgba(255,122,24,.45);
}

.executive-page .lead-btn:hover{
background:#ff8f3a;
transform:translateY(-4px);
}

/* thank you */

.executive-page .thank-you{
display:none;
margin-top:35px;
font-size:20px;
color:#0b2b52;
font-weight:600;
}

/* MOBILE */

@media(max-width:768px){

.executive-page .lead-wrapper{
padding:50px 28px;
}

.executive-page .exec-lead h2{
font-size:34px;
}

}


.executive-page .exec-seo-section h2{
font-size:36px;
margin-bottom:20px;
color:#0b2b52;
}

.executive-page .exec-seo-section h3{
font-size:26px;
margin:35px 0 15px;
color:#0b2b52;
}

.executive-page .exec-seo-section p{
font-size:17px;
line-height:1.8;
margin-bottom:16px;
}

.executive-page .seo-sector-list{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:12px;
margin:25px 0 35px;
list-style:none;
padding:0;
}

.executive-page .seo-sector-list li{
background:#fff;
padding:12px 16px;
border-radius:10px;
box-shadow:0 6px 18px rgba(0,0,0,.08);
font-weight:600;
}


.executive-page .exec-city-seo h2{
font-size:36px;
margin-bottom:20px;
color:#0b2b52;
text-align:center;
}

.executive-page .exec-city-seo p{
font-size:17px;
line-height:1.8;
text-align:center;
margin-bottom:45px;
}

.executive-page .city-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:26px;
}

.executive-page .city-box{
background:#fff;
padding:28px;
border-radius:18px;
box-shadow:0 10px 28px rgba(0,0,0,.08);
transition:.3s;
}

.executive-page .city-box:hover{
transform:translateY(-6px);
}

.executive-page .city-box h3{
color:#0b2b52;
margin-bottom:10px;
font-size:22px;
}

.executive-page .city-box p{
font-size:16px;
line-height:1.7;
}

.executive-page .city-note{
margin-top:45px;
font-size:18px;
font-weight:600;
color:#0b2b52;
}
.process-infographic{
max-width:1100px;
margin:60px auto 80px auto;
padding:20px;
background:#f3f6fb;
border-radius:22px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.process-infographic img{
width:100%;
height:auto;
display:block;
border-radius:16px;
}
/* =========================
 EXECUTIVE PROCESS VISUAL
========================= */

.exec-process-visual{
margin:90px auto;
text-align:center;
}

.exec-process-visual h2{
font-size:34px;
font-weight:700;
color:#0b2c55;
margin-bottom:50px;
}

.visual-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:28px;
max-width:1000px;
margin:0 auto;
}

.visual-box{
background:#ffffff;
padding:40px 20px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
font-size:18px;
font-weight:600;
color:#0b2c55;
position:relative;
transition:.35s ease;
cursor:default;
}

/* NUMARA ROZET */

.visual-box::before{
content:attr(data-step);
position:absolute;
top:-14px;
left:50%;
transform:translateX(-50%);
background:#ff8c1a;
color:#fff;
font-weight:700;
font-size:15px;
padding:8px 14px;
border-radius:50px;
box-shadow:0 8px 20px rgba(0,0,0,.18);
}

/* HOVER */

.visual-box:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,.18);
}

/* MOBİL */

@media(max-width:600px){
.exec-process-visual h2{
font-size:26px;
}

.visual-box{
padding:30px 16px;
font-size:16px;
}
}

/* =========================
 PREMIUM SEO LONG CONTENT
========================= */

.exec-long-seo{
background:linear-gradient(135deg,#ffffff,#f3f6fb);
padding:90px 70px;
border-radius:28px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
max-width:1100px;
margin:120px auto;
position:relative;
overflow:hidden;
}

/* soft decor shapes */

.exec-long-seo::before,
.exec-long-seo::after{
content:"";
position:absolute;
width:350px;
height:350px;
border-radius:50%;
background:rgba(255,122,24,.12);
}

.exec-long-seo::before{
top:-120px;
left:-120px;
}

.exec-long-seo::after{
bottom:-120px;
right:-120px;
}

.exec-long-seo h2{
font-size:38px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.exec-long-seo p{
font-size:18px;
line-height:1.85;
color:#333;
margin-bottom:18px;
}

/* MOBILE */

@media(max-width:768px){

.exec-long-seo{
padding:55px 28px;
margin:80px 16px;
}

.exec-long-seo h2{
font-size:30px;
}

.exec-long-seo p{
font-size:16px;
}

}
/* =========================
 PREMIUM TOP SEO HERO
========================= */

.services-hero{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
padding:85px 8%;
position:relative;
overflow:hidden;
}

/* soft decor */

.services-hero::before,
.services-hero::after{
content:"";
position:absolute;
width:380px;
height:380px;
border-radius:50%;
background:rgba(255,255,255,.08);
}

.services-hero::before{
top:-120px;
left:-120px;
}

.services-hero::after{
bottom:-140px;
right:-120px;
}

.services-hero h1{
font-size:48px;
font-weight:800;
max-width:900px;
line-height:1.2;
margin-bottom:18px;
}

.services-hero p{
font-size:20px;
opacity:.95;
margin-bottom:28px;
max-width:700px;
}

/* hero button */

.services-hero .hero-btn{
display:inline-block;
background:#ff7a18;
color:#fff;
padding:16px 38px;
border-radius:40px;
font-weight:700;
text-decoration:none;
transition:.3s;
box-shadow:0 12px 30px rgba(255,122,24,.45);
}

.services-hero .hero-btn:hover{
background:#ff8f3a;
transform:translateY(-3px);
}

/* BREADCRUMB BAR */

.breadcrumb{
background:#fff;
padding:16px 8%;
font-size:14px;
box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.breadcrumb a{
color:#0b2b52;
font-weight:600;
text-decoration:none;
}

.breadcrumb span{
color:#777;
}

/* MOBILE */

@media(max-width:768px){

.services-hero{
padding:65px 6%;
}

.services-hero h1{
font-size:32px;
}

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

}