/* Aseel online presence pages + site-wide footer panel. Inherits site color tokens. */
.online-presence{overflow:hidden}.online-presence .online-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#804e37}
.online-hero{margin:10px 10px 0;border-radius:30px;background:#ffdfcd;min-height:440px;overflow:hidden}.online-hero--directory{background:#edebda}.online-hero__inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr);align-items:center;gap:50px;padding-block:118px 80px}
.online-hero h1{font-size:clamp(46px,6vw,90px);letter-spacing:-.063em;line-height:1.07;margin:15px 0 24px}.online-hero h1 em{font-style:normal;color:#e66945}.online-hero p{font-size:17px;line-height:1.8;max-width:720px;color:#34302c}.online-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:26px}.online-button{display:inline-flex;align-items:center;gap:28px;border-radius:90px;min-height:52px;padding:13px 22px;font-weight:800;font-size:13px;transition:transform .2s}.online-button:hover{transform:translateY(-2px)}.online-button--dark{background:#171714;color:#fff}.online-text-link{font-size:13px;text-decoration:underline;text-underline-offset:4px;font-weight:800}
.online-hero__art{position:relative;min-height:275px}.online-hero__orbit{width:250px;height:250px;border:27px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;gap:6px;transform:rotate(-14deg)}.online-hero__orbit span+span{font-size:12px}.online-hero__art-body{position:absolute;inset-inline-end:0;bottom:-5px;transform:rotate(6deg);border-radius:22px;background:#171714;color:#fff45d;padding:23px;min-width:160px}.online-hero__art-body span{font-size:10px;font-weight:900;letter-spacing:.13em}.online-hero__art-body strong{font-size:42px;display:block}.online-hero__art-body small{display:block;color:#ddd9cc;font-size:10px}.online-directory__count{background:#191916;color:#fff;border-radius:25px;padding:37px;text-align:center;justify-self:center;box-shadow:13px 13px 0 rgba(0,0,0,.09)}.online-directory__count strong{display:block;color:#fff45d;font-size:clamp(70px,8vw,110px);line-height:1;font-weight:900}.online-directory__count span{display:block;font-weight:800;margin-top:12px}.online-directory__count small{display:block;color:#bdb9b0;margin-top:9px}
.online-section{padding-block:86px}.online-section--soft{background:#f2eee6}.online-section__heading{display:grid;grid-template-columns:1.15fr .75fr;align-items:end;gap:55px;margin-bottom:38px}.online-section h2{font-size:clamp(36px,4.4vw,61px);letter-spacing:-.06em;line-height:1.1;margin:12px 0 0}.online-section__heading p{font-size:15px;line-height:1.8;margin:0}
.online-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #ddd8d0}.online-facts>div{padding:28px 16px}.online-facts>div+div{border-inline-start:1px solid #ddd8d0}.online-facts strong{font-size:clamp(32px,4vw,57px);line-height:1.2;display:block;font-weight:900}.online-facts span{font-size:12px;color:#666053}.online-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.online-service-card,.online-featured-card,.online-profile-card{border:1px solid #e5dfd7;background:#fff;border-radius:22px;padding:25px;min-width:0;display:flex;flex-direction:column}.online-service-card{min-height:295px}.online-service-card__num{font-size:12px;color:#ad603c;font-weight:900}.online-service-card h3{font-size:23px;letter-spacing:-.04em;margin:31px 0 14px;line-height:1.24}.online-service-card p,.online-featured-card p,.online-profile-card p{font-size:13px;line-height:1.75;flex:1}.online-service-card a,.online-featured-card a,.online-profile-card__visit{font-size:12px;font-weight:900}.online-service-card a:hover,.online-featured-card a:hover,.online-profile-card a:hover{color:#c25f3d}.online-process{display:grid;grid-template-columns:1fr .75fr;gap:65px;align-items:center}.online-process p{font-size:16px;line-height:1.8;margin-top:22px}.online-process__steps{list-style:none;padding:0;margin:0;border-top:1px solid #ddd8d0}.online-process__steps li{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ddd8d0;font-weight:800;font-size:14px}.online-process__steps b{color:#ba5d39;font-size:13px}
.online-featured-grid,.online-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.online-featured-card{min-height:225px}.online-featured-card__tag{font-size:10px;font-weight:900;color:#996346;letter-spacing:.12em}.online-featured-card h3{font-size:26px;letter-spacing:-.05em;margin:17px 0 8px}.online-directory-banner{background:#ffdfcd;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:22px;padding:30px;margin-top:29px}.online-directory-banner h3{font-size:25px;letter-spacing:-.04em;margin:0 0 8px}.online-directory-banner p{font-size:13px;margin:0;max-width:600px}.online-close{display:flex;align-items:center;justify-content:space-between;gap:30px}.online-close p{font-size:14px;line-height:1.8;margin:18px 0 0}.online-close .online-button{flex-shrink:0}
.online-category-nav{display:flex;gap:10px;flex-wrap:wrap}.online-category-nav a{border-radius:99px;background:#f2eee6;border:1px solid #e2ddd3;padding:11px 14px;font-weight:800;font-size:12px}.online-category-nav a span{background:#1d1d1b;color:white;border-radius:90px;padding:2px 7px;margin-inline-start:5px;font-size:10px}.online-directory__group{scroll-margin-top:110px}.online-directory__group:nth-of-type(even){background:#f2eee6}.online-profile-card{min-height:240px}.online-profile-card__top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.online-profile-card__platform{font-size:20px;font-weight:900;letter-spacing:-.04em}.online-profile-card__label{font-size:9px;font-weight:900;color:#43664a;background:#eef6ec;border-radius:90px;padding:5px 8px}.online-profile-card__label--review{background:#fff3e3;color:#886330}.online-profile-card p{margin:15px 0}.online-profile-card__domain{display:block;font-size:10px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;color:#5f5a51;margin-bottom:16px}.online-profile-card__visit{margin-top:auto}
.online-footer{padding-block:30px;border-top:1px solid #3c3b35}.online-footer__heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.online-footer__eyebrow{font-size:10px;font-weight:900;color:#fff45d;letter-spacing:.13em}.online-footer h2{font-size:21px;color:#fff;letter-spacing:-.04em;margin:7px 0 0}.online-footer__heading>a{color:#fff45d;font-weight:800;font-size:12px;text-decoration:underline;text-underline-offset:4px}.online-footer__links{display:flex;gap:9px;flex-wrap:wrap}.online-footer__links a{border:1px solid #514e45;color:#f5f2e9;border-radius:90px;font-size:12px;font-weight:800;padding:9px 14px}.online-footer__links a:hover{border-color:#fff45d;color:#fff45d}.online-footer__links span{margin-inline-start:5px;color:#fff45d}
.rtl .online-hero h1,.rtl .online-section h2,.rtl .online-hero__art-body strong{letter-spacing:0}
@media(max-width:1050px){.online-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-featured-grid,.online-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-hero__inner{gap:25px}}
@media(max-width:730px){.online-hero{margin:7px;border-radius:22px}.online-hero__inner{grid-template-columns:1fr;padding-block:100px 50px}.online-hero h1{font-size:clamp(43px,10vw,65px)}.online-hero__art{min-height:240px}.online-hero__orbit{width:220px;height:220px}.online-directory__count{width:220px}.online-section{padding-block:55px}.online-section__heading,.online-process{grid-template-columns:1fr;gap:20px}.online-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.online-facts>div:nth-child(3){border-inline-start:0}.online-facts>div{border-bottom:1px solid #ddd8d0}.online-featured-grid,.online-directory__grid{grid-template-columns:1fr}.online-directory-banner,.online-close{flex-direction:column;align-items:flex-start}.online-footer__heading{flex-direction:column;align-items:flex-start}}
@media(max-width:450px){.online-service-grid{grid-template-columns:1fr}.online-service-card{min-height:230px}.online-service-card h3{margin-top:15px}.online-hero__actions{flex-direction:column;align-items:flex-start}.online-hero__art-body{inset-inline-end:0;padding:18px}.online-directory-banner{padding:24px}}