/* En/Abouts.aspx */
.ab-eyebrow{color:var(--main);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.5px;margin-bottom:4px}
.ab-title{font-size:38px;font-weight:800;color:#0b1b3a;margin-bottom:8px}
.ab-lead{font-style:italic;color:#666;font-size:18px}

.ab-banner{background:#1b3a57 url('/Design/about/banner.jpg') center/cover no-repeat;padding:56px 0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.ab-banner h1{font-size:38px;font-weight:800;text-transform:uppercase;margin-bottom:6px}
.ab-banner .sub{font-size:20px;margin-bottom:10px}
.ab-banner .breadcrumb a,.ab-banner .breadcrumb-item.active,.ab-banner .breadcrumb-item+.breadcrumb-item::before{color:#fff}

.ab-photo{border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ab-photo img{width:100%;display:block}
.ab-features{margin-top:12px;text-align:center}
.ab-features .ic{width:54px;height:54px;border-radius:50%;background:#fde6d8;color:var(--main);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 8px}
.ab-features strong{display:block;font-size:13px;line-height:1.3}
.ab-features .ic img{width:28px;height:28px;object-fit:contain}
.why-ic{width:34px;flex-shrink:0;text-align:center;color:var(--main);font-size:30px}
.why-ic img{width:34px;height:34px;object-fit:contain}
.ab-text p{margin-bottom:12px}
.ab-features small{display:block;font-size:12px;color:#777;margin-top:4px}


.sv-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);height:100%}
.sv-img{position:relative;aspect-ratio:16/10;background:#e9eef2}
.sv-img img{width:100%;height:100%;object-fit:cover}
.sv-ic{position:absolute;left:14px;bottom:-18px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--main);border:2px solid var(--main);display:flex;align-items:center;justify-content:center}
.sv-nd{padding:26px 14px 14px}
.sv-nd h3{font-size:16px;font-weight:700;margin-bottom:4px}
.sv-nd small{color:#777;display:block}

.ab-why{position:relative;}.ab-why{background:#f8f8f8}
.why-item{display:flex;gap:12px}
.why-item>i{color:var(--main);font-size:30px;width:34px;text-align:center;flex-shrink:0}
.why-item strong{display:block}
.why-item small{display:block;color:#666;margin-top:2px}

.pop-card{display:block;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.12);color:inherit;height:100%}
.pop-img{display:block;aspect-ratio:16/9;overflow:hidden}
.pop-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pop-card:hover .pop-img img{transform:scale(1.06)}
.pop-nd{display:flex;align-items:center;gap:10px;padding:12px}
.pop-tx{flex:1;min-width:0}
.pop-tx strong{display:block;font-size:16px}
.pop-tx small{display:block;color:#777}
.pop-go{width:32px;height:32px;border:1px solid var(--main);color:var(--main);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ab-viewall{color:var(--main);font-weight:600;white-space:nowrap}

.ab-cta{background:#7a3a12 url('/Design/about/cta-bg.jpg') center/cover no-repeat;color:#fff;padding:48px 0}
.ab-cta h2{font-size:32px;font-weight:800}
.ab-cta .cta-eyebrow{font-weight:700;text-transform:uppercase;font-size:13px}
.ab-cta .cta-contact,.ab-cta .cta-contact a{color:#fff}

@media (max-width:991px){
  .ab-title,.ab-banner h1{font-size:28px}
  .ab-banner .sub{font-size:16px}
  .ab-cta h2{font-size:24px}
}