/* V359: keep the first About image focused higher so the "مدرن دندان" sign and logo remain visible. */
.md357-about .md357-cover{position:relative;min-height:0!important;overflow:hidden;}
.md357-about .md357-cover>.md357-placeholder{width:100%;height:clamp(250px,42vw,470px);border-radius:24px;}
.md357-about .md357-cover>.md357-photo{
  width:100%;
  height:clamp(250px,42vw,470px);
  object-fit:cover;
  object-position:center 12%;
  border-radius:24px;
  display:block;
}
.md357-about .md357-photo-stack{min-height:280px;}
.md357-about .md357-photo-stack>.md357-placeholder{width:100%;height:380px;border-radius:30px;}
.md357-about .md357-photo-stack>.md357-photo{width:100%;height:380px;object-fit:cover;object-position:center;display:block;border-radius:30px;}
.md357-about .md357-placeholder{display:flex;align-items:center;justify-content:center;
 background:linear-gradient(125deg,#f2f9f8,#e4f1ef 60%,#f3faf9);border:1px solid #dfeeea;box-sizing:border-box;}
.md357-about .md357-placeholder[hidden],.md357-about .md357-photo[hidden]{display:none!important;}
.md357-about .md357-placeholder-mark{width:46px;height:46px;border:2px solid #c2dad5;border-radius:14px;opacity:.5;transform:rotate(-8deg);position:relative;}
.md357-about .md357-placeholder-mark:after{content:'';position:absolute;width:13px;height:13px;top:8px;right:8px;border-radius:50%;background:#b0d3ca;}
@media(max-width:900px){
  .md357-about .md357-cover>.md357-placeholder,.md357-about .md357-cover>.md357-photo{height:clamp(220px,44vw,340px);object-position:center 10%;}
  .md357-about .md357-photo-stack>.md357-placeholder,.md357-about .md357-photo-stack>.md357-photo{height:300px}
}
@media(max-width:560px){
  .md357-about .md357-cover>.md357-placeholder,.md357-about .md357-cover>.md357-photo{height:210px;border-radius:16px;object-position:center 8%;}
  .md357-about .md357-photo-stack{min-height:240px}
  .md357-about .md357-photo-stack>.md357-placeholder,.md357-about .md357-photo-stack>.md357-photo{height:240px;border-radius:20px}
}