.ozyurt-hizmetler{--ozyurt-dark:#272626;--ozyurt-yellow:#FAB940;--ozyurt-text:#b9b9bc;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;width:100%;padding:72px 28px;background:#272626;background-image:linear-gradient(rgba(250,185,64,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(250,185,64,.055) 1px,transparent 1px);background-size:32px 32px;color:#fff;font-family:inherit}
.ozyurt-hizmetler *{box-sizing:border-box}
.ozyurt-hizmetler:before{content:"";position:absolute;top:80px;left:50%;width:620px;height:320px;transform:translateX(-50%);background:rgba(250,185,64,.055);border-radius:50%;filter:blur(110px);pointer-events:none}
.ozyurt-hizmetler .ozyurt-services-inner{position:relative;z-index:1;max-width:1240px;margin:auto}
.ozyurt-hizmetler .ozyurt-services-header{max-width:900px;margin:0 auto 42px;text-align:center}
.ozyurt-hizmetler .ozyurt-services-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;padding:7px 13px;background:rgba(48,47,47,.88);border:1px solid rgba(255,255,255,.08);border-radius:50px;color:#d7d7da;font-size:10px;font-weight:700;line-height:1;letter-spacing:1.7px;text-transform:uppercase}
.ozyurt-hizmetler .ozyurt-services-label-dot{width:7px;height:7px;background:var(--ozyurt-yellow);border-radius:50%;box-shadow:0 0 0 4px rgba(250,185,64,.11)}
.ozyurt-hizmetler .ozyurt-services-heading{margin:0 0 19px;color:#fff;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.05;letter-spacing:-1px;text-transform:uppercase}
.ozyurt-hizmetler .ozyurt-services-heading span{color:var(--ozyurt-yellow)}
.ozyurt-hizmetler .ozyurt-services-description{max-width:820px;margin:auto;color:var(--ozyurt-text);font-size:14px;line-height:1.7}
.ozyurt-hizmetler .ozyurt-services-description p{margin:0 0 9px}.ozyurt-hizmetler .ozyurt-services-description strong{color:#fff}
.ozyurt-hizmetler .ozyurt-service-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
.ozyurt-hizmetler .ozyurt-filter-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin:0;padding:8px 15px;background:#302f2f;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#b4b5ba;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:none;transition:background .2s,border-color .2s,color .2s,transform .2s}
.ozyurt-hizmetler .ozyurt-filter-btn:hover{background:#383636;border-color:rgba(250,185,64,.32);color:#fff;transform:translateY(-1px)}
.ozyurt-hizmetler .ozyurt-filter-btn.active{background:var(--ozyurt-yellow);border-color:var(--ozyurt-yellow);color:var(--ozyurt-dark);box-shadow:0 5px 14px rgba(250,185,64,.14)}
.ozyurt-hizmetler .ozyurt-filter-btn:focus-visible,.ozyurt-hizmetler a:focus-visible{outline:2px solid var(--ozyurt-yellow);outline-offset:3px}
.ozyurt-hizmetler .ozyurt-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ozyurt-hizmetler .ozyurt-service-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:292px;padding:25px 25px 22px;overflow:hidden;background:rgba(45,44,44,.96);border:1px solid rgba(255,255,255,.08);border-radius:13px;box-shadow:0 7px 20px rgba(0,0,0,.08);transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .28s,background .28s}
.ozyurt-hizmetler .ozyurt-service-card[hidden]{display:none!important}
.ozyurt-hizmetler .ozyurt-service-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--ozyurt-yellow);transition:width .32s}
.ozyurt-hizmetler .ozyurt-service-card:hover{transform:translateY(-5px);background:#343232;border-color:rgba(250,185,64,.35);box-shadow:0 14px 32px rgba(0,0,0,.17),0 0 0 1px rgba(250,185,64,.1)}
.ozyurt-hizmetler .ozyurt-service-card:hover:after{width:100%}
.ozyurt-hizmetler .ozyurt-service-card.is-showing{animation:ozyurt-service-in .3s cubic-bezier(.16,1,.3,1) both}
@keyframes ozyurt-service-in{from{opacity:0;transform:translateY(7px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.ozyurt-hizmetler .ozyurt-service-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}
.ozyurt-hizmetler .ozyurt-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 47px;width:47px;height:47px;background:#373636;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--ozyurt-yellow);transition:transform .28s,background .28s,color .28s}
.ozyurt-hizmetler .ozyurt-service-icon svg{display:block;width:23px;height:23px}
.ozyurt-hizmetler .ozyurt-service-icon-art{display:block;width:23px;height:23px;background:currentColor;-webkit-mask-image:var(--ozy-icon-url);mask-image:var(--ozy-icon-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.ozyurt-hizmetler .ozyurt-service-card:hover .ozyurt-service-icon{transform:scale(1.06);background:var(--ozyurt-yellow);color:var(--ozyurt-dark)}
.ozyurt-hizmetler .ozyurt-service-code{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;background:rgba(20,20,20,.72);border:1px solid rgba(255,255,255,.07);border-radius:3px;color:var(--ozyurt-yellow);font-size:9px;font-weight:800;line-height:1.2;letter-spacing:.65px;text-transform:uppercase}
.ozyurt-hizmetler .ozyurt-service-title{margin:0 0 11px;color:#fff;font-size:17px;font-weight:800;line-height:1.25;transition:color .25s}
.ozyurt-hizmetler .ozyurt-service-title a{color:inherit;text-decoration:none}.ozyurt-hizmetler .ozyurt-service-card:hover .ozyurt-service-title{color:var(--ozyurt-yellow)}
.ozyurt-hizmetler .ozyurt-service-text{margin:0;color:var(--ozyurt-text);font-size:12.5px;line-height:1.6}
.ozyurt-hizmetler .ozyurt-services-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:23px 25px;overflow:hidden;background:linear-gradient(90deg,#302f2f,#363333,#302f2f);border:1px solid rgba(255,255,255,.09);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.ozyurt-hizmetler .ozyurt-services-cta-content{display:flex;align-items:center;gap:15px;min-width:0}
.ozyurt-hizmetler .ozyurt-services-cta-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;background:rgba(250,185,64,.08);border:1px solid rgba(250,185,64,.28);border-radius:8px;color:var(--ozyurt-yellow)}
.ozyurt-hizmetler .ozyurt-services-cta-icon svg{width:21px;height:21px}
.ozyurt-hizmetler .ozyurt-services-cta-title{margin:0;color:#fff;font-size:15px;font-weight:800;line-height:1.35}.ozyurt-hizmetler .ozyurt-services-cta-text{margin:4px 0 0;color:var(--ozyurt-text);font-size:11.5px;line-height:1.45}
.ozyurt-hizmetler .ozyurt-services-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:43px;padding:10px 16px;background:var(--ozyurt-yellow);border:1px solid var(--ozyurt-yellow);border-radius:7px;color:var(--ozyurt-dark)!important;font-size:11px;font-weight:800;line-height:1.2;text-decoration:none!important;transition:transform .2s,background .2s}
.ozyurt-hizmetler .ozyurt-services-button:hover{background:#ffc454;transform:translateY(-2px)}
@media(max-width:1100px){.ozyurt-hizmetler .ozyurt-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.ozyurt-hizmetler{padding:58px 20px}.ozyurt-hizmetler .ozyurt-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ozyurt-hizmetler .ozyurt-service-card{min-height:275px}.ozyurt-hizmetler .ozyurt-services-cta{flex-direction:column;align-items:stretch}.ozyurt-hizmetler .ozyurt-services-button{width:100%}}
@media(max-width:600px){.ozyurt-hizmetler{padding:44px 15px}.ozyurt-hizmetler .ozyurt-services-header{margin-bottom:30px}.ozyurt-hizmetler .ozyurt-services-heading{font-size:29px}.ozyurt-hizmetler .ozyurt-services-description{font-size:13px}.ozyurt-hizmetler .ozyurt-service-filters{gap:6px;margin-top:23px}.ozyurt-hizmetler .ozyurt-filter-btn{min-height:34px;padding:7px 10px;font-size:9.5px}.ozyurt-hizmetler .ozyurt-services-grid{grid-template-columns:1fr;gap:12px}.ozyurt-hizmetler .ozyurt-service-card{min-height:auto;padding:20px 19px}.ozyurt-hizmetler .ozyurt-service-top{margin-bottom:17px}.ozyurt-hizmetler .ozyurt-services-cta{margin-top:28px;padding:20px 18px}}
@media(prefers-reduced-motion:reduce){.ozyurt-hizmetler *,.ozyurt-hizmetler *:after{transition:none!important;animation:none!important}.ozyurt-hizmetler .ozyurt-service-card:hover,.ozyurt-hizmetler .ozyurt-filter-btn:hover,.ozyurt-hizmetler .ozyurt-services-button:hover{transform:none}}