/** timeline section styles. Extracted and scoped from the verified visual compatibility layer. */
/* Compact corporate timeline. */
.rayan-about-v81 .rayan-about-timeline{padding:24px 0 32px;border:0;background:#fff}

.rayan-about-v81 .rayan-about-timeline-list{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0;padding:3px 0 0;list-style:none;direction:rtl}

.rayan-about-v81 .rayan-about-timeline-list::before{content:"";position:absolute;top:27px;right:5%;left:5%;height:1px;background:#a9c1dd}

.rayan-about-v81 .rayan-about-timeline-list li{position:relative;z-index:1;min-width:0;display:grid;justify-items:center;align-content:start;gap:4px;padding-inline:5px;text-align:center}

.rayan-about-v81 .rayan-about-timeline-list li>span{width:48px;height:48px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#0a397f;box-shadow:0 0 0 1px #c3d2e3;color:#fff}

.rayan-about-v81 .rayan-about-timeline-list svg{width:21px;height:21px}

.rayan-about-v81 .rayan-about-timeline-list b{color:#0a438e;font-size:12px}

.rayan-about-v81 .rayan-about-timeline-list small{max-width:125px;color:#354f6d;font-size:10px;line-height:1.7}

@media (max-width:820px){
  :where(.rayan-about-page,.page-template-page-about-us) .site-header{height:76px}:where(.rayan-about-page,.page-template-page-about-us) .site-header-inner{height:76px}:where(.rayan-about-page,.page-template-page-about-us) .mobile-menu-button{display:grid}
  .rayan-about-v81 .container{width:min(100% - 36px,760px)}
  .rayan-about-v81 .rayan-about-intro{padding:27px 0 20px}
  .rayan-about-v81 .rayan-about-intro-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "portrait";gap:24px;direction:rtl}
  .rayan-about-v81 .rayan-about-intro-copy{padding:0}.rayan-about-v81 .rayan-about-intro h1{font-size:35px}
  .rayan-about-v81 .rayan-about-portrait{width:min(500px,100%);margin-inline:auto}.rayan-about-v81 .rayan-about-portrait-image,.rayan-about-v81 .rayan-about-media-placeholder{aspect-ratio:4/4.15}
  .rayan-about-v81 .rayan-about-overview-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "visual";gap:22px;direction:rtl}
  .rayan-about-v81 .rayan-about-company-image{min-height:0;aspect-ratio:16/9}
  .rayan-about-v81 .rayan-about-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rayan-about-v81 .rayan-about-timeline-list{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}.rayan-about-v81 .rayan-about-timeline-list::before{display:none}
  .rayan-about-v81 .rayan-about-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rayan-about-v81 .rayan-about-capability-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"capabilities" "team";direction:rtl}
  .rayan-about-v81 .rayan-about-team-wide-image,.rayan-about-v81 .rayan-about-team-wide .rayan-about-visual-placeholder{min-height:0;aspect-ratio:16/8}
  .rayan-about-v81 .rayan-about-credentials-grid{grid-template-columns:minmax(0,1fr);gap:30px;direction:rtl}.rayan-about-v81 .rayan-about-credential-column.is-clients{order:-1}.rayan-about-v81 .rayan-about-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rayan-about-v81 .rayan-about-cta-box{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual";gap:0;direction:rtl}
  .rayan-about-v81 .rayan-about-cta-copy{padding:28px 0 10px}.rayan-about-v81 .rayan-about-cta-visual{max-height:190px}.rayan-about-v81 .rayan-about-cta-image{max-width:500px;max-height:190px}
}

@media (max-width:560px){
  .rayan-about-v81 .container{width:calc(100% - 28px)}
  .rayan-about-v81 :where(section){scroll-margin-top:78px}
  .rayan-about-v81 .rayan-about-intro h1{font-size:31px;line-height:1.5}
  .rayan-about-v81 .rayan-about-intro-copy>strong{font-size:16px}.rayan-about-v81 .rayan-about-intro-copy>p{font-size:15px;line-height:1.95}
  .rayan-about-v81 .rayan-about-ceo-message{padding:16px 14px}.rayan-about-v81 .rayan-about-ceo-message>p{font-size:14px;line-height:1.9}.rayan-about-v81 .rayan-about-ceo-message>footer{align-items:flex-start;flex-direction:column}.rayan-about-v81 .rayan-about-ceo-message cite b{font-size:13px}.rayan-about-v81 .rayan-about-ceo-message cite small{font-size:12px}
  .rayan-about-v81 .rayan-about-stats-grid{grid-template-columns:minmax(0,1fr);gap:7px}.rayan-about-v81 .rayan-about-stats-grid article{min-height:68px;grid-template-columns:46px minmax(0,1fr);padding:9px 12px}.rayan-about-v81 .rayan-about-stat-icon{width:42px;height:42px}.rayan-about-v81 .rayan-about-stats-grid strong{font-size:21px}.rayan-about-v81 .rayan-about-stats-grid small{font-size:13px}.rayan-about-v81 .rayan-about-stats-grid em{font-size:11px}
  .rayan-about-v81 .rayan-about-resume-copy h2,.rayan-about-v81 .rayan-about-section-heading h2{font-size:22px}.rayan-about-v81 .rayan-about-resume-copy>p{font-size:15px;line-height:1.95}
  .rayan-about-v81 .rayan-about-proof-list{display:grid}.rayan-about-v81 .rayan-about-proof-list>span{width:100%;min-height:42px}.rayan-about-v81 .rayan-about-proof-list b{font-size:12px}
  .rayan-about-v81 .rayan-about-section-heading{margin-bottom:16px;text-align:right}.rayan-about-v81 .rayan-about-section-heading>span{justify-content:flex-start}.rayan-about-v81 .rayan-about-section-heading>span::after{display:none}.rayan-about-v81 .rayan-about-section-heading>p{font-size:14px;text-align:right}
  .rayan-about-v81 .rayan-about-timeline-list{grid-template-columns:minmax(0,1fr);gap:7px;padding:0}.rayan-about-v81 .rayan-about-timeline-list li{grid-template-columns:48px minmax(0,1fr);justify-items:start;align-items:center;column-gap:10px;padding:9px 10px;border:1px solid #e5eaf0;border-radius:7px;background:#f8f9fb;text-align:right}.rayan-about-v81 .rayan-about-timeline-list li>span{grid-row:1/3;width:44px;height:44px;border:0;border-radius:50%}.rayan-about-v81 .rayan-about-timeline-list b{font-size:13px}.rayan-about-v81 .rayan-about-timeline-list small{max-width:none;font-size:13px}
  .rayan-about-v81 .rayan-about-team-grid{grid-template-columns:1fr 1fr;gap:8px}.rayan-about-v81 .rayan-about-team-grid h3{font-size:13px}.rayan-about-v81 .rayan-about-team-grid p{font-size:12px}
  .rayan-about-v81 .rayan-about-capability-grid{grid-template-columns:minmax(0,1fr)}.rayan-about-v81 .rayan-about-capability-grid article{padding:13px}.rayan-about-v81 .rayan-about-capability-grid h3{font-size:14px}.rayan-about-v81 .rayan-about-capability-grid p{font-size:13px}
  .rayan-about-v81 .rayan-about-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rayan-about-v81 .rayan-about-logo-grid small{font-size:11px}
  .rayan-about-v81 .rayan-about-cta-copy h2{font-size:23px}.rayan-about-v81 .rayan-about-cta-copy p{font-size:14px}.rayan-about-v81 .rayan-about-cta-copy>div{display:grid}.rayan-about-v81 .rayan-about-cta-copy .btn{width:100%;min-height:48px;font-size:14px}
}

.rayan-about-v81 .rayan-about-timeline{padding:72px 0 80px;background:#fff}

.rayan-about-v81 .rayan-about-timeline-list{padding-top:8px}

.rayan-about-v81 .rayan-about-timeline-list::before{top:34px;background:linear-gradient(90deg,rgba(20,108,212,.1),#8dbce9 14%,#8dbce9 86%,rgba(20,108,212,.1))}

.rayan-about-v81 .rayan-about-timeline-list li{gap:7px}

.rayan-about-v81 .rayan-about-timeline-list li>span{width:58px;height:58px;border:5px solid #f7fbff;background:linear-gradient(145deg,#0a3e84,#0b72dd);box-shadow:0 7px 20px rgba(4,74,154,.22)}

.rayan-about-v81 .rayan-about-timeline-list svg{width:23px;height:23px}

.rayan-about-v81 .rayan-about-timeline-list b{font-size:13px}

.rayan-about-v81 .rayan-about-timeline-list small{color:#59718b;font-size:10px}

@media (max-width:820px){
  .rayan-about-v81 .container{width:min(100% - 36px,760px)}
  .rayan-about-v81 .rayan-about-intro{padding:36px 0 48px}.rayan-about-v81 .rayan-about-intro-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "portrait";gap:30px}.rayan-about-v81 .rayan-about-intro-copy{padding:0}.rayan-about-v81 .rayan-about-intro h1{font-size:40px}.rayan-about-v81 .rayan-about-portrait{width:min(510px,100%);margin-inline:auto}
  .rayan-about-v81 .rayan-about-overview{padding-bottom:56px}.rayan-about-v81 .rayan-about-overview-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "visual";gap:18px}.rayan-about-v81 .rayan-about-overview-content{min-height:0;padding:32px 28px}.rayan-about-v81 .rayan-about-company-visual{min-height:0;aspect-ratio:16/10}
  .rayan-about-v81 .rayan-about-timeline,.rayan-about-v81 .rayan-about-team,.rayan-about-v81 .rayan-about-capabilities,.rayan-about-v81 .rayan-about-credentials{padding:58px 0}.rayan-about-v81 .rayan-about-capability-layout{gap:18px}.rayan-about-v81 .rayan-about-team-wide{border-width:5px}.rayan-about-v81 .rayan-about-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}
}

@media (max-width:560px){
  .rayan-about-v81 .container{width:calc(100% - 28px)}
  .rayan-about-v81 .rayan-about-intro{padding:28px 0 38px}.rayan-about-v81 .rayan-about-intro h1{font-size:34px}.rayan-about-v81 .rayan-about-intro-copy>strong{font-size:16px}.rayan-about-v81 .rayan-about-ceo-message{padding:18px 16px;border-radius:0 13px 13px 0}.rayan-about-v81 .rayan-about-portrait{border-width:5px;border-radius:20px}
  .rayan-about-v81 .rayan-about-overview-content{padding:27px 20px;border-radius:19px}.rayan-about-v81 .rayan-about-company-visual{border-width:5px;border-radius:20px}.rayan-about-v81 .rayan-about-proof-list{display:grid;gap:10px}.rayan-about-v81 .rayan-about-proof-list>span{width:100%}
  .rayan-about-v81 .rayan-about-timeline-list li>span{width:48px;height:48px}.rayan-about-v81 .rayan-about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.rayan-about-v81 .rayan-about-team-grid article{border-radius:0}.rayan-about-v81 .rayan-about-capability-grid article{min-height:0;border-radius:15px}.rayan-about-v81 .rayan-about-cta-box{min-height:0}.rayan-about-v81 .rayan-about-cta-copy h2{font-size:25px}
}