*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;background:#ddd}
body{overflow-x:hidden;color:#666}
#wrapper{width:1024px;margin-left:auto;margin-right:auto}
.header{position:relative;z-index:255}
.menubg{background:var(--menu-color,#e03820);float:left;width:100%;height:81px}
.logo{height:153px;width:1500px;top:0;margin-left:-1260px;position:absolute;background-color:var(--logo-bg,#fff);z-index:755;background-repeat:no-repeat;clip-path:polygon(0 0,100% 0,98.6667% 100%,0 100%)}
.head{background-color:var(--head-color,#000);float:left;height:54px;width:100%;margin-bottom:0}
.logoright{display:none}
.logoright:before{display:none}
.logoimage{float:right;margin-top:27px;margin-right:75px;width:var(--logo-desktop-width,230px);height:var(--logo-desktop-height,86px);max-width:100%;object-fit:contain}
.dilvesosyal{color:#fff;float:left;font-size:13px;margin-left:265px}
.diller{float:left}.diller a{color:#fff;line-height:54px;margin-right:5px;margin-left:5px;text-decoration:none}
#dilaktif{font-weight:700;font-size:14px}.sosyallinkler{float:left;margin-left:30px}
.sosyallinkler a{float:left;font-size:14px;line-height:54px;color:#fff;padding-left:10px;padding-right:10px;text-decoration:none}
.sosyallinkler a:hover{background:rgba(0,0,0,.2)}
.accountlinks{float:right;margin-right:-110px}.accountlinks a{color:#fff;line-height:54px;padding-right:15px;padding-left:15px;float:right;font-size:13px;font-weight:700;text-decoration:none}
.accountlinks a:hover{background:rgba(0,0,0,.2)}
.menu{float:right;width:100%}.menu>ul{padding:0;margin:0 -125px 0 0;float:right}.menu li{float:left;position:relative;list-style-type:none}
.menu li a{float:right;color:#fff;padding-left:37px;padding-right:37px;text-decoration:none;line-height:81px;font-weight:600;font-size:17px;border-right:1px solid rgba(0,0,0,.1)}
.menu li:hover>a{background:rgba(0,0,0,.1)}
.menu ul li ul{width:220px;background:var(--menu-color,#e03820);float:left;position:absolute;top:81px;left:-1px;z-index:1000;display:none;margin:0;padding:0}
.menu ul li ul li{float:none;margin:0;padding:0}.menu ul li ul li a{background:none;font-size:14px;float:none;text-align:left;display:block;line-height:40px;margin:0;padding:0 10px;border-bottom:1px solid rgba(0,0,0,.1);border-right:0}
.menu li:hover>ul{display:block}.menu ul li ul li ul{width:200px;height:auto;position:absolute;top:0;left:100%;display:none}
.menu ul li ul li ul li a:hover{background:rgba(0,0,0,.4)}
.menuAc{padding:5px;color:#fff;font-weight:700;cursor:pointer;display:none;font-size:24px;width:100%;float:left;text-align:center}
.clear{clear:both}
.hero{height:var(--hero-height,370px);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.18))}
.hero .inner{position:relative;z-index:2;width:1024px;margin:0 auto;padding-top:120px;color:#fff}.hero h1{font-size:34px;margin:0 0 10px}.hero p{font-size:17px;margin:0}
.content{background:#fff;padding:55px 0;min-height:260px}.content h2{color:#333;margin-top:0}.content p{line-height:1.8}
@media only screen and (min-width:320px) and (max-width:1024px){
#wrapper{width:94%}.header #wrapper{width:100%}.menuAc{display:block;width:100%;padding:7px 0}.menu ul{display:none;position:relative;padding:0;margin:0;float:left;width:100%}.menu ul.open{display:block}.menu ul li{float:none}.menu{float:none;margin:0}.menu li{float:left;width:100%}.menu li a{float:left;width:100%;font-size:20px;line-height:50px;border-bottom:1px solid rgba(0,0,0,.1)}.menu ul li ul{width:100%;float:left;position:relative;top:0;left:0;z-index:1;display:none;margin:0;padding:0;font-size:16px}.menu ul li ul li ul{width:100%;height:auto;float:left;position:relative;top:0;left:0;padding-left:12px}.menu li:hover>a{background:rgba(0,0,0,.6)}.menu ul li ul li a{width:100%;font-size:16px;padding-left:25px}.logo{height:120px;width:100%;top:0;margin-left:0;position:relative;text-align:center}.logoimage{float:none;margin-top:15px;margin-right:0;width:var(--logo-desktop-width,230px);height:var(--logo-desktop-height,86px);max-width:100%;object-fit:contain}.logoright{display:none}.head{height:auto}.dilvesosyal{margin-left:0;text-align:center;float:left}.sosyallinkler{display:none}.accountlinks{float:right;text-align:right}.accountlinks a{float:right;display:inline-block}.hero .inner{width:90%;padding-top:80px}.hero{height:310px}
}
/* ===== ANA SAYFA KURUMSAL BÖLÜMLER v1.10.41 ===== */
.bureau-about,.bureau-services,.bureau-process{
font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
}
.bureau-eyebrow{
display:flex;align-items:center;gap:13px;margin:0 0 24px;
color:#b72d23;font-size:11px;line-height:1;font-weight:800;letter-spacing:2.1px;text-transform:uppercase;
}
.bureau-eyebrow:before{content:"";width:32px;height:1px;background:currentColor}
.bureau-text-link{
display:inline-flex;align-items:center;gap:22px;padding:0 0 8px;border-bottom:1px solid #aeb4ba;
color:#101820;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.2px;
}
.bureau-text-link span{color:#b72d23;font-size:16px;transition:transform .2s ease}
.bureau-text-link:hover span{transform:translate(3px,-3px)}
.bureau-about{padding:112px 0;background:#fff;color:#101820}
.bureau-about-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:86px;align-items:center}
.bureau-about-figure{position:relative;margin:0;min-height:590px;overflow:hidden;background:#e9ecee}
.bureau-about-figure:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(16,24,32,.08);pointer-events:none}
.bureau-about-figure img{display:block;width:100%;height:590px;object-fit:cover;filter:saturate(.78) contrast(1.03);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.bureau-about-figure:hover img{transform:scale(1.025)}
.bureau-about-figure figcaption{
position:absolute;z-index:2;left:0;bottom:0;padding:15px 22px;background:#fff;color:#59636c;
font-size:10px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase;
}
.bureau-about-copy{padding:18px 0}
.bureau-about-copy h2{margin:0;color:#101820;font-size:clamp(42px,4.1vw,62px);line-height:1.02;font-weight:680;letter-spacing:-2.2px}
.bureau-about-copy>p{max-width:520px;margin:31px 0 33px;color:#59636c;font-size:16px;line-height:1.85}
.bureau-about-values{margin:0 0 36px;border-top:1px solid #dfe3e6}
.bureau-about-values div{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #dfe3e6}
.bureau-about-values dt{color:#b72d23;font-size:11px;font-weight:800;letter-spacing:1px}
.bureau-about-values dd{margin:0;color:#26313a;font-size:13px;font-weight:700}
.bureau-services{padding:106px 0;background:#111b26;color:#fff}
.bureau-services-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:100px;align-items:start}
.bureau-services-intro{position:sticky;top:28px}
.bureau-services .bureau-eyebrow{color:#d8584e}
.bureau-services-intro h2{margin:0;color:#fff;font-size:clamp(42px,4vw,60px);line-height:1.02;font-weight:650;letter-spacing:-2px}
.bureau-services-intro p{margin:27px 0 38px;color:#aab3bc;font-size:15px;line-height:1.8}
.bureau-text-link-light{border-color:#53606c;color:#fff}
.bureau-text-link-light span{color:#e15b51}
.bureau-service-list{border-top:1px solid rgba(255,255,255,.2)}
.bureau-service-row{
display:grid;grid-template-columns:52px minmax(0,1fr) 30px;align-items:center;gap:18px;
min-height:76px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;
transition:padding .25s ease,background .25s ease;
}
.bureau-service-row:hover{padding-left:15px;background:rgba(255,255,255,.035)}
.bureau-service-no{color:#75808a;font-size:10px;font-weight:800;letter-spacing:1.2px}
.bureau-service-row strong{font-size:clamp(18px,1.6vw,24px);font-weight:560;letter-spacing:-.35px}
.bureau-service-arrow{color:#e15b51;font-size:17px;transition:transform .2s ease}
.bureau-service-row:hover .bureau-service-arrow{transform:translate(3px,-3px)}
.bureau-process{padding:108px 0 116px;background:#f2f0eb;color:#101820;border-bottom:1px solid #dedbd4}
.bureau-process-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:90px;align-items:end;margin-bottom:68px}
.bureau-process-head h2{margin:0;color:#101820;font-size:clamp(40px,4vw,58px);line-height:1.04;font-weight:650;letter-spacing:-2px}
.bureau-process-head>p{margin:0 0 5px;color:#626b72;font-size:15px;line-height:1.8}
.bureau-process-list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.bureau-process-list:before{content:"";position:absolute;top:39px;left:0;right:0;height:1px;background:#b9b5ad}
.bureau-process-list li{position:relative;padding:0 34px 0 0}
.bureau-process-no{display:block;margin-bottom:24px;color:#85847f;font-size:11px;font-weight:800;letter-spacing:1.3px}
.bureau-process-mark{position:relative;z-index:1;display:block;width:11px;height:11px;margin:0 0 30px;background:#f2f0eb;border:2px solid #b72d23;border-radius:50%;box-shadow:0 0 0 7px #f2f0eb}
.bureau-process-list li:first-child .bureau-process-mark{background:#b72d23}
.bureau-process-list h3{margin:0 0 13px;color:#101820;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.35px}
.bureau-process-list p{margin:0;color:#687078;font-size:13px;line-height:1.7}
@media(max-width:1024px){
.bureau-about,.bureau-services,.bureau-process{padding:78px 0}
.bureau-about-grid{grid-template-columns:1fr 1fr;gap:44px}
.bureau-about-figure,.bureau-about-figure img{min-height:480px;height:480px}
.bureau-services-grid{grid-template-columns:300px minmax(0,1fr);gap:55px}
.bureau-process-head{gap:50px}
}
@media(max-width:760px){
.bureau-about-grid,.bureau-services-grid,.bureau-process-head{grid-template-columns:1fr;gap:42px}
.bureau-about-figure{order:2;min-height:390px}.bureau-about-figure img{height:390px;min-height:390px}
.bureau-about-copy{order:1}
.bureau-about-copy h2,.bureau-services-intro h2,.bureau-process-head h2{font-size:38px;letter-spacing:-1.3px}
.bureau-services-intro{position:static}
.bureau-process-head{margin-bottom:52px}
.bureau-process-list{grid-template-columns:1fr}
.bureau-process-list:before{top:0;bottom:0;left:5px;right:auto;width:1px;height:auto}
.bureau-process-list li{display:grid;grid-template-columns:32px 1fr;padding:0 0 34px 0}
.bureau-process-no{display:none}
.bureau-process-mark{grid-column:1;margin:5px 0 0}
.bureau-process-list li>div{grid-column:2}
.bureau-service-row{min-height:68px;grid-template-columns:38px minmax(0,1fr) 24px}
}
/* ===== HİZMETLER / CINEMATIC STAGE v1.10.54 ===== */
.services-cinema{position:relative;min-height:790px;overflow:hidden;background:#07131f;color:#fff;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif}
.services-cinema-bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:opacity .22s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.services-cinema.is-changing .services-cinema-bg{opacity:.28;transform:scale(1.035)}
.services-cinema-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,26,.94) 0%,rgba(5,15,26,.78) 35%,rgba(5,15,26,.22) 72%,rgba(5,15,26,.46) 100%),linear-gradient(0deg,rgba(5,15,26,.88) 0%,transparent 38%)}
.services-cinema-main{position:relative;z-index:2;display:grid;grid-template-columns:80px minmax(0,750px) 120px;gap:35px;align-items:end;width:min(1480px,calc(100% - 96px));min-height:610px;margin:0 auto;padding:105px 0 74px}
.services-cinema-count{align-self:start;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:11px}
.services-cinema-count span{font-size:25px;font-weight:800}.services-cinema-count i{display:block;width:1px;height:78px;background:rgba(255,255,255,.42)}.services-cinema-count small{color:rgba(255,255,255,.55);font-size:11px;font-weight:800}
.services-cinema-copy{align-self:end}
.services-cinema-kicker{display:flex;align-items:center;gap:13px;margin-bottom:24px;color:#ff6849;font-size:10px;font-weight:850;letter-spacing:2.1px}.services-cinema-kicker:before{content:"";width:36px;height:2px;background:#ff6849}
.services-cinema-copy h2{max-width:820px;margin:0;color:#fff;font-size:clamp(64px,7vw,108px);line-height:.9;font-weight:720;letter-spacing:-5px;text-shadow:0 8px 35px rgba(0,0,0,.26);transition:opacity .2s ease,transform .2s ease}
.services-cinema-copy p{max-width:620px;margin:31px 0 29px;color:rgba(255,255,255,.73);font-size:15px;line-height:1.8;transition:opacity .2s ease}
.services-cinema-copy>a{display:inline-flex;align-items:center;gap:25px;padding:15px 22px;background:#fff;color:#0b1a29;text-decoration:none;font-size:11px;font-weight:850}.services-cinema-copy>a span{color:#d93828;font-size:17px}
.services-cinema.is-changing .services-cinema-copy h2,.services-cinema.is-changing .services-cinema-copy p{opacity:0;transform:translateY(8px)}
.services-cinema-arrows{align-self:end;display:flex;gap:8px;padding-bottom:4px}.services-cinema-arrows button{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.45);background:rgba(5,15,26,.22);color:#fff;font-size:18px;cursor:pointer}.services-cinema-arrows button:hover{background:#fff;color:#0b1a29}
.services-cinema-nav{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;overflow-x:auto;background:rgba(5,15,26,.82);border-top:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);scrollbar-width:thin}
.services-cinema-tab{position:relative;flex:1 0 155px;min-height:145px;padding:26px 22px;border:0;border-right:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;text-align:left;cursor:pointer}.services-cinema-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#ff6849;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.services-cinema-tab:hover:after,.services-cinema-tab.is-active:after{transform:scaleX(1)}
.services-cinema-tab span{display:block;margin-bottom:30px;color:rgba(255,255,255,.45);font-size:10px;font-weight:850;letter-spacing:1.1px}.services-cinema-tab strong{display:block;color:rgba(255,255,255,.72);font-size:14px;line-height:1.2;font-weight:650}.services-cinema-tab:hover strong,.services-cinema-tab.is-active strong{color:#fff}.services-cinema-tab.is-active{background:rgba(255,255,255,.06)}
@media(max-width:1000px){
.services-cinema{min-height:740px}
.services-cinema-main{grid-template-columns:55px minmax(0,1fr) 120px;width:calc(100% - 44px);min-height:590px;padding-top:82px}
.services-cinema-copy h2{font-size:72px;letter-spacing:-3.5px}
.services-cinema-tab{flex-basis:170px;min-height:130px}
}
@media(max-width:680px){
.services-cinema{min-height:700px}
.services-cinema-overlay{background:linear-gradient(90deg,rgba(5,15,26,.9),rgba(5,15,26,.48)),linear-gradient(0deg,rgba(5,15,26,.94),transparent 55%)}
.services-cinema-main{display:block;width:calc(100% - 28px);min-height:570px;padding:68px 0 55px}
.services-cinema-count{display:none}
.services-cinema-copy{position:absolute;left:0;right:0;bottom:60px}
.services-cinema-copy h2{font-size:49px;line-height:.95;letter-spacing:-2.3px}
.services-cinema-copy p{margin:22px 0;font-size:13px;line-height:1.65}
.services-cinema-arrows{position:absolute;right:0;top:65px}
.services-cinema-arrows button{width:43px;height:43px}
.services-cinema-nav{position:relative}
.services-cinema-tab{flex-basis:145px;min-height:125px;padding:20px 17px}
}
/* ===== HİZMETLER / SOFT BLUE-GREY THEME v1.10.57 ===== */
.services-honeycomb{
background:linear-gradient(135deg,#dbe3e8 0%,#e6e9e7 52%,#ccd8df 100%)!important;
border-top:1px solid #becbd3!important;border-bottom:1px solid #becbd3!important;
}
.services-honeycomb:after{
content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
background-image:linear-gradient(rgba(22,48,78,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,48,78,.08) 1px,transparent 1px);
background-size:72px 72px;
}
.services-honeycomb-wrap{z-index:2!important}
.services-honeycomb-kicker{color:#b52c24!important}
.services-honeycomb-intro h2{color:#102b59!important}
.services-honeycomb-intro p{color:#536473!important}
.services-honeycomb-cell{background:#f4f1e9!important;filter:drop-shadow(0 12px 18px rgba(28,51,72,.13))!important}
.services-honeycomb-cell:hover,.services-honeycomb-cell.is-active{background:#e44b2d!important;filter:drop-shadow(0 19px 25px rgba(28,51,72,.22))!important}
.services-honeycomb-inner img{filter:grayscale(1) brightness(.67) contrast(1.04)!important}
.services-honeycomb-cell:hover img,.services-honeycomb-cell.is-active img{filter:grayscale(0) brightness(.82) contrast(1.03)!important}
.services-honeycomb-shade{background:linear-gradient(180deg,rgba(9,28,49,.08),rgba(9,28,49,.62))!important}
.services-honeycomb-all{border-color:#102b59!important;background:#102b59!important;color:#fff!important}
.services-honeycomb-all:hover{border-color:#b52c24!important;background:#b52c24!important;color:#fff!important}
.services-honeycomb-all span{color:#ff856e!important}
/* ===== HİZMETLER / CLASSIC HONEYCOMB v1.10.56 ===== */
.services-honeycomb{padding:88px 0 96px!important;background:#101010!important}
.services-honeycomb:before{display:none!important}
.services-honeycomb-wrap{display:block!important;width:min(1100px,calc(100% - 60px))!important;margin:0 auto!important}
.services-honeycomb-intro{max-width:860px!important;margin:0 auto 46px!important;text-align:center!important}
.services-honeycomb-kicker{justify-content:center!important;margin-bottom:18px!important;color:#ff663f!important}
.services-honeycomb-kicker:before{display:none!important}
.services-honeycomb-intro h2{margin:0!important;color:#fff!important;font-size:clamp(42px,4vw,60px)!important;line-height:1.02!important;letter-spacing:-2.3px!important}
.services-honeycomb-intro p{max-width:720px!important;margin:20px auto 0!important;color:#a7a7a7!important;font-size:14px!important;line-height:1.7!important}
.services-honeycomb-cluster{position:relative!important;width:940px!important;height:372px!important;margin:0 auto!important}
.services-honeycomb-cell{left:var(--hx)!important;top:var(--hy)!important;width:180px!important;height:208px!important;background:#fff!important;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important;filter:none!important;transition:transform .3s ease,background .3s ease!important}
.services-honeycomb-cell:hover,.services-honeycomb-cell.is-active{z-index:20!important;transform:scale(1.045)!important;background:#ff5a32!important}
.services-honeycomb-inner{inset:5px!important;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important}
.services-honeycomb-inner img{filter:grayscale(1) brightness(.56)!important;transition:filter .32s ease,transform .55s ease!important}
.services-honeycomb-cell:hover img,.services-honeycomb-cell.is-active img{filter:grayscale(0) brightness(.82)!important;transform:scale(1.07)!important}
.services-honeycomb-shade{background:rgba(0,0,0,.23)!important}
.services-honeycomb-label{left:18px!important;right:18px!important;top:50%!important;bottom:auto!important;display:block!important;transform:translateY(-50%)!important;text-align:center!important}
.services-honeycomb-label strong{display:block!important;color:#fff!important;font-size:16px!important;line-height:1.16!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.2px!important;text-shadow:0 2px 8px rgba(0,0,0,.85)!important}
.services-honeycomb-no,.services-honeycomb-label i{display:none!important}
.services-honeycomb-all{display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;width:max-content!important;margin:42px auto 0!important;padding:13px 21px!important;border:1px solid #fff!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:850!important}.services-honeycomb-all span{color:#ff633c!important;font-size:16px!important}
.services-honeycomb-all:hover{background:#fff!important;color:#101010!important}
@media(max-width:1020px){
.services-honeycomb-wrap{width:calc(100% - 40px)!important}
.services-honeycomb-cluster{zoom:calc((100vw - 40px)/940)!important}
}
@media(max-width:680px){
.services-honeycomb{padding:64px 0 70px!important}
.services-honeycomb-wrap{width:calc(100% - 24px)!important}
.services-honeycomb-intro{margin-bottom:34px!important}
.services-honeycomb-intro h2{font-size:38px!important;letter-spacing:-1.5px!important}
.services-honeycomb-cluster{zoom:calc((100vw - 24px)/940)!important}
.services-honeycomb-all{margin-top:30px!important}
}
/* ===== HİZMETLER / HONEYCOMB v1.10.55 ===== */
.services-honeycomb{position:relative;overflow:hidden;padding:106px 0 114px;background:#0a1730;color:#fff;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif}
.services-honeycomb:before{content:"";position:absolute;right:-160px;top:-190px;width:650px;height:650px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.01)}
.services-honeycomb-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(350px,460px) 810px;gap:80px;align-items:center;width:min(1390px,calc(100% - 72px));margin:0 auto}
.services-honeycomb-kicker{display:flex;align-items:center;gap:13px;margin-bottom:25px;color:#ff6b48;font-size:10px;font-weight:850;letter-spacing:2.1px}.services-honeycomb-kicker:before{content:"";width:34px;height:2px;background:#ff6b48}
.services-honeycomb-intro h2{margin:0;color:#fff;font-size:clamp(52px,4.5vw,72px);line-height:.98;font-weight:720;letter-spacing:-3.3px}
.services-honeycomb-intro p{max-width:420px;margin:30px 0 34px;color:#abb7c7;font-size:15px;line-height:1.82}
.services-honeycomb-intro>a{display:inline-flex;align-items:center;gap:24px;padding:15px 21px;background:#fff;color:#0a1730;text-decoration:none;font-size:11px;font-weight:850}.services-honeycomb-intro>a span{color:#e34b2d;font-size:16px}
.services-honeycomb-cluster{position:relative;width:810px;height:548px}
.services-honeycomb-cell{position:absolute;left:var(--hx);top:var(--hy);display:block;width:225px;height:200px;background:#fff;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);text-decoration:none;filter:drop-shadow(0 15px 22px rgba(0,0,0,.22));transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease}
.services-honeycomb-cell:hover{z-index:20;transform:scale(1.055);filter:drop-shadow(0 22px 28px rgba(0,0,0,.35))}
.services-honeycomb-inner{position:absolute;inset:5px;display:block;overflow:hidden;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#111c2e}
.services-honeycomb-inner img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.services-honeycomb-cell:hover img{transform:scale(1.08)}
.services-honeycomb-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,28,.08) 15%,rgba(5,15,28,.88) 100%)}
.services-honeycomb-no{position:absolute;z-index:2;top:25px;left:34px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#174bb3;color:#fff;border:2px solid rgba(255,255,255,.9);font-size:10px;font-weight:850}
.services-honeycomb-label{position:absolute;z-index:2;left:34px;right:30px;bottom:27px;display:flex;align-items:center;gap:9px}
.services-honeycomb-label i{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;color:#fff;font-style:normal}.services-honeycomb-label i svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.services-honeycomb-label strong{color:#fff;font-size:14px;line-height:1.08;font-weight:720;text-shadow:0 2px 8px rgba(0,0,0,.55)}
@media(max-width:1320px){
.services-honeycomb{padding:84px 0 92px}
.services-honeycomb-wrap{grid-template-columns:1fr;gap:55px;width:min(920px,calc(100% - 44px))}
.services-honeycomb-intro{max-width:700px}
.services-honeycomb-cluster{margin:0 auto}
}
@media(max-width:850px){
.services-honeycomb-cluster{zoom:calc((100vw - 40px)/810);margin:0}
}
@media(max-width:680px){
.services-honeycomb{padding:66px 0 72px}
.services-honeycomb-wrap{width:calc(100% - 28px);gap:40px}
.services-honeycomb-intro h2{font-size:41px;letter-spacing:-1.7px}
.services-honeycomb-cluster{zoom:calc((100vw - 28px)/810)}
}
/* ===== ANA SAYFA WIDE CORPORATE SYSTEM v1.10.44 ===== */
.bureau-about>.bureau-about-grid,
.bureau-services>.bureau-services-grid,
.bureau-process>#wrapper,
.language-network>.language-network-wrap{
width:min(1480px,calc(100% - 96px))!important;
margin-left:auto!important;margin-right:auto!important;
}
/* Tanıtım: geniş ekran ölçeği */
.bureau-about{padding:118px 0 126px}
.bureau-about .bureau-about-grid{grid-template-columns:470px minmax(0,1fr);gap:110px}
.bureau-about-content h2{font-size:clamp(54px,4.5vw,76px);line-height:.98;letter-spacing:-3.4px}
.bureau-about-content>p{max-width:450px;font-size:16px;line-height:1.9}
.bureau-about-operation{min-height:710px;padding:0 105px 72px 0}
.bureau-about-figure{height:650px;min-height:650px}
.bureau-document-flow{width:490px}
.bureau-document-head{padding:22px 26px}
.bureau-document-flow ol{padding:0 26px}
.bureau-document-flow li{grid-template-columns:45px 1fr;padding:21px 0}
.bureau-document-flow li>b{width:40px;height:40px}
.bureau-document-flow li strong{font-size:15px}
.bureau-document-flow li small{font-size:11px}
.bureau-document-foot{padding:16px 26px}
.bureau-document-foot span{font-size:9px}
/* Hizmetler: küçük liste değil, kurumsal uzmanlık alanları */
.bureau-services{padding:120px 0 126px;background:#0b1723}
.bureau-services .bureau-services-grid{grid-template-columns:430px minmax(0,1fr);gap:105px}
.bureau-services-intro{top:48px}
.bureau-services-intro h2{font-size:clamp(56px,4.3vw,74px);line-height:.96;letter-spacing:-3px}
.bureau-services-intro p{max-width:410px;margin-top:34px;font-size:16px;line-height:1.88}
.bureau-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.24);border-left:1px solid rgba(255,255,255,.18)}
.bureau-service-row{
position:relative;display:flex;min-height:190px;padding:27px 27px 25px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:22px;
border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);transition:background .28s ease,color .28s ease;
}
.bureau-service-row:hover{padding-left:27px;background:#a9231d}
.bureau-service-no{color:#788895;font-size:11px}
.bureau-service-row:hover .bureau-service-no{color:rgba(255,255,255,.7)}
.bureau-service-row strong{max-width:220px;font-size:24px;line-height:1.12;font-weight:620}
.bureau-service-arrow{position:absolute;right:25px;top:25px;color:#dd554c;font-size:20px}
.bureau-service-row:hover .bureau-service-arrow{color:#fff}
/* Proje akışı: büyük, okunabilir operasyon hattı */
.bureau-process{padding:122px 0 132px;background:#f3f1ec}
.bureau-process-head{grid-template-columns:minmax(0,1.2fr) 430px;gap:120px;margin-bottom:84px}
.bureau-process-head h2{font-size:clamp(56px,4.5vw,76px);line-height:.98;letter-spacing:-3.2px}
.bureau-process-head>p{font-size:16px;line-height:1.85}
.bureau-process-list:before{top:57px;background:#aaa8a2}
.bureau-process-list li{min-height:260px;padding:0 48px 0 0}
.bureau-process-no{margin-bottom:35px;color:#7c7d79;font-size:12px}
.bureau-process-mark{width:14px;height:14px;margin-bottom:41px;box-shadow:0 0 0 10px #f3f1ec}
.bureau-process-list h3{max-width:260px;margin-bottom:17px;font-size:25px;line-height:1.16}
.bureau-process-list p{max-width:260px;font-size:14px;line-height:1.75}
/* Dil ağı: görünür bir kurumsal yetkinlik alanı */
.language-network{padding:118px 0 124px!important;background:#e9edf1!important}
.language-network-wrap{display:grid!important;grid-template-columns:460px minmax(0,1fr)!important;gap:105px!important;align-items:center!important}
.language-network-copy h2{font-size:clamp(52px,4.1vw,70px)!important;line-height:.98!important;letter-spacing:-3px!important}
.language-network-copy p{max-width:430px!important;font-size:16px!important;line-height:1.85!important}
.language-network-content{padding:34px!important;background:#fff!important;border:1px solid #cfd6dc!important;box-shadow:0 24px 65px rgba(18,35,52,.09)!important}
.language-network-languages{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #d9dfe4!important;border-left:1px solid #d9dfe4!important}
.language-network-languages span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:58px!important;margin:0!important;border:0!important;border-right:1px solid #d9dfe4!important;border-bottom:1px solid #d9dfe4!important;border-radius:0!important;background:#fff!important;color:#25313d!important;font-size:12px!important;font-weight:750!important}
.language-network-languages .is-more{background:#1b63d9!important;color:#fff!important}
.language-network-assurances{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin-top:31px!important;border-top:1px solid #d9dfe4!important;border-left:1px solid #d9dfe4!important}
.language-network-assurances article{min-height:130px!important;padding:22px!important;border:0!important;border-right:1px solid #d9dfe4!important;border-bottom:1px solid #d9dfe4!important;border-radius:0!important;background:#fff!important}
.language-network-assurances article strong{font-size:15px!important}
.language-network-assurances article small{font-size:11px!important;line-height:1.55!important}
@media(max-width:1200px){
.bureau-about>.bureau-about-grid,.bureau-services>.bureau-services-grid,.bureau-process>#wrapper,.language-network>.language-network-wrap{width:min(1120px,calc(100% - 54px))!important}
.bureau-about .bureau-about-grid{grid-template-columns:380px minmax(0,1fr);gap:60px}
.bureau-about-operation{padding-right:55px}
.bureau-services .bureau-services-grid{grid-template-columns:340px minmax(0,1fr);gap:60px}
.bureau-service-row{min-height:165px}
.bureau-service-row strong{font-size:20px}
.language-network-wrap{grid-template-columns:370px minmax(0,1fr)!important;gap:55px!important}
}
@media(max-width:900px){
.bureau-about .bureau-about-grid,.bureau-services .bureau-services-grid,.language-network-wrap{grid-template-columns:1fr!important}
.bureau-about-operation{margin-top:15px}
.bureau-services-intro{position:static;max-width:650px}
.bureau-service-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.bureau-process-head{grid-template-columns:1fr;gap:35px}
.bureau-process-list{grid-template-columns:1fr 1fr;gap:50px 30px}
.bureau-process-list:before{display:none}
.bureau-process-list li{min-height:0;padding:0}
}
@media(max-width:640px){
.bureau-about>.bureau-about-grid,.bureau-services>.bureau-services-grid,.bureau-process>#wrapper,.language-network>.language-network-wrap{width:calc(100% - 28px)!important}
.bureau-about,.bureau-services,.bureau-process,.language-network{padding:70px 0!important}
.bureau-about-operation{min-height:590px;padding:0 0 180px}
.bureau-about-figure{height:410px;min-height:410px}
.bureau-document-flow{width:calc(100% - 20px)}
.bureau-service-list{grid-template-columns:1fr}
.bureau-service-row{min-height:130px}
.bureau-process-list{grid-template-columns:1fr;gap:38px}
.language-network-languages{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.language-network-assurances{grid-template-columns:1fr!important}
}
/* ===== BİZİ TANIYIN / TRANSLATION OPERATIONS v1.10.43 ===== */
.bureau-about{
position:relative;overflow:hidden;padding:104px 0 108px;background:#f5f6f6;color:#101820;
border-top:1px solid #dfe3e5;border-bottom:1px solid #dfe3e5;
}
.bureau-about:before{
content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,24,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,32,.035) 1px,transparent 1px);background-size:72px 72px;pointer-events:none;
}
.bureau-about .bureau-about-grid{
position:relative;z-index:1;display:grid;grid-template-columns:390px minmax(0,1fr);gap:78px;align-items:center;
}
.bureau-about-content{padding:10px 0}
.bureau-about-content .bureau-eyebrow{margin-bottom:25px}
.bureau-about-content h2{
margin:0;color:#101820;font-size:clamp(43px,4.3vw,62px);line-height:1.02;font-weight:680;letter-spacing:-2.5px;
}
.bureau-about-content h2 strong{display:block;color:#a9231d;font-weight:760}
.bureau-about-content>p{margin:29px 0 30px;color:#59636b;font-size:15px;line-height:1.82}
.bureau-about-scope{display:grid;grid-template-columns:1fr 1fr;margin:0 0 34px;border-top:1px solid #cfd5d8}
.bureau-about-scope span{
position:relative;padding:14px 6px 14px 18px;border-bottom:1px solid #cfd5d8;color:#26323b;font-size:11px;font-weight:800;
}
.bureau-about-scope span:before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;background:#a9231d}
.bureau-about-content .bureau-text-link{border-bottom-color:#aeb6bb}
.bureau-about-operation{position:relative;min-height:600px;padding:0 76px 55px 0}
.bureau-about-figure{
position:relative;margin:0;width:100%;height:545px;min-height:545px;overflow:hidden;background:#d7dcde;box-shadow:0 22px 60px rgba(16,24,32,.12);
}
.bureau-about-figure:before{display:none}
.bureau-about-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,31,.1),transparent 45%),linear-gradient(0deg,rgba(8,20,31,.55),transparent 35%);box-shadow:inset 0 0 0 1px rgba(16,24,32,.08);pointer-events:none}
.bureau-about-figure img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.72) contrast(1.05)}
.bureau-about-figure figcaption{
position:absolute;z-index:2;left:28px;bottom:23px;padding:0;background:none;color:#fff;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.bureau-document-flow{
position:absolute;z-index:3;right:0;bottom:0;width:410px;background:#0e1b28;color:#fff;box-shadow:0 24px 60px rgba(6,17,28,.28);
}
.bureau-document-head{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid rgba(255,255,255,.16)}
.bureau-document-head span{color:#fff;font-size:10px;font-weight:850;letter-spacing:1.7px}
.bureau-document-head small{color:#85919c;font-size:9px;font-weight:800;letter-spacing:1px}
.bureau-document-flow ol{margin:0;padding:0 21px;list-style:none}
.bureau-document-flow li{display:grid;grid-template-columns:38px 1fr;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.bureau-document-flow li>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #53606c;color:#e15a51;font-size:10px;letter-spacing:.8px}
.bureau-document-flow li span{display:block}
.bureau-document-flow li strong{display:block;color:#fff;font-size:13px;font-weight:750}
.bureau-document-flow li small{display:block;margin-top:4px;color:#8e99a3;font-size:10px}
.bureau-document-foot{display:flex;justify-content:space-between;gap:12px;padding:13px 21px;background:#a9231d}
.bureau-document-foot span{color:#fff;font-size:8px;font-weight:850;letter-spacing:.9px}
@media(max-width:1024px){
.bureau-about{padding:78px 0 84px}
.bureau-about .bureau-about-grid{grid-template-columns:330px minmax(0,1fr);gap:46px}
.bureau-about-operation{padding-right:40px}
.bureau-document-flow{width:370px}
}
@media(max-width:760px){
.bureau-about{padding:65px 0 70px}
.bureau-about .bureau-about-grid{display:grid;grid-template-columns:1fr;gap:45px}
.bureau-about-content h2{font-size:42px;letter-spacing:-1.7px}
.bureau-about-operation{min-height:570px;padding:0 0 170px}
.bureau-about-figure{height:410px;min-height:410px}
.bureau-document-flow{right:12px;bottom:0;width:calc(100% - 24px)}
.bureau-document-flow li{padding:14px 0}
.bureau-document-foot{gap:7px;padding-left:14px;padding-right:14px}
.bureau-document-foot span{font-size:7px}
}
/* ===== BİZİ TANIYIN / EDITORIAL SIGNATURE v1.10.42 ===== */
.bureau-about{
position:relative;overflow:hidden;padding:118px 0 124px;background:#f1eee7;color:#101820;
}
.bureau-about:before{
content:"";position:absolute;top:0;bottom:0;left:calc(50% + 260px);width:1px;background:rgba(16,24,32,.08);
}
.bureau-about-word{
position:absolute;left:50%;top:71px;transform:translateX(-50%);width:min(1450px,92vw);
color:rgba(16,24,32,.035);font-size:clamp(120px,15vw,240px);line-height:.75;font-weight:900;
letter-spacing:-11px;white-space:nowrap;pointer-events:none;user-select:none;
}
.bureau-about .bureau-about-grid{
position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
grid-template-areas:"heading story" "figure principles";gap:78px 82px;align-items:start;
}
.bureau-about-heading{grid-area:heading;padding-top:7px}
.bureau-about-heading .bureau-eyebrow{margin-bottom:31px}
.bureau-about-heading h2{
margin:0;max-width:700px;color:#101820;font-size:clamp(52px,5.8vw,82px);line-height:.94;
font-weight:720;letter-spacing:-3.8px;
}
.bureau-about-heading h2 em{color:#a92520;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-3px}
.bureau-about-story{grid-area:story;padding:50px 0 0 31px;border-left:1px solid #c8c3ba}
.bureau-about-story>p{margin:0 0 34px;color:#505b64;font-size:16px;line-height:1.9}
.bureau-about-figure{
grid-area:figure;position:relative;margin:0;min-height:530px;height:530px;overflow:visible;background:#d7d9d8;
}
.bureau-about-figure:before{
content:"";position:absolute;z-index:-1;left:-24px;top:24px;width:90px;height:calc(100% - 4px);background:#a92520;
}
.bureau-about-figure:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(16,24,32,.08);pointer-events:none}
.bureau-about-figure img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.72) contrast(1.06)}
.bureau-about-figure figcaption{
position:absolute;left:32px;right:auto;bottom:29px;padding:0;background:transparent;color:#fff;
font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.bureau-about-figure figcaption span{display:block;margin-bottom:7px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-style:italic;font-weight:400;letter-spacing:0;text-transform:none}
.bureau-about-seal{
position:absolute;right:-54px;top:42px;display:flex;align-items:center;justify-content:center;gap:10px;
width:130px;height:130px;border-radius:50%;background:#101820;color:#fff;box-shadow:0 20px 50px rgba(16,24,32,.24);
}
.bureau-about-seal:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.25);border-radius:50%}
.bureau-about-seal strong{font-family:Georgia,"Times New Roman",serif;color:#fff;font-size:35px;font-weight:400;font-style:italic}
.bureau-about-seal span{color:#d2d8dc;font-size:9px;line-height:1.35;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.bureau-about-principles{grid-area:principles;padding:7px 0 0 30px}
.bureau-about-principle-lead{padding:0 0 30px;border-bottom:1px solid #c8c3ba}
.bureau-about-principle-lead>span{display:block;margin-bottom:14px;color:#a92520;font-size:9px;font-weight:850;letter-spacing:1.8px}
.bureau-about-principle-lead>strong{display:block;color:#101820;font-size:22px;line-height:1.35;font-weight:680;letter-spacing:-.5px}
.bureau-about-principles ol{margin:0;padding:0;list-style:none}
.bureau-about-principles li{
display:grid;grid-template-columns:38px 1fr;gap:4px 13px;padding:20px 0;border-bottom:1px solid #c8c3ba;
}
.bureau-about-principles li>span{grid-row:1/3;color:#a92520;font-size:10px;font-weight:850;letter-spacing:1px;padding-top:3px}
.bureau-about-principles li>strong{color:#101820;font-size:14px;font-weight:780}
.bureau-about-principles li>small{color:#6c747a;font-size:11px;line-height:1.45}
@media(max-width:1024px){
.bureau-about{padding:88px 0 94px}
.bureau-about .bureau-about-grid{gap:55px 50px}
.bureau-about-heading h2{font-size:58px;letter-spacing:-2.8px}
.bureau-about-story{padding-top:32px}
.bureau-about-figure{height:470px;min-height:470px}
.bureau-about-seal{right:-32px;width:112px;height:112px}
}
@media(max-width:760px){
.bureau-about{padding:70px 0 76px}
.bureau-about:before{display:none}
.bureau-about-word{top:48px;font-size:94px;letter-spacing:-6px}
.bureau-about .bureau-about-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"heading" "story" "figure" "principles";gap:38px}
.bureau-about-heading h2{font-size:43px;line-height:.98;letter-spacing:-2px}
.bureau-about-heading h2 em{letter-spacing:-1.5px}
.bureau-about-story{padding:0;border-left:0}
.bureau-about-figure{order:initial;height:400px;min-height:400px;margin-left:13px}
.bureau-about-figure:before{left:-13px;top:13px;width:45px}
.bureau-about-seal{right:16px;top:18px;width:102px;height:102px}
.bureau-about-seal strong{font-size:29px}
.bureau-about-principles{padding-left:0}
}
/* ===== CMS CONTENT STYLES (header rules above preserved) ===== */
body{background:#f4f4f4}
.section{padding:52px 0;background:#fff}
.section.alt{background:#f7f7f7}
.section-title{border-bottom:1px solid #e6e6e6;padding-bottom:14px;margin:0 0 28px;color:#333;font-size:25px;font-weight:700}
.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:#fff;border:1px solid #e7e7e7;box-shadow:0 4px 18px rgba(0,0,0,.05);overflow:hidden}
.card-body{padding:18px}
.card h3,.card h4{margin:0 0 10px;color:#333}
.card p{line-height:1.65;color:#777}
.card img{display:block;width:100%;height:190px;object-fit:cover}
.btn{display:inline-block;padding:10px 18px;border:1px solid #e03820;color:#e03820;text-decoration:none}
.btn:hover{background:#e03820;color:#fff}
.price{font-weight:700;color:#e03820;font-size:21px}
.home-about{display:grid;grid-template-columns:3fr 2fr;gap:35px}
.news-list{background:linear-gradient(#f2f2f2,#fff);padding:0 20px 20px}
.news-head{background:#e03820;color:#fff;margin:0 -20px 20px;padding:18px}
.feature-circle{height:145px;width:145px;border-radius:50%;background:#f0f0f0;margin:0 auto 16px;display:grid;place-items:center;font-size:48px;color:#e03820;border:3px solid #fff}
.feature{text-align:center}
.feature h4{color:#e03820}
.package{border-top:4px solid #e03820}
.package ul{padding-left:20px;line-height:1.8}
.team-card{text-align:center}.team-card img{height:230px}
.stats{background:#333;color:#fff;padding:45px 0}
.stat{text-align:center}.stat strong{font-size:36px;display:block}.stat span{color:#ccc}
.callbar{background:#e03820;color:#fff;padding:24px 0}.callbar .wrap{display:flex;align-items:center;justify-content:space-between}
.footer{background:#252525;color:#bbb;padding:45px 0 0}
.footer h4{color:#fff;margin-top:0}.footer a{color:#bbb;text-decoration:none}.footer a:hover{color:#fff}
.footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:35px}
.altfooter{background:#1b1b1b;margin-top:35px;padding:18px 0;text-align:center;color:#888}
.page-head{background:#353535;color:#fff;padding:45px 0}.page-head h1{margin:0}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.product-detail img{width:100%;max-height:460px;object-fit:cover}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.public-form input,.public-form textarea,.public-form select{width:100%;padding:11px;border:1px solid #ccc;margin-bottom:13px}
.public-form button{border:0;background:#e03820;color:#fff;padding:12px 22px;cursor:pointer}
.alert{padding:12px 15px;margin:0 0 18px;border-radius:3px}.alert.ok{background:#e8f7ec;color:#236d35}.alert.err{background:#fdeaea;color:#9a2626}
@media(max-width:1024px){
.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}
.home-about,.product-detail,.footer .cols{grid-template-columns:1fr}.callbar .wrap{display:block}.callbar .btn{margin-top:12px;color:#fff;border-color:#fff}
}
@media(max-width:650px){.grid-2,.grid-3,.grid-4,.form-row{grid-template-columns:1fr}}
/* ===================================================================
EXACT APPROVED HEADER
Bu bölüm daha önce kullanıcı tarafından "şimdi oldu" denilen header'ın
geometri değerlerini aynen kullanır. Yaklaşık ölçü / clip-path YOK.
=================================================================== */
@media (min-width:1025px){
#wrapper{width:1024px;margin-left:auto;margin-right:auto}
.header{position:relative;z-index:255}
.menubg{background:var(--menu-color,#e03820);float:left;width:100%;height:auto}
.head{background-color:var(--head-color,#000000);float:left;height:41px;width:100%;margin-bottom:-1px}
.logo{
height:120px;
width:1500px;
top:0;
margin-left:-1220px;
position:absolute;
background-color:var(--logo-bg,#fff);
z-index:755;
background-repeat:no-repeat;
clip-path:none;
}
.logoright{
display:block!important;
background-image:url('logoright.png');
background-repeat:no-repeat;
background-position:right top;
float:right;
height:120px;
width:30px;
margin-right:-18px;
}
.logoright:before{display:none!important}
.logoimage{
float:right;
margin-top:15px;
margin-right:20px;
width:var(--logo-desktop-width,230px);
height:var(--logo-desktop-height,86px);
max-width:none;
object-fit:contain;
}
.dilvesosyal{color:#fff;float:left;font-size:13px;margin-left:310px}
.diller{float:left}
.diller a{color:#fff;line-height:40px;margin-right:5px;margin-left:5px;text-decoration:none}
#dilaktif{font-weight:700;font-size:14px}
.sosyallinkler{float:left;margin-left:30px}
.sosyallinkler a{
float:left;font-size:14px;line-height:40px;color:#fff;
padding-left:10px;padding-right:10px;text-decoration:none
}
.sosyallinkler a:hover{background:rgba(0,0,0,.2)}
.accountlinks{float:right;margin-right:0}
.accountlinks a{
color:#fff;line-height:40px;padding-right:15px;padding-left:15px;
float:right;font-size:13px;font-weight:700;text-decoration:none
}
.accountlinks a:hover{background:rgba(0,0,0,.2)}
.menu{float:right;width:100%}
.menu>ul,.menu ul{padding:0;margin:0;float:right}
.menu li{float:left;position:relative;list-style-type:none}
.menu li a{
float:right;color:#fff;padding-left:20px;padding-right:20px;
text-decoration:none;line-height:65px;font-weight:600;font-size:17px;
border-right-width:1px;border-right-style:solid;
border-right-color:rgba(0,0,0,.1)
}
.menu ul li ul li:hover a{background:rgba(0,0,0,.3)}
.menu li:hover>a{background:rgba(0,0,0,.1)}
.menu ul li ul{
width:200px;background:var(--menu-color,#e03820);float:left;
position:absolute;top:65px;left:-1px;z-index:1000;
display:none;margin:0;padding:0
}
.menu ul li ul li{float:none;margin:0;padding:0}
.menu ul li ul li a{
background:none;font-size:14px;float:none;text-align:left;display:block;
line-height:40px;margin:0;padding:0 0 0 10px;
border-bottom-width:1px;border-right-style:none;border-bottom-style:solid;
border-bottom-color:rgba(0,0,0,.1)
}
.menu li:hover>ul{display:block}
.menu ul li ul li ul{
width:200px;height:auto;float:left;position:absolute;
top:0;left:100%;z-index:1001;display:none
}
.menu ul li ul li ul li a:hover{background:rgba(0,0,0,.4)}
.menuAc{padding:5px;color:#fff;font-weight:700;cursor:pointer;display:none;font-size:24px;width:100%;float:left}
}
/* ===== HİZMETLER - PREMIUM ATELIER SHOWCASE v1.10.31 ===== */
.services-atelier-section{
position:relative;
overflow:hidden;
padding:88px 0 72px;
background:linear-gradient(180deg,#f7f8fa 0%,#f3f5f7 100%);
border-top:1px solid #e8edf1;
border-bottom:1px solid #e8edf1;
color:#071A38;
font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
}
.services-atelier-wrap{
width:min(1450px,calc(100% - 56px));
margin:0 auto;
}
.services-atelier-shell{
display:grid;
grid-template-columns:410px minmax(0,1fr);
gap:28px;
align-items:stretch;
}
.services-atelier-intro,
.services-atelier-panel{
min-width:0;
}
.services-atelier-intro{
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:690px;
padding:38px 34px 34px;
border-radius:34px;
background:#071A38;
color:#fff;
box-shadow:0 18px 42px rgba(7,26,56,.08);
}
.services-atelier-intro:before,
.services-atelier-intro:after{
content:"";
position:absolute;
border-radius:50%;
pointer-events:none;
}
.services-atelier-intro:before{
right:-70px;
bottom:-78px;
width:320px;
height:320px;
border:1px solid rgba(255,255,255,.06);
box-shadow:0 0 0 42px rgba(255,255,255,.03),0 0 0 84px rgba(255,255,255,.018);
}
.services-atelier-intro:after{
left:-60px;
top:-70px;
width:180px;
height:180px;
background:radial-gradient(circle,rgba(22,142,104,.14) 0%,rgba(22,142,104,0) 68%);
}
.services-atelier-kicker{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:18px;
color:#65d2ad;
font-size:11px;
line-height:1;
font-weight:850;
letter-spacing:2.2px;
}
.services-atelier-kicker:before{
content:"";
width:34px;
height:2px;
background:#65d2ad;
}
.services-atelier-intro h2{
margin:0;
color:#fff;
font-size:clamp(39px,4.1vw,58px);
line-height:.98;
font-weight:830;
letter-spacing:-1.6px;
}
.services-atelier-intro p{
max-width:300px;
margin:24px 0 0;
color:rgba(255,255,255,.72);
font-size:14px;
line-height:1.9;
}
.services-atelier-actions{
margin-top:32px;
}
.services-atelier-actions a{
display:inline-flex;
align-items:center;
gap:10px;
padding:15px 22px;
border-radius:999px;
background:#fff;
color:#071A38;
text-decoration:none;
font-size:12px;
font-weight:850;
letter-spacing:.2px;
}
.services-atelier-actions a span{
color:#168e68;
font-size:14px;
}
.services-atelier-facts{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-top:38px;
}
.services-atelier-facts span{
padding:16px 14px;
border-radius:20px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
}
.services-atelier-facts strong{
display:block;
color:#65d2ad;
font-size:19px;
line-height:1;
font-weight:850;
}
.services-atelier-facts small{
display:block;
margin-top:8px;
color:rgba(255,255,255,.68);
font-size:11px;
font-weight:700;
}
.services-atelier-panel{
padding:24px;
border-radius:34px;
background:#fff;
border:1px solid #e4eaee;
box-shadow:0 18px 42px rgba(13,35,60,.05);
}
.services-atelier-panel-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
padding:4px 6px 22px;
}
.services-atelier-panel-label{
display:inline-block;
color:#168e68;
font-size:10px;
font-weight:850;
letter-spacing:1.9px;
}
.services-atelier-panel-head h3{
max-width:650px;
margin:9px 0 0;
color:#071A38;
font-size:28px;
line-height:1.18;
font-weight:800;
letter-spacing:-.7px;
}
.services-atelier-panel-head a{
flex:0 0 auto;
margin-top:8px;
color:#071A38;
text-decoration:none;
font-size:11px;
font-weight:850;
border-bottom:1px solid rgba(7,26,56,.18);
padding-bottom:5px;
}
.services-atelier-showcase{
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
gap:20px;
align-items:stretch;
}
.services-atelier-feature{
position:relative;
overflow:hidden;
display:block;
min-height:560px;
border-radius:28px;
text-decoration:none;
color:#fff;
background:#071A38;
clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%);
}
.services-atelier-feature-media,
.services-atelier-feature-overlay{
position:absolute;
inset:0;
}
.services-atelier-feature-media img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transform:scale(1.01);
transition:opacity .18s ease, transform .55s cubic-bezier(.2,.8,.2,1);
}
.services-atelier-feature:hover .services-atelier-feature-media img{
transform:scale(1.045);
}
.services-atelier-feature-overlay{
z-index:1;
background:
linear-gradient(180deg,rgba(7,26,56,.16) 0%,rgba(7,26,56,.08) 36%,rgba(7,26,56,.92) 100%);
}
.services-atelier-feature-ring{
position:absolute;
top:-34px;
right:-38px;
z-index:2;
width:180px;
height:180px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
box-shadow:0 0 0 30px rgba(255,255,255,.03),0 0 0 60px rgba(255,255,255,.016);
}
.services-atelier-feature-top,
.services-atelier-feature-body{
position:absolute;
z-index:3;
left:30px;
right:30px;
}
.services-atelier-feature-top{
top:26px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.services-atelier-feature-top small{
color:#65d2ad;
font-size:10px;
line-height:1;
font-weight:850;
letter-spacing:1.9px;
}
.services-atelier-feature-top b{
color:rgba(255,255,255,.8);
font-size:12px;
line-height:1;
font-weight:850;
letter-spacing:1.4px;
}
.services-atelier-feature-body{
bottom:30px;
}
.services-atelier-feature-body strong{
display:block;
max-width:520px;
color:#fff;
font-size:clamp(34px,3vw,46px);
line-height:1.02;
font-weight:830;
letter-spacing:-1.2px;
}
.services-atelier-feature-body em{
display:block;
margin-top:10px;
color:rgba(255,255,255,.72);
font-style:normal;
font-size:13px;
font-weight:600;
}
.services-atelier-nav{
display:grid;
grid-template-columns:1fr;
gap:10px;
}
.services-atelier-item{
position:relative;
display:grid;
grid-template-columns:42px minmax(0,1fr) 18px;
align-items:center;
gap:12px;
min-height:54px;
padding:13px 16px;
border:1px solid #e6ebef;
border-radius:20px;
background:#fbfcfd;
color:#071A38;
text-align:left;
cursor:pointer;
transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.services-atelier-item:hover,
.services-atelier-item.is-active{
transform:translateY(-2px);
border-color:#d7e6de;
background:#f7fbf9;
box-shadow:0 12px 24px rgba(8,26,46,.05);
}
.services-atelier-item.is-active:before{
content:"";
position:absolute;
left:0;
top:14px;
bottom:14px;
width:3px;
border-radius:999px;
background:#168e68;
}
.services-atelier-item-no{
display:grid;
place-items:center;
width:42px;
height:42px;
border-radius:14px;
background:#fff;
border:1px solid #e8edf1;
color:#9aa6b2;
font-size:10px;
font-weight:850;
letter-spacing:1px;
}
.services-atelier-item.is-active .services-atelier-item-no,
.services-atelier-item:hover .services-atelier-item-no{
color:#168e68;
border-color:#d6e8df;
}
.services-atelier-item-text strong{
display:block;
color:#071A38;
font-size:15px;
line-height:1.14;
font-weight:780;
letter-spacing:-.2px;
}
.services-atelier-item-text small{
display:block;
margin-top:4px;
color:#8a95a1;
font-size:11px;
font-weight:600;
}
.services-atelier-item-arrow{
color:#168e68;
font-size:13px;
font-weight:850;
}
@media(max-width:1240px){
.services-atelier-shell{
grid-template-columns:1fr;
}
.services-atelier-intro{
min-height:0;
}
}
@media(max-width:980px){
.services-atelier-wrap{
width:min(980px,calc(100% - 36px));
}
.services-atelier-panel-head{
flex-direction:column;
align-items:flex-start;
}
.services-atelier-showcase{
grid-template-columns:1fr;
}
.services-atelier-feature{
min-height:430px;
}
.services-atelier-nav{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:640px){
.services-atelier-section{
padding:58px 0 50px;
}
.services-atelier-wrap{
width:calc(100% - 22px);
}
.services-atelier-intro,
.services-atelier-panel{
border-radius:24px;
padding:22px;
}
.services-atelier-intro h2{
font-size:34px;
letter-spacing:-1px;
}
.services-atelier-intro p{
max-width:none;
font-size:13px;
}
.services-atelier-facts{
grid-template-columns:1fr;
}
.services-atelier-panel-head h3{
font-size:23px;
}
.services-atelier-feature{
min-height:330px;
border-radius:22px;
}
.services-atelier-feature-top,
.services-atelier-feature-body{
left:20px;
right:20px;
}
.services-atelier-feature-body strong{
font-size:29px;
}
.services-atelier-nav{
grid-template-columns:1fr;
}
.services-atelier-item{
min-height:52px;
border-radius:18px;
}
}
/* CACHE FIX 1.3.2 - hizmetler CSS güncellemesi */
/* ===== AUTO LANGUAGE SWITCHER v1.4.1 - EXACT COMPACT STYLE ===== */
.lang-switcher{
position:relative;
float:left;
z-index:6000;
font-family:Arial,Helvetica,sans-serif;
}
/* Kullanıcının gönderdiği örnekteki gibi:
koyu yeşil zemin + gerçek Türk bayrağı + tek TR + ince aşağı ok */
.lang-trigger{
height:41px;
min-width:104px;
padding:0 13px;
border:0;
border-radius:0;
display:flex;
align-items:center;
justify-content:flex-start;
gap:8px;
background:var(--language-button-bg,#0b2d17);
color:#aeb7b1;
cursor:pointer;
font:700 15px/1 Arial,Helvetica,sans-serif;
outline:0;
}
.lang-trigger:hover{background:#10391e}
.lang-current-flag{
width:25px;
height:18px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:3px;
flex:0 0 25px;
}
.lang-current-flag img{
display:block;
width:25px;
height:18px;
object-fit:cover;
}
.lang-current-code{
color:#aeb7b1;
font-size:15px;
font-weight:700;
letter-spacing:.1px;
}
.lang-chevron{
width:7px;
height:7px;
margin-left:2px;
margin-top:-4px;
border-right:1.5px solid #748078;
border-bottom:1.5px solid #748078;
transform:rotate(45deg);
transition:transform .16s ease,margin .16s ease;
}
.lang-switcher.is-open .lang-chevron{
margin-top:4px;
transform:rotate(225deg);
}
/* Dropdown: tüm Google dilleri */
.lang-dropdown{
display:none;
position:absolute;
left:0;
top:calc(100% + 7px);
width:380px;
max-width:min(92vw,380px);
background:#fff;
color:#222;
border:1px solid #e1e5e7;
border-radius:10px;
box-shadow:0 18px 55px rgba(0,0,0,.22);
overflow:hidden;
text-align:left;
}
.lang-switcher.is-open .lang-dropdown{display:block}
.lang-search-box{
padding:10px;
background:#f7f8f8;
border-bottom:1px solid #e8ebed;
}
.lang-search{
display:block;
width:100%;
height:40px;
padding:0 12px;
border:1px solid #d4d9dc;
border-radius:7px;
outline:0;
font:14px Arial,Helvetica,sans-serif;
}
.lang-search:focus{
border-color:#0b7b36;
box-shadow:0 0 0 3px rgba(11,123,54,.10);
}
.lang-list{
max-height:440px;
overflow-y:auto;
overflow-x:hidden;
padding:6px;
display:grid;
grid-template-columns:1fr 1fr;
gap:2px;
}
.lang-option{
min-width:0;
min-height:43px;
border:0;
border-radius:7px;
padding:6px 8px;
background:transparent;
display:grid;
grid-template-columns:28px 34px minmax(0,1fr);
gap:7px;
align-items:center;
cursor:pointer;
color:#25292c;
text-align:left;
}
.lang-option:hover{background:#f0f5f1}
.lang-option.is-active{
background:#e5f3e9;
color:#075f2a;
}
.lang-option-flag{
width:24px;height:18px;
display:flex;align-items:center;justify-content:center;
overflow:hidden;
border-radius:2px;
}
.lang-option-flag img{
width:24px;height:18px;object-fit:cover;display:block
}
.lang-option strong{
font-size:11px;
font-weight:800;
color:inherit;
}
.lang-option em{
min-width:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-style:normal;
font-size:12px;
color:inherit;
}
.lang-globe{font-size:18px;line-height:1}
.lang-loading{
grid-column:1/-1;
padding:18px;
text-align:center;
color:#747c82;
font-size:13px;
}
@media(min-width:1025px){
.dilvesosyal{
display:flex;
align-items:center;
}
.dilvesosyal .lang-switcher{
margin-right:18px;
}
.dilvesosyal .sosyallinkler{
margin-left:0!important;
}
}
@media(max-width:1024px){
.lang-switcher-mobile{
display:block!important;
float:none!important;
flex:0 0 auto;
}
.lang-switcher-mobile .lang-trigger{
height:38px;
min-width:88px;
border-radius:9px;
padding:0 10px;
}
.lang-switcher-mobile .lang-current-flag{
width:22px;height:16px;flex-basis:22px;
}
.lang-switcher-mobile .lang-current-flag img{
width:22px;height:16px;
}
.lang-switcher-mobile .lang-dropdown{
left:auto;
right:-48px;
top:47px;
width:min(94vw,360px);
}
.lang-list{
grid-template-columns:1fr;
max-height:min(62vh,430px);
}
}
/* Own translator: translated page subtle loading state */
.site-translating body{cursor:progress}
.site-translating body:after{
content:'';
position:fixed;
right:18px;
bottom:86px;
z-index:9999;
width:22px;height:22px;
border:3px solid rgba(224,56,32,.2);
border-top-color:var(--menu-color,#e03820);
border-radius:50%;
animation:crevonSpin .7s linear infinite;
}
@keyframes crevonSpin{to{transform:rotate(360deg)}}
/* ===== PROFESSIONAL TRANSLATION HERO SLIDER v1.6.0 ===== */
.pro-hero-slider{
position:relative;
width:100%;
height:620px;
overflow:hidden;
background:#111;
isolation:isolate;
}
.pro-hero-track,.pro-hero-slide{position:absolute;inset:0}
.pro-hero-slide{
opacity:0;
visibility:hidden;
background:#111;
transition:opacity .72s ease,visibility .72s ease;
}
.pro-hero-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
z-index:0;
transform:scale(1.001);
}
.pro-hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.pro-hero-slide:before{
content:"";
position:absolute;inset:0;
background:
linear-gradient(90deg,rgba(5,10,15,.60) 0%,rgba(5,10,15,.40) 34%,rgba(5,10,15,.13) 66%,rgba(5,10,15,.02) 100%);
z-index:1;
}
.pro-hero-overlay{
position:absolute;inset:0;
background:rgba(0,0,0,var(--slide-overlay,.00));
z-index:1;
}
.pro-hero-content{
position:relative;
z-index:2;
height:100%;
display:flex;
align-items:center;
}
.pro-hero-copy{
width:min(690px,70%);
color:#fff;
padding-bottom:16px;
}
.pro-hero-eyebrow{
display:inline-flex;
align-items:center;
min-height:28px;
margin-bottom:16px;
color:#ff3b2f;
font-size:13px;
font-weight:900;
letter-spacing:1.7px;
text-transform:uppercase;
}
.pro-hero-eyebrow:before{
content:"";
width:38px;height:2px;
margin-right:11px;
background:#e03820;
}
.pro-hero-copy h1{
margin:0 0 18px;
max-width:670px;
font-size:58px;
line-height:1.02;
letter-spacing:-1.6px;
font-weight:900;
color:#fff;
text-shadow:0 3px 18px rgba(0,0,0,.30);
}
.pro-hero-copy p{
max-width:630px;
margin:0;
color:rgba(255,255,255,.88);
font-size:18px;
line-height:1.72;
}
.pro-hero-actions{
display:flex;
gap:13px;
flex-wrap:wrap;
margin-top:30px;
}
.pro-hero-btn{
min-height:50px;
padding:0 23px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:14px;
border-radius:3px;
text-decoration:none;
font-size:14px;
font-weight:800;
transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.pro-hero-btn.primary{background:#e1301f;color:#fff;border:1px solid #e1301f}
.pro-hero-btn.primary:hover{background:#c92718;border-color:#c92718;transform:translateY(-2px)}
.pro-hero-btn.secondary{background:rgba(12,18,23,.45);color:#fff;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(5px)}
.pro-hero-btn.secondary:hover{background:#fff;color:#222;transform:translateY(-2px)}
/* Kullanıcının örneğindeki sağ dikey navigasyon */
.pro-slider-dots{
position:absolute;
z-index:9;
right:28px;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:center;
gap:18px;
}
.pro-slider-dot{
width:13px;
height:13px;
padding:0;
border:0;
border-radius:50%;
background:#fff;
box-shadow:0 1px 4px rgba(0,0,0,.28);
cursor:pointer;
position:relative;
}
.pro-slider-dot.is-active{
width:25px;
height:25px;
background:transparent;
border:2px solid #fff;
box-shadow:none;
}
.pro-slider-dot.is-active:after{
content:"";
position:absolute;
width:7px;height:7px;
border-radius:50%;
background:transparent;
left:50%;top:50%;
transform:translate(-50%,-50%);
}
.pro-slider-arrow{
position:absolute;
z-index:8;
top:50%;
transform:translateY(-50%);
width:46px;height:64px;
border:0;
background:rgba(0,0,0,.20);
color:#fff;
font-size:42px;
font-weight:300;
cursor:pointer;
opacity:0;
transition:opacity .18s ease,background .18s ease;
}
.pro-slider-arrow.prev{left:0}
.pro-slider-arrow.next{right:70px}
.pro-hero-slider:hover .pro-slider-arrow{opacity:1}
.pro-slider-arrow:hover{background:rgba(0,0,0,.52)}
@media(max-width:1024px){
.pro-hero-slider{height:520px}
.pro-hero-slide:before{
background:linear-gradient(90deg,rgba(5,10,15,.90),rgba(5,10,15,.56));
}
.pro-hero-content{width:100%!important;padding:0 22px}
.pro-hero-copy{width:82%;padding-top:0}
.pro-hero-copy h1{font-size:42px}
.pro-hero-copy p{font-size:16px}
.pro-slider-dots{right:14px;gap:14px}
.pro-slider-arrow{display:none}
}
@media(max-width:600px){
.pro-hero-slider{height:500px}
.pro-hero-copy{width:88%}
.pro-hero-eyebrow{font-size:11px;letter-spacing:1.2px}
.pro-hero-copy h1{font-size:34px;line-height:1.08;letter-spacing:-.7px}
.pro-hero-copy p{font-size:14px;line-height:1.6}
.pro-hero-actions{margin-top:22px}
.pro-hero-btn{min-height:46px;padding:0 17px}
.pro-slider-dot{width:10px;height:10px}
.pro-slider-dot.is-active{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){
.pro-hero-slide,.pro-hero-btn{transition:none}
}
/* ===== SLIDER BANNER RENDER FIX v1.6.3 =====
Banner artık CSS url() yerine gerçek ![]()
olarak render edilir.
Böylece admin yüklemeleri, alt klasör kurulumları ve cache durumlarında doğrudan görünür. */
.pro-hero-slide.is-active .pro-hero-bg{animation:sliderBgIn .7s ease both}
@keyframes sliderBgIn{from{opacity:.86}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.pro-hero-slide.is-active .pro-hero-bg{animation:none}}
/* ===== SLIDER + HEADER GEOMETRY FIX v1.6.4 =====
Masaüstünde slider artık kırmızı menünün ALTINDAN başlamaz.
Siyah üst barın hemen altından başlar;
kırmızı menü slider'ın üzerinde overlay olarak durur.
Eski 620px görünür alan korunur: 65px menü + 620px slider = 685px. */
@media (min-width:1025px){
.header{
height:41px;
position:relative;
z-index:255;
}
.header .head{
position:relative;
z-index:500;
}
.header .menubg{
position:absolute;
left:0;
top:41px;
z-index:420;
width:100%;
height:65px;
float:none;
margin:0;
}
.pro-hero-slider{
height:685px;
margin-top:0;
}
/* Menü slider'ın ilk 65px'inin üstünde durduğu için içerik/dot/oklar
eski görünür merkezlerinde kalır. */
.pro-hero-content{
box-sizing:border-box;
padding-top:65px;
}
.pro-slider-dots{
top:calc(50% + 32.5px);
}
.pro-slider-arrow{
top:calc(50% + 32.5px);
}
}
/* Bannerın önündeki aşırı siyahlığı kaldır.
Sadece solda metnin okunması için hafif gradient kalır. */
.pro-hero-overlay{
pointer-events:none;
}
/* ===== FULL HEADER OVER SLIDER v1.6.5 =====
Slider artık siyah üst barın da arkasına kadar çıkar.
Üst bardaki yazılar/bayrak/sosyal ikonlar beyaz kaldığı için okunur.
Logo alanı kendi beyaz zeminiyle sliderın üzerinde kalır.
Kırmızı menü de sliderın üzerinde overlay olarak kalır. */
@media (min-width:1025px){
/* Header tamamen sliderın üzerine alınır; artık sayfada 41px boşluk tutmaz. */
.header{
position:absolute!important;
top:0;
left:0;
right:0;
width:100%;
height:106px!important; /* 41 üst bar + 65 menü */
z-index:5000!important;
pointer-events:none;
}
.header .head,
.header .menubg,
.header .logo,
.header .dilvesosyal,
.header .accountlinks,
.header .menu{
pointer-events:auto;
}
/* Siyah zemin kaldırıldı: slider üst barın arkasından görünür. */
.header .head{
position:absolute!important;
left:0;
top:0;
width:100%;
height:41px!important;
background:transparent!important;
margin:0!important;
z-index:5200!important;
}
/* İstenirse okunabilirliği artıran çok hafif gölge; siyah blok oluşturmaz. */
.header .head:after{
content:"";
position:absolute;
inset:0;
z-index:-1;
pointer-events:none;
background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.08),rgba(0,0,0,.18));
}
.header .menubg{
position:absolute!important;
left:0!important;
top:41px!important;
width:100%!important;
height:65px!important;
margin:0!important;
z-index:5100!important;
}
/* Slider sayfanın en üstünden başlar.
Önceki alt bitiş noktası değişmesin diye 41px uzatıldı. */
.pro-hero-slider{
height:726px!important;
margin-top:0!important;
}
/* İçerik: 41px üst bar + 65px menü altında görsel olarak merkezde kalsın. */
.pro-hero-content{
box-sizing:border-box;
padding-top:106px!important;
}
.pro-slider-dots{
top:calc(50% + 53px)!important;
}
.pro-slider-arrow{
top:calc(50% + 53px)!important;
}
}
/* ===== LANGUAGE BUTTON BACKGROUND FIX v1.6.6 =====
Yeşil blok kaldırıldı. Slider üstünde hafif beyaz/şeffaf cam görünümü. */
@media (min-width:1025px){
.lang-trigger{
background:rgba(255,255,255,.10)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.14)!important;
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
}
.lang-trigger:hover{
background:rgba(255,255,255,.17)!important;
}
.lang-current-code{
color:#fff!important;
}
.lang-chevron{
border-right-color:rgba(255,255,255,.72)!important;
border-bottom-color:rgba(255,255,255,.72)!important;
}
}
/* ===== BANNER HEIGHT / IMAGE FIT v1.6.7 =====
Desktop slider biraz kısaltıldı.
Farklı banner fotoğrafları bozulmadan alanı doldurur. */
@media (min-width:1025px){
.pro-hero-slider{
height:660px!important;
}
.pro-hero-bg{
width:100%;
height:100%;
object-fit:cover!important;
object-position:center center!important;
}
/* Header toplam 106px sliderın üstünde kaldığı için içerik,
navigasyon ve oklar görünür slider alanında ortalanır. */
.pro-hero-content{
padding-top:106px!important;
}
.pro-slider-dots{
top:calc(50% + 53px)!important;
}
.pro-slider-arrow{
top:calc(50% + 53px)!important;
}
}
/* Daha kısa ekranlarda banner gereksiz uzamasın. */
@media (min-width:1025px) and (max-height:800px){
.pro-hero-slider{
height:610px!important;
}
}
/* ===== SMART BANNER FIT v1.6.8 =====
Sorunun kaynağı: bütün görseller object-fit:cover ile zorla 660px alana
dolduruluyordu. Hazır tasarlanmış bannerlarda bu ciddi kırpma yapar.
Artık slider bazında contain/cover seçilebilir. */
.pro-hero-backdrop{
position:absolute;
inset:-28px;
width:calc(100% + 56px);
height:calc(100% + 56px);
object-fit:cover;
object-position:var(--slide-position,center);
filter:blur(22px) brightness(.62);
transform:scale(1.05);
opacity:0;
z-index:0;
pointer-events:none;
}
.pro-hero-bg{
object-position:var(--slide-position,center)!important;
}
/* Hazır tasarlanmış banner: resmin tamamı görünür.
Boşluk kalırsa aynı görselin blur arka planı alanı doldurur. */
.pro-hero-slide.fit-contain .pro-hero-backdrop{opacity:1}
.pro-hero-slide.fit-contain .pro-hero-bg{
object-fit:contain!important;
transform:none!important;
}
/* Fotoğraf tipi hero: eski davranış, tüm alanı kaplar. */
.pro-hero-slide.fit-cover .pro-hero-bg{
object-fit:cover!important;
}
/* Bannerın kendi yazıları varsa CMS başlık/butonlarını tek seçenekle gizle. */
.pro-hero-slide.content-hide .pro-hero-content{
display:none!important;
}
/* Hazır banner modunda soldaki sert gradient de görseli bozmasın.
Ekstra koyuluk istenirse overlay_opacity hâlâ çalışır. */
.pro-hero-slide.fit-contain:before{
background:linear-gradient(90deg,rgba(5,10,15,.12),rgba(5,10,15,.02))!important;
}
/* Masaüstü gerçek slider ölçüsü.
1920x660 bir fotoğraf COVER modunda en yakın eşleşmedir.
CONTAIN modunda ise boyut ne olursa olsun kırpılmadan gösterilir. */
@media (min-width:1025px){
.pro-hero-slider{height:660px!important}
}
/* Admin için önerilen tasarım mantığı:
Hazır grafik/banner: 1920x600–660 ve CONTAIN.
Tam ekran fotoğraf: 1920x660 ve COVER. */
/* ===== TRUE 1920x660 RESPONSIVE RATIO FIX v1.6.9 =====
Önceki hata:
Slider yüksekliği sabit 660px idi, fakat ekran genişliği responsive idi.
Örneğin 1536px genişlikte 1920x660 banner CONTAIN ile 528px yüksekliğe
düşüyor; kalan yaklaşık 132px alan blur/boş bant olarak görünüyordu.
Çözüm:
1920:660 oranını sliderın KENDİSİ de takip eder.
Böylece 1920x660 banner farklı masaüstü genişliklerinde kırpılmadan,
boş bant oluşturmadan tam oturur.
*/
@media (min-width:1025px){
.pro-hero-slider{
width:100%!important;
height:min(660px,34.375vw)!important; /* 660 / 1920 = 0.34375 */
min-height:0!important;
max-height:660px!important;
}
.pro-hero-slide.fit-contain .pro-hero-bg{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:var(--slide-position,center)!important;
}
/* 1920x660 eşleştiğinde blur arka plan görünmez; yalnızca gerçek bir
oran farkı varsa kenarlarda güvenli fallback olarak kalır. */
.pro-hero-slide.fit-contain .pro-hero-backdrop{
opacity:.28;
}
.pro-hero-copy h1{
font-size:clamp(40px,3.05vw,58px);
}
.pro-hero-copy p{
font-size:clamp(14px,1.05vw,18px);
}
}
/* Dar masaüstünde oran doğru kalırken metin de yüksekliğe sığsın. */
@media (min-width:1025px) and (max-width:1250px){
.pro-hero-eyebrow{
margin-bottom:8px;
min-height:22px;
font-size:11px;
}
.pro-hero-copy h1{
margin-bottom:10px;
line-height:1.04;
}
.pro-hero-copy p{
line-height:1.45;
}
.pro-hero-actions{
margin-top:16px;
}
.pro-hero-btn{
min-height:42px;
padding-left:17px;
padding-right:17px;
}
}
/* Önceki 610px kısa-ekran override'ını etkisiz hale getiriyoruz;
oran artık ekran genişliğinden hesaplanıyor. */
@media (min-width:1025px) and (max-height:800px){
.pro-hero-slider{
height:min(660px,34.375vw)!important;
}
}
/* ===== EXACT VISIBLE BANNER CANVAS v1.7.0 =====
Tasarım için gerçek görünür banner alanı: 1920 x 560 px.
Desktop header toplam 106px (41px üst bar + 65px kırmızı menü)
sliderın ÜZERİNDE durur. Önceki hata 1920x660 resmi headerın arkasında
da kullanmak ve kullanıcıdan gizlenen 106px'i banner ölçüsüne katmaktı.
Yeni geometri:
TOPLAM HERO = 106px header-overlay + responsive 1920:560 banner alanı.
Kullanıcının hazırladığı 1920x560 banner kırpılmadan sadece görünür
banner alanına oturur. Headerın arkasında aynı görsel dekoratif olarak
devam eder fakat tasarımın hiçbir kritik kısmı oraya taşınmaz.
*/
@media (min-width:1025px){
.pro-hero-slider{
width:100%!important;
height:calc(106px + min(560px,29.1666667vw))!important; /* 560/1920 */
min-height:0!important;
max-height:666px!important;
background:#111!important;
}
/* Hazır tasarım bannerının gerçek görünür alanı.
1920x560 verirsen hiçbir kırpma ve hiçbir alt/yan bant olmaz. */
.pro-hero-slide.fit-contain .pro-hero-bg{
position:absolute!important;
left:0!important;
right:0!important;
top:106px!important;
bottom:0!important;
width:100%!important;
height:calc(100% - 106px)!important;
object-fit:contain!important;
object-position:var(--slide-position,center)!important;
transform:none!important;
z-index:0!important;
}
/* Header şeffaf olduğu için üst 106px'te de slider hissi devam etsin.
Bu yalnızca dekoratif arka plan; gerçek 1920x560 tasarım kırpılmaz. */
.pro-hero-slide.fit-contain .pro-hero-backdrop{
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:var(--slide-position,center)!important;
filter:brightness(.84)!important;
transform:none!important;
opacity:1!important;
}
/* Kırmızı menüden sonraki 1920x560 alanın tam merkezine yerleşir. */
.pro-hero-content{
box-sizing:border-box!important;
padding-top:106px!important;
}
/* Görünür banner alanının dikey merkezi:
total/2 + 53px = 106px + visible/2 */
.pro-slider-dots,
.pro-slider-arrow{
top:calc(50% + 53px)!important;
}
/* Fotoğraf modu isteyenler için bütün hero alanını dolduran seçenek
çalışmaya devam eder. */
.pro-hero-slide.fit-cover .pro-hero-bg{
top:0!important;
height:100%!important;
object-fit:cover!important;
}
}
/* Küçük masaüstünde önceki sabit yükseklik override'larını geçersiz kıl. */
@media (min-width:1025px) and (max-height:800px){
.pro-hero-slider{
height:calc(106px + min(560px,29.1666667vw))!important;
}
}
/* ===== BANNER FINAL COVER GEOMETRY v1.7.1 =====
Kök neden:
"contain + blur backdrop" hazır bannerı ortada daraltıyor ve iki yanda
gri/blur kolon oluşturuyordu. Slider ile görsel aynı geometriyi
paylaşmıyordu.
Yeni kural:
- Sliderın tamamı 1920:660 oranında.
- Görsel sliderın TAMAMINI doldurur.
- Header aynı görselin üzerinde overlay olarak durur.
- Yan gri/blur alan YOK.
- Varsayılan mod COVER.
*/
@media (min-width:1025px){
.pro-hero-slider{
width:100%!important;
height:min(660px,34.375vw)!important; /* 660 / 1920 */
min-height:0!important;
max-height:660px!important;
background:#111!important;
}
.pro-hero-bg,
.pro-hero-slide.fit-contain .pro-hero-bg,
.pro-hero-slide.fit-cover .pro-hero-bg{
position:absolute!important;
inset:0!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:var(--slide-position,center)!important;
transform:none!important;
z-index:0!important;
}
/* Gri/blur yan bant üreten katman tamamen kapalı. */
.pro-hero-backdrop,
.pro-hero-slide.fit-contain .pro-hero-backdrop,
.pro-hero-slide.fit-cover .pro-hero-backdrop{
display:none!important;
opacity:0!important;
}
/* Header 106px sliderın üstünde overlay. Yazı ve butonlar headerın altındaki
görünür alanda ortalansın. */
.pro-hero-content{
box-sizing:border-box!important;
padding-top:106px!important;
}
.pro-slider-dots,
.pro-slider-arrow{
top:calc(50% + 53px)!important;
}
}
/* Daha kısa ekranlarda da oran bozulmaz; sabit 610/660 override yok. */
@media (min-width:1025px) and (max-height:800px){
.pro-hero-slider{
height:min(660px,34.375vw)!important;
}
}
/* ===== PROFESSIONAL TESTIMONIALS v1.10.16 ===== */
.testimonials-pro{
position:relative;
padding:92px 0 96px;
overflow:hidden;
background:#f6f7f9;
color:#071A38;
}
.testimonials-pro:before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:1px;
background:#e4e8ed;
}
.testimonials-pro-wrap{
position:relative;
}
.testimonials-pro-head{
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
align-items:end;
gap:70px;
margin-bottom:42px;
}
.testimonials-pro-kicker{
display:inline-flex;
align-items:center;
gap:10px;
margin-bottom:15px;
color:#e43b2d;
font-size:11px;
line-height:1;
font-weight:800;
letter-spacing:2px;
}
.testimonials-pro-kicker:before{
content:"";
width:34px;
height:2px;
background:#e43b2d;
}
.testimonials-pro-heading h2{
max-width:720px;
margin:0;
color:#071A38;
font-size:clamp(34px,3.4vw,50px);
line-height:1.05;
font-weight:800;
letter-spacing:-1.35px;
}
.testimonials-pro-head>p{
margin:0 0 3px;
color:#7a8491;
font-size:14px;
line-height:1.75;
}
.testimonials-pro-grid{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
grid-auto-flow:row;
gap:16px;
}
.testimonial-pro-card{
position:relative;
min-width:0;
min-height:190px;
display:flex;
flex-direction:column;
padding:25px 26px 23px;
overflow:hidden;
border:1px solid #e0e5ea;
background:#fff;
box-shadow:0 8px 28px rgba(18,32,50,.045);
transition:
transform 260ms cubic-bezier(.2,.8,.2,1),
border-color 260ms ease,
box-shadow 260ms ease;
}
.testimonial-pro-card:not(.is-featured){
grid-column:2;
}
.testimonial-pro-card.is-featured{
grid-column:1;
grid-row:span 3;
min-height:602px;
padding:38px 40px 34px;
border-color:#071A38;
background:#071A38;
color:#fff;
box-shadow:none;
}
.testimonial-pro-card:hover{
transform:translateY(-3px);
border-color:#ccd3da;
box-shadow:0 14px 34px rgba(18,32,50,.075);
}
.testimonial-pro-card.is-featured:hover{
border-color:#071A38;
box-shadow:0 16px 38px rgba(7,26,56,.13);
}
.testimonial-pro-card-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
margin-bottom:17px;
}
.testimonial-pro-quote{
width:37px;
height:37px;
display:grid;
place-items:center;
color:#e43b2d;
}
.testimonial-pro-quote svg{
width:34px;
height:34px;
fill:currentColor;
}
.testimonial-pro-index{
color:#a5adb6;
font-size:10px;
line-height:1;
font-weight:800;
letter-spacing:1.2px;
}
.testimonial-pro-card.is-featured .testimonial-pro-index{
color:rgba(255,255,255,.36);
}
.testimonial-pro-card blockquote{
flex:1;
margin:0;
color:#384555;
font-size:15px;
line-height:1.72;
font-weight:450;
}
.testimonial-pro-card.is-featured blockquote{
max-width:88%;
display:flex;
align-items:center;
color:#fff;
font-size:clamp(24px,2.15vw,32px);
line-height:1.48;
font-weight:650;
letter-spacing:-.55px;
}
.testimonial-pro-author{
display:flex;
align-items:center;
gap:12px;
margin-top:23px;
padding-top:18px;
border-top:1px solid #e9edf0;
}
.testimonial-pro-card.is-featured .testimonial-pro-author{
margin-top:32px;
padding-top:25px;
border-top-color:rgba(255,255,255,.13);
}
.testimonial-pro-avatar{
width:38px;
height:38px;
flex:0 0 38px;
display:grid;
place-items:center;
border:1px solid #dfe4e9;
background:#f3f5f7;
color:#071A38;
font-size:11px;
font-weight:800;
letter-spacing:.4px;
}
.testimonial-pro-card.is-featured .testimonial-pro-avatar{
width:44px;
height:44px;
flex-basis:44px;
border-color:rgba(255,255,255,.18);
background:rgba(255,255,255,.09);
color:#fff;
}
.testimonial-pro-author-copy{
min-width:0;
display:flex;
flex-direction:column;
}
.testimonial-pro-author-copy strong{
color:#172331;
font-size:13px;
line-height:1.25;
font-weight:750;
}
.testimonial-pro-author-copy small{
margin-top:4px;
color:#9099a3;
font-size:10.5px;
line-height:1.25;
font-weight:500;
}
.testimonial-pro-card.is-featured .testimonial-pro-author-copy strong{
color:#fff;
font-size:14px;
}
.testimonial-pro-card.is-featured .testimonial-pro-author-copy small{
color:rgba(255,255,255,.54);
font-size:11px;
}
/* 4'ten fazla yorum varsa devam eden kartlar altta dengeli iki kolon olur. */
.testimonial-pro-card:nth-child(n+5){
grid-column:auto;
}
@media(max-width:1024px){
.testimonials-pro{
padding:72px 24px 76px;
}
.testimonials-pro-head{
grid-template-columns:1fr;
gap:18px;
margin-bottom:32px;
}
.testimonials-pro-head>p{
max-width:620px;
}
.testimonials-pro-grid{
grid-template-columns:1fr 1fr;
gap:14px;
}
.testimonial-pro-card,
.testimonial-pro-card:not(.is-featured),
.testimonial-pro-card:nth-child(n+5){
grid-column:auto;
}
.testimonial-pro-card.is-featured{
grid-column:1/-1;
grid-row:auto;
min-height:350px;
}
.testimonial-pro-card.is-featured blockquote{
max-width:94%;
font-size:25px;
}
}
@media(max-width:700px){
.testimonials-pro{
padding:54px 14px 58px;
}
.testimonials-pro-heading h2{
font-size:31px;
letter-spacing:-.8px;
}
.testimonials-pro-grid{
grid-template-columns:1fr;
gap:11px;
}
.testimonial-pro-card,
.testimonial-pro-card:not(.is-featured),
.testimonial-pro-card:nth-child(n+5),
.testimonial-pro-card.is-featured{
grid-column:1;
min-height:0;
}
.testimonial-pro-card{
padding:22px 20px 20px;
}
.testimonial-pro-card.is-featured{
padding:27px 23px 24px;
}
.testimonial-pro-card.is-featured blockquote{
max-width:100%;
font-size:21px;
line-height:1.5;
}
.testimonial-pro-card blockquote{
font-size:14.5px;
}
}
/* ===== LANGUAGE HEADER FIT + FAST SWITCH v1.10.2 ===== */
@media (min-width:1025px){
html[data-site-lang]:not([data-site-lang="tr"]) .accountlinks{
display:flex;
align-items:center;
justify-content:flex-end;
height:40px;
max-width:470px;
}
html[data-site-lang]:not([data-site-lang="tr"]) .accountlinks a{
float:none;
flex:0 0 auto;
white-space:nowrap;
line-height:40px;
font-size:var(--i18n-account-font,12px);
padding-left:var(--i18n-account-pad,10px);
padding-right:var(--i18n-account-pad,10px);
}
html[data-site-lang]:not([data-site-lang="tr"]) .menu>ul{
display:flex;
align-items:stretch;
justify-content:flex-end;
flex-wrap:nowrap;
max-width:calc(100% - 285px);
}
html[data-site-lang]:not([data-site-lang="tr"]) .menu>ul>li{
float:none;
flex:0 1 auto;
min-width:0;
}
html[data-site-lang]:not([data-site-lang="tr"]) .menu>ul>li>a{
float:none;
display:block;
white-space:nowrap;
font-size:var(--i18n-nav-font,15px);
padding-left:var(--i18n-nav-pad,16px);
padding-right:var(--i18n-nav-pad,16px);
}
/* Rusça/Cyrillic menülerde ilk render'da güvenli başlangıç ölçüsü. */
html[data-site-lang="ru"] .menu>ul>li>a,
html[data-site-lang="uk"] .menu>ul>li>a,
html[data-site-lang="bg"] .menu>ul>li>a,
html[data-site-lang="sr"] .menu>ul>li>a{
font-size:var(--i18n-nav-font,14px);
padding-left:var(--i18n-nav-pad,12px);
padding-right:var(--i18n-nav-pad,12px);
}
html[data-site-lang="ru"] .accountlinks a,
html[data-site-lang="uk"] .accountlinks a,
html[data-site-lang="bg"] .accountlinks a,
html[data-site-lang="de"] .accountlinks a{
font-size:var(--i18n-account-font,11px);
padding-left:var(--i18n-account-pad,8px);
padding-right:var(--i18n-account-pad,8px);
}
}
/* Çeviri sırasında layout değişimi metni sayfa dışına taşırmasın. */
html[data-site-lang]:not([data-site-lang="tr"]) body{
overflow-x:hidden;
}
html[data-site-lang]:not([data-site-lang="tr"]) .section,
html[data-site-lang]:not([data-site-lang="tr"]) .card,
html[data-site-lang]:not([data-site-lang="tr"]) .testimonial-premium-card{
overflow-wrap:anywhere;
}
/* ===== HEADER TELEFON - MENUYE DOKUNMADAN v1.10.11 =====
ÖNEMLİ: .menu, .menu>ul, .menu li ve menü linklerinin mevcut layout'u değiştirilmez.
*/
@media (min-width:1025px){
.menubg #wrapper{
position:relative;
}
.header-phone-call{
position:absolute;
top:0;
left:var(--header-phone-left,auto);
right:auto;
z-index:50;
width:188px;
height:65px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
box-sizing:border-box;
padding:0 12px;
border-left:1px solid rgba(255,255,255,.30);
border-right:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.085);
color:#fff;
text-decoration:none;
white-space:nowrap;
transition:background .18s ease,border-color .18s ease;
}
.header-phone-call:hover{
background:rgba(255,255,255,.14);
border-left-color:rgba(255,255,255,.46);
color:#fff;
}
.header-phone-icon{
width:30px;
height:30px;
flex:0 0 30px;
display:grid;
place-items:center;
border:1.5px solid rgba(255,255,255,.58);
border-radius:50%;
background:rgba(255,255,255,.07);
color:#fff;
}
.header-phone-icon svg{
width:15px;
height:15px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.header-phone-number{
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:14px;
line-height:1;
font-weight:800;
letter-spacing:.08px;
text-shadow:0 1px 2px rgba(0,0,0,.16);
}
}
/* Ekran daralınca numarayı sağ dış alanda biraz içeri al. */
@media (min-width:1025px) and (max-width:1400px){
.header-phone-call{
width:172px;
padding:0 9px;
gap:8px;
height:65px;
}
.header-phone-icon{
width:31px;
height:31px;
flex-basis:31px;
}
.header-phone-number{
font-size:12.5px;
font-weight:800;
}
}
/* Mobilde menü açıldığında en altta sade satır; desktop menü CSS'ine dokunmaz. */
@media (max-width:1024px){
.menubg #wrapper{
position:relative;
}
.header-phone-call{
width:100%;
min-height:54px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
clear:both;
padding:0 22px;
box-sizing:border-box;
border-top:1px solid rgba(255,255,255,.16);
background:rgba(0,0,0,.10);
color:#fff;
text-decoration:none;
}
.header-phone-icon{
width:27px;
height:27px;
flex:0 0 27px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.28);
border-radius:50%;
}
.header-phone-icon svg{
width:14px;
height:14px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.header-phone-number{
color:#fff;
font-size:13px;
font-weight:750;
}
}
/* ===== TELEFON / İLETİŞİM DİKEY HİZA v1.10.15 ===== */
@media (min-width:1025px){
.header-phone-call{
top:0!important;
height:65px!important;
align-items:center!important;
justify-content:center!important;
}
.header-phone-icon,
.header-phone-number{
align-self:center!important;
}
}
/* ===== TERCÜMANLIK BÜROSU ANA SAYFA BÖLÜMLERİ v1.10.17 ===== */
.translation-process{
padding:88px 0 92px;
background:#fff;
color:#071A38;
border-top:1px solid #eef1f4;
}
.translation-process-head{
display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
gap:70px;
align-items:end;
margin-bottom:42px;
}
.translation-process-kicker,
.language-network-kicker{
display:inline-flex;
align-items:center;
gap:10px;
margin-bottom:14px;
color:#3478F6;
font-size:10.5px;
line-height:1;
font-weight:800;
letter-spacing:2px;
}
.translation-process-kicker:before,
.language-network-kicker:before{
content:"";
width:32px;
height:2px;
background:#3478F6;
}
.translation-process-head h2,
.language-network-copy h2{
margin:0;
color:#071A38;
font-size:clamp(34px,3.2vw,48px);
line-height:1.06;
font-weight:800;
letter-spacing:-1.25px;
}
.translation-process-head>p{
margin:0 0 3px;
color:#7b8591;
font-size:13.5px;
line-height:1.75;
}
.translation-process-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
border-top:1px solid #e5e9ed;
border-bottom:1px solid #e5e9ed;
}
.translation-process-step{
position:relative;
min-width:0;
padding:30px 26px 32px;
border-right:1px solid #e5e9ed;
background:#fff;
transition:background .22s ease,transform .22s ease;
}
.translation-process-step:last-child{border-right:0}
.translation-process-step:hover{
z-index:2;
background:#f8fafc;
transform:translateY(-3px);
}
.translation-step-number{
position:absolute;
right:18px;
top:18px;
color:#c7cdd4;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.translation-step-icon{
width:42px;
height:42px;
display:grid;
place-items:center;
margin-bottom:24px;
color:#3478F6;
border:1px solid #dce4ee;
background:#f8fbff;
}
.translation-step-icon svg,
.assurance-icon svg{
width:21px;
height:21px;
fill:none;
stroke:currentColor;
stroke-width:1.55;
stroke-linecap:round;
stroke-linejoin:round;
}
.translation-process-step h3{
margin:0 0 10px;
color:#071A38;
font-size:16px;
font-weight:750;
}
.translation-process-step p{
margin:0;
color:#7e8894;
font-size:12.5px;
line-height:1.65;
}
.language-network{
padding:88px 0 92px;
background:#f5f7fa;
color:#071A38;
}
.language-network-wrap{
display:grid;
grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
gap:72px;
align-items:center;
}
.language-network-copy p{
max-width:500px;
margin:20px 0 0;
color:#7d8793;
font-size:13.5px;
line-height:1.75;
}
.language-network-link{
display:inline-flex;
align-items:center;
gap:10px;
margin-top:25px;
color:#071A38;
text-decoration:none;
font-size:12px;
font-weight:800;
border-bottom:1px solid #071A38;
padding-bottom:5px;
}
.language-network-link span{color:#3478F6}
.language-network-content{
min-width:0;
padding:28px;
border:1px solid #e0e5ea;
background:#fff;
}
.language-network-languages{
display:flex;
flex-wrap:wrap;
gap:8px;
padding-bottom:24px;
border-bottom:1px solid #e9edf1;
}
.language-network-languages span{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 12px;
border:1px solid #e1e6eb;
background:#fafbfc;
color:#45515e;
font-size:11px;
font-weight:650;
}
.language-network-languages span.is-more{
border-color:#3478F6;
background:#3478F6;
color:#fff;
font-weight:800;
}
.language-network-assurances{
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
margin-top:8px;
}
.language-network-assurances article{
display:flex;
gap:12px;
min-width:0;
padding:20px 18px 18px 0;
border-bottom:1px solid #edf0f3;
}
.language-network-assurances article:nth-child(even){
padding-left:20px;
border-left:1px solid #edf0f3;
}
.language-network-assurances article:nth-last-child(-n+2){
border-bottom:0;
}
.assurance-icon{
width:34px;
height:34px;
flex:0 0 34px;
display:grid;
place-items:center;
color:#3478F6;
}
.language-network-assurances article>div{
min-width:0;
display:flex;
flex-direction:column;
}
.language-network-assurances strong{
color:#182635;
font-size:12px;
line-height:1.3;
font-weight:750;
}
.language-network-assurances small{
margin-top:5px;
color:#8a949f;
font-size:10.5px;
line-height:1.5;
}
@media(max-width:1024px){
.translation-process,
.language-network{padding:68px 24px 72px}
.translation-process-head,
.language-network-wrap{
grid-template-columns:1fr;
gap:24px;
}
.translation-process-grid{
grid-template-columns:1fr 1fr;
}
.translation-process-step:nth-child(2){border-right:0}
.translation-process-step:nth-child(-n+2){border-bottom:1px solid #e5e9ed}
}
@media(max-width:700px){
.translation-process,
.language-network{padding:52px 14px 56px}
.translation-process-head h2,
.language-network-copy h2{
font-size:30px;
letter-spacing:-.8px;
}
.translation-process-grid{
grid-template-columns:1fr;
}
.translation-process-step{
border-right:0;
border-bottom:1px solid #e5e9ed;
}
.translation-process-step:last-child{border-bottom:0}
.language-network-content{padding:20px 16px}
.language-network-assurances{grid-template-columns:1fr}
.language-network-assurances article,
.language-network-assurances article:nth-child(even){
padding:16px 0;
border-left:0;
border-bottom:1px solid #edf0f3;
}
.language-network-assurances article:last-child{border-bottom:0}
}
/* ===== TRUST ZIGZAG v1.10.22 ===== */
.trust-zigzag{
padding:94px 0 96px;
background:#f7f8fa;
color:#071A38;
border-top:1px solid #e9edf1;
border-bottom:1px solid #e9edf1;
overflow:hidden;
}
.trust-zigzag-head{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(280px,.85fr);
gap:72px;
align-items:end;
margin-bottom:44px;
}
.trust-zigzag-kicker{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:16px;
color:#3478F6;
font-size:11px;
line-height:1;
font-weight:800;
letter-spacing:2.1px;
}
.trust-zigzag-kicker:before{
content:"";
width:36px;
height:2px;
background:#3478F6;
}
.trust-zigzag-title h2{
margin:0;
color:#071A38;
font-size:clamp(40px,4vw,64px);
line-height:1.02;
font-weight:820;
letter-spacing:-1.6px;
max-width:700px;
}
.trust-zigzag-head>p{
margin:0 0 7px;
max-width:470px;
color:#75808f;
font-size:15px;
line-height:1.95;
}
.trust-zigzag-road{
position:relative;
display:flex;
flex-direction:column;
gap:22px;
min-height:700px;
padding:10px 0;
}
.trust-zigzag-spine{
position:absolute;
left:50%;
top:18px;
bottom:18px;
width:1px;
background:linear-gradient(to bottom, rgba(52,120,246,.05), rgba(52,120,246,.24), rgba(7,26,56,.08));
transform:translateX(-50%);
}
.trust-zigzag-spine:before,
.trust-zigzag-spine:after{
content:"";
position:absolute;
left:50%;
width:10px;
height:10px;
border-radius:50%;
background:#071A38;
transform:translateX(-50%);
}
.trust-zigzag-spine:before{top:0;}
.trust-zigzag-spine:after{bottom:0;}
.trust-zigzag-card{
position:relative;
width:calc(50% - 62px);
min-height:156px;
padding:34px 34px 32px;
background:#ffffff;
border:1px solid #e3e8ee;
box-shadow:0 18px 40px rgba(11,21,38,.04);
transition:transform 300ms cubic-bezier(.2,.8,.2,1), border-color 300ms cubic-bezier(.2,.8,.2,1), box-shadow 300ms cubic-bezier(.2,.8,.2,1);
}
.trust-zigzag-card-1,
.trust-zigzag-card-3{
margin-right:auto;
}
.trust-zigzag-card-2,
.trust-zigzag-card-4{
margin-left:auto;
}
.trust-zigzag-card-1{margin-top:0;border-radius:30px 30px 30px 12px;}
.trust-zigzag-card-2{margin-top:-6px;border-radius:30px 30px 12px 30px;}
.trust-zigzag-card-3{margin-top:-4px;border-radius:12px 30px 30px 30px;}
.trust-zigzag-card-4{margin-top:-8px;border-radius:30px 12px 30px 30px;}
.trust-zigzag-card:before{
content:"";
position:absolute;
top:52px;
width:58px;
height:1px;
background:#d8dde4;
}
.trust-zigzag-card:after{
content:"";
position:absolute;
top:47px;
width:11px;
height:11px;
border-radius:50%;
background:#3478F6;
box-shadow:0 0 0 7px rgba(52,120,246,.09);
}
.trust-zigzag-card-1:before,
.trust-zigzag-card-3:before{right:-58px;}
.trust-zigzag-card-1:after,
.trust-zigzag-card-3:after{right:-64px;}
.trust-zigzag-card-2:before,
.trust-zigzag-card-4:before{left:-58px;}
.trust-zigzag-card-2:after,
.trust-zigzag-card-4:after{left:-64px;}
.trust-zigzag-step{
position:absolute;
top:24px;
right:28px;
color:#d6dde6;
font-size:42px;
line-height:1;
font-weight:800;
letter-spacing:-1px;
}
.trust-zigzag-badge{
width:64px;
height:64px;
display:grid;
place-items:center;
margin-bottom:18px;
border-radius:18px;
border:1px solid #dbe3eb;
background:#f8fbff;
}
.trust-zigzag-icon{
color:#3478F6;
font-size:30px;
line-height:1;
}
.trust-zigzag-copy h3{
margin:0 0 10px;
color:#071A38;
font-size:30px;
line-height:1.06;
font-weight:800;
letter-spacing:-.9px;
max-width:360px;
}
.trust-zigzag-copy p{
margin:0;
max-width:380px;
color:#768190;
font-size:14px;
line-height:1.82;
}
.trust-zigzag-card:hover{
transform:translateY(-5px);
border-color:#d1d9e4;
box-shadow:0 24px 46px rgba(11,21,38,.06);
}
@media(max-width:1100px){
.trust-zigzag{
padding:76px 22px 78px;
}
.trust-zigzag-head{
grid-template-columns:1fr;
gap:18px;
margin-bottom:34px;
}
.trust-zigzag-road{
min-height:0;
padding-left:44px;
gap:16px;
}
.trust-zigzag-spine{
left:22px;
transform:none;
top:6px;
bottom:6px;
}
.trust-zigzag-card,
.trust-zigzag-card-1,
.trust-zigzag-card-2,
.trust-zigzag-card-3,
.trust-zigzag-card-4{
width:100%;
margin:0;
border-radius:22px;
}
.trust-zigzag-card:before{
left:-22px;
width:22px;
}
.trust-zigzag-card:after{
left:-30px;
}
}
@media(max-width:700px){
.trust-zigzag{
padding:54px 14px 58px;
}
.trust-zigzag-title h2{
font-size:33px;
letter-spacing:-1px;
}
.trust-zigzag-head>p{
font-size:14px;
line-height:1.8;
}
.trust-zigzag-road{
padding-left:34px;
gap:12px;
}
.trust-zigzag-spine{left:17px;}
.trust-zigzag-card,
.trust-zigzag-card-1,
.trust-zigzag-card-2,
.trust-zigzag-card-3,
.trust-zigzag-card-4{
padding:22px 18px 20px;
min-height:0;
border-radius:18px;
}
.trust-zigzag-card:before{
top:36px;
left:-17px;
width:17px;
}
.trust-zigzag-card:after{
top:31px;
left:-24px;
width:9px;
height:9px;
box-shadow:0 0 0 5px rgba(52,120,246,.08);
}
.trust-zigzag-step{
top:16px;
right:18px;
font-size:30px;
}
.trust-zigzag-badge{
width:52px;
height:52px;
margin-bottom:14px;
border-radius:14px;
}
.trust-zigzag-icon{font-size:24px;}
.trust-zigzag-copy h3{
font-size:22px;
line-height:1.12;
}
.trust-zigzag-copy p{
font-size:13px;
line-height:1.7;
}
}
.testimonials-lux{
padding:92px 0 96px;
background:#ffffff;
color:#071A38;
}
.testimonials-lux-head{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
gap:68px;
align-items:end;
margin-bottom:38px;
}
.testimonials-lux-kicker{
display:inline-flex;
align-items:center;
gap:10px;
margin-bottom:14px;
color:#e43b2d;
font-size:11px;
line-height:1;
font-weight:800;
letter-spacing:2px;
}
.testimonials-lux-kicker:before{
content:"";
width:34px;
height:2px;
background:#e43b2d;
}
.testimonials-lux-copy h2{
margin:0;
max-width:760px;
color:#071A38;
font-size:clamp(34px,3.2vw,48px);
line-height:1.06;
font-weight:800;
letter-spacing:-1.15px;
}
.testimonials-lux-head>p{
margin:0 0 3px;
color:#7a8694;
font-size:14px;
line-height:1.78;
}
.testimonials-lux-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:18px;
}
.testimonial-lux-card{
grid-column:span 3;
min-width:0;
min-height:230px;
display:flex;
flex-direction:column;
padding:24px;
border:1px solid #e3e8ed;
background:#f9fafb;
transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.testimonial-lux-card.is-featured{
grid-column:span 6;
grid-row:span 2;
min-height:478px;
padding:32px;
background:#071A38;
border-color:#071A38;
}
.testimonial-lux-card:nth-child(n+5){
grid-column:span 4;
}
.testimonial-lux-card:hover{
transform:translateY(-4px);
border-color:#d3dae2;
box-shadow:0 18px 38px rgba(13,24,42,.08);
}
.testimonial-lux-card.is-featured:hover{
border-color:#071A38;
box-shadow:0 20px 42px rgba(7,26,56,.14);
}
.testimonial-lux-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
}
.testimonial-lux-person{
min-width:0;
display:flex;
align-items:center;
gap:14px;
}
.testimonial-lux-photo{
width:62px;
height:62px;
flex:0 0 62px;
overflow:hidden;
border-radius:50%;
border:1px solid #e1e5ea;
background:#eef2f7;
}
.testimonial-lux-card.is-featured .testimonial-lux-photo{
width:74px;
height:74px;
flex-basis:74px;
border-color:rgba(255,255,255,.16);
background:rgba(255,255,255,.08);
}
.testimonial-lux-photo img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.testimonial-lux-person-copy{
min-width:0;
display:flex;
flex-direction:column;
}
.testimonial-lux-person-copy strong{
color:#122130;
font-size:15px;
line-height:1.28;
font-weight:780;
}
.testimonial-lux-person-copy small{
margin-top:5px;
color:#8892a0;
font-size:11px;
line-height:1.35;
font-weight:560;
}
.testimonial-lux-card.is-featured .testimonial-lux-person-copy strong{color:#fff;font-size:16px}
.testimonial-lux-card.is-featured .testimonial-lux-person-copy small{color:rgba(255,255,255,.58)}
.testimonial-lux-badge{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 12px;
color:#1b5f2c;
background:#edf8ef;
border:1px solid #d3ead8;
font-size:10px;
line-height:1;
font-weight:760;
white-space:nowrap;
}
.testimonial-lux-card.is-featured .testimonial-lux-badge{
color:#fff;
background:rgba(255,255,255,.08);
border-color:rgba(255,255,255,.13);
}
.testimonial-lux-card blockquote{
flex:1;
margin:20px 0 0;
color:#405060;
font-size:15px;
line-height:1.82;
}
.testimonial-lux-card.is-featured blockquote{
display:flex;
align-items:center;
margin-top:36px;
color:#fff;
font-size:clamp(23px,2vw,30px);
line-height:1.52;
font-weight:640;
letter-spacing:-.35px;
}
.testimonial-lux-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-top:24px;
padding-top:18px;
border-top:1px solid #e7ebef;
}
.testimonial-lux-card.is-featured .testimonial-lux-footer{
margin-top:30px;
padding-top:22px;
border-top-color:rgba(255,255,255,.12);
}
.testimonial-lux-stars{
display:flex;
gap:4px;
color:#f5a623;
font-size:14px;
line-height:1;
}
.testimonial-lux-index{
color:#9aa4af;
font-size:11px;
font-weight:800;
letter-spacing:1.1px;
}
.testimonial-lux-card.is-featured .testimonial-lux-index{color:rgba(255,255,255,.45)}
@media(max-width:1180px){
.trust-points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.testimonials-lux-head{
grid-template-columns:1fr;
gap:18px;
}
.testimonials-lux-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.testimonial-lux-card,
.testimonial-lux-card:nth-child(n+5){
grid-column:auto;
}
.testimonial-lux-card.is-featured{
grid-column:1/-1;
grid-row:auto;
min-height:360px;
}
}
@media(max-width:700px){
.trust-points-section{
padding:52px 0 56px;
}
.trust-points-grid{
grid-template-columns:1fr;
gap:12px;
}
.trust-point-card{
padding:22px 18px 20px;
}
.trust-point-card h3{
font-size:18px;
}
.testimonials-lux{
padding:56px 0 60px;
}
.testimonials-lux-copy h2{
font-size:30px;
letter-spacing:-.8px;
}
.testimonials-lux-grid{
grid-template-columns:1fr;
gap:12px;
}
.testimonial-lux-card,
.testimonial-lux-card.is-featured,
.testimonial-lux-card:nth-child(n+5){
grid-column:1;
min-height:0;
padding:22px 18px 20px;
}
.testimonial-lux-top{
flex-direction:column;
align-items:flex-start;
}
.testimonial-lux-badge{
min-height:28px;
}
.testimonial-lux-card blockquote{
margin-top:16px;
font-size:14px;
line-height:1.75;
}
.testimonial-lux-card.is-featured blockquote{
margin-top:22px;
font-size:20px;
line-height:1.55;
}
}
/* ===== v1.10.19 TESTIMONIAL OVERLAP FIX ===== */
.testimonials-lux-grid{align-items:stretch}
.testimonial-lux-card{
overflow:hidden;
}
.testimonial-lux-card:not(.is-featured){
min-height:305px;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-top{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:12px;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-person{
width:100%;
align-items:flex-start;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-photo{
width:58px;
height:58px;
flex:0 0 58px;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-person-copy{
min-width:0;
flex:1 1 auto;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-person-copy strong{
display:block;
font-size:14px;
line-height:1.35;
overflow-wrap:anywhere;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-person-copy small{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:11px;
line-height:1.45;
margin-top:4px;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-badge{
align-self:flex-start;
min-height:28px;
padding:0 10px;
font-size:10px;
max-width:100%;
}
.testimonial-lux-card:not(.is-featured) blockquote{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
margin-top:16px;
min-height:108px;
}
.testimonial-lux-card:not(.is-featured) .testimonial-lux-footer{
margin-top:auto;
}
@media(max-width:1180px){
.testimonial-lux-card:not(.is-featured){
min-height:260px;
}
}
@media(max-width:700px){
.testimonial-lux-card:not(.is-featured){
min-height:0;
}
.testimonial-lux-card:not(.is-featured) blockquote{
-webkit-line-clamp:unset;
min-height:0;
}
}
/* ===== HEADER TELEFON - ESTIMATE SHAPE v1.10.23 ===== */
@media (min-width:1025px){
.menubg #wrapper{position:relative}
.header-phone-call{
position:absolute!important;
top:0!important;
left:var(--header-phone-left,auto)!important;
right:auto!important;
z-index:70!important;
width:250px!important;
height:116px!important;
display:flex!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:13px!important;
box-sizing:border-box!important;
padding:22px 22px 30px 20px!important;
border:0!important;
background:#FFC400!important;
color:#071A38!important;
text-decoration:none!important;
white-space:nowrap!important;
clip-path:polygon(0 0,100% 0,100% 72%,0 100%);
transition:filter .2s ease,transform .2s ease!important;
}
.header-phone-call:hover{
background:#FFC400!important;
color:#071A38!important;
filter:brightness(.97);
transform:translateY(-1px);
}
.header-phone-icon{
width:46px!important;
height:46px!important;
flex:0 0 46px!important;
display:grid!important;
place-items:center!important;
align-self:flex-start!important;
border:0!important;
border-radius:4px!important;
background:#fff!important;
color:#071A38!important;
}
.header-phone-icon svg{
width:23px!important;
height:23px!important;
fill:#071A38!important;
stroke:#071A38!important;
stroke-width:1.7!important;
}
.header-phone-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
min-width:0;
padding-top:0;
}
.header-phone-copy small{
display:block;
margin:0 0 7px;
color:#071A38;
font-size:13px;
line-height:1;
font-weight:600;
letter-spacing:.1px;
}
.header-phone-number{
display:block!important;
color:#071A38!important;
font-size:19px!important;
line-height:1!important;
font-weight:850!important;
letter-spacing:.1px!important;
text-shadow:none!important;
}
}
@media (min-width:1025px) and (max-width:1400px){
.header-phone-call{
width:218px!important;
height:108px!important;
padding:19px 18px 28px 17px!important;
gap:11px!important;
}
.header-phone-icon{
width:42px!important;
height:42px!important;
flex-basis:42px!important;
}
.header-phone-copy small{
font-size:11.5px;
margin-bottom:6px;
}
.header-phone-number{
font-size:16px!important;
}
}
@media (max-width:1024px){
.header-phone-call{
width:100%!important;
min-height:62px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:11px!important;
padding:8px 18px!important;
background:#FFC400!important;
color:#071A38!important;
clip-path:none!important;
border:0!important;
}
.header-phone-icon{
width:40px!important;
height:40px!important;
flex:0 0 40px!important;
border:0!important;
border-radius:4px!important;
background:#fff!important;
color:#071A38!important;
}
.header-phone-icon svg{
width:20px!important;
height:20px!important;
fill:#071A38!important;
stroke:#071A38!important;
}
.header-phone-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.header-phone-copy small{
margin-bottom:4px;
color:#071A38;
font-size:10px;
font-weight:650;
}
.header-phone-number{
color:#071A38!important;
font-size:14px!important;
font-weight:850!important;
}
}
/* ===== HEADER TELEFON - UYUMLU RENK + KUCUK YAZI v1.10.24 ===== */
@media (min-width:1025px){
.header-phone-call{
background:#e65a3a!important;
color:#fff!important;
width:235px!important;
height:108px!important;
padding:18px 18px 28px 18px!important;
gap:12px!important;
clip-path:polygon(0 0,100% 0,100% 74%,0 100%)!important;
}
.header-phone-call:hover{
background:#dc5233!important;
color:#fff!important;
}
.header-phone-icon{
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
border-radius:4px!important;
background:rgba(255,255,255,.96)!important;
color:#0d1c38!important;
}
.header-phone-icon svg{
width:21px!important;
height:21px!important;
fill:#0d1c38!important;
stroke:#0d1c38!important;
}
.header-phone-copy small{
margin:0 0 5px!important;
color:rgba(255,255,255,.96)!important;
font-size:11px!important;
font-weight:700!important;
letter-spacing:.15px!important;
}
.header-phone-number{
color:#fff!important;
font-size:15px!important;
font-weight:800!important;
line-height:1.05!important;
letter-spacing:0!important;
}
}
@media (min-width:1025px) and (max-width:1400px){
.header-phone-call{
width:210px!important;
height:100px!important;
padding:16px 15px 24px 15px!important;
gap:10px!important;
}
.header-phone-icon{
width:38px!important;
height:38px!important;
flex-basis:38px!important;
}
.header-phone-copy small{
font-size:10px!important;
margin-bottom:4px!important;
}
.header-phone-number{
font-size:13.5px!important;
}
}
@media (max-width:1024px){
.header-phone-call{
background:#e65a3a!important;
color:#fff!important;
}
.header-phone-icon{
background:rgba(255,255,255,.96)!important;
color:#0d1c38!important;
}
.header-phone-icon svg{
fill:#0d1c38!important;
stroke:#0d1c38!important;
}
.header-phone-copy small{
color:rgba(255,255,255,.95)!important;
font-size:10px!important;
font-weight:700!important;
}
.header-phone-number{
color:#fff!important;
font-size:13px!important;
font-weight:800!important;
}
}
/* ===== NASIL ÇALIŞIYORUZ - COMPACT SIZE FIX v1.10.32 =====
Tasarım aynı, yalnızca masaüstü ölçüleri küçültüldü.
*/
@media (min-width:1101px){
.trust-zigzag{
padding:68px 0 72px;
}
.trust-zigzag-head{
grid-template-columns:minmax(0,1.08fr) minmax(260px,.78fr);
gap:52px;
margin-bottom:30px;
}
.trust-zigzag-kicker{
gap:10px;
margin-bottom:12px;
font-size:9.5px;
letter-spacing:1.8px;
}
.trust-zigzag-kicker:before{
width:30px;
}
.trust-zigzag-title h2{
max-width:570px;
font-size:clamp(36px,3.2vw,52px);
line-height:1.01;
letter-spacing:-1.35px;
}
.trust-zigzag-head>p{
max-width:410px;
font-size:13px;
line-height:1.75;
}
.trust-zigzag-road{
min-height:555px;
gap:13px;
padding:6px 0;
}
.trust-zigzag-spine{
top:14px;
bottom:14px;
}
.trust-zigzag-spine:before,
.trust-zigzag-spine:after{
width:8px;
height:8px;
}
.trust-zigzag-card{
width:calc(50% - 50px);
min-height:126px;
padding:24px 26px 22px;
}
.trust-zigzag-card-1{border-radius:24px 24px 24px 10px;}
.trust-zigzag-card-2{margin-top:-4px;border-radius:24px 24px 10px 24px;}
.trust-zigzag-card-3{margin-top:-3px;border-radius:10px 24px 24px 24px;}
.trust-zigzag-card-4{margin-top:-5px;border-radius:24px 10px 24px 24px;}
.trust-zigzag-card:before{
top:43px;
width:46px;
}
.trust-zigzag-card:after{
top:39px;
width:9px;
height:9px;
box-shadow:0 0 0 5px rgba(52,120,246,.08);
}
.trust-zigzag-card-1:before,
.trust-zigzag-card-3:before{right:-46px;}
.trust-zigzag-card-1:after,
.trust-zigzag-card-3:after{right:-51px;}
.trust-zigzag-card-2:before,
.trust-zigzag-card-4:before{left:-46px;}
.trust-zigzag-card-2:after,
.trust-zigzag-card-4:after{left:-51px;}
.trust-zigzag-step{
top:17px;
right:20px;
font-size:32px;
}
.trust-zigzag-badge{
width:50px;
height:50px;
margin-bottom:13px;
border-radius:14px;
}
.trust-zigzag-icon{
font-size:23px;
}
.trust-zigzag-copy h3{
margin-bottom:7px;
max-width:310px;
font-size:23px;
line-height:1.08;
letter-spacing:-.55px;
}
.trust-zigzag-copy p{
max-width:325px;
font-size:11.5px;
line-height:1.65;
}
.trust-zigzag-card:hover{
transform:translateY(-3px);
}
}
/* ===== TERCÜME PROJE AKIŞI - REFINED PROCESS BOARD v1.10.40 ===== */
.translation-journey-section{
position:relative;
overflow:hidden;
padding:82px 0 84px;
background:#ffffff;
color:#071A38;
border-top:1px solid #edf0f3;
border-bottom:1px solid #edf0f3;
font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
}
.translation-journey-wrap{position:relative;}
.translation-journey-head{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(320px,.62fr);
gap:58px;
align-items:end;
margin-bottom:30px;
}
.translation-journey-kicker{
display:inline-flex;
align-items:center;
gap:13px;
margin-bottom:18px;
color:#18A977;
font-size:10px;
line-height:1;
font-weight:850;
letter-spacing:2.1px;
text-transform:uppercase;
}
.translation-journey-kicker:before{
content:"";
width:36px;
height:2px;
background:#18A977;
}
.translation-journey-title h2{
margin:0;
max-width:740px;
color:#071A38;
font-size:clamp(44px,4.7vw,67px);
line-height:.98;
font-weight:830;
letter-spacing:-2.15px;
}
.translation-journey-summary{
max-width:380px;
justify-self:end;
padding-bottom:8px;
}
.translation-journey-summary strong{
display:block;
margin-bottom:12px;
color:#071A38;
font-size:17px;
line-height:1.45;
font-weight:780;
}
.translation-journey-summary p{
margin:0;
color:#6A7583;
font-size:15px;
line-height:1.82;
}
.translation-journey-stage{
position:relative;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
padding:28px 24px 22px;
border-radius:32px;
background:linear-gradient(135deg,#061A37 0%,#08244B 52%,#091F40 100%);
overflow:hidden;
box-shadow:0 26px 60px rgba(5,22,46,.10);
isolation:isolate;
}
.translation-journey-stage:before{
content:"";
position:absolute;
left:-7%;
bottom:-28%;
width:44%;
height:66%;
background:radial-gradient(circle at center, rgba(93,151,255,.12) 0%, rgba(93,151,255,0) 72%);
z-index:0;
}
.translation-journey-stage:after{
content:"";
position:absolute;
right:-8%;
top:-26%;
width:36%;
height:60%;
background:radial-gradient(circle at center, rgba(24,169,119,.11) 0%, rgba(24,169,119,0) 76%);
z-index:0;
}
.translation-journey-line{
position:absolute;
left:74px;
right:74px;
top:90px;
height:1px;
background:rgba(137,165,208,.16);
z-index:0;
}
.translation-journey-line span{
display:block;
width:76%;
height:100%;
background:linear-gradient(90deg,#26D1A1 0%,#5D97FF 100%);
}
.translation-journey-step{
position:relative;
z-index:1;
min-width:0;
padding:16px 20px 18px;
border-right:1px solid rgba(255,255,255,.08);
}
.translation-journey-step:last-child{border-right:0;}
.translation-journey-no{
position:absolute;
top:2px;
right:10px;
color:rgba(166,190,224,.17);
font-size:54px;
line-height:1;
font-weight:830;
letter-spacing:-2px;
}
.translation-journey-dot{
position:absolute;
top:85px;
left:32px;
width:10px;
height:10px;
border-radius:50%;
background:#5D97FF;
box-shadow:0 0 0 6px rgba(93,151,255,.10);
}
.translation-journey-icon{
position:relative;
display:grid;
place-items:center;
width:66px;
height:66px;
margin-bottom:50px;
border-radius:50%;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.035);
box-shadow:inset 0 0 0 10px rgba(255,255,255,.018);
}
.translation-journey-icon svg{
width:24px;
height:24px;
fill:none;
stroke:#6FE5C1;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.translation-journey-step small{
display:block;
margin-bottom:9px;
color:#6FE5C1;
font-size:10px;
line-height:1;
letter-spacing:2.05px;
text-transform:uppercase;
font-weight:800;
}
.translation-journey-step h3{
margin:0 0 10px;
color:#fff;
font-size:18px;
line-height:1.24;
font-weight:790;
letter-spacing:-.28px;
}
.translation-journey-step p{
margin:0;
max-width:232px;
color:#B7C5D9;
font-size:13.5px;
line-height:1.7;
}
.translation-journey-step:hover .translation-journey-icon{
transform:translateY(-2px);
border-color:rgba(111,229,193,.35);
transition:transform .28s ease,border-color .28s ease;
}
@media(max-width:1100px){
.translation-journey-section{padding:72px 0 74px;}
.translation-journey-head{
grid-template-columns:1fr;
gap:18px;
margin-bottom:26px;
}
.translation-journey-summary{
max-width:620px;
justify-self:start;
padding-bottom:0;
}
.translation-journey-stage{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
padding:20px;
border-radius:28px;
}
.translation-journey-line{display:none;}
.translation-journey-step{
padding:18px;
border-right:0;
border:1px solid rgba(255,255,255,.08);
border-radius:22px;
background:rgba(255,255,255,.03);
}
.translation-journey-no{font-size:44px; top:8px;}
.translation-journey-dot{display:none;}
.translation-journey-icon{margin-bottom:24px;}
}
@media(max-width:700px){
.translation-journey-section{padding:56px 0 58px;}
.translation-journey-title h2{
font-size:37px;
letter-spacing:-1.2px;
}
.translation-journey-summary strong{font-size:16px;}
.translation-journey-summary p{font-size:14px;}
.translation-journey-stage{
grid-template-columns:1fr;
gap:14px;
padding:14px;
border-radius:24px;
}
.translation-journey-step{
padding:16px 15px 15px;
border-radius:18px;
}
.translation-journey-icon{
width:56px;
height:56px;
margin-bottom:18px;
}
.translation-journey-step h3{font-size:17px;}
.translation-journey-no{font-size:38px;}
}
/* ===== BİZİ TANIYIN - CORPORATE CLEAN v1.10.39 ===== */
.about-clean-section{
position:relative;
overflow:hidden;
padding:88px 0 86px;
background:#ffffff;
border-top:1px solid #eceff2;
border-bottom:1px solid #eceff2;
color:#071A38;
font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
}
.about-clean-wrap{
display:grid;
grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
gap:86px;
align-items:center;
}
.about-clean-copy{
max-width:520px;
min-width:0;
}
.about-clean-kicker{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:19px;
color:#E63A25;
font-size:10px;
line-height:1;
font-weight:850;
letter-spacing:2px;
text-transform:uppercase;
}
.about-clean-kicker:before{
content:"";
width:34px;
height:2px;
background:#E63A25;
}
.about-clean-copy h2{
margin:0;
color:#071A38;
font-size:clamp(42px,4vw,60px);
line-height:1.01;
font-weight:830;
letter-spacing:-1.9px;
}
.about-clean-copy>p{
max-width:500px;
margin:24px 0 0;
color:#66717D;
font-size:14px;
line-height:1.88;
}
.about-clean-link{
display:inline-flex;
align-items:center;
gap:12px;
margin-top:28px;
color:#071A38;
text-decoration:none;
font-size:11px;
line-height:1;
font-weight:850;
}
.about-clean-link:after{
content:"";
width:40px;
height:1px;
margin-left:2px;
background:#C8D0D7;
transition:width .24s ease,background .24s ease;
}
.about-clean-link span{
color:#E63A25;
font-size:14px;
}
.about-clean-link:hover:after{
width:58px;
background:#E63A25;
}
.about-clean-visual{
position:relative;
min-height:500px;
min-width:0;
}
.about-clean-visual:before{
content:"";
position:absolute;
left:-28px;
top:34px;
width:58%;
height:78%;
background:#F2F4F6;
transform:skewX(-7deg);
z-index:0;
}
.about-clean-image-wrap{
position:absolute;
right:0;
top:0;
width:82%;
height:430px;
overflow:hidden;
background:#DDE3E8;
clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 12%);
z-index:1;
}
.about-clean-image-wrap img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transform:scale(1.01);
transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.about-clean-visual:hover .about-clean-image-wrap img{
transform:scale(1.045);
}
.about-clean-image-wrap:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg,rgba(7,26,56,.02) 0%,rgba(7,26,56,.07) 52%,rgba(7,26,56,.34) 100%);
pointer-events:none;
}
.about-clean-caption{
position:absolute;
left:0;
bottom:0;
z-index:2;
width:330px;
padding:24px 26px 25px;
background:#071A38;
color:#fff;
}
.about-clean-caption span{
display:block;
margin-bottom:10px;
color:#F36A55;
font-size:8.5px;
line-height:1;
font-weight:850;
letter-spacing:1.55px;
}
.about-clean-caption strong{
display:block;
color:#fff;
font-size:20px;
line-height:1.22;
font-weight:760;
letter-spacing:-.35px;
}
@media(max-width:1050px){
.about-clean-section{
padding:70px 22px 72px;
}
.about-clean-wrap{
grid-template-columns:1fr;
gap:42px;
}
.about-clean-copy{
max-width:760px;
}
.about-clean-visual{
min-height:460px;
}
}
@media(max-width:700px){
.about-clean-section{
padding:54px 14px 58px;
}
.about-clean-copy h2{
font-size:35px;
letter-spacing:-1.1px;
}
.about-clean-visual{
min-height:360px;
}
.about-clean-visual:before{
left:-10px;
top:22px;
width:70%;
height:74%;
}
.about-clean-image-wrap{
width:90%;
height:300px;
}
.about-clean-caption{
width:min(270px,82%);
padding:20px 20px 21px;
}
.about-clean-caption strong{
font-size:18px;
}
}
/* v1.10.44 final cascade: wide corporate homepage */
@media(min-width:1201px){
.bureau-about>.bureau-about-grid,.bureau-services>.bureau-services-grid,.bureau-process>#wrapper,.language-network>.language-network-wrap{width:min(1480px,calc(100% - 96px))!important;margin-left:auto!important;margin-right:auto!important}
.bureau-about{padding:118px 0 126px!important}
.bureau-about .bureau-about-grid{grid-template-columns:470px minmax(0,1fr)!important;gap:110px!important}
.bureau-about-content h2{font-size:76px!important;line-height:.98!important;letter-spacing:-3.4px!important}
.bureau-about-operation{min-height:710px!important;padding:0 105px 72px 0!important}
.bureau-about-figure{height:650px!important;min-height:650px!important}
.bureau-document-flow{width:490px!important}
.bureau-services{padding:120px 0 126px!important;background:#0b1723!important}
.bureau-services .bureau-services-grid{grid-template-columns:430px minmax(0,1fr)!important;gap:105px!important}
.bureau-services-intro h2{font-size:74px!important;line-height:.96!important;letter-spacing:-3px!important}
.bureau-service-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-left:1px solid rgba(255,255,255,.18)!important}
.bureau-service-row{display:flex!important;min-height:190px!important;padding:27px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;border-right:1px solid rgba(255,255,255,.18)!important}
.bureau-service-row:hover{padding-left:27px!important;background:#a9231d!important}
.bureau-service-row strong{font-size:24px!important;line-height:1.12!important}
.bureau-service-arrow{position:absolute!important;right:25px!important;top:25px!important}
.bureau-process{padding:122px 0 132px!important}
.bureau-process-head{grid-template-columns:minmax(0,1.2fr) 430px!important;gap:120px!important;margin-bottom:84px!important}
.bureau-process-head h2{font-size:76px!important;line-height:.98!important;letter-spacing:-3.2px!important}
.bureau-process-list li{min-height:260px!important;padding-right:48px!important}
.bureau-process-list h3{font-size:25px!important}.bureau-process-list p{font-size:14px!important}
.language-network{padding:118px 0 124px!important}
.language-network-wrap{grid-template-columns:460px minmax(0,1fr)!important;gap:105px!important}
.language-network-copy h2{font-size:70px!important;line-height:.98!important}
.language-network-content{padding:34px!important}
}
/* ===== TERCÜME TEKLİF SAHNESİ v1.10.45 ===== */
.translation-quote{
position:relative;display:grid;grid-template-columns:minmax(260px,31vw) 400px minmax(520px,1fr) minmax(190px,18vw);
min-height:690px;overflow:hidden;background:#fff;color:#121d3c;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
}
.translation-quote-photo{position:relative;min-width:0;overflow:hidden;background:#e7ebed}
.translation-quote-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.03)}
.translation-quote-photo:after{content:"";position:absolute;inset:0;pointer-events:none}
.translation-quote-photo-left:after{background:linear-gradient(90deg,transparent 65%,rgba(255,255,255,.15))}
.translation-quote-photo-right:after{background:linear-gradient(90deg,rgba(255,255,255,.45),transparent 40%)}
.translation-quote-steps{
position:relative;z-index:3;align-self:center;margin-left:-90px;padding:40px 42px 34px;background:#101a43;color:#fff;box-shadow:0 24px 60px rgba(16,26,67,.24);
}
.translation-quote-kicker{display:block;margin-bottom:18px;color:#ff7241;font-size:10px;font-weight:850;letter-spacing:1.7px}
.translation-quote-steps ol{position:relative;margin:0;padding:0;list-style:none}
.translation-quote-steps ol:before{content:"";position:absolute;left:23px;top:30px;bottom:30px;border-left:1px dashed rgba(255,255,255,.45)}
.translation-quote-steps li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:22px;align-items:start;padding:17px 0}
.translation-quote-steps li b{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ff6b35;color:#fff;box-shadow:0 0 0 9px rgba(255,107,53,.17);font-size:12px}
.translation-quote-steps li strong{display:block;margin:2px 0 7px;color:#fff;font-size:17px;font-weight:760}
.translation-quote-steps li p{margin:0;color:#c3c9dc;font-size:11px;line-height:1.55}
.translation-quote-form-wrap{align-self:center;padding:55px 62px 55px 70px}
.translation-quote-form-kicker{display:flex;align-items:center;gap:11px;color:#e95325;font-size:10px;font-weight:850;letter-spacing:1.7px}
.translation-quote-form-kicker:before{content:"";width:28px;height:2px;background:#e95325}
.translation-quote-form-wrap h2{margin:15px 0 12px;color:#121d3c;font-size:clamp(42px,3.6vw,60px);line-height:1;font-weight:760;letter-spacing:-2px}
.translation-quote-form-wrap>p{max-width:620px;margin:0 0 30px;color:#68717b;font-size:14px;line-height:1.65}
.translation-quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.translation-quote-form label{display:block}
.translation-quote-form label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.translation-quote-form input,.translation-quote-form select,.translation-quote-form textarea{
display:block;width:100%;border:1px solid #d9dfe2;border-radius:0;background:#f1f3f4;color:#26313b;font:500 12px/1.4 Inter,"Segoe UI",Arial,sans-serif;outline:0;transition:border-color .2s ease,background .2s ease;
}
.translation-quote-form input,.translation-quote-form select{height:50px;padding:0 18px}
.translation-quote-form textarea{min-height:128px;margin-top:15px;padding:16px 18px;resize:vertical}
.translation-quote-form input:focus,.translation-quote-form select:focus,.translation-quote-form textarea:focus{border-color:#e95325;background:#fff}
.translation-quote-form button{display:inline-flex;align-items:center;gap:18px;margin-top:17px;padding:15px 23px;border:0;background:#f2612d;color:#fff;font-size:11px;font-weight:850;cursor:pointer;transition:background .2s ease,transform .2s ease}
.translation-quote-form button:hover{background:#d94c1c;transform:translateY(-2px)}
.translation-quote-form button span{font-size:15px}
.translation-quote-photo-right img{object-position:center}
@media(max-width:1350px){
.translation-quote{grid-template-columns:minmax(230px,28vw) 360px minmax(480px,1fr)}
.translation-quote-photo-right{display:none}
.translation-quote-steps{margin-left:-65px;padding-left:34px;padding-right:34px}
.translation-quote-form-wrap{padding-left:52px;padding-right:44px}
}
@media(max-width:980px){
.translation-quote{grid-template-columns:42% 58%;min-height:0}
.translation-quote-photo-left{min-height:620px}
.translation-quote-steps{align-self:end;margin:0 -58% 28px 28px}
.translation-quote-form-wrap{padding:70px 42px}
.translation-quote-form-wrap h2{font-size:43px}
}
@media(max-width:720px){
.translation-quote{display:flex;flex-direction:column}
.translation-quote-photo-left{min-height:330px;height:330px}
.translation-quote-steps{align-self:auto;margin:-65px 14px 0;padding:30px 24px 26px}
.translation-quote-steps li{grid-template-columns:42px 1fr;gap:17px;padding:13px 0}
.translation-quote-steps li b{width:42px;height:42px}
.translation-quote-steps ol:before{left:20px}
.translation-quote-form-wrap{padding:55px 20px 62px}
.translation-quote-form-wrap h2{font-size:38px;letter-spacing:-1.3px}
.translation-quote-fields{grid-template-columns:1fr}
}
/* ===== REFERANS BİREBİR YERLEŞİM v1.10.46 ===== */
@media(min-width:1101px){
.translation-quote{
position:relative!important;display:block!important;height:700px!important;min-height:700px!important;
overflow:hidden!important;background:#fff!important;
}
.translation-quote-photo-left{
position:absolute!important;z-index:1!important;left:0!important;top:0!important;bottom:0!important;
display:block!important;width:31%!important;height:100%!important;
}
.translation-quote-photo-left img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.translation-quote-photo-left:after{background:linear-gradient(90deg,transparent 78%,rgba(255,255,255,.14))!important}
.translation-quote-steps{
position:absolute!important;z-index:5!important;left:17.2%!important;top:74px!important;bottom:auto!important;
width:310px!important;height:462px!important;margin:0!important;padding:28px 30px 24px!important;
align-self:auto!important;border-radius:15px!important;background:#111a47!important;box-shadow:none!important;
}
.translation-quote-kicker{display:none!important}
.translation-quote-steps ol{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.translation-quote-steps ol:before{left:24px!important;top:27px!important;bottom:27px!important}
.translation-quote-steps li{display:grid!important;grid-template-columns:48px 1fr!important;gap:22px!important;padding:0!important;align-items:start!important}
.translation-quote-steps li b{width:48px!important;height:48px!important;font-size:12px!important;box-shadow:0 0 0 10px rgba(255,107,53,.17)!important}
.translation-quote-steps li strong{margin:1px 0 7px!important;font-size:16px!important;line-height:1.15!important}
.translation-quote-steps li p{font-size:10px!important;line-height:1.55!important}
.translation-quote-form-wrap{
position:absolute!important;z-index:4!important;left:40%!important;top:126px!important;width:31.5%!important;
margin:0!important;padding:0!important;align-self:auto!important;
}
.translation-quote-form-kicker{font-size:10px!important;letter-spacing:0!important;text-decoration:underline!important}
.translation-quote-form-kicker:before{width:19px!important;height:1px!important}
.translation-quote-form-wrap h2{margin:14px 0 28px!important;font-size:30px!important;line-height:1!important;letter-spacing:-.7px!important}
.translation-quote-form-wrap>p{display:none!important}
.translation-quote-fields{grid-template-columns:1fr 1fr!important;gap:15px 16px!important}
.translation-quote-form input,.translation-quote-form select{height:36px!important;padding:0 17px!important;border:0!important;border-radius:999px!important;background:#e3e6e7!important;font-size:10px!important}
.translation-quote-form textarea{height:94px!important;min-height:94px!important;margin-top:17px!important;padding:14px 17px!important;border:0!important;border-radius:16px!important;background:#e3e6e7!important;font-size:10px!important}
.translation-quote-form button{margin-top:16px!important;padding:12px 20px!important;border-radius:999px!important;background:#f56b2b!important;font-size:9px!important}
.translation-quote-photo-right{
position:absolute!important;z-index:2!important;right:0!important;bottom:0!important;top:auto!important;
display:block!important;width:18.5%!important;height:57%!important;background:transparent!important;
}
.translation-quote-photo-right img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
.translation-quote-photo-right:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.12) 24%,transparent 55%)!important}
}
/* ===== SAĞ ŞEFFAF PNG KONUMLAMA DÜZELTMESİ v1.10.48 ===== */
@media(min-width:1101px){
.translation-quote-photo-right{
right:4.5%!important;
bottom:0!important;
width:23%!important;
height:72%!important;
overflow:visible!important;
background:transparent!important;
pointer-events:none!important;
}
.translation-quote-photo-right img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center bottom!important;
filter:none!important;
}
.translation-quote-photo-right:after{display:none!important}
}
@media(min-width:1101px) and (max-width:1450px){
.translation-quote-photo-right{right:1.5%!important;width:20%!important;height:66%!important}
}
/* ===== PROFESYONEL TEKLİF KOMPOZİSYONU v1.10.49 ===== */
.translation-quote-trust{display:none}
.translation-quote-photo-right{display:none!important}
@media(min-width:1101px){
.translation-quote{
width:min(1480px,calc(100% - 80px))!important;
height:720px!important;min-height:720px!important;
margin:88px auto!important;
background:#fff!important;
border:1px solid #dfe4e7!important;
box-shadow:0 28px 80px rgba(18,31,47,.09)!important;
}
.translation-quote:before{
content:"";position:absolute;z-index:0;left:0;top:0;bottom:0;width:42%;background:#e9edf0;
}
.translation-quote-photo-left{
left:0!important;top:0!important;bottom:0!important;width:42%!important;height:100%!important;
background:#e7ecef!important;
}
.translation-quote-photo-left img{
object-fit:contain!important;object-position:left bottom!important;filter:saturate(.72) contrast(1.02)!important;
}
.translation-quote-photo-left:after{
display:block!important;background:linear-gradient(90deg,transparent 66%,rgba(233,237,240,.84) 100%)!important;
}
.translation-quote-steps{
left:24%!important;top:67px!important;width:390px!important;height:586px!important;
padding:38px 36px 34px!important;border-radius:8px!important;
box-shadow:0 24px 65px rgba(10,23,62,.22)!important;
}
.translation-quote-steps li{grid-template-columns:50px 1fr!important;gap:24px!important}
.translation-quote-steps li strong{font-size:18px!important}
.translation-quote-steps li p{font-size:11px!important;line-height:1.58!important}
.translation-quote-form-wrap{
left:55%!important;top:93px!important;width:38%!important;max-width:580px!important;
}
.translation-quote-form-kicker{font-size:11px!important;text-decoration:none!important;letter-spacing:1.2px!important}
.translation-quote-form-wrap h2{margin:18px 0 15px!important;font-size:48px!important;letter-spacing:-1.8px!important}
.translation-quote-form-wrap>p{display:block!important;max-width:520px!important;margin:0 0 31px!important;color:#68737d!important;font-size:13px!important;line-height:1.65!important}
.translation-quote-fields{gap:14px!important}
.translation-quote-form input,.translation-quote-form select{
height:50px!important;padding:0 18px!important;border:1px solid #dce1e4!important;border-radius:4px!important;background:#f1f3f4!important;font-size:11px!important;
}
.translation-quote-form textarea{
height:126px!important;min-height:126px!important;margin-top:14px!important;padding:17px 18px!important;
border:1px solid #dce1e4!important;border-radius:4px!important;background:#f1f3f4!important;font-size:11px!important;
}
.translation-quote-form button{
margin-top:15px!important;padding:15px 24px!important;border-radius:4px!important;font-size:10px!important;
}
.translation-quote-trust{
display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:31px;border-top:1px solid #dfe3e6;border-left:1px solid #dfe3e6;
}
.translation-quote-trust span{
position:relative;padding:13px 13px 13px 30px;border-right:1px solid #dfe3e6;border-bottom:1px solid #dfe3e6;
color:#4d5862;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
}
.translation-quote-trust span:before{content:"✓";position:absolute;left:12px;color:#df4d2e;font-weight:900}
.translation-quote-photo-right{display:none!important}
}
@media(min-width:1101px) and (max-width:1320px){
.translation-quote{width:calc(100% - 40px)!important}
.translation-quote-steps{left:22%!important;width:360px!important}
.translation-quote-form-wrap{left:56%!important;width:40%!important}
}
/* ===== HİZMETLER / CORPORATE DIRECTORY v1.10.51 ===== */
.bureau-services{
position:relative;padding:120px 0 126px!important;background:#f7f7f5!important;color:#101820!important;border-top:1px solid #e0e3e4;border-bottom:1px solid #e0e3e4;
}
.bureau-services>.bureau-services-grid{
display:block!important;width:min(1480px,calc(100% - 96px))!important;margin:0 auto!important;
}
.bureau-services-intro{
position:static!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;gap:120px!important;align-items:end!important;margin:0 0 72px!important;padding:0 0 60px!important;border-bottom:1px solid #bec5c9!important;
}
.bureau-services .bureau-eyebrow{margin-bottom:27px!important;color:#b52b23!important}
.bureau-services-intro h2{
max-width:820px!important;margin:0!important;color:#101820!important;font-size:clamp(52px,5vw,78px)!important;line-height:.98!important;font-weight:680!important;letter-spacing:-3.5px!important;
}
.bureau-services-summary{padding-bottom:5px}
.bureau-services-summary p{max-width:480px;margin:0 0 29px;color:#5e6870;font-size:15px;line-height:1.8}
.bureau-services-summary .bureau-text-link{color:#101820;border-bottom-color:#aeb5b9}
.bureau-service-list{
display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 72px!important;border:0!important;border-top:1px solid #cbd0d3!important;border-left:0!important;
}
.bureau-service-row{
position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px!important;align-items:center!important;gap:22px!important;
min-height:122px!important;padding:25px 0!important;border:0!important;border-bottom:1px solid #cbd0d3!important;background:transparent!important;color:#101820!important;transition:padding .25s ease,color .25s ease!important;
}
.bureau-service-row:nth-child(odd){border-right:0!important}
.bureau-service-row:hover{padding-left:14px!important;padding-right:14px!important;background:transparent!important;color:#a9231d!important}
.bureau-service-no{align-self:start;margin-top:5px;color:#9aa2a8!important;font-size:10px!important;font-weight:850!important;letter-spacing:1.2px!important}
.bureau-service-copy{display:block;min-width:0}
.bureau-service-copy strong{display:block!important;max-width:none!important;color:inherit!important;font-size:24px!important;line-height:1.15!important;font-weight:680!important;letter-spacing:-.45px!important}
.bureau-service-copy small{display:block;margin-top:9px;max-width:470px;color:#747d84;font-size:11px;line-height:1.55}
.bureau-service-arrow{position:static!important;align-self:start;margin-top:1px;color:#b52b23!important;font-size:16px!important;transition:transform .2s ease!important}
.bureau-service-row:hover .bureau-service-arrow{transform:translate(3px,-3px)!important;color:#a9231d!important}
@media(max-width:1024px){
.bureau-services{padding:85px 0 90px!important}
.bureau-services>.bureau-services-grid{width:min(960px,calc(100% - 44px))!important}
.bureau-services-intro{grid-template-columns:1fr!important;gap:34px!important;margin-bottom:50px!important;padding-bottom:43px!important}
.bureau-services-intro h2{font-size:56px!important;letter-spacing:-2.5px!important}
.bureau-service-list{gap:0 36px!important}
}
@media(max-width:680px){
.bureau-services{padding:68px 0 72px!important}
.bureau-services>.bureau-services-grid{width:calc(100% - 28px)!important}
.bureau-services-intro h2{font-size:41px!important;letter-spacing:-1.7px!important}
.bureau-service-list{grid-template-columns:1fr!important}
.bureau-service-row{min-height:100px!important;grid-template-columns:35px minmax(0,1fr) 20px!important;gap:13px!important}
.bureau-service-copy strong{font-size:20px!important}
}
/* ===== HİZMETLER / ORGANIC MOSAIC v1.10.53 ===== */
.services-mosaic{position:relative;overflow:hidden;padding:108px 0 116px;background:#f6f7f8;color:#101820;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;border-top:1px solid #e0e4e7;border-bottom:1px solid #e0e4e7}
.services-mosaic-wrap{display:grid;grid-template-columns:minmax(360px,480px) 720px;gap:100px;align-items:center;width:min(1380px,calc(100% - 72px));margin:0 auto}
.services-mosaic-intro{position:relative;z-index:2}
.services-mosaic-kicker{display:flex;align-items:center;gap:13px;margin-bottom:25px;color:#183f9c;font-size:10px;font-weight:850;letter-spacing:2px}
.services-mosaic-kicker:before{content:"";width:34px;height:2px;background:#183f9c}
.services-mosaic-intro h2{margin:0;color:#0d255e;font-size:clamp(52px,4.4vw,72px);line-height:.98;font-weight:760;letter-spacing:-3.2px}
.services-mosaic-intro p{max-width:430px;margin:31px 0 34px;color:#606c78;font-size:15px;line-height:1.82}
.services-mosaic-intro>a{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;background:#0d255e;color:#fff;text-decoration:none;font-size:11px;font-weight:850}
.services-mosaic-intro>a span{color:#ff6b39;font-size:16px}
.services-mosaic-canvas{position:relative;width:720px;height:560px;isolation:isolate}
.services-mosaic-card{position:absolute;left:var(--mx);top:var(--my);width:var(--mw);height:var(--mh);overflow:hidden;background:#101a2a;color:#fff;text-decoration:none;box-shadow:0 0 0 5px #f6f7f8,0 14px 32px rgba(14,30,50,.16);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;transform:translateZ(0)}
.services-mosaic-card:hover{z-index:20;transform:scale(1.025);box-shadow:0 0 0 5px #f6f7f8,0 24px 45px rgba(14,30,50,.24)}
.services-mosaic-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.services-mosaic-card:hover img{transform:scale(1.06)}
.services-mosaic-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,29,.05) 22%,rgba(5,15,29,.88) 100%)}
.services-mosaic-number{position:absolute;z-index:3;top:14px;left:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#123fa3;color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 5px 15px rgba(0,0,0,.24);font-size:15px;font-weight:850}
.services-mosaic-label{position:absolute;z-index:3;left:21px;right:20px;bottom:18px;display:flex;align-items:center;gap:13px}
.services-mosaic-label i{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;color:#fff;font-style:normal}
.services-mosaic-label i svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.services-mosaic-label strong{color:#fff;font-size:18px;line-height:1.08;font-weight:720;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.services-mosaic-card-1{z-index:9;border-radius:31% 20% 40% 27% / 35% 32% 45% 42%}
.services-mosaic-card-2{z-index:8;border-radius:23% 36% 24% 40% / 29% 42% 31% 35%}
.services-mosaic-card-3{z-index:7;border-radius:40% 27% 33% 20% / 30% 45% 35% 38%}
.services-mosaic-card-4{z-index:6;border-radius:27% 22% 42% 30% / 35% 28% 40% 32%}
.services-mosaic-card-5{z-index:5;border-radius:36% 25% 43% 24% / 31% 40% 29% 44%}
.services-mosaic-card-6{z-index:6;border-radius:32% 27% 30% 42% / 38% 29% 44% 30%}
.services-mosaic-card-7{z-index:4;border-radius:28% 38% 24% 36% / 34% 28% 42% 37%}
.services-mosaic-card-8{z-index:4;border-radius:40% 23% 36% 28% / 31% 41% 27% 39%}
.services-mosaic-card-9{z-index:4;border-radius:30% 40% 27% 35% / 42% 30% 38% 28%}
.services-mosaic-card-4 .services-mosaic-label strong,.services-mosaic-card-5 .services-mosaic-label strong,.services-mosaic-card-6 .services-mosaic-label strong{font-size:16px}
.services-mosaic-card-7 .services-mosaic-label,.services-mosaic-card-8 .services-mosaic-label,.services-mosaic-card-9 .services-mosaic-label{left:16px;bottom:14px;gap:8px}
.services-mosaic-card-7 .services-mosaic-label strong,.services-mosaic-card-8 .services-mosaic-label strong,.services-mosaic-card-9 .services-mosaic-label strong{font-size:14px}
.services-mosaic-card-7 .services-mosaic-label i,.services-mosaic-card-8 .services-mosaic-label i,.services-mosaic-card-9 .services-mosaic-label i{width:29px;height:29px}
.services-mosaic-card-7 .services-mosaic-label i svg,.services-mosaic-card-8 .services-mosaic-label i svg,.services-mosaic-card-9 .services-mosaic-label i svg{width:28px;height:28px}
@media(max-width:1250px){
.services-mosaic{padding:84px 0 92px}
.services-mosaic-wrap{grid-template-columns:1fr;gap:56px;width:min(960px,calc(100% - 44px))}
.services-mosaic-intro{max-width:720px}
.services-mosaic-canvas{margin:0 auto}
}
@media(max-width:760px){
.services-mosaic{padding:66px 0 70px}
.services-mosaic-wrap{width:calc(100% - 28px);gap:40px}
.services-mosaic-intro h2{font-size:41px;letter-spacing:-1.7px}
.services-mosaic-canvas{zoom:calc((100vw - 28px)/720);margin:0}
}
/* ===== HİZMETLER / VISUAL FOCUS v1.10.52 ===== */
.services-focus{padding:112px 0 120px;background:#fff;color:#101820;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;border-top:1px solid #e1e5e7;border-bottom:1px solid #e1e5e7}
.services-focus-wrap{width:min(1480px,calc(100% - 96px));margin:0 auto}
.services-focus-head{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:110px;align-items:end;margin-bottom:58px}
.services-focus-kicker{display:flex;align-items:center;gap:13px;margin-bottom:24px;color:#b52b23;font-size:10px;font-weight:850;letter-spacing:2px}
.services-focus-kicker:before{content:"";width:32px;height:1px;background:#b52b23}
.services-focus-head h2{max-width:830px;margin:0;color:#101820;font-size:clamp(52px,5vw,78px);line-height:.98;font-weight:690;letter-spacing:-3.6px}
.services-focus-summary{padding-bottom:5px}
.services-focus-summary p{max-width:480px;margin:0 0 27px;color:#606b73;font-size:15px;line-height:1.8}
.services-focus-summary a{display:inline-flex;align-items:center;gap:20px;padding-bottom:7px;border-bottom:1px solid #aab2b7;color:#101820;text-decoration:none;font-size:12px;font-weight:800}
.services-focus-summary a span{color:#b52b23;font-size:16px}
.services-focus-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);gap:55px;align-items:stretch}
.services-focus-stage{position:relative;display:block;min-height:650px;overflow:hidden;background:#12202d;color:#fff;text-decoration:none}
.services-focus-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.services-focus-stage:hover img{transform:scale(1.035)}
.services-focus-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,31,.04) 25%,rgba(8,20,31,.9) 100%)}
.services-focus-stage-copy{position:absolute;z-index:2;left:42px;right:42px;bottom:38px}
.services-focus-stage-copy small{display:block;margin-bottom:14px;color:#ff6a4d;font-size:9px;font-weight:850;letter-spacing:1.8px}
.services-focus-stage-copy strong{display:block;max-width:650px;color:#fff;font-size:clamp(38px,3.5vw,58px);line-height:1;font-weight:720;letter-spacing:-2px}
.services-focus-stage-copy em{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding-top:17px;border-top:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.78);font-size:11px;font-style:normal;font-weight:700}
.services-focus-stage-copy em b{color:#ff6a4d;font-size:17px}
.services-focus-list{border-top:1px solid #cbd1d4}
.services-focus-item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:18px;min-height:72px;padding:11px 0;border-bottom:1px solid #cbd1d4;color:#101820;text-decoration:none;transition:padding .22s ease,color .22s ease,background .22s ease}
.services-focus-item:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:0;background:#101820;transition:width .25s ease;z-index:0}
.services-focus-item>*{position:relative;z-index:1}
.services-focus-item>span{color:#9aa3a9;font-size:10px;font-weight:850;letter-spacing:1px}
.services-focus-item>strong{font-size:20px;line-height:1.15;font-weight:680;letter-spacing:-.3px}
.services-focus-item>b{color:#b52b23;font-size:15px;transition:transform .2s ease}
.services-focus-item:hover,.services-focus-item.is-active{padding-left:18px;padding-right:16px;color:#fff}
.services-focus-item:hover:before,.services-focus-item.is-active:before{width:100%}
.services-focus-item:hover>span,.services-focus-item.is-active>span{color:#ff8a70}
.services-focus-item:hover>b,.services-focus-item.is-active>b{color:#ff6a4d;transform:translate(2px,-2px)}
@media(max-width:1100px){
.services-focus{padding:82px 0 90px}
.services-focus-wrap{width:min(1040px,calc(100% - 44px))}
.services-focus-head{grid-template-columns:1fr;gap:32px}
.services-focus-head h2{font-size:58px}
.services-focus-body{grid-template-columns:1fr}
.services-focus-stage{min-height:500px}
.services-focus-list{display:grid;grid-template-columns:1fr 1fr}
.services-focus-item:nth-child(odd){border-right:1px solid #cbd1d4}
}
@media(max-width:680px){
.services-focus{padding:66px 0 72px}
.services-focus-wrap{width:calc(100% - 28px)}
.services-focus-head{margin-bottom:38px}
.services-focus-head h2{font-size:41px;letter-spacing:-1.7px}
.services-focus-stage{min-height:360px}
.services-focus-stage-copy{left:22px;right:22px;bottom:22px}
.services-focus-stage-copy strong{font-size:34px}
.services-focus-list{grid-template-columns:1fr}
.services-focus-item:nth-child(odd){border-right:0}
.services-focus-item>strong{font-size:18px}
}
/* ===== HIZMETLER / BAL PETEGI DESENLI ARKA PLAN v3.9.9 =====
Bolumun kartlari altigen oldugu icin arka plana da ayni dili
konusan, cok ince bir bal petegi deseni kondu (assets/hex-pattern.svg,
lacivert %10 opaklik). Altta markanin krem-mavi tonlarinda yumusak
bir gecis, ustte ise kenarlara dogru acilan hafif bir isik var. */
.services-honeycomb{
position:relative!important;
overflow:hidden!important;
background-color:#f2ede3!important;
background-image:
radial-gradient(ellipse 120% 85% at 50% 0%,rgba(255,255,255,.80) 0%,rgba(255,255,255,0) 62%),
linear-gradient(to bottom,rgba(242,237,227,0) 46%,rgba(242,237,227,.94) 100%),
url('hex-pattern.svg'),
linear-gradient(170deg,#f7f3ea 0%,#efe8da 100%)!important;
background-repeat:no-repeat,no-repeat,repeat,no-repeat!important;
background-size:auto,auto,185px 321px,auto!important;
background-position:center top,center,center top,center!important;
border-top:1px solid #e3dac6!important;
border-bottom:1px solid #e3dac6!important;
color:#102b59!important;
}
.services-honeycomb:before{display:none!important}
.services-honeycomb:after{
content:""!important;
position:absolute!important;
inset:0!important;
display:block!important;
pointer-events:none!important;
background-image:linear-gradient(rgba(16,43,89,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,43,89,.035) 1px,transparent 1px)!important;
background-size:72px 72px!important;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%)!important;
z-index:0!important;
}
.services-honeycomb-wrap{position:relative!important;z-index:2!important}
.services-honeycomb-kicker{color:#b52c24!important}
.services-honeycomb-intro h2{color:#102b59!important;text-shadow:none!important}
.services-honeycomb-intro p{color:#526676!important}
.services-honeycomb-cell{
background:#f5f2ea!important;
filter:drop-shadow(0 12px 18px rgba(16,43,89,.14))!important;
}
.services-honeycomb-cell:hover,.services-honeycomb-cell.is-active{
background:#e44b2d!important;
filter:drop-shadow(0 16px 22px rgba(16,43,89,.23))!important;
}
.services-honeycomb-inner img{filter:grayscale(1) brightness(.67) contrast(1.04)!important}
.services-honeycomb-cell:hover .services-honeycomb-inner img,
.services-honeycomb-cell.is-active .services-honeycomb-inner img{filter:grayscale(0) brightness(.82) contrast(1.03)!important}
.services-honeycomb-shade{background:linear-gradient(to top,rgba(8,28,58,.94) 0%,rgba(8,28,58,.38) 58%,rgba(8,28,58,.04) 100%)!important}
.services-honeycomb-all{border-color:#102b59!important;background:#102b59!important;color:#fff!important}
.services-honeycomb-all:hover{border-color:#b52c24!important;background:#b52c24!important;color:#fff!important}
.services-honeycomb-all span{color:#ff856e!important}
/* ===== HIZMETLER / PETEK BOYUT VE BUTON DUZENI v1.10.59 ===== */
.services-honeycomb-cluster{width:990px!important;height:391px!important}
.services-honeycomb-cell{width:190px!important;height:219px!important}
.services-honeycomb-all{display:none!important}
@media(max-width:1020px){
.services-honeycomb-cluster{zoom:calc((100vw - 40px)/990)!important}
}
@media(max-width:680px){
.services-honeycomb-cluster{zoom:calc((100vw - 24px)/990)!important}
}
/* ===== CREVON CORPORATE + SEO CONTENT UI v1.10.61 ===== */
@media(min-width:1025px){
.accountlinks{display:flex;align-items:center;justify-content:flex-end;max-width:480px}
.accountlinks a{float:none;white-space:nowrap}
}
.altfooter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px}
.crevon-design-credit{color:#4da3ff;font-size:11px;font-weight:650;letter-spacing:.2px;text-decoration:none}
.crevon-design-credit:hover{color:#79baff;text-decoration:underline;text-underline-offset:3px}
/* ===== HEADER TELEFON / MENU RENGIYLE AYNI v1.10.69 ===== */
.header-phone-call{background:var(--menu-color,#e03820)!important}
.header-phone-call:hover{background:var(--menu-color,#e03820)!important}
/* ===== TEKLIF FORMU / TEMIZ VE MODERN INPUT METNI v1.10.70 ===== */
.translation-quote-trust{display:none!important}
.translation-quote-form input,
.translation-quote-form select,
.translation-quote-form textarea{
color:#263342!important;
font-size:14px!important;
font-weight:520!important;
letter-spacing:-.08px!important;
}
.translation-quote-form textarea{line-height:1.55!important}
.translation-quote-form input::placeholder,
.translation-quote-form textarea::placeholder{
color:#66717c!important;
opacity:1!important;
}
.translation-quote-form input:focus,
.translation-quote-form select:focus,
.translation-quote-form textarea:focus{
border-color:#ef5c38!important;
box-shadow:0 0 0 3px rgba(239,92,56,.11)!important;
}
/* ===== HIZMET PETEKLERI / GORSELI PETEGIN TAMAMINA YAY v1.10.75 ===== */
.services-honeycomb-inner img{
position:absolute!important;
inset:0!important;
display:block!important;
width:100%!important;
height:100%!important;
min-width:100%!important;
min-height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:cover!important;
object-position:center center!important;
background:#d7e0e5!important;
transform:none!important;
}
.services-honeycomb-cell:hover .services-honeycomb-inner img,
.services-honeycomb-cell.is-active .services-honeycomb-inner img{
transform:none!important;
}
.page-head p{max-width:760px;margin:14px 0 0;color:rgba(255,255,255,.75);font-size:16px;line-height:1.7}
.page-kicker{display:block;margin-bottom:12px;color:#ff775e;font-size:11px;font-weight:850;letter-spacing:1.8px}
.service-directory{align-items:stretch}
.service-directory-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid #d7dee3;background:#fff;box-shadow:0 16px 34px rgba(16,43,89,.08)}
.service-directory-card>img{width:100%;height:230px;object-fit:cover}
.service-directory-card .card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.service-directory-card h2{margin:0 0 13px;color:#102b59;font-size:25px}
.service-directory-card p{flex:1;color:#536473;line-height:1.75}
.service-detail{align-items:start}
.service-detail-copy{color:#344655;font-size:16px;line-height:1.85}
.rich-copy{color:#344655;font-size:16px;line-height:1.9}
.rich-copy>img{display:block;width:100%;max-height:520px;margin:0 0 32px;object-fit:cover}
.empty-public-state{padding:45px;border:1px solid #d4dde2;background:#f6f8f8;text-align:center}
.faq-page{max-width:980px!important}
.faq-item{margin-bottom:12px;border:1px solid #cbd6dc;background:#fff;box-shadow:0 10px 24px rgba(16,43,89,.06)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px;color:#102b59;font-size:18px;font-weight:780;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{color:#b52c24;font-size:24px;transition:transform .2s ease}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item>div{padding:0 26px 25px;color:#526676;font-size:15px;line-height:1.8}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.help-grid article{padding:34px;border-top:4px solid #102b59;background:#f4f6f6;box-shadow:0 16px 36px rgba(16,43,89,.08)}
.help-grid article>span{color:#b52c24;font-size:12px;font-weight:850;letter-spacing:1.4px}
.help-grid h2{margin:18px 0 13px;color:#102b59;font-size:24px}
.help-grid p{min-height:88px;color:#526676;line-height:1.7}
.help-grid a{display:inline-flex;margin-top:8px;color:#102b59;font-weight:800;text-decoration:none;border-bottom:1px solid #102b59}
@media(max-width:800px){.help-grid{grid-template-columns:1fr}.help-grid p{min-height:0}.altfooter{padding-left:18px;padding-right:18px}}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
/* ===== SAYFA BASLIGI (.page-head) HEADER ALTINDA KALMASIN v3.9.8 =====
Masaustunde .header position:absolute oldugu icin sayfada yer kaplamiyor
ve .page-head bolumunun ustune biniyordu: servis/kurumsal sayfalarinda
baslik menunun arkasinda kaliyor, yazi "cok yakin/kesik" goruntusu
veriyordu. Header yuksekligi (41px ust serit + 65px menu = 106px) kadar
ust bosluk birakiliyor. Mobilde header akistadir, oraya dokunulmaz. */
@media (min-width:1025px){
.page-head{padding-top:152px!important}
}
/* ===== PETEK GORSELLERI COK KOYUYDU, ACILDI v3.10.3 =====
Onceki hal: gorsel grayscale(1) brightness(.67) + uzerine %94 opak
lacivert katman -> gorseller neredeyse siyahti, ne oldugu secilmiyordu.
Simdi gorsel rengini buyuk olcude koruyor ve aydinlik; karartma da
yazinin okunurlugunu bozmayacak kadar azaltildi. */
.services-honeycomb-inner img{filter:grayscale(.18) brightness(.99) contrast(1.04)!important}
.services-honeycomb-cell:hover .services-honeycomb-inner img,
.services-honeycomb-cell.is-active .services-honeycomb-inner img{filter:grayscale(0) brightness(1.06) contrast(1.03)!important}
.services-honeycomb-shade{background:linear-gradient(to top,rgba(8,28,58,.86) 0%,rgba(8,28,58,.44) 58%,rgba(8,28,58,.12) 100%)!important}