.orta-duzey-page{
background:#f5f7fb;
font-family:Arial,Helvetica,sans-serif;
color:#222;
}

/* HERO */

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

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

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

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

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

/* CONTAINER */

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

/* INTRO */

.orta-intro h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
}

.orta-intro p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}

/* PROCESS */

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

.orta-process h2{
font-size:40px;
margin-bottom:45px;
}

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

.process-step{
background:#ff7a18;
padding:16px 32px;
border-radius:30px;
font-weight:700;
}

/* SEO BLOCK */

.orta-seo{
background:#fff;
padding:90px 70px;
border-radius:28px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
max-width:1100px;
margin:120px auto;
}

.orta-seo h2{
font-size:38px;
color:#0b2b52;
margin-bottom:28px;
}

.orta-seo p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}

/* MOBILE */

@media(max-width:768px){

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

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

.orta-container{
padding:60px 0;
}

.orta-process h2{
font-size:30px;
}

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

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

}
/* =========================
 VISUAL SEO PREMIUM SECTION
========================= */

.orta-visual-seo{
max-width:1200px;
margin:120px auto;
padding:0 5%;
}

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

.visual-img img{
width:100%;
border-radius:26px;
box-shadow:0 20px 60px rgba(0,0,0,.18);
transition:.4s;
}

.visual-img img:hover{
transform:scale(1.03);
}

.visual-content h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
font-weight:700;
}

.visual-content p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
color:#333;
}

/* MOBILE */

@media(max-width:900px){

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

.visual-content h2{
font-size:30px;
}

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

}
/* =========================
 BENEFITS SECTION
========================= */

.orta-benefits{
max-width:1100px;
margin:110px auto;
background:#f3f6fb;
padding:80px 70px;
border-radius:26px;
box-shadow:0 15px 45px rgba(0,0,0,.1);
}

.orta-benefits h2{
font-size:36px;
color:#0b2b52;
margin-bottom:30px;
font-weight:700;
}

.orta-benefits ul{
list-style:none;
padding:0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:16px;
margin-bottom:35px;
}

.orta-benefits li{
background:#fff;
padding:16px 20px;
border-radius:14px;
font-weight:600;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.orta-benefits p{
font-size:18px;
line-height:1.85;
}

/* MOBILE */

@media(max-width:768px){

.orta-benefits{
padding:55px 28px;
}

.orta-benefits h2{
font-size:30px;
}

}
/* =========================
 SECTOR EXPERTISE
========================= */

.orta-sector{
max-width:1100px;
margin:120px auto;
text-align:center;
}

.orta-sector h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
font-weight:700;
}

.orta-sector p{
font-size:18px;
line-height:1.8;
margin-bottom:40px;
}

.sector-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
}

.sector-grid div{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
padding:18px;
border-radius:14px;
font-weight:600;
box-shadow:0 10px 28px rgba(0,0,0,.15);
transition:.3s;
}

.sector-grid div:hover{
transform:translateY(-6px);
}
/* =========================
 FAQ SECTION
========================= */

.orta-faq{
max-width:1100px;
margin:120px auto;
}

.orta-faq h2{
font-size:36px;
color:#0b2b52;
margin-bottom:45px;
text-align:center;
}

.orta-faq .faq-item{
background:#fff;
padding:28px;
border-radius:18px;
margin-bottom:20px;
box-shadow:0 10px 28px rgba(0,0,0,.08);
}

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

.orta-faq p{
font-size:17px;
line-height:1.75;
}
/* =========================
 CITY BASED SEO SECTION
========================= */

.orta-city-seo{
max-width:1200px;
margin:130px auto;
text-align:center;
padding:0 5%;
}

.orta-city-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:22px;
font-weight:700;
}

.orta-city-seo p{
font-size:18px;
line-height:1.8;
margin-bottom:50px;
}

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

.city-box{
background:#ffffff;
padding:32px 28px;
border-radius:20px;
box-shadow:0 12px 32px rgba(0,0,0,.1);
transition:.35s ease;
text-align:left;
}

.city-box:hover{
transform:translateY(-7px);
box-shadow:0 20px 50px rgba(0,0,0,.15);
}

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

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

.city-note{
margin-top:55px;
font-size:18px;
font-weight:600;
color:#0b2b52;
}

/* MOBILE */

@media(max-width:768px){

.orta-city-seo h2{
font-size:30px;
}

.orta-city-seo p{
font-size:16px;
}

.city-box{
padding:26px 22px;
}

}
/* =========================
 FEATURED SNIPPET BLOCK
========================= */

.orta-snippet{
max-width:1000px;
margin:120px auto;
background:#ffffff;
padding:60px 55px;
border-radius:26px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
text-align:left;
}

.orta-snippet h2{
font-size:34px;
color:#0b2b52;
margin-bottom:22px;
font-weight:700;
}

.orta-snippet p{
font-size:18px;
line-height:1.85;
color:#333;
margin-bottom:18px;
}

/* MOBILE */

@media(max-width:768px){

.orta-snippet{
padding:42px 26px;
}

.orta-snippet h2{
font-size:28px;
}

.orta-snippet p{
font-size:16px;
}

}
/* =========================
 INTERNAL SEO LINKS
========================= */

.orta-links{
max-width:1100px;
margin:130px auto;
text-align:center;
}

.orta-links h2{
font-size:36px;
color:#0b2b52;
margin-bottom:50px;
font-weight:700;
}

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

.link-box{
display:block;
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
padding:26px;
border-radius:18px;
font-weight:700;
text-decoration:none;
box-shadow:0 12px 30px rgba(0,0,0,.18);
transition:.35s;
}

.link-box:hover{
transform:translateY(-6px);
background:linear-gradient(135deg,#133d73,#0b2b52);
}

/* MOBILE */

@media(max-width:768px){

.orta-links h2{
font-size:30px;
}

}
/* =========================
 MINI CTA BLOCK
========================= */

.orta-mini-cta{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
text-align:center;
padding:90px 20px;
margin-top:140px;
}

.orta-mini-cta h2{
font-size:38px;
margin-bottom:18px;
font-weight:700;
}

.orta-mini-cta p{
font-size:18px;
margin-bottom:32px;
}

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

.mini-cta-btn:hover{
background:#ff8f3a;
transform:translateY(-4px);
}

/* MOBILE */

@media(max-width:768px){

.orta-mini-cta h2{
font-size:30px;
}

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

}
/* =========================
 STATS SECTION
========================= */

.orta-stats{
max-width:1100px;
margin:140px auto;
text-align:center;
}

.orta-stats h2{
font-size:36px;
color:#0b2b52;
margin-bottom:60px;
font-weight:700;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
}

.stat-box{
background:#ffffff;
padding:50px 30px;
border-radius:22px;
box-shadow:0 16px 45px rgba(0,0,0,.12);
transition:.35s;
}

.stat-box:hover{
transform:translateY(-8px);
}

.stat-box span{
display:block;
font-size:40px;
font-weight:800;
color:#ff7a18;
margin-bottom:12px;
}

.stat-box p{
font-size:18px;
font-weight:600;
color:#0b2b52;
}

/* MOBILE */

@media(max-width:768px){

.orta-stats h2{
font-size:30px;
}

.stat-box{
padding:38px 22px;
}

.stat-box span{
font-size:32px;
}

}
/* =========================
 IMPORTANCE SECTION
========================= */

.orta-importance{
max-width:1000px;
margin:130px auto;
background:#f3f6fb;
padding:70px 60px;
border-radius:26px;
box-shadow:0 16px 45px rgba(0,0,0,.12);
}

.orta-importance h2{
font-size:34px;
color:#0b2b52;
margin-bottom:22px;
font-weight:700;
}

.orta-importance p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}

.orta-importance ul{
list-style:none;
padding:0;
margin:28px 0;
}

.orta-importance li{
font-size:17px;
margin:12px 0;
padding-left:26px;
position:relative;
}

.orta-importance li::before{
content:"✔";
position:absolute;
left:0;
color:#ff7a18;
font-weight:700;
}

/* MOBILE */

@media(max-width:768px){

.orta-importance{
padding:48px 26px;
}

.orta-importance h2{
font-size:28px;
}

.orta-importance p,
.orta-importance li{
font-size:16px;
}

}
/* =========================
 FAQ SECTION
========================= */

.orta-faq{
max-width:1000px;
margin:140px auto;
text-align:center;
}

.orta-faq h2{
font-size:36px;
color:#0b2b52;
margin-bottom:55px;
font-weight:700;
}

.faq-box{
background:#ffffff;
padding:32px 30px;
border-radius:20px;
box-shadow:0 14px 35px rgba(0,0,0,.1);
margin-bottom:22px;
text-align:left;
}

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

.faq-box p{
font-size:16px;
line-height:1.7;
}

/* MOBILE */

@media(max-width:768px){

.orta-faq h2{
font-size:30px;
}

.faq-box{
padding:26px 22px;
}

}
.process-image{
max-width:1000px;
margin:60px auto 0;
background:#fff;
padding:20px;
border-radius:22px;
box-shadow:0 18px 50px rgba(0,0,0,.12);
}

.process-image img{
width:100%;
display:block;
border-radius:16px;
}
/* =========================
 PREMIUM PROCESS SECTION
========================= */

.orta-process{
background:#0b2b52;
color:#fff;
padding:110px 5%;
text-align:center;
}

.orta-process h2{
font-size:40px;
margin-bottom:70px;
font-weight:700;
}

.orta-process-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
max-width:1200px;
margin:auto;
}

/* STEPS */

.orta-steps{
display:flex;
flex-direction:column;
gap:26px;
text-align:left;
}

.orta-step{
background:rgba(255,255,255,.08);
padding:26px 28px;
border-radius:18px;
display:flex;
gap:18px;
align-items:flex-start;
transition:.35s;
}

.orta-step:hover{
transform:translateX(6px);
background:rgba(255,255,255,.14);
}

.orta-step span{
background:#ff7a18;
color:#fff;
font-weight:800;
font-size:18px;
width:42px;
height:42px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.orta-step h3{
font-size:22px;
margin-bottom:6px;
}

.orta-step p{
font-size:16px;
line-height:1.7;
opacity:.95;
}

/* IMAGE */

.process-image{
background:#fff;
padding:22px;
border-radius:24px;
box-shadow:0 22px 60px rgba(0,0,0,.25);
}

.process-image img{
width:100%;
border-radius:18px;
display:block;
}

/* MOBILE */

@media(max-width:900px){

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

.orta-process h2{
font-size:32px;
}

}
/* =========================
 SECTOR SEO SECTION
========================= */

.orta-sector-seo{
max-width:1100px;
margin:140px auto;
text-align:center;
}

.orta-sector-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
font-weight:700;
}

.orta-sector-seo p{
font-size:18px;
margin-bottom:50px;
line-height:1.8;
}

.sector-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:22px;
}

.sector-box{
background:#fff;
padding:22px;
border-radius:16px;
box-shadow:0 12px 30px rgba(0,0,0,.1);
font-weight:700;
color:#0b2b52;
transition:.3s;
}

.sector-box:hover{
transform:translateY(-6px);
}

/* MOBILE */

@media(max-width:768px){

.orta-sector-seo h2{
font-size:30px;
}

}
/* =========================
 CITY SEO SECTION
========================= */

.orta-city-seo{
max-width:1100px;
margin:150px auto;
text-align:center;
}

.orta-city-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
font-weight:700;
}

.orta-city-seo p{
font-size:18px;
margin-bottom:55px;
line-height:1.8;
}

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

.city-card{
background:#fff;
padding:28px;
border-radius:18px;
box-shadow:0 12px 32px rgba(0,0,0,.1);
transition:.35s;
}

.city-card:hover{
transform:translateY(-6px);
}

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

.city-card p{
font-size:16px;
line-height:1.7;
}
/* =========================
 TRUST SEO SECTION
========================= */

.orta-trust-seo{
max-width:900px;
margin:140px auto;
text-align:center;
}

.orta-trust-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.orta-trust-seo p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
color:#333;
}
/* =========================
 MINI CTA
========================= */

.orta-mini-cta{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
padding:90px 20px;
text-align:center;
margin-top:160px;
}

.orta-mini-cta h2{
font-size:40px;
margin-bottom:14px;
font-weight:700;
}

.orta-mini-cta p{
font-size:18px;
margin-bottom:30px;
}

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

.mini-cta-btn:hover{
background:#ff8f3a;
transform:translateY(-4px);
}
/* =========================
 BENEFIT SEO SECTION
========================= */

.orta-benefit-seo{
max-width:900px;
margin:140px auto;
text-align:center;
}

.orta-benefit-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:40px;
font-weight:700;
}

.benefit-list{
list-style:none;
padding:0;
display:flex;
flex-direction:column;
gap:14px;
margin-bottom:35px;
}

.benefit-list li{
background:#ffffff;
padding:16px 20px;
border-radius:14px;
font-weight:600;
box-shadow:0 8px 22px rgba(0,0,0,.08);
}

.orta-benefit-seo p{
font-size:18px;
line-height:1.8;
}
/* =========================
 PROCESS ADVANTAGE
========================= */

.orta-process-advantage{
max-width:900px;
margin:140px auto;
text-align:center;
}

.orta-process-advantage h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.orta-process-advantage p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}
/* =========================
 LONG KEYWORD SEO
========================= */

.orta-long-keywords{
max-width:900px;
margin:140px auto;
text-align:center;
}

.orta-long-keywords h2{
font-size:36px;
color:#0b2b52;
margin-bottom:24px;
font-weight:700;
}

.orta-long-keywords p{
font-size:18px;
line-height:1.85;
margin-bottom:16px;
}
/* =========================
 FINAL CTA
========================= */

.orta-final-cta{
background:#0b2b52;
color:#fff;
padding:110px 20px;
text-align:center;
margin-top:160px;
}

.orta-final-cta h2{
font-size:42px;
margin-bottom:14px;
font-weight:700;
}

.orta-final-cta p{
font-size:18px;
margin-bottom:32px;
}

.final-cta-btn{
background:#ff7a18;
color:#fff;
padding:18px 44px;
border-radius:44px;
text-decoration:none;
font-weight:700;
transition:.3s;
box-shadow:0 12px 30px rgba(255,122,24,.45);
}

.final-cta-btn:hover{
background:#ff8f3a;
transform:translateY(-4px);
}
/* =========================
 DIFFERENCE SECTION
========================= */

.orta-difference{
max-width:900px;
margin:150px auto;
text-align:center;
}

.orta-difference h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.orta-difference p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}
/* =========================
 IMPACT SECTION
========================= */

.orta-impact{
max-width:900px;
margin:150px auto;
text-align:center;
}

.orta-impact h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.orta-impact p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}
/* =========================
 FAQ SECTION
========================= */

.orta-faq{
max-width:900px;
margin:160px auto;
text-align:center;
}

.orta-faq h2{
font-size:36px;
color:#0b2b52;
margin-bottom:50px;
font-weight:700;
}

.faq-box{
background:#fff;
padding:28px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.1);
margin-bottom:22px;
text-align:left;
}

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

.faq-box p{
font-size:17px;
line-height:1.7;
}
/* =========================
 FINAL SEO BLOCK
========================= */

.orta-final-seo{
max-width:900px;
margin:150px auto 180px;
text-align:center;
}

.orta-final-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:26px;
font-weight:700;
}

.orta-final-seo p{
font-size:18px;
line-height:1.85;
margin-bottom:16px;
}
/* =========================
 METHODOLOGY SECTION
========================= */

.orta-methodology{
max-width:900px;
margin:150px auto;
text-align:center;
}

.orta-methodology h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.orta-methodology p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}
/* =========================
 OSB SEO SECTION
========================= */

.orta-osb-seo{
max-width:900px;
margin:150px auto;
text-align:center;
}

.orta-osb-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.orta-osb-seo p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}
/* =========================
 COMPARE SECTION
========================= */

.orta-compare{
max-width:900px;
margin:160px auto;
text-align:center;
}

.orta-compare h2{
font-size:36px;
color:#0b2b52;
margin-bottom:50px;
font-weight:700;
}

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

.compare-box{
background:#fff;
padding:32px;
border-radius:20px;
box-shadow:0 12px 30px rgba(0,0,0,.1);
}

.compare-box h3{
margin-bottom:18px;
color:#0b2b52;
}

.compare-box p{
font-size:17px;
margin-bottom:10px;
}

.compare-box.premium{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
}

.compare-box.premium h3{
color:#fff;
}
/* =========================
 STORY SEO SECTION
========================= */

.orta-story-seo{
max-width:900px;
margin:150px auto 200px;
text-align:center;
}

.orta-story-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:26px;
font-weight:700;
}

.orta-story-seo p{
font-size:18px;
line-height:1.85;
margin-bottom:16px;
}
/* =========================
 SKILLS BLOCK
========================= */

.orta-skills{
max-width:1000px;
margin:160px auto;
text-align:center;
}

.orta-skills h2{
font-size:36px;
color:#0b2b52;
margin-bottom:50px;
font-weight:700;
}

.skills-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:22px;
}

.skill-box{
background:#fff;
padding:24px;
border-radius:18px;
font-size:18px;
font-weight:600;
box-shadow:0 10px 28px rgba(0,0,0,.1);
transition:.3s;
}

.skill-box:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.15);
}

</section>
/* =========================
 STATS BLOCK
========================= */

.orta-stats{
max-width:1000px;
margin:160px auto;
text-align:center;
}

.orta-stats h2{
font-size:36px;
color:#0b2b52;
margin-bottom:60px;
font-weight:700;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:28px;
}

.stat-box{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
padding:40px 20px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,.18);
}

.stat-box strong{
display:block;
font-size:40px;
margin-bottom:10px;
}

.stat-box span{
font-size:18px;
opacity:.95;
}
/* =========================
 NATIONAL SEO BLOCK
========================= */

.orta-national{
max-width:900px;
margin:160px auto;
text-align:center;
}

.orta-national h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
font-weight:700;
}

.orta-national p{
font-size:18px;
line-height:1.85;
margin-bottom:16px;
}
/* =========================
 FINAL CTA
========================= */

.orta-last-cta{
background:linear-gradient(135deg,#0b2b52,#081f3d);
color:#fff;
text-align:center;
padding:120px 20px;
margin-top:180px;
}

.orta-last-cta h2{
font-size:44px;
margin-bottom:18px;
font-weight:700;
}

.orta-last-cta p{
font-size:20px;
margin-bottom:40px;
}

.orta-last-cta .orta-btn.big{
padding:20px 60px;
font-size:20px;
border-radius:50px;
}
/* =========================
 PREMIUM CONTACT FORM
========================= */

.orta-premium-form{
position:relative;
background:url('/hizmetlerimiz/orta-duzey/assets/images/form-bg.jpg') center/cover no-repeat;
padding:160px 20px;
margin-top:180px;
}

.form-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(11,43,82,.75);
}

.form-wrapper{
position:relative;
max-width:1000px;
margin:auto;
background:#ffffff;
padding:80px 70px;
border-radius:32px;
box-shadow:0 30px 80px rgba(0,0,0,.35);
text-align:center;
z-index:2;
animation:fadeUp .8s ease;
}

.form-wrapper h2{
font-size:42px;
color:#0b2b52;
margin-bottom:12px;
font-weight:800;
}

.form-wrapper p{
font-size:18px;
margin-bottom:55px;
color:#444;
}

/* GRID */

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

/* INPUTS */

.form-grid input,
.form-grid select,
.form-grid textarea{
padding:18px 20px;
border-radius:16px;
border:1px solid #ddd;
font-size:16px;
transition:.3s;
font-family:inherit;
}

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

/* BUTTON */

.form-btn{
background:linear-gradient(135deg,#ff7a18,#ff9a3c);
color:#fff;
border:none;
padding:20px 70px;
font-size:20px;
font-weight:800;
border-radius:60px;
cursor:pointer;
transition:.3s;
box-shadow:0 15px 40px rgba(255,122,24,.45);
}

.form-btn:hover{
transform:translateY(-4px);
box-shadow:0 22px 55px rgba(255,122,24,.55);
}

/* SUCCESS MESSAGE */

.form-success{
display:none;
margin-top:35px;
font-size:20px;
font-weight:700;
color:#0b2b52;
animation:fadeUp .6s ease;
}

/* ANIMATION */

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

/* MOBILE */

@media(max-width:768px){

.form-wrapper{
padding:55px 28px;
}

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

.form-btn{
padding:18px 50px;
font-size:18px;
}

}
/* =========================
 WHATSAPP CTA SECTION
========================= */

.orta-whatsapp-cta{
background:linear-gradient(135deg,#25d366,#1ebe5d);
color:#fff;
text-align:center;
padding:120px 20px;
margin-top:160px;
border-radius:0;
}

.orta-whatsapp-cta h2{
font-size:44px;
margin-bottom:18px;
font-weight:800;
}

.orta-whatsapp-cta p{
font-size:20px;
margin-bottom:40px;
opacity:.95;
}

.whatsapp-btn{
display:inline-flex;
align-items:center;
gap:14px;
background:#fff;
color:#1ebe5d;
padding:18px 55px;
border-radius:60px;
font-size:20px;
font-weight:800;
text-decoration:none;
transition:.3s;
box-shadow:0 18px 45px rgba(0,0,0,.25);
}

.whatsapp-btn img{
width:28px;
height:28px;
}

.whatsapp-btn:hover{
transform:translateY(-4px);
box-shadow:0 25px 65px rgba(0,0,0,.35);
}

/* MOBILE */

@media(max-width:768px){

.orta-whatsapp-cta h2{
font-size:32px;
}

.orta-whatsapp-cta p{
font-size:18px;
}

.whatsapp-btn{
font-size:18px;
padding:16px 40px;
}

}








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

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

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

@media(max-width:768px){
.whatsapp-float{
width:56px;
height:56px;
bottom:18px;
right:18px;
}
}
.whatsapp-section{
margin:120px auto;
text-align:center;
background:linear-gradient(135deg,#25d366,#1ebe57);
color:#fff;
padding:90px 30px;
border-radius:30px;
box-shadow:0 25px 60px rgba(0,0,0,.25);
max-width:1100px;
}

.whatsapp-section h2{
font-size:40px;
margin-bottom:18px;
font-weight:800;
}

.whatsapp-section p{
font-size:18px;
max-width:700px;
margin:0 auto 35px;
opacity:.95;
}

.whatsapp-btn{
display:inline-block;
background:#fff;
color:#1b5e20;
padding:18px 48px;
border-radius:45px;
font-size:18px;
font-weight:700;
text-decoration:none;
transition:.3s;
box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.whatsapp-btn:hover{
transform:translateY(-4px);
box-shadow:0 18px 45px rgba(0,0,0,.35);
}

@media(max-width:768px){
.whatsapp-section h2{font-size:30px;}
.whatsapp-section p{font-size:16px;}
}