*, *::before, *::after {
box-sizing:border-box
}
html { scroll-behavior:smooth; -webkit-text-size-adjust:100% }
body { margin:0; overflow-x:hidden; background:#fff; -webkit-font-smoothing:antialiased }
img { max-width:100%; display:block }
a { color:inherit; text-decoration:none }
ul { margin:0; padding:0; list-style:none }
button { font-family:inherit; cursor:pointer; background:none; border:none }
body { font-family:"trade-gothic-next", sans-serif; font-size:17px; line-height:1.6; color:#1f1f2e }
h1, h2, h3, h4, h5, h6 { margin:0; font-family:"trade-gothic-next-compressed", "TGNC-Fallback", sans-serif; color:#29294c }
h1 { font-size:88px; font-weight:800; text-transform:uppercase; line-height:1.05 }
h2 { font-size:65px; font-weight:800; text-transform:uppercase; line-height:1.08 }
h3 { font-size:28px; font-weight:400; line-height:1.3 }
h4 { font-size:22px; font-weight:400; line-height:1.35 }
h5 { font-size:20px; font-weight:400; line-height:1.4 }
h6 { font-size:18px; font-weight:400; line-height:1.4 }
p { margin:0 0 16px }
:focus { outline:none }
:focus-visible {
outline:3px solid #69b9e8;
outline-offset:3px;
border-radius:4px
}
.visually-hidden { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0 }
.skip-link { position:absolute; top:-60px; left:16px; z-index:200; background:#29294c; color:#fff; padding:8px 24px; border-radius:4px; transition:top 150ms ease }
.skip-link:focus { top:16px }
.container { width:100%; max-width:1306px; margin-inline:auto; padding-inline:15px }
a, button { transition:all .3s ease-in-out
}
.u-button { display:inline-flex; align-items:center; justify-content:center; font-family:"trade-gothic-next-condensed", sans-serif; font-size:20px; text-transform:uppercase; letter-spacing:.28px; padding:16px 32px; border-radius:10px; white-space:nowrap; font-weight:800; transition:all .3s ease-in-out
}
.u-button--outline { display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; line-height:23px; text-transform:uppercase; color:#29294c; background:#fff; border:2.4px solid #29294c; border-radius:10px; padding:12px 20px; font-family:"trade-gothic-next-condensed", sans-serif }
.u-button--outline:hover { background:#29294c; color:#fff }
@media(prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration:.001ms !important;
animation-iteration-count:1 !important;
transition-duration:.001ms !important;
scroll-behavior:auto !important
}
}

/*** 
====================================================================
  Header css
====================================================================
***/
.header { position:sticky; top:0; z-index:100; background:#29294c; height:75px; display:flex; align-items:stretch; box-shadow:0 0 0 rgba(0, 0, 0, 0); transition:box-shadow 250ms ease }
.header__inner { display:flex; align-items:stretch; justify-content:space-between; gap:24px; width:100% }
.header__logo { display:flex; align-items:center; gap:8px; flex-shrink:0 }
.header__logo-icon { display:block; width:277px; max-width:100%; height:auto; aspect-ratio:277 / 44 }
.header__logo-text { font-family:"trade-gothic-next-condensed", sans-serif; font-size:20px; letter-spacing:.06em; text-transform:uppercase; color:#fff; font-weight:700 }
.header__toggle { display:none; flex-direction:column; gap:5px; padding:8px; align-self:center; z-index:101; border:2.4px solid #fff; border-radius:10px; padding:10px 20px; width:49px; height:49px; align-items:center; justify-content:center }
.header__toggle-bar { width:24px; height:3px; background:#fff; transition:transform 250ms ease, opacity 250ms ease }
.header.is-nav-open .header__toggle-bar:nth-child(1) {
transform:translateY(8px) rotate(45deg)
}
.header.is-nav-open .header__toggle-bar:nth-child(2) {
opacity:0
}
.header.is-nav-open .header__toggle-bar:nth-child(3) {
transform:translateY(-8px) rotate(-45deg)
}
.header__nav { display:flex; align-items:stretch; height:100% }
.header__menu { display:flex; align-items:stretch; height:100% }
.header__menu-item { position:relative; display:flex }
.header__menu-link-wrap { display:flex; align-items:stretch; height:100% }
.header__menu-link { display:flex; align-items:center; height:100%; color:#fff; font-family:"trade-gothic-next-condensed", sans-serif; font-size:20px; font-weight:800; text-transform:uppercase; letter-spacing:2px; padding-inline:32px }
.header__menu-link:hover, .header__menu-link:focus-visible, .header__menu-item--has-mega.is-open .header__menu-link {
background:#ff990b;
color:#fff
}
.header__menu-chevron { display:none }
.header__menu-item--has-mega.is-open .header__menu-chevron svg { transform:rotate(180deg) }
.header__cta { flex-shrink:0; align-self:center; display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; line-height:23px; text-transform:uppercase; color:#fff; background:rgba(0, 0, 0, 0); border:2.4px solid #fff; border-radius:10px; padding:10px 20px; transition:all .3s ease-in-out;
letter-spacing:1px; line-height:23px; height:49px; width:145px; font-family:"trade-gothic-next-condensed", sans-serif }
.header__cta:hover { background:#ff990b; color:#fff; border-color:#ff990b }
.header .header__nav .header__cta { display:none; margin-left:0; width:100%; text-align:center; margin-top:20px }
.mega-menu { position:fixed; top:75px; left:0; width:100%; background:#29294c; color:#fff; box-shadow:0 24px 48px rgba(0, 0, 0, .28); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity 250ms ease, transform 250ms ease, visibility 250ms ease; z-index:90; max-height:calc(100vh - 75px); overflow-y:auto }
.header__menu-item--has-mega.is-open>.mega-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) }
.mega-menu__split { display:grid; grid-template-columns:630px auto; min-height:360px; padding-left:max(15px, (100% - 1306px)/2 + 15px) }
.mega-menu__split--services { grid-template-columns:636px 1fr }
.mega-menu__split--about { grid-template-columns:326px 1fr }
.mega-menu__links { padding:48px 48px 32px 0; display:flex; flex-direction:column }
.mega-menu__link-columns { display:grid; grid-template-columns:1fr 1fr; gap:32px; flex:1 }
.mega-menu__eyebrow { display:block; font-size:20px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:#69b9e8; margin-bottom:16px; font-family:"trade-gothic-next-condensed", sans-serif }
.mega-menu__list li+li { margin-top:24px }
.mega-menu__list a { display:inline-block; font-size:28px; font-weight:800; text-transform:uppercase; color:#fff; line-height:1.2; font-family:"trade-gothic-next-condensed", sans-serif; letter-spacing:.28px }
.mega-menu__list a:hover { color:#ff9a0e; padding-left:4px }
.mega-menu__list--single a { font-size:28px }
.mega-menu__bands { display:flex; margin:32px -48px -32px 0 }
.mega-menu__band { flex:1; text-align:center; padding-block:24px; font-size:20px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#fff; font-family:"trade-gothic-next-condensed", sans-serif;display: flex;align-items: center;justify-content: center; gap:10px; }
.mega-menu__band:hover { filter:brightness(1.08) }
.mega-menu__band svg {opacity: 0;transform: translateX(-8px);transition: opacity .2s ease,transform .2s ease;height: 25px; width:25px;}
.mega-menu__band:hover svg {opacity: 1;transform: translateX(0);}
.mega-menu__band--blue { background:#69b9e8 }
.mega-menu__band--olive { background:#72810c }
.mega-menu__feature-panel { background-color:#e7e5e1; background-image:linear-gradient(to right, rgba(41, 41, 76, 0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(41, 41, 76, 0.06) 1px, transparent 1px); background-size:36px 36px; display:flex; align-items:center; padding:50px 0 50px 100px }
.mega-menu__card { background:#fff; border-radius:8px; box-shadow:0 16px 40px rgba(0, 0, 0, .12); padding:32px; width:100%; max-width:540px }
.mega-menu__card--split { display:flex; max-width:850px; padding:0; overflow:hidden }
.mega-menu__card-media { flex:0 0 45% }
.mega-menu__card-media img { width:100%; height:100%; object-fit:cover; display:block }
.mega-menu__card-content { padding:32px; display:flex; flex-direction:column; justify-content:center }
.mega-menu__card-heading { font-size:28px; font-weight:800; text-transform:uppercase; color:#29294c; line-height:1.25; margin-bottom:16px; font-family:"trade-gothic-next-condensed", sans-serif }
.mega-menu__card-heading--sm { text-transform:none }
.mega-menu__card-text { font-size:18px; line-height:1.5; color:#29294c; margin-bottom:24px }
.mega-menu__card-cta { display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; line-height:23px; text-transform:uppercase; color:#29294c; background:#fff; border:2.4px solid #29294c; border-radius:10px; padding:12px 20px; font-family:"trade-gothic-next-condensed", sans-serif; align-self:flex-start }
.mega-menu__card-cta:hover { background:#29294c; color:#fff }
.mega-menu__split--media { grid-template-columns:50% 50% }
.mega-menu__video { position:relative; overflow:hidden; min-height:280px }
.mega-menu__video img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.mega-menu__video-poster { transition:opacity 250ms ease }
.mega-menu__video-iframe { position:absolute; inset:0; width:100%; height:100%; border:0; opacity:0; transition:opacity 250ms ease }
.mega-menu__video.is-video-active .mega-menu__video-poster { opacity:0 }
.mega-menu__video.is-video-active .mega-menu__video-iframe { opacity:1 }
.mega-menu--expertise .mega-menu__expertise-grid { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:48px; padding:48px }
.mega-menu__expertise-col { position:relative; padding-right:52px }
.mega-menu__expertise-col:not(:first-child)::before {
content:"";
position:absolute;
left:-50px;
top:6px;
bottom:6px;
width:8px;
background:#69b9e8
}
.mega-menu__expertise-heading { font-size:28px; font-weight:800; text-transform:uppercase; color:#fff; margin-bottom:16px; letter-spacing:.28px; font-family:"trade-gothic-next-condensed", sans-serif }
.mega-menu__expertise-text { font-size:18px; line-height:1.6; color:#fff; margin-bottom:24px; min-height:145px }
.mega-menu__expertise-text strong { color:#fff; font-weight:700 }
.mega-menu__expertise-text em { font-style:italic }
.mega-menu__expertise-link { display:inline-block; font-size:21px; font-weight:800; text-transform:uppercase; letter-spacing:.28px; color:#fff; font-family:"trade-gothic-next-condensed", sans-serif }
.mega-menu__expertise-link:hover { color:#69b9e8 }

/*** 
====================================================================
  Hero css
====================================================================
***/
.hero { background:#29294c; min-height:777px; display:flex; align-items:center; justify-content:center; text-align:center; padding-block:64px; contain:layout }
.hero__container { display:flex; justify-content:center; width:100%; max-width:1470px }
.hero__title { color:#fff; font-size:130px; font-weight:800; line-height:1.1; text-transform:uppercase; text-align:center; width:100%; overflow-wrap:break-word; word-break:break-word; hyphens:auto; font-family:"trade-gothic-next-compressed", "TGNC-Fallback", sans-serif; position:relative; min-height:577px }
.hero__title--typing::after { content:none }
.hero__title-accent { text-decoration:none; border-bottom:2px solid rgba(0, 0, 0, 0); transition:border-color 150ms ease }
.hero__title-accent:hover, .hero__title-accent:focus-visible {
border-bottom-color:currentColor
}
.hero__title-accent--pink { color:#cc378b }
.hero__title-accent--orange { color:#ff990b }
.hero__title-accent--changemakers { color:#ff5700 }
.hero__title-accent--blue { color:#69b9e8 }
.hero__char { opacity:0 }
.hero__char.is-visible { opacity:1 }
.hero__caret { display:inline-block; width:3px; margin-left:2px; background:currentColor; color:#fff; height:.9em; vertical-align:-0.1em; animation:hero-caret-blink 900ms step-end infinite }
.hero__caret.is-done { animation:none; opacity:0; transition:opacity 450ms cubic-bezier(0.22, 1, 0.36, 1) }
@keyframes hero-caret-blink { 0%, 49% {
opacity:1
}
50%, 100% {
opacity:0
}
}

/*** 
====================================================================
  Work css
====================================================================
***/
.work { padding-block:96px; background:#fff }
.work__intro { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-bottom:64px; align-items:start }
.work__feature-logo { display:block; width:100%; max-width:695px; height:auto; aspect-ratio:695 / 583; margin-bottom:24px }

.work__feature-link { display:block; color:inherit }
.work__feature-caption { font-family:"trade-gothic-next-compressed", sans-serif; font-size:45px; font-weight:800; letter-spacing:.45px; text-transform:uppercase; color:#1f1f2e; line-height:1.1; transition:all .3s ease-in-out
}
.work__title { text-transform:uppercase; line-height:1.05; margin-bottom:24px; letter-spacing:.65px }
.work__text { max-width:440px; font-size:20px; font-weight:700; letter-spacing:.2px; margin-bottom:24px }
.work__grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:250px }
.work__card { display:block }
.work__card:nth-child(2) .work__card-media {
margin-top:-350px;
aspect-ratio:4/5
}
.work__card-link { display:flex; flex-direction:column; color:inherit }
.work__card-media { border-radius:8px; overflow:hidden; aspect-ratio:4/2.7; background:#ebeae6; margin-bottom:24px }
.work__card-media img { width:100%; height:100%; object-fit:cover }
.work__card-caption { font-family:"trade-gothic-next-compressed", sans-serif; font-size:45px; font-weight:800; letter-spacing:.45px; text-transform:uppercase; color:#1f1f2e; line-height:1.1; transition:all .3s ease-in-out
}
.work__feature-link:hover .work__feature-caption, .work__feature-link:focus-visible .work__feature-caption, .work__card-link:hover .work__card-caption, .work__card-link:focus-visible .work__card-caption {
color:#ff990b
}

/*** 
====================================================================
  Segments css
====================================================================
***/
.segments__item { overflow:hidden }
.segments__item--pink { background:#cc378b }
.segments__item--orange { background:#f25741 }
.segments__item--olive { background:#72810c }
.segment-detail__inner { display:grid; grid-template-columns:770px auto; align-items:stretch; column-gap:48px; padding-block:24px; padding-left:max(15px, (100% - 1306px)/2 + 15px) }
.segment-detail__content { padding-top:0; transition:padding .6s ease-in-out
}
.segments__item:hover .segment-detail__content, .segments__item:focus-within .segment-detail__content {
padding-top:70px
}
.segment-detail__header { padding-block:16px }
.segment-detail__link { display:block }
.segment-detail__link:hover .segment-detail__link__title-text, .segment-detail__link:focus-visible .segment-detail__link__title-text {
text-decoration:underline
}
.segment-detail__title { display:flex; align-items:center; gap:24px; font-size:60px; text-transform:uppercase; color:#fff; line-height:1.1; letter-spacing:.01em }
.segment-detail__icon { flex-shrink:0; width:65px; height:65px; color:#fff; opacity:0; transform:translateX(-3px); transition:opacity .2s ease, transform .2s ease
}
.segment-detail__link:hover .segment-detail__icon, .segment-detail__link:focus-visible .segment-detail__icon {
transform:translateX(0);
opacity:1
}
.segment-detail__body, .segment-detail__media { max-height:0; opacity:0; overflow:hidden; transform:translateY(-24px); transition:.6s ease-in-out
}
.segments__item:hover .segment-detail__body, .segments__item:focus-within .segment-detail__body {
max-height:480px;
opacity:1;
transform:translateY(0);
transition:.6s ease-in-out
}

.segments__item:hover .segment-detail__media, .segments__item:focus-within .segment-detail__media {
max-height:640px;
opacity:1;
transform:translateY(0);
transition:.6s ease-in-out
}
.segment-detail__lead { font-size:28px; font-weight:800; line-height:1.35; color:#fff; margin-bottom:24px; padding-top:16px; letter-spacing:.28px }
.segment-detail__description { font-size:18px; line-height:1.6; color:#fff; margin-bottom:0 }
.segment-detail__media { margin:calc(-1*24px) 0;
height:calc(100% + 24px*2)
}
.segment-detail__image { display:block; width:100%; height:100%; object-fit:cover; border-radius:0 }

/*** 
====================================================================
  Testimonials css
====================================================================
***/
.testimonial { padding-block:96px; background:#fff }
.testimonial__slider { position:relative; padding-bottom:16px }
.testimonial .swiper-wrapper { align-items:stretch }
.testimonial__quote { height:100%; display:flex; flex-direction:column; max-width:1034px; margin:0 }
.testimonial__mark { display:block; font-family:"trade-gothic-next-condensed", sans-serif; font-weight:700; font-size:64px; color:#29294c; line-height:1; margin-bottom:35px }
.testimonial__quote-text { flex:1 0 auto; font-size:45px; font-weight:900; line-height:1.1; color:#29294c; margin-bottom:32px }
.testimonial__footer-row { display:flex; align-items:center; justify-content:space-between; gap:24px }
.testimonial__attribution { display:flex; flex-direction:column }
.testimonial__name { font-size:20px; font-weight:900; text-transform:uppercase; letter-spacing:2px; color:#29294c; font-family:"trade-gothic-next-condensed", sans-serif }
.testimonial__role { font-size:20px; font-weight:900; text-transform:uppercase; letter-spacing:2px; color:#29294c; font-family:"trade-gothic-next-condensed", sans-serif }
.testimonial .swiper-pagination { position:absolute; left:auto; right:0; bottom:6px; display:flex; align-items:center; justify-content:flex-end; gap:10px }
.testimonial .swiper-pagination-bullet { background:#d8d7d3; opacity:1; width:12px; height:12px; margin:0; border-radius:50%; transition:background-color 150ms ease }
.testimonial .swiper-pagination-bullet-active { background:#29294c }

/*** 
====================================================================
  Services css
====================================================================
***/
.services { background:#ebeae6; padding-block:96px }
.services__grid { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:48px; row-gap:96px }
.services__title { line-height:1.05 }
.services__col-title { font-size:40px; font-weight:800; text-transform:uppercase; color:#29294c; margin-bottom:24px }
.services__col-title a { color:#29294c }
.services__col-title a:hover { color:#ff990b }
.services__list li { font-size:18px; margin-bottom:8px }

/*** 
====================================================================
  Lets Talk css
====================================================================
***/
.lets-talk { background:#fff; padding-block:140px }
.lets-talk__grid { display:grid; grid-template-columns:1.1fr .9fr;
gap:64px; align-items:start }
.lets-talk__title { margin-bottom:32px }
.lets-talk__list { margin-right:-610px }
.lets-talk__item { border-bottom:8px solid #ebeae6 }
.lets-talk__topic { width:100%; display:flex; align-items:center; gap:16px; font-family:"trade-gothic-next-condensed", sans-serif; font-size:48px; font-weight:900; text-transform:uppercase; color:#29294c; padding:44px 0; text-align:left; transition:color 150ms ease; letter-spacing:2px }
.lets-talk__play { flex-shrink:0; display:inline-block; width:48px; height:48px; color:#ff990b; opacity:0; transform:scale(0.6); transition:opacity 250ms ease, transform 250ms ease }
.lets-talk__topic.is-active .lets-talk__play { opacity:1; transform:scale(1) }
.lets-talk__media { position:sticky; top:calc(75px + 32px) }
.lets-talk__media-frame { position:relative; aspect-ratio:4/4; border-radius:8px; overflow:hidden; /*background:#ebeae6;*/ transform:translateY(var(--lets-talk-media-y, 0px)); transition:transform 450ms cubic-bezier(0.22, 1, 0.36, 1) }
.lets-talk__media-link { position:absolute; inset:0; display:block; opacity:0; pointer-events:none; transform:translateY(-150px); transition:opacity 450ms cubic-bezier(0.22, 1, 0.36, 1), transform 450ms cubic-bezier(0.22, 1, 0.36, 1) }
.lets-talk__media-link.is-active { opacity:1; pointer-events:auto; transform:translateY(0) }
.lets-talk__media-img { display:block; width:100%; height:100%; object-fit:cover }

/*** 
====================================================================
  Insights css
====================================================================
***/
.insights { background:#fff; padding-block:96px }
.insights__header { display:grid; grid-template-columns:1fr 1.6fr; gap:32px; margin-bottom:48px }
.insights__eyebrow { text-transform:uppercase }
.insights__title { font-size:45px; text-transform:uppercase; color:#29294c; font-weight:800; letter-spacing:.45px; margin-bottom:8px }
.insights__text { font-size:20px; font-weight:700; letter-spacing:.2px }
.insights__grid { display:flex; flex-direction:column; gap:32px }
.insight-card { position:relative; background:#ebeae6; overflow:hidden; box-shadow:0 1px 3px rgba(41, 41, 76, .08); transition:transform 250ms ease, box-shadow 250ms ease }
.insight-card:hover { transform:translateY(-3px); box-shadow:0 16px 30px rgba(41, 41, 76, .14) }
.insight-card__top-bar { height:10px }
.insight-card__badge { position:absolute; top:0; right:0; font-size:28px; font-weight:800; text-transform:uppercase; letter-spacing:.28px; color:#fff; padding:8px 24px; font-family:"trade-gothic-next-compressed", sans-serif; line-height:1 }
.insight-webinar .insight-card__badge,
.insight-webinar .insight-card__top-bar { background:#69b9e8; }
.insight-article .insight-card__badge,
.insight-article .insight-card__top-bar { background:#72810c; }
.insight-guide .insight-card__badge,
.insight-guide .insight-card__top-bar { background:#f25741; }
.insight-video .insight-card__badge,
.insight-video .insight-card__top-bar { background:#cc378b; }
.insight-card__body-row { display:flex }
.insight-card__media { display:flex; flex:0 0 42% }
.insight-card__media img { width:100%; height:100%; object-fit:cover }
.insight-card__poster { flex:0 0 55%; display:flex; flex-direction:column; justify-content:center; padding:32px; color:#fff }
.insight-card__poster--orange { background:#f25741 }
.insight-card__poster--blue { background:#69b9e8 }
.insight-card__poster--navy { background:#29294c }
.insight-card__poster-title { font-size:19px; font-weight:700; line-height:1.25; margin-bottom:16px }
.insight-card__poster-subtitle { font-size:13px; line-height:1.5; opacity:.85 }
.insight-card__photo { position:relative; flex:0 0 45%; min-height:220px }
.insight-card__photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.insight-card__photo-caption { position:absolute; left:0; right:0; bottom:0; display:flex; align-items:center; gap:8px; background:#29294c; color:#fff; padding:8px 16px }
.insight-card__photo-logo { width:22px; height:22px }
.insight-card__photo-wordmark { font-size:12px; font-weight:700; line-height:1.3 }
.insight-card__photo-wordmark small { display:block; font-size:9px; font-weight:400; letter-spacing:.08em; text-transform:uppercase; opacity:.75 }
.insight-card__content { flex:1; padding:32px 48px; display:flex; flex-direction:column; justify-content:center }
.insight-card__title { font-size:28px; font-weight:900; text-transform:none; line-height:1.1; color:#29294c; margin-bottom:16px; font-family:"trade-gothic-next-condensed", sans-serif }
.insight-card__title a:hover { color:#ff990b }
.insight-card__excerpt { font-size:18px; line-height:1.6; margin-bottom:24px }
.insight-card__author { display:flex; align-items:center; gap:16px }
.insight-card__avatar { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:#29294c; color:#fff; font-size:16px; font-weight:700; flex-shrink:0; overflow:hidden }
.insight-card__author-name { display:block; font-weight:700; font-size:18px; color:#29294c }
.insight-card__author-role { display:block; font-size:18px; color:#5b5b6b }

/*** 
====================================================================
  Footer css
====================================================================
***/
.footer { background:#29294c; color:#fff; padding-block:64px 32px }
.footer__top { display:grid; grid-template-columns:1fr 1.1fr; gap:48px; align-items:start }
.footer__brand { display:flex; flex-direction:column }
.footer__title { text-transform:uppercase; color:#69b9e8; margin-bottom:24px; letter-spacing:.65px }
.footer__form-title { font-size:50px; text-transform:uppercase; color:#fff; margin-bottom:24px; font-weight:800; letter-spacing:.01em }
.footer__form-row { display:flex; gap:16px }
.footer__input,
.footer__form .gform-theme--foundation .gfield input.large { flex:1; color:#fff; font-family:"trade-gothic-next", sans-serif; padding:12px; height:60px; background:none; border:4px solid #fff; border-radius:10px; color:#fff; font-size:18px; font-weight:800; line-height:115%; letter-spacing:1.8px; max-width:240px;text-align: left; }
.footer__input::placeholder,
.footer__form .gform-theme--foundation .gfield input.large::placeholder {
color:#fff;
font-weight:800;
text-transform:uppercase;
font-size:18px;
letter-spacing:1.8px
}
.footer__submit,
.footer__form .gform-footer .gform_button { font-family:"trade-gothic-next-condensed", sans-serif !important; padding:12px 19px !important; height:60px !important; background:none !important; border:4px solid #fff !important; border-radius:10px !important; color:#fff !important; font-size:18px !important; font-weight:800 !important; line-height:115% !important; letter-spacing:1.8px !important; text-transform:uppercase !important; }
.footer__submit:hover,
.footer__form .gform-footer .gform_button:hover { background:#ff990b !important; color:#fff !important; border-color:#ff990b !important; }
.footer__form-note { margin-top:16px; font-size:16px; color:#fff }
.footer__form-note a { text-decoration:underline }
.footer__form-note a:hover { color:#69b9e8 }
.footer__social { display:flex; gap:16px; margin-top:auto; padding-top:10px }
.footer__social-link { display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:#ff5700; color:#fff; padding:12px }
.footer__social-link svg { width:100%; height:100% }
.footer__social-link:hover { background:#69b9e8; transform:translateY(-2px) }
.footer__bottom { display:flex; align-items:center; font-size:20px; font-weight:900; text-transform:uppercase; color:#fff; flex-wrap:wrap; gap:16px; padding-top:32px; letter-spacing:2px; font-family:"trade-gothic-next-condensed", sans-serif }
.footer__bottom p { margin-bottom:0 }
.footer__legal { display:flex; gap:24px }
.footer__legal a:hover { color:#69b9e8 }
.footer__form form {display: flex;gap: 16px;}
.footer__form .gform-theme--foundation .gform_footer { margin-top:0; }
.gform-theme--framework .gform_validation_errors { display:none !important; }
.footer__form .gform_wrapper .gfield.gfield_error input[type="text"], .footer__form .gform_wrapper .gfield.gfield_error input[type="email"] {border-color: #d53a2f !important;}
.footer__form .gform_wrapper .gfield_validation_message, .footer__form .gform_wrapper .validation_message {
font-family: "trade-gothic-next",sans-serif;font-size: 1.125rem;font-weight: 400;line-height: 1.6875rem;letter-spacing: normal;text-transform: none;margin-top: .5rem;color: #d53a2f;font-size: 1rem;font-weight: 400;}