.elementor-5562 .elementor-element.elementor-element-217c347{--display:flex;}/* Start custom CSS for html, class: .elementor-element-940ca98 *//* ====== SCOPE ====== */
#ofm-dental{--primary:#00BCD4; --teal:#00E5E5; --text:#2a2a2a; --muted:#6a6a6a; font-family:inherit}

/* ====== LAYOUT HELPERS ====== */
#ofm-dental .container{max-width:1200px;margin:0 auto;padding:0 20px}
#ofm-dental .center{text-align:center}

/* ====== HERO ====== */
#ofm-dental .hero{padding:50px 0}
#ofm-dental .hero .container{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
#ofm-dental .hero-left{flex:1 1 520px}
#ofm-dental .hero-right{flex:1 1 420px;text-align:center}
#ofm-dental .eyebrow{color:var(--primary);font-weight:600;margin:0 0 8px}
#ofm-dental .title{color:var(--text);font-weight:800;font-size:48px;line-height:1.18;margin:0 0 16px}
#ofm-dental .hero-left p{color:var(--muted);font-size:18px;line-height:1.8;margin:0 0 12px}
#ofm-dental .cta{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;padding:14px 30px;border-radius:50px;font-weight:700;margin-top:6px}
#ofm-dental .cta:hover{filter:brightness(.92)}
#ofm-dental .hero-img{width:min(560px,82%);aspect-ratio:1/1;border-radius:50%;object-fit:cover;display:inline-block}

/* ====== SERVICES (blue section) ====== */
#ofm-dental .services{
  padding:80px 0;
  background:linear-gradient(135deg,#546fc3 0%,#5a7fd4 100%),
             url("https://www.ofmantalya.com/wp-content/uploads/2019/12/hex-bg-ofmantalya.png") center/cover no-repeat;
}

/* 3 sütunlu grid */
#ofm-dental .grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px 40px; /* satır - sütun boşlukları */
  list-style:none;margin:0;padding:0;
}

#ofm-dental .svc-col{list-style:none;margin:0;padding:0}

#ofm-dental .svc-item{display:flex;align-items:flex-start;gap:12px;margin:8px 0}

#ofm-dental .svc-item .chk{
  width:28px;height:28px;border-radius:50%;flex:0 0 auto;display:inline-block;
  background:radial-gradient(circle at 50% 50%, rgba(24,225,225,.25) 0 60%, transparent 61% 100%);
  position:relative;margin-top:3px;
}
#ofm-dental .svc-item .chk::after{
  content:""; position:absolute; left:7px; top:6px; width:14px; height:8px;
  border:3px solid var(--teal); border-top:none; border-right:none; transform:rotate(-45deg);
}
#ofm-dental .svc-item .txt{
  color:#fff;font-size:20px;line-height:1.5;font-weight:600;letter-spacing:.2px;
  text-shadow:0 0 4px rgba(0,0,0,.15)
}

/* Responsive: tablet 2 sütun, mobil 1 sütun */
@media (max-width:1024px){
  #ofm-dental .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  #ofm-dental .grid-3{grid-template-columns:1fr}
  #ofm-dental .svc-item .txt{font-size:18px}
}

/* ====== SPLIT (image + list) ====== */
#ofm-dental .split{padding:60px 0}
#ofm-dental .two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media (max-width:900px){#ofm-dental .two-col{grid-template-columns:1fr}}
#ofm-dental .cover-img{width:100%;border-radius:12px;object-fit:cover}
#ofm-dental .sub{color:var(--primary);margin:0 0 18px;font-weight:700}
#ofm-dental .bullets{padding-left:22px;line-height:1.9;margin:0}

/* ====== BEFORE / AFTER (custom, no jQuery) ====== */
#ofm-dental .ba-section{padding:20px 0 80px}
#ofm-dental .ba-row{display:flex;gap:30px;flex-wrap:wrap}
#ofm-dental .ba{position:relative;flex:1 1 520px;min-width:300px;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#000}
#ofm-dental .ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* yatay sürgü */
#ofm-dental .ba .after{clip-path:inset(0 calc(100% - var(--pos,40%)) 0 0)}
#ofm-dental .ba::before{
  content:""; position:absolute; transform:translate(-50%,-50%); pointer-events:none;
  left:var(--pos,40%); top:50%; width:0; height:100%;
  border-left:5px solid rgba(255,255,255,.95); box-shadow:0 0 8px rgba(0,0,0,.35);
}

/* dikey sürgü */
#ofm-dental .ba[data-dir="vertical"] .after{clip-path:inset(calc(100% - var(--pos,40%)) 0 0 0)}
#ofm-dental .ba[data-dir="vertical"]::before{
  left:50%; top:calc(100% - var(--pos,40%)); width:100%; height:0; border-left:0; border-top:5px solid rgba(255,255,255,.95);
}

/* knob */
#ofm-dental .ba .knob{
  position:absolute; left:var(--pos,40%); top:50%; transform:translate(-50%,-50%);
  width:48px; height:48px; border-radius:50%; border:4px solid #fff; background:#fff8;
  box-shadow:0 2px 10px rgba(0,0,0,.25)
}
#ofm-dental .ba[data-dir="vertical"] .knob{left:50%; top:calc(100% - var(--pos,40%))}

#ofm-dental .ba .scrub{position:absolute; inset:0; width:100%; height:100%; opacity:0; margin:0; cursor:ew-resize}
#ofm-dental .ba[data-dir="vertical"] .scrub{cursor:ns-resize}/* End custom CSS */