@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
:root{
--bg:#ffffff;
--text:#0f172a;
--muted:#64748b;
--primary:#b00202;
--primary-2:#c81414;
--accent:#6d5efc;
--accent-2:#7c3aed;
--border: rgba(15, 23, 42, 0.10);
--shadow: 0 12px 40px rgba(15, 23, 42, 0.10);
--container: 1180px;
--line-color: #7b7bd6;
--line-width: 15px;
--node-size: 100px;
--spacing: 80px;
--page-bg: #f8fbff;
--card-bg: #ffffff;
--text-main: #0d0d0d;
--border-color: #e5e5e5;
--radius: 8px;
--padding: 24px;
--transition: 0.22s ease-out;
}
* {box-sizing: border-box;}
html, body {height: 100%;overflow-x: hidden;}
body {margin: 0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;color: var(--text);background: var(--bg);}
a {color: inherit;text-decoration: none;}
.container {width: min(var(--container), calc(100% - 32px));margin: 0 auto;}
.section-title {margin-top: 10px;font-weight: 500;margin-bottom: 25px;line-height: 1;font-size: 18px;text-transform: uppercase;position: relative;letter-spacing: .5px;}
.text-center .section-title {position: relative;display: inline-block;font-size: 20px;}
.dark_title { color: #d60202 !important;}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.dark_subtitle {color: #000;}
.section-subtitle {color: #000;font-size: 35px;font-weight: 600;margin-top: 7px;margin: 0 auto;margin-top: 0px;line-height: 1.2;max-width: 600px;margin-bottom: 1rem;}
.title-subtile-holder .dark_title.section-title::before {background: #d60202;}
.title-subtile-holder .dark_title.section-title::after {background: #d60202;}
.text-center .section-title::before {content: "";width: 40px;height: 3px;position: absolute;top: 50%;transform: translateY(-50%);left: -60px;background-color: #d60202;}
.text-center .section-title::after {content: "";width: 40px;height: 3px;position: absolute;top: 50%;transform: translateY(-50%);right: -60px;background-color: #d60202;}
.title-subtile-holder p.section-description {max-width: 650px;margin-left: auto;margin-right: auto;margin-top: 20px;}
.margin-top-150 {margin-top: -150px;}
.btn-kirmizi {color: #fff;background: #750101;background: linear-gradient(185deg, rgb(117 1 1) 0%, rgb(181 0 0) 50%, rgb(163 0 0) 100%);border: 1px solid rgb(73 0 0);border-radius: 15px 5px;padding: 10px 15px;font-weight: 700;font-size: 16px;font-family: Poppins;}
.btn-kirmizi:hover {background: #750101;background: linear-gradient(185deg, rgb(181 0 0) 0%, rgb(163 0 0) 50%, rgb(117 1 1) 100%);color: #fff;border: 1px solid rgb(133 0 0);border-radius: 15px 5px;text-decoration:none;padding: 10px 15px;font-weight: 700;font-size: 16px;font-family: Poppins;}
.custom-btn {width: 130px;height: 40px;color: #fff;border-radius: 5px;padding: 10px 25px;font-family: 'Poppins', sans-serif;font-weight: 500;background: transparent;cursor: pointer;transition: all 0.3s ease;position: relative;display: inline-block;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);outline: none;}
.btn-2 {color: #fff;background: #0059a2;background: linear-gradient(185deg, rgb(1, 75, 117) 0%, rgb(0, 124, 181) 50%, rgb(0, 90, 163) 100%);padding: 10px 15px;font-weight: 700;font-size: 16px;font-family: Poppins;width: 130px;height: 50px;line-height: 50px;padding: 0;border: none;}
.btn-3 {color: #fff;background: #750101;background: linear-gradient(185deg, rgb(117 1 1) 0%, rgb(181 0 0) 50%, rgb(163 0 0) 100%);padding: 10px 15px;font-weight: 700;font-size: 16px;font-family: Poppins;width: 130px;height: 50px;line-height: 50px;padding: 0;border: none;}
.btn-4 {color: #fff;background: #00af58;background: linear-gradient(185deg, rgb(1, 117, 36) 0%, rgb(0, 181, 81) 50%, rgb(0, 163, 27) 100%);padding: 10px 15px;font-weight: 700;font-size: 16px;font-family: Poppins;width: 130px;height: 50px;line-height: 50px;padding: 0;border: none;}
.btn-2 span, .btn-3 span, .btn-4 span{position: relative;display: block;width: 100%;height: 100%;}
.btn-2:before, .btn-2:after {position: absolute;content: "";right: 0;top: 0;background: #0059a2;background: linear-gradient(185deg, rgb(1, 75, 117) 0%, rgb(0, 124, 181) 50%, rgb(0, 90, 163) 100%);transition: all 0.3s ease;}
.btn-3:before, .btn-3:after {position: absolute;content: "";right: 0;top: 0;background: #750101;background: linear-gradient(185deg, rgb(117 1 1) 0%, rgb(181 0 0) 50%, rgb(163 0 0) 100%);transition: all 0.3s ease;}
.btn-4:before, .btn-4:after {position: absolute;content: "";right: 0;top: 0;background: #00af58;background: linear-gradient(185deg, rgb(1, 117, 36) 0%, rgb(0, 181, 81) 50%, rgb(0, 163, 27) 100%);transition: all 0.3s ease;}
.btn-2:before, .btn-3:before, .btn-4:before {height: 0%;width: 2px;}
.btn-2:after, .btn-3:after, .btn-4:after {width: 0%;height: 2px;}
.btn-2:hover, .btn-3:hover, .btn-4:hover {background: transparent;box-shadow: none;}
.btn-2:hover:before, .btn-3:hover:before, .btn-4:hover:before {height: 100%;}
.btn-2:hover:after, .btn-3:hover:after, .btn-4:hover:after {width: 100%;}
.btn-2 span:hover {color: rgb(0 90 163);}
.btn-3 span:hover {color: rgb(181 0 0);}
.btn-4 span:hover {color: rgb(255, 255, 255);}
.btn-2 span:before, .btn-2 span:after {position: absolute;content: "";left: 0;bottom: 0;background: #0059a2;background: linear-gradient(185deg, rgb(1, 75, 117) 0%, rgb(0, 124, 181) 50%, rgb(0, 90, 163) 100%);transition: all 0.3s ease;}
.btn-3 span:before, .btn-3 span:after {position: absolute;content: "";left: 0;bottom: 0;background: #750101;background: linear-gradient(185deg, rgb(117 1 1) 0%, rgb(181 0 0) 50%, rgb(163 0 0) 100%);transition: all 0.3s ease;}
.btn-4 span:before, .btn-4 span:after {position: absolute;content: "";left: 0;bottom: 0;background: #00af58;background: linear-gradient(185deg, rgb(1, 117, 36) 0%, rgb(0, 181, 81) 50%, rgb(0, 163, 27) 100%);transition: all 0.3s ease;}
.btn-2 span:before, .btn-3 span:before, .btn-4 span:before {width: 2px;height: 0%;}
.btn-2 span:after, .btn-3 span:after, .btn-4 span:after {width: 0%;height: 2px;}
.btn-2 span:hover:before, .btn-3 span:hover:before, .btn-4 span:hover:before {height: 100%;}
.btn-2 span:hover:after, .btn-3 span:hover:after, .btn-4 span:hover:after {width: 100%;}

/* Header Başlangıç */
.site-header ul, .site-header li {list-style: none !important;list-style-type: none !important;padding-left: 0;}
.site-header {background: #000000;background: linear-gradient(185deg, rgba(0, 0, 0, 1) 0%, rgb(0 10 44) 50%, rgba(0, 0, 0, 1) 100%);border-bottom: 1px solid #000;width: 100%;position: relative;z-index: 999;}
.inner-bar {display: flex;justify-content: space-between;align-items: center;padding: 0 40px;height: 120px;max-width: 1600px;margin: 0 auto;}
.logo-header img { max-height: 100px; }
.main-nav { flex: 1; display: flex; justify-content: center; align-items: center; height: 100%; }
.nav-list { display: flex; align-items: center; gap: 35px; margin: 0 !important; padding: 0 !important; height: 100%; list-style-type: none !important;}
.nav-list li {list-style: none !important;display: flex;align-items: center;}
.mobile-nav-header, .mobile-socials, .mobile-sub-toggle, .hamburger-btn, .menu-overlay { display: none; }
.nav-list { display: flex; align-items: center; gap: 35px; }
.nav-list > li { position: relative; }
.nav-list li a {color: #fff; font-size: 16px; font-weight: 500; transition: color 0.3s ease;}
.nav-list li a:hover { color: #B00202;text-decoration:none; }
.desk-icon { font-size: 12px; margin-left: 3px; color: #8894b5; }
.sub-menu {position: absolute; top: 100%; left: 0; width: 260px;background: #000000;background: linear-gradient(185deg, rgba(0, 0, 0, 1) 0%, rgb(0 10 44) 50%, rgba(0, 0, 0, 1) 100%);box-shadow: 0 20px 40px rgb(0 5 43 / 82%); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);opacity: 0; visibility: hidden; transition: all 0.3s ease;padding: 15px 0; z-index: 10; border-radius: 5px;}
.has-dropdown:hover .sub-menu { opacity: 1; visibility: visible; margin-top: 10px; }
.sub-menu li { border-bottom: none; padding: 0; }
.sub-menu li a {padding: 10px 25px; display: block; font-size: 15px; color: #ffffff;}
.sub-menu li a:hover {color: #d58b00;text-decoration: none;}
.header-right { display: flex; align-items: center; gap: 30px; }
.contact-info { display: flex; align-items: center; gap: 12px; }
.icon-box i { font-size: 40px; color: #d58b00; }
.text-box { display: flex; flex-direction: column; }
.text-box .subtitle { font-size: 13px; color: #d58b00; font-weight: 500; }
.text-box .phone-number { font-size: 18px; color: #fff; font-weight: 700; }
.btn-appointment {background: #117501;background: linear-gradient(185deg, rgba(17, 117, 1, 1) 0%, rgba(0, 181, 33, 1) 50%, rgba(0, 163, 49, 1) 100%); color: #fff;padding: 12px 28px; border-radius: 30px; font-size: 16px; font-weight: 500;display: flex; align-items: center; gap: 8px; transition: background 0.3s ease;}
.btn-appointment:hover {background: #117501;background: linear-gradient(185deg, rgba(0, 181, 33, 1) 0%, rgba(0, 163, 49, 1) 50%, rgba(17, 117, 1, 1) 100%); color: #fff;text-decoration:none; }
.header-right .icon-box i {-webkit-animation: dzRing 1.2s infinite ease-in-out;animation: dzRing 1.2s infinite ease-in-out;display: inline-flex;transform-origin: center;}
@-webkit-keyframes dzRing {0% { -webkit-transform: rotate(0); } 10% { -webkit-transform: rotate(15deg); } 20% { -webkit-transform: rotate(-15deg); } 30% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-15deg); } 50% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(0); } }
@keyframes dzRing {0% { transform: rotate(0); } 10% { transform: rotate(15deg); } 20% { transform: rotate(-15deg); } 30% { transform: rotate(15deg); } 40% { transform: rotate(-15deg); } 50% { transform: rotate(0); } 100% { transform: rotate(0); } }
.logo-wrap {display: flex;align-items: center; gap: 12px; text-decoration: none !important;}
.logo-text {display: flex;flex-direction: column;justify-content: center;text-decoration: none !important;}
.logo-text span {color: #ffffff !important;line-height: 1.1;white-space: nowrap;}
.logo-text .text-large {font-size: 25px;font-weight: 900;letter-spacing: 2px;text-align: center;padding-bottom: 3px;}
.logo-text .text-small {font-size: 13px;font-weight: 700;padding: 2px 0;text-align: center;}
/* Header Bitiş */

/* Slider Başlangıç */
.hero-slider{background: #fff;}
.slider{position: relative;overflow: hidden;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);border-radius: 0;box-shadow: none;}
.slider-track{display:flex;will-change: transform;transition: transform .65s cubic-bezier(.22,.85,.2,1);touch-action: pan-y;cursor: grab;}
.slider.is-dragging .slider-track{cursor: grabbing;transition: none;}
.slide{flex: 0 0 100%;width: 100%;position: relative;height: clamp(360px, 52vw, 640px);background: #0b1220;}
.slide-img{width: 100%;height: 100%;object-fit: cover;display:block;filter: brightness(.78);transition: transform .9s ease;pointer-events: none;backface-visibility: hidden;transform: translateZ(0);}
.slide-content{width: min(var(--container), calc(100% - 32px));margin: 0 auto;max-width: 760px;color:#fff;opacity: 0;transform: translateY(14px);transition: opacity .55s ease, transform .55s ease;}
.slide.is-active .slide-content{opacity: 1;transform: translateY(0);}
.slide-overlay{position:absolute;inset:0;display:flex;align-items:center;}
.slide-kicker{margin:0 0 10px;font-weight:800;opacity:.95;font-family:Poppins;}
.slide-title{margin:0 0 12px;font-size: clamp(26px, 3.2vw, 48px);line-height: 1.08;letter-spacing: -.2px;font-family:Poppins;}
.slide-text{margin:0 0 18px;font-size: 15.5px;opacity:.92;max-width: 60ch;}
.slide-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.btn-primary, .btn-ghost{display:inline-flex;align-items:center;justify-content:center;height: 46px;padding: 0 16px;border-radius: 14px;font-weight: 900;border: 1px solid transparent;transition: transform .15s ease, background .2s ease, border-color .2s ease;}
.btn-primary{color:#fff;background: linear-gradient(135deg, var(--accent-2), var(--accent));box-shadow: 0 16px 34px rgba(109, 94, 252, .24);}
.btn-primary:hover{ transform: translateY(-1px); }
.btn-ghost{color:#fff;background: rgba(255,255,255,.12);border-color: rgba(255,255,255,.22);}
.btn-ghost:hover{transform: translateY(-1px);background: rgba(255,255,255,.18);}
.slider-arrow{position:absolute;top: 50%;transform: translateY(-50%);width: 46px;height: 46px;border-radius: 999px;border: 1px solid rgba(255,255,255,.22);background: rgba(15, 23, 42, .28);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter: blur(6px);transition: transform .15s ease, background .2s ease;z-index: 20;}
.slider-arrow:hover{transform: translateY(-50%) scale(1.04);background: rgba(15, 23, 42, .38);}
.slider-arrow svg{ width: 22px; height: 22px; }
.slider-arrow.prev{ left: 16px; }
.slider-arrow.next{ right: 16px; }
.slider-dots{position:absolute;left: 0;right: 0;bottom: 16px;display:flex;justify-content:center;gap: 10px;padding: 0 12px;z-index: 20;}
.slider-dot{width: 15px;height: 15px;border-radius: 50%;border: 1px solid rgba(255,255,255,.75);background: rgba(255,255,255,.20);cursor:pointer;transition: transform .15s ease, background .2s ease;}
.slider-dot.is-active{background:#fff;transform: scale(1.15);}
/* Slider Bitiş */

/* Hakkımızda Başlangıç */
.hakkimizda-bg {padding: 115px 0px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative !important;overflow: hidden;background-color: transparent;background-image: linear-gradient(180deg, #ffffff47 0%, #ffffff 100%), url(/assets/img/hakkimizda-bg-01.svg);}
.photoWrap {position: relative;display: inline-block;isolation: isolate; --cut: 70px;}
.photoWrap .photo {position: relative;z-index: 1;display: block;border-radius: 16px;}
.photoWrap::before, .photoWrap::after {content: "";position: absolute;top: 15px;left: -6px;width: 240px;height: 75px;background: url(/assets/img/mavi-ok-isimlik.png) no-repeat;background-size: contain;pointer-events: none;}
.photoWrap::before {z-index: 0;clip-path: inset(var(--cut) 0 0 0);}
.photoWrap::after {z-index: 2;clip-path: inset(0 0 calc(100% - var(--cut)) 0);}
.sol-pattern2 {position: absolute;top: -100px;left: -100px;background-size: 20px 20px;z-index: -1;opacity: 0.5;}
.image-area {position: relative;z-index: 1;}
.main-img-wrapper {position: relative;border-radius: 20px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.main-img-wrapper:hover {transform: translateY(-5px);box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);}
.main-img {width: 100%;height: auto;display: block;object-fit: cover;}
.dots-pattern {position: absolute;bottom: -50px;left: -30px;width: 155px;height: 155px;background-image: radial-gradient(rgb(176 2 2) 2px, transparent 2px);background-size: 20px 20px;z-index: -1;opacity: 0.5;}
.experience-card {position: absolute;bottom: 30px;left: -30px;background: #ffffff;padding: 25px 40px;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);border-left: 5px solid rgb(176 2 2);z-index: 2;animation: float 3s ease-in-out infinite;}
@keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
.exp-number {font-size: 2.5rem;font-weight: 700;color: rgba(176, 2, 2, 1);line-height: 1;}
.exp-text {font-size: 1rem;font-weight: 600;color: #6B7280;}
.content-area {padding-left: 20px;}
.sub-title {color: rgba(176, 2, 2, 1);font-weight: 600;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 10px;display: inline-block;position: relative;padding-left: 70px;font-size: 40px;margin-top: -10px;}
.sub-title::before {content: '';position: absolute;left: 0;top: 50%;width: 50px;height: 4px;background-color: rgba(176, 2, 2, 1);}
.sub-title::after {content: '';position: absolute;left: 0;top: 50%;width: 50px;height: 4px;background-color: rgba(176, 2, 2, 1);}
.main-title {font-size: 2.5rem;color: #1F2937;margin-bottom: 20px;line-height: 1.2;}
.description {color: #6B7280;margin-bottom: 30px;font-size: 1rem;}
.feature-list {list-style: none;margin-bottom: 45px;}
.feature-list li {margin-bottom: 15px;display: flex;align-items: center;color: #6B7280;font-size: 0.95rem;}
.feature-list li i {color: rgba(176, 2, 2, 1);margin-right: 15px;font-size: 1.1rem;}
.stats-wrapper {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 40px;}
.stat-box {background: #ffffff;padding: 20px;border: 1px solid #e5e7eb;border-radius: 12px;text-align: left;transition: all 0.3s ease;}
.stat-box:hover {border-color: rgba(176, 2, 2, 1);transform: translateY(-5px);box-shadow: 0 10px 25px rgb(210 0 0 / 15%);}
.stat-number {font-size: 2rem;font-weight: 700;color: #1F2937;display: block;margin-bottom: 5px;}
.stat-label {font-size: 0.9rem;font-weight: 600;color: #6B7280;}
/* Hakkımızda Bitiş */

/* Hizmetlerimiz Başlangıç */
.nio-ins-service-section {padding: 150px 0px;position: relative !important;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: top center;background-color: transparent;background-image: linear-gradient(180deg, #ffffff47 0%, #ffffff 100%), url(/assets/img/bg-03.jpg);}
.nio-ins-service-section .nio-ins-section-title {max-width: 540px;}
.nio-ins-service-section .nio-ins-section-title p {font-size: 20px;}
.nio-ins-service-innerbox {z-index: 1;overflow: hidden;border-radius: 15px;margin-bottom: 30px;background: linear-gradient(45deg, #aa00f1 0%, #6722d6 100%);}
.nio-ins-service-innerbox:before {top: 2px;left: 1px;content: "";width: 99.5%;height: 98.5%;z-index: -1;position: absolute;background-color: #fff;border-radius: 15px;transition: 500ms all ease;}
.nio-ins-service-innerbox .nio-ins-service-img {margin-right: 40px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background-size: contain;background-position: center;background-repeat: no-repeat;-webkit-mask-image: url(../img/img-shape.png);mask-image: url(../img/img-shape.png);}
.nio-ins-service-innerbox .nio-ins-service-text {display: table;padding: 35px 30px 25px 0px;}
.nio-ins-service-innerbox .nio-ins-service-text h3 {color: #111111;font-size: 24px;font-weight: 700;padding-bottom: 18px;}
.nio-ins-service-innerbox .nio-ins-service-text h3 a {color: #111111;}
.nio-ins-service-innerbox .nio-ins-service-text p {color: #666666;padding-bottom: 20px;transition: 500ms all ease;}
.nio-ins-service-innerbox .nio-ins-service-text .ser-more-btn {color: #000000;font-weight: 700;font-family: "Poppins";transition: 500ms all ease;}
.nio-ins-service-innerbox .nio-ins-service-text .ser-more-btn i {color: #f26d7d;}
.nio-ins-service-innerbox .nio-ins-service-icon {top: 85px;left: -85px;width: 60px;height: 60px;line-height: 60px;position: absolute;border-radius: 50%;background: linear-gradient(45deg, #aa00f1 0%, #6722d6 100%);}
.nio-ins-service-innerbox .nio-ins-service-icon i {color: #fff;font-size: 40px;}
.nio-ins-service-innerbox:hover:before {width: 0;}
.nio-ins-service-innerbox:hover .nio-ins-service-text h3, .nio-ins-service-innerbox:hover .nio-ins-service-text p, .nio-ins-service-innerbox:hover .nio-ins-service-text .ser-more-btn, .nio-ins-service-innerbox:hover .nio-ins-service-text .ser-more-btn i {color: #fff;}
.nio-ins-service-innerbox:hover .nio-ins-service-icon {background: #fff !important;transition: 500ms all ease;}
.nio-ins-service-innerbox:hover .nio-ins-service-icon i {color: #8015e0;}
.nio-ins-service-content {padding-top: 50px;}
.nio-ins-service-content .col-lg-6:nth-child(2) .nio-ins-service-innerbox {background: linear-gradient(-35deg, #fc409a 0%, #ff8917 100%);}
.nio-ins-service-content .col-lg-6:nth-child(2) .nio-ins-service-innerbox .nio-ins-service-icon {background: linear-gradient(-35deg, #fc409a 0%, #ff8917 100%);}
.nio-ins-service-content .col-lg-6:nth-child(1) .nio-ins-service-innerbox:hover .nio-ins-service-text h3 a {color: #fff;}
.nio-ins-service-content .col-lg-6:nth-child(2) .nio-ins-service-innerbox:hover .nio-ins-service-text h3 a {color:#fff;}
.nio-ins-service-content .col-lg-6:nth-child(3) .nio-ins-service-innerbox:hover .nio-ins-service-text h3 a {color:#fff;}
.nio-ins-service-content .col-lg-6:nth-child(4) .nio-ins-service-innerbox:hover .nio-ins-service-text h3 a {color: #fff;}
.nio-ins-service-content .col-lg-6:nth-child(2) .nio-ins-service-innerbox:hover .nio-ins-service-icon i {color: #fc4a89;}
.nio-ins-service-content .col-lg-6:nth-child(3) .nio-ins-service-innerbox {background: linear-gradient(-35deg, #0997ac 0%, #9ee9ac 100%);}
.nio-ins-service-content .col-lg-6:nth-child(3) .nio-ins-service-innerbox .nio-ins-service-icon {background: linear-gradient(-35deg, #0997ac 0%, #9ee9ac 100%);}
.nio-ins-service-content .col-lg-6:nth-child(3) .nio-ins-service-innerbox:hover .nio-ins-service-icon i {color: #21a4ac;}
.nio-ins-service-content .col-lg-6:nth-child(4) .nio-ins-service-innerbox {background: linear-gradient(-35deg, #1053fa 0%, #7197ec 100%);}
.nio-ins-service-content .col-lg-6:nth-child(4) .nio-ins-service-innerbox .nio-ins-service-icon {background: linear-gradient(-35deg, #1053fa 0%, #7197ec 100%);}
.nio-ins-service-content .col-lg-6:nth-child(4) .nio-ins-service-innerbox:hover .nio-ins-service-icon i {color: #1e5df8;}
/* Hizmetlerimiz Bitiş */

/* Farkımız Başlangıç */
.avantajlar-bg {background-image: linear-gradient(180deg, #ffffff47 0%, #ffffff 100%), url(/assets/img/bg-06.jpg);padding: 115px 0px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative !important;overflow: hidden;}
.custom-card{position:relative;margin-top:90px;filter:drop-shadow(0 15px 25px rgba(0,0,0,0.15));}
.custom-card::before, .custom-card::after{content:'';position:absolute;top:25px;width:8px;height:25px;background:var(--theme-color-dark);z-index:1;}
.custom-card::before{left:-4px;border-radius:4px 0 0 4px;}
.custom-card::after{right:-4px;border-radius:0 4px 4px 0;}
.card-white-box{background:#ffffff;position:relative;z-index:2;padding:90px 20px 60px;border-top-left-radius:8px;border-top-right-radius:8px;-webkit-mask-image:radial-gradient(circle at bottom center,transparent 45px,black 46px);mask-image:radial-gradient(circle at bottom center,transparent 45px,black 46px);}
.hex-wrapper{position:absolute;top:-80px;left:50%;transform:translateX(-50%);z-index:5;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}
.hex-wrapper:hover{transform:translateX(-50%) scale(1.15);z-index:10;}
.hex-outer{width:140px;height:162px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--theme-color);display:flex;align-items:center;justify-content:center;}
.hex-white{width:136px;height:157px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:white;display:flex;align-items:center;justify-content:center;}
.hex-image{width:124px;height:143px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden;}
.hex-image img{width:100%;height:100%;object-fit:cover;}
.custom-title{color:var(--theme-color);font-weight:700;font-size:1.1rem;text-align:center;margin:0;text-transform:uppercase;}
.content-wrap{display:block;margin-top:15px;}
.content-num{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:2.2rem;color:#ffffff;font-weight:500;z-index:10;line-height:1;}
.content-desc{font-size:0.85rem;color:#777;text-align:center;line-height:1.5;margin:0;}
.card-bottom-ribbon{position:relative;background:linear-gradient(to bottom, var(--theme-color) 0%, var(--theme-color-dark) 100%);height:75px;margin-top:-65px;z-index:1;}
/* Farkımız Bitiş */

/* Sıkça Sorulan Sorular Başlangıç */
.about-section {background-image: linear-gradient(180deg, #1b002b00 0%, #001f8540 100%), url(/assets/img/bg002.svg);padding: 115px 0px;background-size: cover;background-repeat: no-repeat;background-position: left bottom;position: relative !important;overflow: hidden;}
.faq-header:focus, .faq-header:focus-visible, .faq-header:active {outline: none !important;box-shadow: none !important;border: none !important;}
.sss-image {max-width: 100%;height: auto;filter: drop-shadow(0px 0px 40px rgba(186, 85, 211, 0.15)); }
.faq-list {display: flex;flex-direction: column;gap: 12px;}
.faq-item {background: var(--card-bg);border-radius: var(--radius);border: 1px solid var(--border-color); /* Varsayılan olarak hafif kenarlık */transition: border-color var(--transition), background-color var(--transition);}
.faq-item.is-open {border-color: #b0c4de; /* Açıkken hafif belirginleşen kenarlık */background-color: #f1f8ff; /* Açıkken çok hafif mavi arka plan */}
.faq-header {width: 100%;padding: var(--padding);border: none;outline: none;background: transparent;display: flex;align-items: center;justify-content: space-between;gap: 16px;cursor: pointer;font-size: 1.1rem;font-weight: 600;color: var(--text-main);text-align: left;}
.faq-header:hover {background: rgba(0, 0, 0, 0.02);border-radius: var(--radius);}
.faq-header:focus-visible {outline: 2px solid #2563eb;outline-offset: 2px;}
.faq-question {flex: 1;}
.faq-icon {position: relative;width: 20px;height: 20px;flex-shrink: 0;}
.faq-icon::before, .faq-icon::after {content: "";position: absolute;left: 50%;top: 50%;width: 100%;height: 2px;background: var(--text-main);border-radius: 999px;transition: transform 0.25s ease, opacity 0.25s ease;transform-origin: center;}
.faq-icon::before {transform: translate(-50%, -50%);}
.faq-icon::after {transform: translate(-50%, -50%) rotate(90deg);}
.faq-item.is-open .faq-icon::before {transform: translate(-50%, -50%) rotate(45deg);}
.faq-item.is-open .faq-icon::after {transform: translate(-50%, -50%) rotate(-45deg);}
.faq-body {padding: 0 var(--padding);max-height: 0;overflow: hidden;transition: max-height var(--transition), padding-bottom var(--transition), padding-top var(--transition);will-change: max-height;color: #6c757d;}
.faq-item.is-open .faq-body {padding-top: 0;padding-bottom: 24px;margin-bottom: 24px;}
.faq-body p {margin: 0;font-size: 0.95rem;line-height: 1.7;}
.margin-top-50 {margin-top: 50px;}
/* Sıkça Sorulan Sorular Bitiş */

/* Footer Başlangıç */
.footer-bg {background-image: linear-gradient(180deg, #000000d1 0%, #001f85ba 100%), url(/assets/img/bg-08.jpg);padding: 115px 0px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative !important;overflow: hidden;}
.footer-menu a:hover {color: #0d6efd !important;padding-left: 5px;transition: all 0.3s ease;}
.contact-links a:hover {color: #0d6efd !important;}
.social-icons i {width: 35px;height: 35px;line-height: 23px;text-align: center;transition: 0.3s;}
.social-icons i:hover {background-color: #0d6efd;border-color: #0d6efd;}
.app-buttons img {transition: transform 0.2s;}
.app-buttons img:hover {transform: scale(1.05);}
/* Footer Bitiş */

/* Breadcrumb Başlangıç */
.article-page-wrapper {font-family: 'Poppins', sans-serif;}
.breadcrumb {background: #6b000052;background: linear-gradient(185deg, #75010152 0%, #d602024d 50%, #75010152 100%) !important;}
.breadcrumb-section {background-image: linear-gradient(180deg, #00000094 0% 0%, #000e3d91 100%), url(/assets/img/bg-08.jpg);padding: 60px 0px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative !important;overflow: hidden;}
.breadcrumb-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}
.breadcrumb-content {position: relative;z-index: 2;}
.breadcrumb-content h1 {color: #fff;font-weight: 700;margin-bottom: 15px;}
.custom-breadcrumb .breadcrumb-item,
.custom-breadcrumb .breadcrumb-item a {color: #e0e0e0;text-decoration: none;}
.custom-breadcrumb .breadcrumb-item.active {color: #fff;font-weight: 500;}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before {color: #e0e0e0;}
/* Breadcrumb Bitiş */

/* İçerik Başlangıç */
.article-body h2,
.article-body h3,
.article-body h4 {font-weight: 600;color: #212529;margin-top: 2rem;margin-bottom: 1rem;}
.article-body p {color: #495057;line-height: 1.8;font-size: 1.05rem;}
.article-body img {border-radius: 8px;margin-bottom: 1.5rem;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
/* İçerik Bitiş */

/* Benzer İçerikler Başlangıç */
.related-posts .card {border: none;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;border-radius: 8px;overflow: hidden;}
.related-posts .card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.related-posts .card-title {font-size: 0.95rem;font-weight: 600;line-height: 1.4;}
.related-posts .card-title a {color: #212529;text-decoration: none;transition: color 0.2s;}
.related-posts .card-title a:hover {color: #0d6efd;}
/* Benzer İçerikler Bitiş */

 /* Sidebar Başlangıç */
 .sidebar-widget {background: #f8f9fa;padding: 25px;border-radius: 8px;margin-bottom: 30px;}
 .sidebar-widget .widget-title {font-size: 1.25rem;font-weight: 600;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid #0d6efd;display: inline-block;}
 .category-list .list-group-item {background: transparent;border-color: #e9ecef;padding: 12px 0;color: #495057;font-weight: 500;transition: all 0.2s;}
 .category-list .list-group-item:hover {color: #0d6efd;padding-left: 5px;background: transparent;}
  /* Sidebar Bitiş */