@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-core.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0,U+00A9,U+00C7,U+00D6,U+00DC,U+00E7,U+00F6,U+00FC,U+0131,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2122,U+2212}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-tr.woff2) format('woff2');unicode-range:U+011E-011F,U+0130,U+015E-015F}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-ext.woff2) format('woff2');unicode-range:U+00A1-00A8,U+00AA-00AC,U+00AE-00C6,U+00C8-00D5,U+00D7-00DB,U+00DD-00E6,U+00E8-00F5,U+00F7-00FB,U+00FD-00FF,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+2002,U+2009,U+200B,U+201A,U+201E,U+2032-2033,U+2039-203A,U+2044,U+2191,U+2193,U+FEFF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dm-sans-core.woff2) format('woff2');unicode-range:U+000D,U+0020-007E,U+00A0,U+00A9,U+00C7,U+00D6,U+00DC,U+00E7,U+00F6,U+00FC,U+0131,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2122,U+2212}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dm-sans-tr.woff2) format('woff2');unicode-range:U+011E-011F,U+0130,U+015E-015F}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dm-sans-ext.woff2) format('woff2');unicode-range:U+00A1-00A8,U+00AA-00AC,U+00AE-00C6,U+00C8-00D5,U+00D7-00DB,U+00DD-00E6,U+00E8-00F5,U+00F7-00FB,U+00FD-00FF,U+0102,U+0152-0153,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308,U+201A,U+201E,U+2039-203A,U+2044,U+2191,U+2193,U+2215}
/* font */


/* variable */
:root {  
    --alt-font: "DM Sans", sans-serif;
    --primary-font: "Inter", sans-serif;
    --base-color: #5114D6;
    --dark-gray: #2D2247;
    --medium-gray: #716d7a;
    --light-medium-gray: #E8E2F5;
    --green: #4DAA57;
    --very-light-gray: #f3e7ff;
} 
/* reset */
body {
    font-size: 16px;
    line-height: 28px; 
}
a {
    color: #5114D6;
} 
/* box layout */
.box-layout {
    padding-left: 80px;
    padding-right: 80px;
}
/* bg color */
.bg-base-transparent-light {
    background-color: rgba(110, 44, 255, 0.1);
}
.bg-green-transparent-light {
    background-color: rgba(77, 170, 87, 0.20);
}
.bg-gradient-very-light-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(110, 44, 255, 0.10), rgba(110, 44, 255, 0));
    background: linear-gradient(to right, rgba(110, 44, 255, 0.10), rgba(110, 44, 255, 0));
}
.bg-gradient-flamingo-red-transparent {
    background: -webkit-linear-gradient(right, rgba(225, 52, 14, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(225, 52, 14, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
}
.bg-gradient-base-color-transparent {
    background: -webkit-linear-gradient(right, rgba(99, 0, 209, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(99, 0, 209, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
}
.bg-gradient-top-very-light-gray { 
    background-image:linear-gradient(to top, #F9F6FF, #F9F6FF, #fcfafa, #ffffff, #ffffff);
}
/* text color */
.text-flamingo {
    color: #F3453B;
}
/* border color */
.border-color-base-transparent {
    border-color: rgba(110, 44, 255, 0.3) !important;
}
.text-outline-color-extra-medium-gray { 
    -webkit-text-stroke-color: rgba(45, 34, 71, 0.15); 
}
/* header */
header .container-fluid {
    padding-left: 65px;
    padding-right: 65px;
}
header .navbar-brand img {
    max-height: 31px;
}
header .btn {
    font-size: 13px;
}
.navbar .navbar-nav .nav-link .label {
    font-size: 10px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
    width: 360px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a {
    line-height: 24px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i {
    font-size: 32px;
    width: 35px;
}
/* Alt menü simgesi görsel olarak verilmişse (smallPicture): Crafto conference/lawyer/web-agency stili (65 px, yuvarlak kırpma yok). */
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img {
    border-radius: 0;
    width: 65px;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
    align-self: flex-start;
}
/* Masaüstünde çok öğeli açılır menü 3 sütunlu ızgara olarak hero sağ kenarından (box-layout hizası) sola doğru açılır, ekrandan taşmaz. */
@media (min-width: 992px) {
    .navbar .navbar-nav .dropdown.dropdown-with-icon {
        position: static;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
        width: 1080px;
        max-width: calc(100vw - 160px);
        padding: 24px 30px;
        left: auto;
        right: 80px;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon.open .dropdown-menu,
    .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu.show {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 30px;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:nth-child(-n + 3) a {
        border-top: 0;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a {
        padding: 12px 26px 12px 0;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p {
        line-height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}
@media (min-width: 992px) and (max-width: 1600px) {
    .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
        right: 60px;
        max-width: calc(100vw - 120px);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
        right: 35px;
        max-width: calc(100vw - 70px);
    }
}
.navbar .navbar-nav .nav-link {
    font-weight: 600;
}
/* margin */
.mb-minus-30px {
    margin-bottom: -30px;
}
/* btn */
.btn {
    font-weight: 500;
    font-family: var(--primary-font);
    border: 0;
}
.btn.btn-base-color:active, .btn.btn-base-color:hover {
    background: var(--base-color);
    color: var(--white);
}
.btn.btn-transparent-light-gray, .btn.btn-transparent-light-gray:active, .btn.btn-transparent-light-gray:hover  {
    background-color:rgba(81, 20, 214, 0.1);
    color: var(--base-color);
}
.btn.btn-switch-text.btn-large>span {
    padding: 16px 32px;
    font-size: 15px;
}
/* font size */
.h1, h1 {
    font-size: 4.3rem;
    line-height: 4rem;
}
.fs-280 {
    font-size: 17.5rem;
    line-height: 17.5rem;
}
/* contact form style */
.contact-form-style-07 .form-control {
    font-size: 14px;
}
/* newsletter style */
.newsletter-style-02 input {
    border-radius: 4px;
    padding: 9px 50px 9px 20px !important;
}
.newsletter-style-02 .btn { 
    padding: 8px 20px 8px; 
}
/* progress bar style */
.progress-bar-style-01 .progress .progress-bar-percent:after {
    border-top-color: rgba(110, 44, 255, 0.1);
}
/* down section */
.down-section {
    bottom: 30px;
}
/* review star icon */
.review-star-icon i {
    color: var(--base-color);
}
/* footer */
.footer-navbar li a:hover {
    color: var(--white);
}
footer .footer-logo img {
    max-height: 38px;
}
.mb-minus-70px {
    margin-bottom: -70px;
}
/* page title */
.page-title-extra-large h1 {
    font-size: 3.5rem;
    line-height: 3rem;
}

@media (max-width: 768px) {
 .page-title-extra-large h1 {
    font-size: 2rem;
}
}


/* media query responsive */
@media (max-width: 1600px) {
    .box-layout {
        padding: 0 60px;
    }
    header .container-fluid {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
@media (max-width: 1199px) {
    .box-layout {
        padding: 0 0;
    }
    header .container-fluid {
        padding-left: 35px;
        padding-right: 35px;
    }
}
@media (max-width: 991px) { 
    header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    } 
    .md-mb-minus-50px {
        margin-bottom: -50px;
    }
}
@media (max-width: 767px) {
    .md-mb-minus-20px {
        margin-bottom: -20px;
    }
}

/* ====================== site eklemeleri ====================== */
/* logo: yazılı logo temanın demo logosundan (düz metin) daha kısa yazı taşır; aynı yazı boyunu vermek için yükseklik artırıldı */
header .navbar-brand img{max-height:46px}
footer .footer-logo img{max-height:46px}
@media (max-width:575px){header .navbar-brand img{max-height:38px}}
/* atlama bağlantısı (erişilebilirlik): odaklanınca görünür */
.skip{position:absolute;left:-9999px;top:0;z-index:10000;padding:10px 18px;background:var(--base-color);color:#fff;font-weight:600;border-radius:0 0 8px 0}
.skip:focus{left:0;color:#fff}
/* footer telif satırı: çekirdekten gelen bağlantı (footerCredit) temanın soluk metin rengiyle */
/* footer metinleri koyu zeminde AA kontrastı için açılır (demodaki #716d7a koyu zeminde 3,4:1); bağlantılar üzerine gelince beyaz */
footer p,footer .text-medium-gray{color:rgba(255,255,255,.72)}
footer .footer-credit a{color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px}
footer .footer-credit a:hover,footer a.text-medium-gray:hover{color:#fff}
/* çerez onayı (KVKK): temanın "cookie message" kartı (sağ altta yüzen koyu kart, 370 px); Reddet ve Kabul Et eşit boyutlu, alt alta */
.consent{position:fixed;z-index:999999;right:20px;bottom:20px;width:370px;max-width:calc(100vw - 40px);padding:40px;background:var(--dark-gray);color:#fff;border-radius:8px;box-shadow:0 24px 60px -24px rgba(0,0,0,.5);transform:translateY(calc(100% + 40px));transition:transform .3s ease}
.consent[hidden]{display:none}
.consent.is-open{transform:none}
.consent__text{margin:0 0 20px;font-size:14px;line-height:22px;color:#fff}
.consent__link{color:#fff;text-decoration:underline;text-underline-offset:3px}
.consent__link:hover{color:#d6c6ff}
.consent__actions{display:flex;flex-direction:column;gap:12px}
.consent__btn{width:100%;padding:9px 22px;border-radius:100px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-family:var(--primary-font);font-size:13px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.consent__btn:hover{background:rgba(255,255,255,.12)}
.consent__btn--accept{background:#fff;border-color:#fff;color:var(--dark-gray)}
.consent__btn--accept:hover{background:var(--base-color);border-color:var(--base-color);color:#fff}
@media (max-width:575px){.consent{right:15px;bottom:15px;width:auto;max-width:none;left:15px;padding:28px 24px}}
@media (prefers-reduced-motion:reduce){.consent{transition:none}}
/* form başarı penceresi: temanın modal görünümü (beyaz kutu, ortalı, 50 px dolgu, karartılmış arka plan); kapanınca sayfa yenilenir */
dialog[data-form-success]{width:min(92vw,480px);padding:50px;border:0;border-radius:6px;background:#fff;color:var(--medium-gray);text-align:center;box-shadow:0 30px 80px -20px rgba(45,34,71,.45)}
dialog[data-form-success]::backdrop{background:rgba(11,11,11,.8)}
dialog[data-form-success][open]{animation:form-success-in .3s ease}
@keyframes form-success-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){dialog[data-form-success][open]{animation:none}}

/* main.js üst boşluğu yüklenince yazar; layout.astro aynı yüksekliği --header-space olarak önceden verir (ilk boyamada hero aşağı atlamasın). */
.top-space-margin {
	margin-top: var(--header-space, 0);
}
.top-space-padding {
	padding-top: var(--header-space, 0);
}

/* Sektör kartları: hepsi eşit yükseklikte, açıklama en az 3 satır. */
.review-style-06 {
	display: flex;
	height: auto;
}
.review-style-06 > div {
	flex: 1;
	justify-content: flex-start !important;
}
.review-style-06 > div > p:last-child {
	min-height: 84px;
}

/* Hizmet kartları (kaydırıcı ve ızgara): hepsi eşit yükseklikte, açıklama en az 3 satır (3 * 28px = 84px). */
.swiper-slide:has(> .service-card) {
	display: flex;
	height: auto;
}
.service-card {
	flex: 1;
}
.service-card p {
	min-height: 84px;
}