/* ==========================================================================
   TÜRKÇE KARAKTER & KRİTİK YOL OPTİMİZASYONLU FONT SİSTEMİ (%100 YEREL)
   ========================================================================== */

/* 1. GÖVDE VE METİNLER: Poppins 400 (300, 400, 500 ağırlıkları tek dosyadan beslenir) */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url('../fonts/poppins/poppins-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url('../fonts/poppins/poppins-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 2. BAŞLIKLAR VE BUTONLAR: Poppins 700 (600, 700, 800, 900 ağırlıkları tek dosyadan beslenir) */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url('../fonts/poppins/poppins-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url('../fonts/poppins/poppins-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 3. DONANIM DESTEKLİ HARF KESKİNLEŞTİRME & GELİŞMİŞ OKUNABİLİRLİK */
html, body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* ==========================================================================
   ANA MENÜ NAVİGASYON VE HOVER EFEKTLERİ
   ========================================================================== */
.main-nav-link {
  position: relative !important;
  color: #272727 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
}

.main-nav-link:hover {
  color: #fca901 !important;
  transform: translateY(-1px) !important;
}

.main-nav-link::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 14px !important;
  right: 14px !important;
  height: 3px !important;
  background-color: #fca901 !important;
  border-radius: 2px !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.main-nav-link:hover::after,
.main-nav-link.active::after {
  transform: scaleX(1) !important;
}

.main-nav-link.active {
  color: #fca901 !important;
}

body {
  font-size: 15px !important;
  line-height: 1.72 !important;
  color: #1f2937 !important;
  font-weight: 400 !important;
}

p {
  line-height: 1.74 !important;
  letter-spacing: -0.012em !important;
  color: inherit;
}

/* Koyu Zeminli Alanlarda Beyaz & Açık Renk Metin Koruması */
.text-white p,
.bg-theme-dark p,
.bg-\[\#1e2029\] p,
.bg-\[\#13151b\] p,
.bg-\[\#14161f\] p,
.bg-\[\#181a20\] p,
.bg-\[\#282932\] p,
/* dark section */
footer p,
.about-hero-section p {
  color: #f1f5f9 !important;
}

/* Aydınlık Zeminli Alanlarda Okunabilir Koyu Metin */
body {
  color: #374151;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: -0.025em !important;
  color: #111827 !important;
}

/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Poppins,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}body,html{font-family:Poppins,sans-serif;color:#4b5563}body{line-height:1.78;font-size:15px}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;color:#1e293b;margin:0;padding:0}p{margin:0;color:inherit;font-size:15px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.cs-main-btn{color:#ffffff!important;font-weight:800!important;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1));padding:.875rem 2rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:#1e2029;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.cs-main-btn:hover{--tw-bg-opacity:1;background-color:rgb(40 41 50/var(--tw-bg-opacity,1))}@media (min-width:1280px){.cs-main-btn{color:#ffffff!important;font-weight:800!important;padding-left:2.25rem;padding-right:2.25rem;font-size:1rem;line-height:1.5rem}}.btn-theme-dark{color:#ffffff !important;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:#13151b;border-color:#334155;padding:.875rem 1.75rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:#1e2029;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-theme-dark:hover{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}@media (min-width:1280px){.btn-theme-dark{color:#ffffff !important;font-size:1rem;line-height:1.5rem}}.theme-form-input{width:100%;border-width:1px;--tw-border-opacity:1;border-color:rgb(222 222 222/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(39 39 39/var(--tw-text-opacity,1))}.theme-form-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(133 133 133/var(--tw-placeholder-opacity,1))}.theme-form-input::placeholder{--tw-placeholder-opacity:1;color:rgb(133 133 133/var(--tw-placeholder-opacity,1))}.theme-form-input{outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.theme-form-input:focus{--tw-border-opacity:1;border-color:rgb(252 169 1/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-4{bottom:-1rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.\!mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[320px\]{height:320px}.h-\[350px\]{height:350px}.h-\[380px\]{height:380px}.h-full{height:100%}.max-h-\[480px\]{max-height:480px}.min-h-\[640px\]{min-height:640px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1360px\]{max-width:1360px}.max-w-\[260px\]{max-width:260px}.max-w-\[280px\]{max-width:280px}.max-w-\[460px\]{max-width:460px}.max-w-\[700px\]{max-width:700px}.max-w-\[900px\]{max-width:900px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.translate-x-full{--tw-translate-x:100%}.rotate-180,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-\[\#dedede\]{--tw-border-opacity:1;border-color:rgb(222 222 222/var(--tw-border-opacity,1))}.border-\[\#e5e5e5\]{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.border-\[\#eaeaea\]{--tw-border-opacity:1;border-color:rgb(234 234 234/var(--tw-border-opacity,1))}.border-\[\#f0f0f0\]{--tw-border-opacity:1;border-color:rgb(240 240 240/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/80{border-color:rgba(226,232,240,.8)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-50{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/80{border-color:rgba(30,41,59,.8)}.border-theme-orange{--tw-border-opacity:1;border-color:rgb(252 169 1/var(--tw-border-opacity,1))}.border-theme-orange\/30{border-color:rgba(252,169,1,.3)}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-\[\#13151b\]{--tw-bg-opacity:1;background-color:rgb(19 21 27/var(--tw-bg-opacity,1))}.bg-\[\#1e2029\]{--tw-bg-opacity:1;background-color:rgb(30 32 41/var(--tw-bg-opacity,1))}.bg-\[\#1e2029\]\/90{background-color:rgba(30,32,41,.9)}.bg-\[\#25D366\],.bg-\[\#25d366\]{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-\[\#282932\]{--tw-bg-opacity:1;background-color:rgb(40 41 50/var(--tw-bg-opacity,1))}.bg-\[\#2a2a32\]{--tw-bg-opacity:1;background-color:rgb(42 42 50/var(--tw-bg-opacity,1))}.bg-\[\#2a2a32\]\/95{background-color:rgba(42,42,50,.95)}.bg-\[\#2a2a33\]{--tw-bg-opacity:1;background-color:rgb(42 42 51/var(--tw-bg-opacity,1))}.bg-\[\#4b4d58\]{--tw-bg-opacity:1;background-color:rgb(75 77 88/var(--tw-bg-opacity,1))}.bg-\[\#f8f8f8\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity,1))}.bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.bg-\[\#fbfbfb\]{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity,1))}.bg-\[\#fcfcfc\]{--tw-bg-opacity:1;background-color:rgb(252 252 252/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/75{background-color:rgba(0,0,0,.75)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.bg-slate-900\/80{background-color:rgba(15,23,42,.8)}.bg-slate-900\/90{background-color:rgba(15,23,42,.9)}.bg-theme-dark{--tw-bg-opacity:1;background-color:rgb(40 41 50/var(--tw-bg-opacity,1))}.bg-theme-orange{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!px-8{padding-left:2rem!important;padding-right:2rem!important}.\!py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-7{padding-left:1.75rem}.pr-1{padding-right:.25rem}.pt-1{padding-top:.25rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[3px\]{letter-spacing:3px}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#272727\]{--tw-text-opacity:1;color:rgb(39 39 39/var(--tw-text-opacity,1))}.text-\[\#555\]{--tw-text-opacity:1;color:rgb(85 85 85/var(--tw-text-opacity,1))}.text-\[\#707070\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity,1))}.text-\[\#858585\]{--tw-text-opacity:1;color:rgb(133 133 133/var(--tw-text-opacity,1))}.text-\[\#bcbed4\]{--tw-text-opacity:1;color:rgb(188 190 212/var(--tw-text-opacity,1))}.text-\[\#c1c2ce\]{--tw-text-opacity:1;color:rgb(193 194 206/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-theme-body{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity,1))}.text-theme-orange{--tw-text-opacity:1;color:rgb(252 169 1/var(--tw-text-opacity,1))}.text-white{color:#ffffff !important}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-\[\#858585\]::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(133 133 133/var(--tw-placeholder-opacity,1))}.placeholder-\[\#858585\]::placeholder{--tw-placeholder-opacity:1;color:rgb(133 133 133/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_0_20px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0 0 20px rgba(0,0,0,.06);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_15px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 2px 15px rgba(0,0,0,.05);--tw-shadow-colored:0 2px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(37\2c 211\2c 102\2c 0\.5\)\]{--tw-shadow:0 4px 20px rgba(37,211,102,.5);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color)}.shadow-\[0_4px_20px_rgba\(37\2c 211\2c 102\2c 0\.5\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.hero-swiper-btn-prev{display:flex;height:52px;width:110px;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;--tw-bg-opacity:1;background-color:#13151b;border-color:#334155;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:#1e2029;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hero-swiper-btn-prev:hover{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.hero-swiper-btn-next{display:flex;height:52px;width:110px;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;--tw-bg-opacity:1;background-color:#13151b;border-color:#334155;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:#1e2029;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hero-swiper-btn-next:hover{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.top-service-card{text-align:center;background-color:#fff;padding:24px 14px;border:1px solid #eaeaea;box-shadow:0 4px 15px rgba(0,0,0,.04);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:155px;cursor:pointer}.top-service-card.active,.top-service-card:hover{background:#fca901!important;border-color:#fca901!important}.top-service-card svg{margin-bottom:12px;max-width:46px;max-height:46px}.top-service-card .shp0,.top-service-card path,.top-service-card svg{fill:#858585;transition:all .3s ease}.top-service-card.active .shp0,.top-service-card.active path,.top-service-card.active svg,.top-service-card:hover .shp0,.top-service-card:hover path,.top-service-card:hover svg{fill:#1e2029!important}.top-service-card p{color:#272727;font-weight:500;font-size:14px;transition:all .3s ease;line-height:1.35;margin:0}.top-service-card.active p, .top-service-card.active svg path, .top-service-card.active path,.top-service-card:hover p{color:#ffffff!important;font-weight:700!important}.our-service-box{position:relative;border-width:1px;--tw-border-opacity:1;border-color:rgb(234 234 234/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:2rem;text-align:center;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.our-service-box,.our-service-box:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.our-service-box:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);border-color:#fca901}.process-step-card{position:relative;border-width:1px;--tw-border-opacity:1;border-color:rgb(234 234 234/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.process-step-card,.process-step-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.process-step-card:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.cs_pricing_wrapper{background-image:url(../../upload/icons/pricing_bg.jpg);background-repeat:no-repeat;background-size:cover;padding:80px 0;position:relative;z-index:1}.cs_pricing_wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.96;background:#2a2a32;z-index:-1}.cs_table_heading{text-align:center;padding-bottom:40px}.cs_table_heading h3{color:#fca901;font-size:16px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.cs_table_heading h1{font-size:32px;font-weight:700;line-height:1.4;color:#fff;margin-top:8px}.cs_pricing_calculate_table{background:#fff;padding:38px 30px;border:1px solid #eaeaea;box-shadow:0 10px 30px rgba(0,0,0,.15);height:100%;display:flex;flex-direction:column;justify-content:space-between}.cs_pricing_calculate_heading{text-align:center;margin-bottom:22px}.cs_pricing_calculate_heading h1{color:#272727;font-size:22px;font-weight:700}.cs_pricing_calculate_heading p{color:#858585;font-size:13px;padding-top:4px}.cs_pricing_calculate_table_body{display:flex;gap:15px;margin-bottom:16px}.cs_pricing_calculate_table_body span{flex:1;display:flex;flex-direction:column}.cs_pricing_calculate_table_body label{color:#272727;font-size:13px;font-weight:600;margin-bottom:6px}.cs_pricing_calculate_table_body input,.cs_pricing_calculate_table_body select{background:#f3f5f6;border:1px solid #e2e8f0;padding:10px 14px;font-size:13px;color:#272727;width:100%;outline:none;transition:all .3s ease}.cs_pricing_calculate_table_body input:focus,.cs_pricing_calculate_table_body select:focus{background:#fff;border-color:#fca901}.cs_pricing_charge_table{background:#fff;text-align:center;padding:38px 24px;border:1px solid #eaeaea;box-shadow:0 10px 30px rgba(0,0,0,.15);height:100%;display:flex;flex-direction:column;justify-content:space-between}.cs_pricing_charge_table h3{color:#272727;font-size:22px;font-weight:700}.cs_pricing_charge_table p{color:#858585;font-size:13px;padding:4px 0 20px}.cs_pricing_charge_table table{width:100%;background:#fff;border-collapse:collapse}.cs_pricing_charge_table thead{background:#fca901}.cs_pricing_charge_table th{padding:12px 8px;text-align:center;font-size:13px;font-weight:800;color:#1e2029!important}.cs_pricing_charge_table td{padding:12px 8px;text-align:center;font-size:13px;color:#666;border-top:1px solid #eee}.cs_pricing_charge_table tr:hover td{background:#fdfaf3;color:#272727}.selection\:bg-theme-orange ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.selection\:bg-theme-orange ::selection{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.selection\:text-white ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-theme-orange::-moz-selection{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.selection\:bg-theme-orange::selection{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.selection\:text-white::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.after\:w-20:after{content:var(--tw-content);width:5rem}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-theme-orange:hover{--tw-border-opacity:1;border-color:rgb(252 169 1/var(--tw-border-opacity,1))}.hover\:bg-\[\#1EBE5D\]:hover,.hover\:bg-\[\#1ebe5d\]:hover{--tw-bg-opacity:1;background-color:rgb(30 190 93/var(--tw-bg-opacity,1))}.hover\:bg-\[\#282932\]:hover{--tw-bg-opacity:1;background-color:rgb(40 41 50/var(--tw-bg-opacity,1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-theme-dark:hover{--tw-bg-opacity:1;background-color:rgb(40 41 50/var(--tw-bg-opacity,1))}.hover\:bg-theme-orange:hover{--tw-bg-opacity:1;background-color:rgb(252 169 1/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-\[\#282932\]:hover{--tw-text-opacity:1;color:rgb(40 41 50/var(--tw-text-opacity,1))}.hover\:text-amber-400:hover{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.hover\:text-emerald-300:hover{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-theme-orange:hover{--tw-text-opacity:1;color:rgb(252 169 1/var(--tw-text-opacity,1))}.hover\:text-white:hover{color:#ffffff !important}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-theme-orange:focus{--tw-border-opacity:1;border-color:rgb(252 169 1/var(--tw-border-opacity,1))}@media (min-width:640px){.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:h-24{height:6rem}.sm\:h-52{height:13rem}.sm\:h-72{height:18rem}.sm\:h-\[420px\]{height:420px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-6{gap:1.5rem}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-9xl{font-size:8rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:inline{display:inline}.md\:w-64{width:16rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-10{padding:2.5rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:ml-auto{margin-left:auto}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-20{height:5rem}.lg\:h-28{height:7rem}.lg\:min-h-\[720px\]{min-height:720px}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[40px\]{font-size:40px}.lg\:text-\[42px\]{font-size:42px}.lg\:text-\[50px\]{font-size:50px}}@media (min-width:1280px){.xl\:mr-8{margin-right:2rem}.xl\:h-\[84px\]{height:84px}.xl\:gap-2{gap:.5rem}.xl\:text-\[14px\]{font-size:14px}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}


/* 4 ADIMLI TAŞINMA SÜRECİ - YÜKSEK KONTRASTLI MODERN KART */
.process-step-card {
  position: relative !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 4px solid #fca901 !important;
  border-radius: 6px !important;
  padding: 32px 20px !important;
  text-align: center !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.process-step-card:hover {
  background-color: #ffffff !important;
  border-color: #fca901 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

.process-step-card .step-badge {
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 50% !important;
  background-color: #fca901 !important;
  color: #1e2029 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 12px rgba(252, 169, 1, 0.3) !important;
  transition: all 0.35s ease !important;
}

.process-step-card .step-title {
  color: #1e2029 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
}

.process-step-card .step-desc {
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.process-step-card .step-watermark {
  position: absolute !important;
  top: -8px !important;
  right: -4px !important;
  font-size: 70px !important;
  font-weight: 900 !important;
  color: rgba(0, 0, 0, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
}
/* ========================================================
   4 ADIMLI TAŞINMA SÜRECİ - PREMIUM DİNAMİK SARI/BEYAZ KART
   ======================================================== */
.process-step-card {
  position: relative !important;
  background-color: #fca901 !important;
  border: 2px solid #fca901 !important;
  border-radius: 10px !important;
  padding: 30px 20px !important;
  text-align: center !important;
  box-shadow: 0 8px 24px rgba(252, 169, 1, 0.25) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  cursor: default;
}

.process-step-card .step-badge {
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  color: #fca901 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.35s ease !important;
}

.process-step-card .step-title {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
  transition: color 0.35s ease !important;
}

.process-step-card .step-desc {
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  transition: color 0.35s ease !important;
}

/* Sadece Masaüstünde Fare (Hover) Efekti */
@media (hover: hover) and (min-width: 1024px) {
  .process-step-card:hover {
    background-color: #ffffff !important;
    border-color: #272727 !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.14) !important;
  }

  .process-step-card:hover .step-badge {
    background-color: #272727 !important;
    color: #ffffff !important;
    transform: scale(1.08) !important;
  }

  .process-step-card:hover .step-title {
    color: #272727 !important;
  }

  .process-step-card:hover .step-desc {
    color: #4b5563 !important;
  }
}

/* ========================================================
   YOUTUBE SHORTS DİKEY MODAL (9:16 EN BOY ORANI)
   ======================================================== */
#videoModal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
/* ========================================================
   YOUTUBE SHORTS DİKEY MODAL OYNATICI
   ======================================================== */
#videoModal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}

#videoModal.active {
  display: flex !important;
}

.video-shorts-modal-box {
  position: relative !important;
  width: 100% !important;
  max-width: 400px !important;
  height: 82vh !important;
  max-height: 700px !important;
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

.video-shorts-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  background-color: #1e293b !important;
  color: #ffffff !important;
  border-bottom: 1px solid #334155 !important;
  flex-shrink: 0 !important;
}

.video-shorts-modal-header h4 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
}

.video-shorts-modal-header button {
  background: rgba(255, 255, 255, 0.1) !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 22px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.video-shorts-modal-header button:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #fca901 !important;
}

.video-shorts-modal-body {
  position: relative !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  background-color: #000000 !important;
  overflow: hidden !important;
}

.video-shorts-modal-body iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* ========================================================
   VİDEO KARTLARI (SAHADAKİ ÇALIŞMALARIMIZ) TASARIMI
   ======================================================== */
.video-card-box {
  background: #141722 !important;
  border: 1px solid #282d3e !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ========================================================
   VİDEO KARTLARI (SAHADAKİ ÇALIŞMALARIMIZ) MODERN TASARIMI
   ======================================================== */
.video-card-box {
  background: #141722 !important;
  border: 1px solid #282d3e !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

.video-card-box:hover {
  border-color: #fca901 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 36px rgba(252, 169, 1, 0.25) !important;
}

.video-thumb-container {
  position: relative !important;
  width: 100% !important;
  height: 260px !important;
  overflow: hidden !important;
  background-color: #0b0d14 !important;
  display: block !important;
}

.video-thumb-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}

.video-card-box:hover .video-thumb-container img {
  transform: scale(1.08) !important;
}

.video-thumb-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  transition: background 0.3s ease !important;
}

.video-card-box:hover .video-thumb-overlay {
  background: rgba(0, 0, 0, 0.15) !important;
}

.video-play-circle {
  position: relative !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background-color: #fca901 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 24px rgba(252, 169, 1, 0.85) !important;
  border: 2.5px solid #ffffff !important;
  transition: transform 0.3s ease !important;
}

.video-card-box:hover .video-play-circle {
  transform: scale(1.15) !important;
  background-color: #ffb822 !important;
}

.video-play-circle svg {
  width: 24px !important;
  height: 24px !important;
  margin-left: 3px !important;
  fill: #ffffff !important;
}

.video-shorts-tag {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  background: #e11d48 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  z-index: 3 !important;
  box-shadow: 0 2px 8px rgba(225, 29, 72, 0.6) !important;
}

.video-shorts-tag svg {
  width: 10px !important;
  height: 10px !important;
  fill: #ffffff !important;
}

.video-duration-tag {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  background: rgba(0, 0, 0, 0.85) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  z-index: 3 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.video-card-content {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.video-card-content h3 {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  transition: color 0.25s ease !important;
}

.video-card-box:hover .video-card-content h3 {
  color: #fca901 !important;
}

.video-card-content p {
  color: #cbd5e1 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.video-card-footer {
  padding-top: 12px !important;
  margin-top: 6px !important;
  border-top: 1px solid #282d3e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.video-card-footer .author {
  color: #fbbf24 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
}

.video-card-footer .watch-cta {
  background-color: #fca901 !important;
  color: #111827 !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

/* ========================================================
   MODERN SOFT ROUNDED (HAFİF OVAL KARTLAR & BUTONLAR)
   ======================================================== */
.cs-main-btn,
.btn-theme-dark,
.wizard-submit-btn,
.gallery-filter-btn {
  border-radius: 10px !important;
}

/* Üst 6'lı Servis Şeridi Kartları */
.top-service-card {
  border-radius: 14px !important;
}

/* Ana Hizmetlerimiz Kartları */
.our-service-box {
  border-radius: 14px !important;
}

/* 4 Adımlı Süreç Kartları */
.process-step-card {
  border-radius: 14px !important;
}

/* Akıllı Fiyat Teklif Formu & Sekmeler */
#fiyat-teklif {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

#fiyat-teklif [data-tab-target]:first-child {
  border-top-left-radius: 16px !important;
}

#fiyat-teklif [data-tab-target]:last-child {
  border-top-right-radius: 16px !important;
}

#fiyat-teklif .bg-white {
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

.wizard-pill,
.wizard-elev,
.wizard-time {
  border-radius: 8px !important;
}

.theme-form-input,
input.theme-form-input,
select,
textarea {
  border-radius: 8px !important;
}

/* Video Kartları & Galeri Kartları */
.video-card-box,
.gallery-item {
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* Müşteri Yorumları, Sayaç & Blog Kartları */
.testimonial-card,
.blog-card,
.feature-item-box {
  border-radius: 14px !important;
}

/* SSS Akordeon Kutuları */
.accordion-item,
.faq-accordion-box,
div.border.border-\[\#eaeaea\] {
  border-radius: 10px !important;
  overflow: hidden !important;
}

   ======================================================== */
.about-hero-section {
  position: relative !important;
  background-color: #1e2029 !important;
  padding: 55px 0 !important;
  text-align: center !important;
  color: #ffffff !important;
  border-bottom: 1px solid #2d3142 !important;
}

.about-floating-badge {
  position: absolute !important;
  bottom: 20px !important;
  right: -15px !important;
  background-color: #fca901 !important;
  color: #ffffff !important;
  padding: 16px 20px !important;
  border-radius: 8px !important;
  box-shadow: 0 15px 35px rgba(252, 169, 1, 0.45) !important;
  border: 3px solid #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  max-width: 270px !important;
  z-index: 10 !important;
}

.about-floating-badge .badge-num {
  font-size: 36px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #ffffff !important;
}

.about-floating-badge .badge-text {
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #1e2029 !important;
  line-height: 1.35 !important;
}

.about-cta-banner {
  background-color: #fca901 !important;
  color: #ffffff !important;
  padding: 45px 0 !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* ========================================================
   HİZMETLERİMİZ MODERN GRID & STANDARTLAR KARTLARI
   ======================================================== */
.services-grid-card {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  padding: 30px 24px 24px 24px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.35s ease !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
}

.services-grid-card:hover {
  transform: translateY(-8px) !important;
  border-color: #fca901 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

.services-grid-card .service-icon-wrap {
  width: 76px !important;
  height: 76px !important;
  margin: 0 auto 16px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #fff9ed !important;
  border-radius: 12px !important;
  border: 1px solid #fef3c7 !important;
  transition: all 0.35s ease !important;
}

.services-grid-card:hover .service-icon-wrap {
  transform: scale(1.08) !important;
  background-color: #fef0d4 !important;
  border-color: #fde68a !important;
}

.services-grid-card .service-badge {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  background-color: #fff3db !important;
  color: #b45309 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  border: 1px solid #fde68a !important;
  line-height: 1.3 !important;
  letter-spacing: 0.3px !important;
}

.services-grid-card .service-badge-popular {
  background-color: #fca901 !important;
  color: #ffffff !important;
  border: none !important;
}

.services-grid-card .service-title {
  color: #1f2937 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  text-align: center !important;
  transition: color 0.3s ease !important;
}

.services-grid-card:hover .service-title {
  color: #fca901 !important;
}

.services-grid-card .service-desc {
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  margin-bottom: 16px !important;
  text-align: center !important;
}

.services-grid-card .service-features {
  border-top: 1px dashed #e5e7eb !important;
  padding-top: 14px !important;
  margin-bottom: 20px !important;
  space-y: 8px !important;
}

.services-grid-card .service-features li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  margin-bottom: 6px !important;
}

.services-grid-card .service-features li i {
  color: #10b981 !important;
  font-size: 12px !important;
}

.services-grid-card .service-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 11px 16px !important;
  background-color: #f8fafc !important;
  color: #1e293b !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
}

.services-grid-card:hover .service-btn {
  background-color: #fca901 !important;
  color: #ffffff !important;
  border-color: #fca901 !important;
  box-shadow: 0 4px 12px rgba(252, 169, 1, 0.35) !important;
}

.services-trust-card {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  padding: 26px 20px !important;
  text-align: center !important;
  transition: all 0.35s ease !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

.services-trust-card:hover {
  transform: translateY(-6px) !important;
  border-color: #fca901 !important;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.06) !important;
}

.services-trust-card .trust-icon-box {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto 14px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #fff8eb !important;
  color: #fca901 !important;
  border-radius: 50% !important;
  font-size: 22px !important;
  transition: all 0.3s ease !important;
}

.services-trust-card:hover .trust-icon-box {
  background-color: #fca901 !important;
  color: #ffffff !important;
  transform: scale(1.1) !important;
}

/* Hero Okunabilirlik ve Kontrast İyileştirmesi */
.hero-gradient-overlay {
  background: linear-gradient(90deg, rgba(10, 14, 26, 0.94) 0%, rgba(15, 23, 42, 0.88) 55%, rgba(15, 23, 42, 0.50) 100%) !important;
}
@media (max-width: 1023px) {
  .hero-gradient-overlay {
    background: rgba(10, 14, 26, 0.90) !important;
  }
}

.hero-subtext {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.hero-quick-pill {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.wizard-submit-btn {
  background-color: #fca901 !important;
  color: #1e2029 !important;
  font-weight: 800 !important;
}
.wizard-submit-btn:hover {
  background-color: #1e2029 !important;
  color: #ffffff !important;
}










/* ==========================================================================
   SEÇENEK 1 (AMAZON/CAT STİLİ): SARI ÜZERİNE NET KOYU ANTRASİT (#111827)
   ========================================================================== */

/* 1. TÜM SARI BUTON, SEKME VE ROZETLER: SAF KOYU ANTRASİT METİN VE İKON */
.cs-main-btn,
.wizard-submit-btn,
[data-tab-target="tabQuote"],
[data-tab-target="tabQuote"].active,
.wizard-pill.active,
.wizard-elev.active,
.wizard-time.active,
.top-service-card.active,
.top-service-card:hover,
.cs_pricing_charge_table thead,
.cs_pricing_charge_table th,
#scroll,
.avatar-mo,
.avatar-ea,
.btn-hemen-ara {
  background-color: #fca901 !important;
  border-color: #fca901 !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

.cs-main-btn *,
.wizard-submit-btn *,
[data-tab-target="tabQuote"] *,
[data-tab-target="tabQuote"].active *,
.wizard-pill.active *,
.wizard-elev.active *,
.wizard-time.active *,
.top-service-card.active *,
.top-service-card:hover *,
.cs_pricing_charge_table thead *,
.cs_pricing_charge_table th *,
#scroll *,
.avatar-mo *,
.avatar-ea *,
.btn-hemen-ara * {
  color: #111827 !important;
  fill: #111827 !important;
  font-weight: 800 !important;
}

/* 2. HOVER DURUMUNDA: KOYU LACİVERT ZEMİN + BEYAZ YAZI */
.cs-main-btn:hover,
.wizard-submit-btn:hover,
#scroll:hover {
  background-color: #1e2029 !important;
  border-color: #1e2029 !important;
  color: #ffffff !important;
}
.cs-main-btn:hover *,
.wizard-submit-btn:hover *,
#scroll:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* 3. FORM AKTİF OLMAYAN BUTONLAR */
.wizard-pill:not(.active),
.wizard-elev:not(.active),
.wizard-time:not(.active) {
  background-color: #ffffff !important;
  border-color: #dedede !important;
  color: #111827 !important;
  font-weight: 700 !important;
}

/* 4. VİDEO VE KOYU BÖLÜMLERDEKİ YAZILAR: SAF BEYAZ */
.video-card-content h3, .video-card-box h3 { color: #ffffff !important; font-weight: 700 !important; 
  color: #ffffff !important;
  font-weight: 700 !important;
}
.video-card-content p {
  color: #f8fafc !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
.video-card-box:hover .video-card-content h3, .video-card-box h3 { color: #ffffff !important; font-weight: 700 !important; 
  color: #fca901 !important;
}

/* 5. HERO METİNLERİ: SAF BEYAZ */
.hero-subtext {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}
.hero-quick-pill {
  color: #ffffff !important;
  font-weight: 700 !important;
}


.cs_pricing_calculate_table button[type="submit"] {
  background-color: #fca901 !important;
  color: #111827 !important;
  font-weight: 900 !important;
}
.cs_pricing_calculate_table button[type="submit"]:hover {
  background-color: #1e2029 !important;
  color: #ffffff !important;
}
.cs_pricing_calculate_table button[type="submit"]:hover * {
  color: #ffffff !important;
}

/* ========================================================
   ÜST MENÜ LİNKLERİ (CANLI HOVER & AKTİF ÇİZGİSİ)
   ======================================================== */
.main-nav-link {
  position: relative !important;
  color: #1e2029 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 8px 14px !important;
  transition: all 0.25s ease-in-out !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

.main-nav-link:hover {
  color: #fca901 !important;
  transform: translateY(-1px) !important;
}

.main-nav-link.active {
  color: #fca901 !important;
  font-weight: 800 !important;
}

.main-nav-link.active::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 14px !important;
  right: 14px !important;
  height: 3px !important;
  background-color: #fca901 !important;
  border-radius: 2px !important;
}

/* ========================================================
   CS-MAIN-BTN & BUTON HOVER RENK DÜZELTMESİ (BEYAZ YAZI)
   ======================================================== */
.cs-main-btn {
  background-color: #fca901 !important;
  color: #111827 !important;
  font-weight: 800 !important;
  transition: all 0.25s ease-in-out !important;
}

.cs-main-btn * {
  color: #111827 !important;
  transition: all 0.25s ease-in-out !important;
}

.cs-main-btn:hover {
  background-color: #1e2029 !important;
  border-color: #1e2029 !important;
  color: #ffffff !important;
}

.cs-main-btn:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ==========================================================================
   MASTER BUTTON & CONTRAST ENGINE (TÜM BUTONLAR & KARTLAR KUSURSUZ)
   ========================================================================== */

/* 1. SARI ANA BUTONLAR (.cs-main-btn): Normalde Koyu Yazı, Hover'da BEYAZ Yazı */
.cs-main-btn,
.wizard-submit-btn,
.btn-hemen-ara {
  background-color: #fca901 !important;
  border-color: #fca901 !important;
  color: #111827 !important;
  font-weight: 800 !important;
  transition: all 0.25s ease-in-out !important;
}

.cs-main-btn:not(:hover) *,
.wizard-submit-btn:not(:hover) *,
.btn-hemen-ara:not(:hover) * {
  color: #111827 !important;
  fill: #111827 !important;
}

.cs-main-btn:hover,
.wizard-submit-btn:hover,
.btn-hemen-ara:hover {
  background-color: #1e2029 !important;
  border-color: #1e2029 !important;
  color: #ffffff !important;
}

.cs-main-btn:hover *,
.wizard-submit-btn:hover *,
.btn-hemen-ara:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* 2. KOYU HERO BUTONU (.btn-theme-dark): Normalde BEYAZ Yazı, Hover'da Koyu Yazı */
.btn-theme-dark {
  background-color: #13151b !important;
  border: 1px solid #334155 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  transition: all 0.25s ease-in-out !important;
}

.btn-theme-dark:not(:hover) * {
  color: #ffffff !important;
}

.btn-theme-dark:hover {
  background-color: #fca901 !important;
  border-color: #fca901 !important;
  color: #111827 !important;
}

.btn-theme-dark:hover * {
  color: #111827 !important;
}

/* 3. BEYAZ KARTLAR İÇİNDEKİ PARAGRAFLAR (KESİNLİKLE KOYU GRİ) */
.our-service-box,
.services-grid-card,
.process-step-card,
.bg-white {
  color: #111827;
}

.our-service-box p,
.services-grid-card p,
.process-step-card p {
  color: #4b5563 !important;
}

.our-service-box h3,
.services-grid-card h3,
.process-step-card h3 {
  color: #111827 !important;
}

/* ==========================================================================
   ULTIMATE SUPREME BUTTON ENGINE (HER BUTONDA HOVER: LACİVERT ARKA PLAN + BEYAZ YAZI)
   ========================================================================== */

/* 1. SARI BUTONLAR (Normal: Sarı + Koyu Lacivert Yazı) */
.cs-main-btn,
a.cs-main-btn,
button.cs-main-btn,
.wizard-submit-btn,
.btn-hemen-ara {
  background-color: #fca901 !important;
  border-color: #fca901 !important;
  color: #111827 !important;
  font-weight: 800 !important;
  transition: all 0.25s ease-in-out !important;
}

.cs-main-btn:not(:hover),
a.cs-main-btn:not(:hover),
button.cs-main-btn:not(:hover),
.cs-main-btn:not(:hover) *,
a.cs-main-btn:not(:hover) *,
button.cs-main-btn:not(:hover) * {
  color: #111827 !important;
  fill: #111827 !important;
}

/* 2. SARI BUTONLAR HOVER (Hover: Koyu Lacivert Arka Plan + %100 SAF BEYAZ YAZI) */
.cs-main-btn:hover,
a.cs-main-btn:hover,
button.cs-main-btn:hover,
.wizard-submit-btn:hover,
.btn-hemen-ara:hover {
  background-color: #1e2029 !important;
  border-color: #1e2029 !important;
  color: #ffffff !important;
}

.cs-main-btn:hover *,
a.cs-main-btn:hover *,
button.cs-main-btn:hover *,
.wizard-submit-btn:hover *,
.btn-hemen-ara:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* 3. KOYU BUTON (.btn-theme-dark) */
.btn-theme-dark,
a.btn-theme-dark {
  background-color: #13151b !important;
  border: 1px solid #334155 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  transition: all 0.25s ease-in-out !important;
}

.btn-theme-dark:not(:hover),
.btn-theme-dark:not(:hover) * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.btn-theme-dark:hover,
.btn-theme-dark:hover * {
  background-color: #fca901 !important;
  border-color: #fca901 !important;
  color: #111827 !important;
  fill: #111827 !important;
}

/* ==========================================================================
   HİZMET VE BÖLGE DETAY SAYFALARI - GELİŞMİŞ OKUNABİLİRLİK & SEO TİPOGRAFİSİ
   ========================================================================== */
.service-detail-content {
  color: #374151 !important;
}

.service-detail-content h2 {
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  line-height: 1.35 !important;
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
  border-left: 4px solid #fca901 !important;
  padding-left: 0.85rem !important;
}

.service-detail-content h3 {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #1e2029 !important;
  line-height: 1.4 !important;
  margin-top: 2rem !important;
  margin-bottom: 0.9rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 2px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
}

.service-detail-content h3::before {
  content: '' !important;
  display: inline-block !important;
  width: 5px !important;
  height: 1.1rem !important;
  background-color: #fca901 !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}

.service-detail-content p {
  font-size: 15px !important;
  line-height: 1.85 !important;
  color: #374151 !important;
  margin-bottom: 1rem !important;
}

.service-detail-content ul,
.service-detail-content ol {
  margin: 1.2rem 0 1.5rem 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
}

.service-detail-content ul li,
.service-detail-content ol li {
  background-color: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3px solid #fca901 !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  transition: all 0.2s ease !important;
}

.service-detail-content ul li:hover,
.service-detail-content ol li:hover {
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  border-color: #cbd5e1 !important;
  border-left-color: #fca901 !important;
}

.service-detail-content strong {
  color: #111827 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   MOBİL MENÜ ÇEKMECESİ - KESİN GÜVENLİ DURUM VE KONTROLÜ
   ========================================================================== */
#mobileMenuOverlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 99998 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

#mobileMenuOverlay.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

#mobileMenuDrawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 85% !important;
  max-width: 360px !important;
  background-color: #ffffff !important;
  z-index: 99999 !important;
  transform: translateX(100%) !important;
  -webkit-transform: translateX(100%) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s ease !important;
  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow-y: auto !important;
}

#mobileMenuDrawer.is-open {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* ==========================================================================
   ZARİF & DENGELİ HAFİF OVALLEŞTİRME (MODERN SUBTLE ROUNDED CORNERS)
   ========================================================================== */

/* 1. TÜM BUTONLAR: 8px Zarif & Dengeli Oval */
.cs-main-btn,
.btn-theme-dark,
.wizard-submit-btn,
.btn-hemen-ara,
.service-btn,
.hero-swiper-btn-prev,
.hero-swiper-btn-next,
button[type="submit"],
.ajax-form button,
header a[href^="tel:"],
.btn-primary,
.btn-secondary {
  border-radius: 8px !important;
}

/* 2. FORM GİRDİLERİ, ODA SEÇİM HAPLARI VE PİLLER: 7px */
.theme-form-input,
.wizard-pill,
.wizard-elev,
.wizard-time,
.cs_pricing_calculate_table_body input,
.cs_pricing_calculate_table_body select,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
textarea,
select,
.city-input-wrapper input {
  border-radius: 7px !important;
}

/* 3. KARTLAR VE VİTRİN KUTULARI: 10px Hafif & Modern Oval */
.top-service-card,
.process-step-card,
.our-service-box,
.services-grid-card,
.video-card-box,
.testimonial-card,
.cs_pricing_calculate_table,
.cs_pricing_charge_table,
.blog-card,
.gallery-card-item,
.service-detail-content table {
  border-radius: 10px !important;
}

/* 4. ANASAYFA HESAPLAMA SİHİRBAZI KUTUSU & SEKMELERİ */
#fiyat-teklif {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

#fiyat-teklif [data-tab-target="tabQuote"] {
  border-top-left-radius: 12px !important;
}

#fiyat-teklif [data-tab-target="tabTrack"] {
  border-top-right-radius: 12px !important;
}

#fiyat-teklif > div:last-child {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* 5. AKORDEON SSS KARTLARI */
.accordion-header,
div:has(> .accordion-header),
.border-[#eaeaea]:has(.accordion-header) {
  border-radius: 8px !important;
}

/* 6. İLÇE & HİZMET ETİKET ROZETLERİ */
.inline-flex.rounded-full,
.badge-pill {
  border-radius: 9999px !important;
}