/* Shifobakhsh 46.75 — ONLY the homepage About / Directions section. */
.sh-home-4660 .sh-about-4675{position:relative;isolation:isolate;overflow:hidden;padding:68px 0 72px;background:linear-gradient(125deg,#f6fcfb 0%,#fff 55%,#f1fbf9 100%)}
.sh-home-4660 .sh-about-4675:before,.sh-home-4660 .sh-about-4675:after{content:"";position:absolute;border-radius:50%;background:#d9f5f0;opacity:.48;z-index:-1;pointer-events:none}
.sh-home-4660 .sh-about-4675:before{width:240px;height:240px;left:-160px;bottom:-110px}
.sh-home-4660 .sh-about-4675:after{width:300px;height:300px;right:-230px;top:-150px}
.sh-home-4660 .sh-about-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(170px,.65fr) minmax(0,1fr);align-items:center;gap:25px}
.sh-home-4660 .sh-about-copy,.sh-home-4660 .sh-about-services{min-width:0}
.sh-home-4660 .sh-about-copy h2{font-size:clamp(25px,2.4vw,36px);line-height:1.15;color:#073d56;margin:14px 0 16px;letter-spacing:-.025em}
.sh-home-4660 .sh-about-copy p{font-size:15px;line-height:1.8;color:#466c7a;margin:0 0 12px}
.sh-home-4660 .sh-about-copy .sh-about-note{font-size:13px;color:#6d8b94}
.sh-home-4660 .sh-about-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;margin-top:26px}
.sh-home-4660 .sh-about-benefits a{display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;min-width:0}
.sh-home-4660 .sh-about-benefit-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:14px;background:#d8f5f1;color:#009d96;font-size:24px}
.sh-home-4660 .sh-about-benefits strong,.sh-home-4660 .sh-about-service-link strong{display:block;color:#083d56;font-size:13px;line-height:1.35}
.sh-home-4660 .sh-about-benefits small,.sh-home-4660 .sh-about-service-link small{display:block;color:#668797;font-size:12px;line-height:1.55;margin-top:4px}
.sh-home-4660 .sh-about-benefits a:hover strong,.sh-home-4660 .sh-about-service-link:hover strong{color:#008f8a}
.sh-home-4660 .sh-about-visual{min-height:330px;align-self:stretch;overflow:hidden;border-radius:55% 40% 45% 30% / 32% 50% 36% 50%;background:#d4f1ed;box-shadow:0 15px 40px rgba(0,87,91,.12)}
.sh-home-4660 .sh-about-visual img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
.sh-home-4660 .sh-about-services{background:rgba(248,255,254,.96);border:1px solid #d3efeb;border-radius:22px;padding:28px 25px;box-shadow:0 16px 38px rgba(6,83,91,.08)}
.sh-home-4660 .sh-about-services h3{font-size:clamp(21px,2vw,28px);line-height:1.25;color:#073d56;margin:14px 0}
.sh-home-4660 .sh-about-services>p{font-size:13px;color:#668797;line-height:1.75;margin:0 0 17px}
.sh-home-4660 .sh-about-service-link{display:flex;align-items:center;gap:11px;padding:17px 0;text-decoration:none;border-top:1px solid #d7eeec;min-width:0}
.sh-home-4660 .sh-about-service-link>span:nth-child(2){min-width:0;flex:1}
.sh-home-4660 .sh-about-service-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#ddf6f2;display:grid;place-items:center;color:#009e98;font-size:23px}
.sh-home-4660 .sh-about-arrow{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#009e98;color:#fff;font-size:19px;transition:transform .2s ease}
.sh-home-4660 .sh-about-service-link:hover .sh-about-arrow{transform:translateX(3px)}
.sh-home-4660 .sh-about-4675 a:focus-visible{outline:3px solid #008f89;outline-offset:4px;border-radius:8px}
@media(max-width:1100px){.sh-home-4660 .sh-about-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sh-home-4660 .sh-about-visual{display:none}}
@media(max-width:700px){.sh-home-4660 .sh-about-4675{padding:42px 0 48px}.sh-home-4660 .sh-about-layout{grid-template-columns:1fr;gap:28px}.sh-home-4660 .sh-about-benefits{gap:18px 10px}.sh-home-4660 .sh-about-services{padding:23px 20px}.sh-home-4660 .sh-about-copy h2{font-size:27px}}
@media(max-width:390px){.sh-home-4660 .sh-about-benefits{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sh-home-4660 .sh-about-arrow{transition:none}}


/* 46.76: animation ONLY for the About section building illustration. */
.sh-home-4660 .sh-about-visual {
  will-change: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .sh-home-4660 .sh-about-visual.sh-about-animate-ready {
    opacity:0; transform:translateY(52px);
    transition:opacity .95s ease, transform 1.05s cubic-bezier(.2,.75,.2,1);
  }
  .sh-home-4660 .sh-about-visual.sh-about-animate-ready.sh-about-in-view {
    opacity:1; transform:translateY(0);
  }
  .sh-home-4660 .sh-about-visual.sh-about-in-view img {
    animation:sh-building-float-4676 5.5s ease-in-out 1.1s infinite;
  }
  @keyframes sh-building-float-4676 {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-9px); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .sh-home-4660 .sh-about-visual,
  .sh-home-4660 .sh-about-visual img {opacity:1!important;transform:none!important;animation:none!important;transition:none!important;}
}

/* 46.77: show the animated building on tablet and mobile too. */
@media (max-width:1100px) {
  .sh-home-4660 .sh-about-layout .sh-about-visual {
    display:block !important;
    width:100%;
    max-width:390px;
    min-height:280px;
    height:340px;
    justify-self:center;
    align-self:center;
  }
  .sh-home-4660 .sh-about-layout .sh-about-visual img {
    min-height:0;
    width:100%;
    height:100%;
    object-fit:contain;
  }
}
@media (max-width:700px) {
  .sh-home-4660 .sh-about-layout .sh-about-visual {
    max-width:310px;
    height:290px;
    min-height:0;
    margin:0 auto;
  }
}
@media (max-width:390px) {
  .sh-home-4660 .sh-about-layout .sh-about-visual {
    max-width:260px;
    height:255px;
  }
}