.elementor-kit-6{--e-global-color-primary:#2563EB;--e-global-color-secondary:#0F172A;--e-global-color-text:#475569;--e-global-color-accent:#FBBF24;--e-global-color-alaybg:#F8FAFC;--e-global-color-alayblue2:#1E40AF;--e-global-color-alaysky:#EFF6FF;--e-global-color-alaysky2:#93BBFC;--e-global-color-alayline:#E2E8F0;--e-global-color-alaymute:#94A3B8;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:700;background-color:#ffffff;color:#475569;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#2563EB;font-family:"Space Grotesk", Sans-serif;font-weight:600;color:#ffffff;border-radius:16px 16px 16px 16px;padding:16px 26px 16px 26px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#0F172A;color:#ffffff;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#2563EB;}.elementor-kit-6 a:hover{color:#0F172A;}.elementor-kit-6 h1{color:#0F172A;font-family:"Space Grotesk", Sans-serif;font-size:56px;font-weight:700;line-height:1.15em;letter-spacing:-1.7px;}.elementor-kit-6 h2{color:#0F172A;font-family:"Space Grotesk", Sans-serif;font-size:44px;font-weight:700;line-height:1.15em;letter-spacing:-1.3px;}.elementor-kit-6 h3{color:#0F172A;font-family:"Space Grotesk", Sans-serif;font-size:26px;font-weight:700;line-height:1.15em;letter-spacing:-0.8px;}.elementor-kit-6 h4{color:#0F172A;font-family:"Space Grotesk", Sans-serif;font-size:21px;font-weight:700;line-height:1.15em;letter-spacing:-0.6px;}.elementor-kit-6 h5{color:#0F172A;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:700;line-height:1.15em;letter-spacing:-0.5px;}.elementor-kit-6 h6{color:#0F172A;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:700;line-height:1.15em;letter-spacing:-0.5px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{color:#0F172A;background-color:#ffffff;border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:#E2E8F0;border-radius:14px 14px 14px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Alay Mühendislik — the few rules Elementor's controls cannot express. Kept in Site Settings › Custom CSS. */

/* 1. Headings: blue highlight inside <span>, amber variant on navy */
.a-hl .elementor-heading-title span{color:#2563EB}
.a-hl-volt .elementor-heading-title span{color:#FBBF24}

/* 2. Label chip above headings (white chip, amber dot); .a-eye-d = on navy, no chip */
.a-eye .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;background:#fff;padding:8px 16px;border-radius:99px;box-shadow:0 8px 20px -14px rgba(15,23,42,.3)}
.a-eye .elementor-heading-title::before,.a-eye-d .elementor-heading-title::before{content:"";width:8px;height:8px;border-radius:50%;background:#FBBF24;flex:none}
.a-eye-d .elementor-heading-title{display:inline-flex;align-items:center;gap:10px}

/* 3. Hero headline: photo and wave pills inside the text */
.a-pills .elementor-heading-title img{display:inline-block;vertical-align:middle;width:200px;height:90px;border-radius:99px;object-fit:cover;margin:0 6px;transform:translateY(-8px);box-shadow:0 14px 30px -12px rgba(15,23,42,.45)}
.a-pills .elementor-heading-title img.a-pwave{width:160px;box-shadow:none}
@media (max-width:1024px){.a-pills .elementor-heading-title img{width:130px;height:60px;transform:translateY(-5px)}.a-pills .elementor-heading-title img.a-pwave{width:104px}}
@media (max-width:767px){.a-pills .elementor-heading-title img{width:84px;height:40px;margin:0 3px;transform:translateY(-3px)}.a-pills .elementor-heading-title img.a-pwave{width:68px}}

/* 4. Coverflow: the centre slide full size, the neighbours smaller and quieter */
.a-cf .swiper-slide{transform:scale(.8);opacity:.62;transition:transform .8s cubic-bezier(.22,.8,.2,1),opacity .8s ease}
.a-cf .swiper-slide-active{transform:none;opacity:1;z-index:2}
/* neighbours slide in until their outer edge sits inside the carousel (offset 300 / 170 / 18 px), so their rounded corners show */
.a-cf .swiper-slide-prev{transform:translateX(calc(90% - 296px)) scale(.8)}
.a-cf .swiper-slide-next{transform:translateX(calc(-90% + 296px)) scale(.8)}
@media (max-width:1024px){.a-cf .swiper-slide-prev{transform:translateX(calc(90% - 166px)) scale(.8)}.a-cf .swiper-slide-next{transform:translateX(calc(-90% + 166px)) scale(.8)}}
@media (max-width:767px){.a-cf .swiper-slide-prev{transform:translateX(calc(95% - 16px)) scale(.9)}.a-cf .swiper-slide-next{transform:translateX(calc(-95% + 16px)) scale(.9)}}
.a-cf .a-cap{transition:opacity .5s ease}
.a-cf .swiper-slide:not(.swiper-slide-active) .a-cap{opacity:0}

/* 5. Marquee rows of service names */
.a-mq{overflow:hidden}
.a-mq-row{animation:a-mq 45s linear infinite;will-change:transform}
.a-mq-row.a-rev{animation-direction:reverse}
@keyframes a-mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.a-mq-row{animation:none}}

/* 6. Cards: photo zoom, colour swap on the navy hover */
.a-zoom{overflow:hidden}
.a-zoom img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.a-card:hover .a-zoom img{transform:scale(1.06)}
/* Selectors start with .elementor and name the widget type so they outrank the per-widget colours Elementor prints after this file. */
.a-sv .elementor-heading-title,.a-sv .elementor-widget-text-editor,.a-sv .elementor-icon,.a-sv .elementor-icon svg{transition:color .4s ease,background-color .4s ease,fill .4s ease}
.elementor .a-sv:hover .a-sv-t.elementor-widget-heading .elementor-heading-title{color:#fff}
.elementor .a-sv:hover .a-sv-c.elementor-widget-heading .elementor-heading-title{color:#FBBF24}
.elementor .a-sv:hover .elementor-widget-text-editor.elementor-widget-text-editor{color:rgba(255,255,255,.72)}
.elementor .a-sv:hover .a-sv-b.elementor-widget-icon .elementor-icon{background-color:#FBBF24;color:#0F172A}
.elementor .a-sv:hover .a-sv-b.elementor-widget-icon .elementor-icon svg{fill:#0F172A}
.elementor .a-sv:hover .a-sv-go.elementor-widget-icon .elementor-icon{background-color:#FBBF24;color:#0F172A}
.elementor .a-sv:hover .a-sv-go.elementor-widget-icon .elementor-icon svg{fill:#0F172A}

/* 7. Header: shadow once the page scrolls */
.a-bar{transition:box-shadow .3s ease}
.a-bar.elementor-sticky--effects{box-shadow:0 12px 32px rgba(15,23,42,.08)}

/* 8. Running text: paragraph rhythm without a leading or trailing gap */
.elementor-widget-text-editor p{margin:0 0 1em}
.elementor-widget-text-editor p:last-child{margin-bottom:0}

/* 9. Article body of the service / info pages */
.a-article h2{font:700 34px/1.15 "Space Grotesk",sans-serif;letter-spacing:-1px;color:#0F172A;margin:48px 0 16px}
.a-article h2:first-child{margin-top:0}
.a-article h3{font:700 23px/1.25 "Space Grotesk",sans-serif;letter-spacing:-.4px;color:#0F172A;margin:32px 0 10px}
.a-article h4{font:700 19px/1.3 "Space Grotesk",sans-serif;letter-spacing:-.2px;color:#0F172A;margin:26px 0 8px}
.a-article h5{font:700 17px/1.35 "Space Grotesk",sans-serif;color:#0F172A;margin:22px 0 8px}
.a-article h6{font:600 15.5px/1.4 "Space Grotesk",sans-serif;letter-spacing:.2px;color:#1E40AF;margin:20px 0 6px}
.a-article p{margin:0 0 16px}
.a-five h3,.a-five h4,.a-five h5,.a-five h6{font:700 34px/1.15 "Space Grotesk",sans-serif;letter-spacing:-1px;color:#0F172A;margin:48px 0 16px}
.a-faq{margin-top:56px;padding:34px 34px 14px;border-radius:24px;background:#F8FAFC;border:1px solid #E2E8F0}
.a-five .a-faq h6{margin:0 0 14px}
.a-acc{border-top:1px solid #E2E8F0}
.a-acc summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 0;font:700 18.5px/1.4 "Space Grotesk",sans-serif;letter-spacing:-.2px;color:#0F172A;transition:color .2s}
.a-acc summary::-webkit-details-marker{display:none}
.a-acc summary::after{content:"";flex:0 0 30px;height:30px;margin-top:-2px;border-radius:10px;background:#EFF6FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='%232563EB' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/15px no-repeat;transition:background-color .2s}
.a-acc summary:hover{color:#2563EB}
.a-acc[open] summary::after{background:#2563EB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/15px no-repeat}
.a-acc-b{padding:0 48px 20px 0}
.a-acc-b p:last-child{margin-bottom:0}
.a-article strong{color:#0F172A;font-weight:600}
.a-article a{color:#2563EB;text-decoration:underline;text-underline-offset:3px}
.a-article ul{list-style:none;margin:6px 0 22px;padding:0;display:grid;gap:10px}
.a-article ul li{position:relative;padding-left:32px}
.a-article ul li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:7px;background:#EFF6FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8.5' fill='none' stroke='%232563EB' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.a-article ol{margin:6px 0 22px;padding-left:22px}
.a-article ol li{margin-bottom:8px}
.a-article table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px}
.a-article th,.a-article td{border:1px solid #E2E8F0;padding:10px 14px;text-align:left}
.a-article th{background:#F8FAFC;color:#0F172A}
.a-on-dark strong{color:#fff}
.a-on-dark ul li::before{background-color:rgba(255,255,255,.14)}
@media (max-width:767px){.a-article h2{font-size:26px}.a-article h3{font-size:20px}.a-article h4{font-size:18px}.a-five h3,.a-five h4,.a-five h5,.a-five h6{font-size:26px}.a-faq{margin-top:40px;padding:24px 20px 8px;border-radius:20px}.a-acc summary{font-size:17px;padding:18px 0}.a-acc-b{padding-right:0}}

/* 10. Breadcrumb (Yoast) */
.a-crumb a{color:inherit;text-decoration:none}
.a-crumb a:hover{color:#2563EB}
.a-crumb .breadcrumb_last{color:#0F172A}

/* 11. Map corners, frosted panels */
.a-map,.a-map iframe{border-radius:24px;overflow:hidden}
.a-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* 12. Header quote button: the arrow nudges forward on hover */
.a-qbtn .elementor-widget-icon{transition:transform .3s cubic-bezier(.22,.8,.2,1)}
.a-qbtn:hover .elementor-widget-icon{transform:translateX(3px)}

/* 13. Inner page hero: the wave pill follows the headline size */
.a-ph .elementor-heading-title img.a-pwave{display:inline-block;vertical-align:middle;width:1.7em;height:.95em;margin-left:.1em;transform:translateY(-.07em)}

/* 14. Process steps (homepage): the card lifts, the number tilts, the photo leans in */
.a-step{transition:transform .45s cubic-bezier(.22,.8,.2,1),box-shadow .45s ease}
.a-step:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(15,23,42,.45)}
.a-step .a-step-no,.a-step .a-step-img{transition:transform .5s cubic-bezier(.22,.8,.2,1)}
.a-step:hover .a-step-no{transform:rotate(-8deg) scale(1.08)}
.a-step:hover .a-step-img{transform:scale(1.04)}

/* 15. Sticky header: once the page scrolls the bar slims down and the logo plate settles into it */
.a-bar .a-hrow,.a-bar .a-plate{transition:min-height .35s ease,margin .35s ease}
.a-bar .a-plate img{transition:width .35s ease,transform .3s}
.a-bar.elementor-sticky--effects .a-hrow{--min-height:76px!important}
.a-bar.elementor-sticky--effects .a-plate{--min-height:76px!important;--margin-bottom:0px!important;margin-bottom:0!important}
.a-bar.elementor-sticky--effects .a-plate img{width:150px!important}
.a-bar.elementor-sticky--effects .a-menu{--n-menu-title-distance-from-content:18px!important} /* mega menu panel stays on the slimmer bar's line */
@media (max-width:767px){.a-bar.elementor-sticky--effects .a-hrow,.a-bar.elementor-sticky--effects .a-plate{--min-height:64px!important}.a-bar.elementor-sticky--effects .a-plate img{width:104px!important}}
/* sticky column inside a row (desktop): stays in view until the row ends; the row aligns its columns to the top */
@media (min-width:1025px){.e-con.a-stick{position:sticky;top:120px;align-self:flex-start}}
/* feature items (Hakkımızda): lift, the badge turns blue, the title follows */
.a-feat{transition:transform .35s cubic-bezier(.22,.8,.2,1)}
.a-feat:hover{transform:translateY(-4px)}
.elementor .a-feat .elementor-widget-icon .elementor-icon{transition:background-color .3s,color .3s}
.elementor .a-feat:hover .elementor-widget-icon .elementor-icon{background-color:#2563EB!important;color:#ffffff!important}
.elementor .a-feat .elementor-heading-title{transition:color .25s}
.elementor .a-feat:hover .elementor-widget-heading .elementor-heading-title{color:#2563EB}
.elementor .a-feat-box{transition:transform .35s cubic-bezier(.22,.8,.2,1),box-shadow .35s,border-color .35s}
.elementor .a-feat-box:hover{box-shadow:0 22px 44px -26px rgba(15,23,42,.35);border-color:#BFD3FB!important}
/* feature items on a tinted card (homepage "Neden Alay"): the card turns white and lifts, the badge turns blue */
.elementor .a-feat-box.a-feat-soft{transition:transform .35s cubic-bezier(.22,.8,.2,1),box-shadow .35s,border-color .35s,background-color .35s}
.elementor .a-feat-box.a-feat-soft:hover{background-color:#fff!important}
/* empty states next to a posts list: only while no post is listed */
.a-has-posts:has(.elementor-post) .a-empty{display:none}/* End custom CSS */