.accolade-about-page {
  --aap-primary: #10387e;
  --aap-deep-navy: #062250;
  --aap-bright-blue: #1d82ea;
  --aap-white: #fff;
  --aap-shell: 1340px;
  overflow: clip;
}

.aap-shell { width: 100%; max-width: var(--aap-shell); margin-inline: auto; }

.accolade-about-page .accolade-renewal-fees__default-dots {
  display: inline-flex;
  flex: 0 0 28px;
  align-items: center;
  width: 28px;
  height: 14px;
}

.accolade-about-page .accolade-renewal-fees__default-dots::before,
.accolade-about-page .accolade-renewal-fees__default-dots::after { content: none !important; display: none !important; }
.accolade-about-page .accolade-renewal-fees__default-dots > span { display: block; width: 14px; height: 14px; border-radius: 50%; background: var(--aap-bright-blue); }
.accolade-about-page .accolade-renewal-fees__default-dots > span + span { margin-left: -2px; background: var(--aap-primary); }
.accolade-about-page .accolade-aboutus-section1__image-wrapper img,
.accolade-about-page .accolade-aboutus-section2__image-wrapper img,
.accolade-about-page .accolade-aboutus-section3__card-image img { display: block; width: 100%; object-fit: cover; }
.accolade-about-page .accolade-aboutus-section2__image-container,
.accolade-about-page .accolade-aboutus-section2__image-wrapper { height: 100%; }
.accolade-about-page .accolade-aboutus-section2__image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.accolade-about-page .accolade-aboutus-section3__dots { position: relative !important; inset: auto !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 14px !important; margin: 0 !important; transform: none !important; }
.accolade-about-page .accolade-aboutus-section3__card,
.accolade-about-page .accolade-aboutus-section3__card-image img { transition: transform .35s ease, box-shadow .35s ease, color .35s ease, background-color .35s ease; }

.aap-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; color: var(--aap-bright-blue); font: 600 .9rem/1.4 "Inter", Arial, sans-serif; }
.aap-timeline { position: relative; height: calc(100svh + var(--aap-scroll-distance)); min-height: 1500px; background: var(--aap-deep-navy); color: var(--aap-white); }
.aap-timeline .accolade-renewal-fees__default-dots > span + span { background: var(--aap-white); }
.aap-timeline__sticky { position: sticky; top: 0; box-sizing: border-box; height: 100vh; height: 100svh; padding: clamp(42px, 6vh, 72px) 0 28px; overflow: hidden; }
.aap-timeline__intro { box-sizing: border-box; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; align-items: end; padding-right: 30px; padding-left: 30px; }
.aap-timeline h2, .aap-cta h2 { margin: 0; color: var(--aap-white); font-family: "Inter", Arial, sans-serif; font-size: 3rem; font-weight: 700; line-height: 1; }
.aap-timeline h2 { max-width: 760px; }
.aap-timeline__intro > p { max-width: 560px; margin: 0; color: rgba(255, 255, 255, .72); }
.aap-timeline__viewport { position: relative; margin-top: clamp(32px, 5vh, 58px); }
.aap-timeline__track { display: flex; width: max-content; gap: 30px; padding: 0 18vw 0 max(30px, calc((100vw - 1340px) / 2)); will-change: transform; }
.aap-milestone { position: relative; width: 370px; flex: none; opacity: .4; transition: opacity .3s ease, transform .3s ease; }
.aap-milestone.is-active { opacity: 1; transform: translateY(-5px); }
.aap-milestone > span { display: block; margin-bottom: 28px; color: #fff; font: 700 1.2rem/1 "Inter", Arial, sans-serif; }
.aap-milestone > i,.aap-milestone.is-active > i { position: absolute; z-index: 2; top: 37px; left: 0; width: 16px; height: 16px; border: 2px solid var(--aap-bright-blue); border-radius: 50%; background: var(--aap-deep-navy); transform: none; }
.aap-milestone > div { min-height: 210px; margin-top: 45px; padding: 30px; border: 1px solid rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .07); transition: background-color .3s ease, border-color .3s ease; }
.aap-milestone.is-active > div { border-color: var(--aap-bright-blue); background: rgba(29, 130, 234, .18); }
.aap-milestone small { color: var(--aap-bright-blue); font-family: "Inter", Arial, sans-serif; }
.aap-milestone h3 { margin: 15px 0 12px; color: #fff; font: 700 1.5rem/1.1 "Inter", Arial, sans-serif; }
.aap-milestone p { margin: 0; color: rgba(255, 255, 255, .72); }
.aap-timeline__line { position: absolute; top: 45px; right: 0; left: 0; height: 1px; background: rgba(255, 255, 255, .25); }
.aap-timeline__line i { display: block; width: 100%; height: 100%; background: var(--aap-bright-blue); transform: scaleX(0); transform-origin: left; }

.aap-disclosure{position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;flex:none;margin-top:20px;padding:0 0 5px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--aap-primary);font:700 15px/1.3 "Inter",Arial,sans-serif;cursor:pointer}.aap-disclosure--light{color:#fff}.aap-disclosure--center{margin:36px auto 0}.aap-story-features{position:relative;z-index:2}.accolade-about-page .accolade-aboutus-section1__header-right{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;height:var(--aap-story-header-height,auto);min-height:0;overflow:hidden}.accolade-about-page .accolade-aboutus-section1__intro.is-drawer-preview{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.accolade-about-page .accolade-aboutus-section1__intro.is-drawer-preview::after{content:"";position:absolute;right:0;bottom:0;left:0;height:48px;background:linear-gradient(transparent,#fff);pointer-events:none}
.aap-panel[hidden]{display:none}.aap-panel{position:fixed;z-index:999999;inset:0}.aap-panel__backdrop{position:absolute;inset:0;background:rgba(6,34,80,.68)}.aap-panel__dialog{position:absolute;top:0;right:0;width:min(620px,92vw);height:100%;overflow:auto;background:#fff;box-shadow:-20px 0 60px rgba(6,34,80,.2);animation:aapPanelIn .32s ease both}.aap-panel__dialog>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid #dce2ea;background:#fff}.aap-panel__dialog h2{margin:0;font-size:32px}.aap-panel__dialog>header button{width:42px;height:42px;border:0;background:var(--aap-deep-navy);color:#fff;font-size:28px;cursor:pointer}.aap-panel__body{padding:32px}.aap-panel__body>[data-aap-panel-content]{display:none}.aap-panel__body>[data-aap-panel-content].is-active{display:block}.aap-panel__list article,.aap-panel__person{padding:22px 0;border-bottom:1px solid #dce2ea}.aap-panel__list article{display:grid;grid-template-columns:34px 1fr;align-items:center}.aap-panel__list span{color:var(--aap-bright-blue)}.aap-panel__list h3,.aap-panel__person h3{margin:0;font-size:20px}.aap-panel__person span{color:var(--aap-text);font-size:13px}.aap-panel__timeline article{display:grid;grid-template-columns:86px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #dce2ea}.aap-panel__timeline strong{color:var(--aap-bright-blue);font-size:20px}.aap-panel__timeline h3{margin:0 0 8px;font-size:20px}.aap-panel__timeline p{margin:0}.aap-panel-open{overflow:hidden}@keyframes aapPanelIn{from{transform:translateX(100%)}to{transform:none}}

.aap-panel__story{color:#5d6673;font:400 17px/1.75 "Inter",Arial,sans-serif}.aap-panel__story p{margin:0 0 1.25em}.aap-panel__story strong{color:var(--aap-deep-navy)}

.aap-cta { padding: 96px 0; background: var(--aap-primary); text-align: center; }
.aap-cta .aap-eyebrow { color: #fff; }
.aap-cta .accolade-renewal-fees__default-dots > span + span { background: #fff; }
.aap-cta h2 { max-width: 820px; margin-inline: auto; }
.aap-cta a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 36px; padding: 15px 35px; border: 1px solid #fff; background: #fff; color: var(--aap-primary); font: 600 1rem/1 "Inter", Arial, sans-serif; text-decoration: none; transition: color .3s ease, background-color .3s ease, transform .3s ease; }
.aap-cta a:hover { background: transparent; color: #fff; transform: scale(.96); }

.elementor-editor-active .aap-timeline { height: auto !important; min-height: 0; }
.elementor-editor-active .aap-timeline__sticky { position: relative; height: auto; min-height: 720px; }
.elementor-editor-active .aap-timeline__track { max-width: 100%; overflow-x: auto; transform: none !important; }

@media (max-width: 1024px) {
  .aap-shell { max-width: 97%; }
  .aap-timeline h2, .aap-cta h2 { font-size: 2.7rem; }
  .aap-timeline { height: auto !important; min-height: 0; }
  .aap-timeline__sticky { position: relative; height: auto; padding: 78px 0; overflow: visible; }
  .aap-timeline__intro { grid-template-columns: 1fr; }
  .aap-timeline__track { width: auto; flex-direction: column; padding: 0 3% 0 70px; transform: none !important; }
  .aap-milestone { width: auto; opacity: 1; transform: none !important; }
  .aap-milestone > div { min-height: 0; }
  .aap-timeline__line { display: none; }
  .aap-cta { padding: 78px 0; }
}

@media (max-width: 767px) {
  .aap-shell { max-width: 95%; }
  .aap-timeline h2, .aap-cta h2 { font-size: 2.3rem; }
  .aap-timeline__sticky { padding: 64px 0; }
  .aap-timeline__track { gap: 15px; padding: 0 2.5% 0 52px; }
  .aap-milestone { padding-left: 0; }
  .aap-milestone > span { position: relative; margin: 0; }
  .aap-milestone > i,.aap-milestone.is-active > i { top: 2px; left: -32px; }
  .aap-milestone > div { margin-top: 14px; padding: 24px; }
  .aap-cta { padding: 64px 0; }
  .aap-cta a { box-sizing: border-box; width: 100%; }
  .accolade-about-page .accolade-aboutus-section1__header-right{height:auto;overflow:visible}.accolade-about-page .accolade-aboutus-section1__intro.is-drawer-preview{max-height:9.5em}.accolade-about-page .accolade-aboutus-section1__content-row{position:relative}.accolade-about-page .accolade-aboutus-section1__image-wrapper{position:relative;z-index:1}.accolade-about-page .accolade-aboutus-section2__list-text{display:block;width:100%;text-align:left!important}.accolade-about-page .accolade-aboutus-section2__list-item{align-items:flex-start;text-align:left}.aap-panel__dialog{top:auto;bottom:0;width:100%;height:min(90svh,820px);animation:aapPanelUp .32s ease both}.aap-panel__dialog>header{padding:20px}.aap-panel__body{padding:20px}.aap-panel__timeline article{grid-template-columns:70px 1fr}
}

@keyframes aapPanelUp{from{transform:translateY(100%)}to{transform:none}}

@media (prefers-reduced-motion: reduce) {
  .accolade-about-page * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}