@font-face {
    font-family: i2c-font;
    src: url(../fonts/i2c-font.woff?peukkh)format('woff'), url(../fonts/i2c-font.svg?peukkh#i2c-font)format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-display: swap
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/InterFonts/InterVariable.woff2)format('woff2')
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/InterFonts/InterVariable-Italic.woff2)format('woff2')
}

*,
*::before,
*::after {
    box-sizing: border-box
}

:root {
    --white: #fff;
    --black: #000;
    --i2c-black: #000823;
    --blue: #1434CB;
    --blueHover: #0D227F;
    --light-blue: #E5F3FF;
    --orange: #F97C00;
    --orange-dark: #CC6401;
    --green: #22973F;
    --red: #CB1432;
    --text-primary: #1B223A;
    --text-secondary: #6B7080;
    --text-fg-secondary: #3A3D5A;
    --text-brand-primary: #081A66;
    --text-brand-secondary: #102BA5;
    --text-tertiary: #666;
    --i2c-border-gray: #D6D7DC;
    --i2c-brand-secondary: #1336EF;
    --i2c-brand-25: #F4FAFF;
    --i2c-brand-100: #C7E2FF;
    --i2c-brand-200: #99C6FF;
    --i2c-brand-250: #6398FF;
    --i2c-brand-300: #3F71FF;
    --i2c-brand-400: #294FFF;
    --i2c-brand-600: #1434CB;
    --i2c-brand-700: #102BA5;
    --i2c-brand-800: #0D227F;
    --i2c-brand-900: #081A66;
    --i2c-brand-950: #041145;
    --i2c-brand-1000: #020923;
    --containerWidth: 110rem;
    --containerSmallWidth: 67.375rem;
    --gutterWidth: 1.5rem;
    --containerFluidPadding: 5rem;
    --defaultColumnGap: 2rem;
    --sectionSpace: 12.5rem;
    --sectionInnerSpace: 7.5rem;
    --sectionInnerSpaceLarge: 10rem;
    --borderRadiusDefault: 1rem;
    --borderRadiusSmall: 0.5rem;
    --borderRadiusLarge: 1.5rem;
    --primaryFont: 'Inter', Arial, sans-serif;
    --fontFeatureSettings: "cv01" 1, "cv09" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv10" 1;
    --fontSizeBase: 1.125rem;
    --lineheightBase: 1.2222222;
    --fontSizeExtraSmall: 0.875rem;
    --lineheightExtraSmall: 1.285714;
    --fontSizeSmall: 1rem;
    --lineheightSmall: 1.25;
    --fontSizeLarge: 1.25rem;
    --lineheightLarge: 1.2;
    --fontSizeExtraLarge: 1.5rem;
    --lineheightExtraLarge: 1.166666;
    --fontSizeDisplay1: 8.5rem;
    --lineheightDisplay1: 1;
    --fontSizeDisplay2: 6.5rem;
    --lineheightDisplay2: 0.9615384;
    --fontSizeH1: 5rem;
    --fontSizeH2: 3.5rem;
    --fontSizeH3: 3rem;
    --fontSizeH4: 2.5rem;
    --fontSizeH5: 2rem;
    --fontSizeH6: 1.75rem;
    --lineheightH1: 1;
    --lineheightH2: 1;
    --lineheightH3: 1;
    --lineheightH4: 1;
    --lineheightH5: 1.125;
    --lineheightH6: 1.2142857;
    --letterSpacingText: -0.65px;
    --letterSpacingTextExtraSmall: -0.48px;
    --letterSpacingTextSmall: -0.45px;
    --letterSpacingTextLarge: -0.6px;
    --letterSpacingTextExtraLarge: -0.5px;
    --letterSpacingDisplay1: -5px;
    --letterSpacingDisplay2: -5px;
    --letterSpacingH1: -3px;
    --letterSpacingH2: -2px;
    --letterSpacingH3: -2px;
    --letterSpacingH4: -1px;
    --letterSpacingH5: -1px;
    --letterSpacingH6: -0.2px;
    --btnPadding: 1.375rem 1.875rem;
    --transitionDefault: all 0.3s ease-in-out;
    --transitionLinear: all 0.3s linear;
    --boxShadowDefault: 0 0.5rem 1rem rgba(153, 198, 255, 0.3);
    --fontWeightLight: 300;
    --fontWeightNormal: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;
    --i2c-border-radius-large: 24px;
    --i2c-border-radius-medium: 12px;
    --i2c-border-radius-small: 8px;
    --i2c-border-radius-x-small: 6px;
    --text-14: 0.875rem;
    --text-16: 1rem;
    --text-18: 1.125rem;
    --text-20: 1.25rem;
    --text-22: 1.375rem;
    --text-24: 1.5rem;
    --font: var(--primaryFont)
}

html {
    scroll-behavior: smooth
}

body {
    min-height: 100%;
    margin: 0;
    color: var(--text-primary);
    font: 300 var(--fontSizeBase)/var(--lineheightBase)var(--primaryFont);
    letter-spacing: var(--letterSpacingText);
    font-feature-settings: var(--fontFeatureSettings);
    -webkit-font-feature-settings: var(--fontFeatureSettings);
    font-variation-settings: "slnt" 0;
    background-color: var(--white);
    overflow-x: hidden
}

body p:empty {
    display: none
}

body.mega-menu-open {
    overflow: hidden
}

[class^=i2c--icon],
[class*=" i2c--icon"] {
    font-family: i2c-font !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i2c--icon-print:before {
    content: "\e918"
}

.i2c--icon-share:before {
    content: "\e91d"
}

.i2c--icon-audio-pause:before {
    content: "\e916"
}

.i2c--icon-audio-play:before {
    content: "\e917"
}

.i2c--icon-play:before {
    content: "\e909"
}

.i2c--icon-stop:before {
    content: "\e900"
}

.i2c--icon-arrow-down:before {
    content: "\e901"
}

.i2c--icon-arrow-right:before {
    content: "\e902"
}

.i2c--icon-close:before {
    content: "\e903"
}

.i2c--icon-microphone-2:before {
    content: "\e904"
}

.i2c--icon-outgoing:before {
    content: "\e905"
}

.i2c--icon-search-lg:before {
    content: "\e906"
}

.i2c--icon-sms:before {
    content: "\e907"
}

.i2c--icon-user:before {
    content: "\e908"
}

.i2c--icon-youtube-icon .path1:before {
    content: "\e90a";
    color: #000823
}

.i2c--icon-youtube-icon .path2:before {
    content: "\e90b";
    margin-left: -1em;
    color: #fefefe
}

.i2c--icon-x:before {
    content: "\e90c"
}

.i2c--icon-threads:before {
    content: "\e90d"
}

.i2c--icon-subtract:before {
    content: "\e90e"
}

.i2c--icon-linkedin:before {
    content: "\e90f"
}

.i2c--icon-send:before {
    content: "\e910"
}

.i2c--icon-instagram:before {
    content: "\e911"
}

.i2c--icon-facebook:before {
    content: "\e912"
}

.i2c--icon-chevron-up:before {
    content: "\e913"
}

.i2c--icon-chevron-down:before {
    content: "\e914"
}

.i2c--icon-add:before {
    content: "\e915"
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

a:focus-visible,
button:focus-visible,
*[tabindex]:not([a], [open]):where(:focus-visible) {
    outline: 1px dotted;
    outline-offset: 2px
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
[class*=heading-] {
    font-weight: var(--fontWeightNormal);
    margin: 0
}

:is(h1, h2, h3, h4, h5, h6):last-child {
    margin-bottom: 0 !important
}

h1,
.h1,
.heading-1 {
    font-size: var(--fontSizeH1);
    line-height: var(--lineheightH1);
    font-weight: var(--fontWeightMedium);
    /* letter-spacing: var(--letterSpacingH1) */
}

h2,
.h2,
.heading-2 {
    font-size: var(--fontSizeH2);
    line-height: var(--lineheightH2);
    /* letter-spacing: var(--letterSpacingH2) */
}

h3,
.h3,
.heading-3 {
    font-size: var(--fontSizeH3);
    line-height: var(--lineheightH3);
    /* letter-spacing: var(--letterSpacingH3) */
}

h4,
.h4,
.heading-4 {
    font-size: var(--fontSizeH4);
    line-height: var(--lineheightH4);
    /* letter-spacing: var(--letterSpacingH4) */
}

h5,
.h5,
.heading-5 {
    font-size: var(--fontSizeH5);
    line-height: var(--lineheightH5);
    /* letter-spacing: var(--letterSpacingH5) */
}

h6,
.h6,
.heading-6 {
    font-size: var(--fontSizeH6);
    line-height: var(--lineheightH6);
    /* letter-spacing: var(--letterSpacingH6) */
}

.display-1 {
    font-size: var(--fontSizeDisplay1);
    line-height: var(--lineheightDisplay1);
    font-weight: var(--fontWeightLight);
    letter-spacing: var(--letterSpacingDisplay1)
}

.display-2 {
    font-size: var(--fontSizeDisplay2);
    line-height: var(--lineheightDisplay2);
    font-weight: var(--fontWeightMedium);
    letter-spacing: var(--letterSpacingDisplay2)
}

.sub-heading {
    font-size: var(--fontSizeH6);
    line-height: var(--lineheightH6);
    letter-spacing: var(--letterSpacingH6)
}

.section-title {
    font-weight: 400;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0 .125em
}

.section-title span:after {
    content: ".";
    color: var(--orange)
}

.section-title.align-center,
.align-center .section-title {
    justify-content: center
}

div:where(.text, .text-xs, .text-sm, .text-md, .text-lg, .text-xl, .text-box) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

div:where(.text, .text-xs, .text-sm, .text-md, .text-lg, .text-xl, .text-box) p {
    margin: 0
}

.text-xs {
    font-size: var(--fontSizeExtraSmall);
    line-height: var(--lineheightExtraSmall);
    letter-spacing: var(--letterSpacingTextExtraSmall)
}

.text-sm {
    font-size: var(--fontSizeSmall);
    line-height: var(--lineheightSmall);
    letter-spacing: var(--letterSpacingTextSmall)
}

.text-md {
    font-size: var(--fontSizeBase);
    line-height: var(--lineheightBase);
    letter-spacing: var(--letterSpacingText)
}

.text-lg {
    font-size: var(--fontSizeLarge);
    line-height: var(--lineheightLarge);
    letter-spacing: var(--letterSpacingTextLarge)
}

.text-xl {
    font-size: var(--fontSizeExtraLarge);
    line-height: var(--lineheightExtraLarge);
    letter-spacing: var(--letterSpacingTextExtraLarge)
}

.font-300 {
    font-weight: var(--fontWeightLight) !important
}

.font-400 {
    font-weight: var(--fontWeightNormal) !important
}

.font-500 {
    font-weight: var(--fontWeightMedium) !important
}

.font-600 {
    font-weight: var(--fontWeightSemibold) !important
}

.font-700 {
    font-weight: var(--fontWeightBold) !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.textPrimary {
    color: var(--text-primary) !important
}

.textSecondary {
    color: var(--text-secondary) !important
}

.textFgSecondary {
    color: var(--text-fg-secondary) !important
}

.textOrange {
    color: var(--orange) !important
}

.textSuccess {
    color: var(--green) !important
}

.textDanger {
    color: var(--red) !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

p {
    margin: 0
}

p:last-child {
    margin-bottom: 0 !important
}

p {
    margin: 0 0 calc(1em * var(--lineheightBase))
}

p:last-child {
    margin-bottom: 0 !important
}

p a {
    color: var(--text-primary)
}

p a:focus-visible {
    outline: 1px solid;
    text-decoration: none
}

img[aria-hidden=true] {
    user-select: none
}

img:not(.img-fluid) {
    vertical-align: top
}

.img-fluid {
    max-width: 100%;
    display: block;
    height: auto
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

img:not(.img-cover) {
    height: auto
}

.lottie-img img {
    width: 100%;
    height: auto;
    display: block
}

[style*=background-image] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

html:not([data-theme*=light]) .img-light {
    display: none !important
}

html:not([data-theme*=dark]) .img-dark {
    display: none !important
}

.imgLoading {
    text-align: center;
    font-size: .75rem;
    font-weight: 600
}

.imgLoading+img {
    max-width: 0 !important;
    max-height: 0 !important;
    opacity: 0
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

q {
    quotes: none
}

q:before,
q:after {
    content: ''
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

[hidden],
.d-none {
    display: none !important
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-7 {
    padding-right: 1.75rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-7 {
    padding-left: 1.75rem
}

.pl-8 {
    padding-left: 2rem
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.m-5 {
    margin: 1.25rem
}

.m-6 {
    margin: 1.5rem
}

.m-7 {
    margin: 1.75rem
}

.m-8 {
    margin: 2rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-7 {
    margin-right: 1.75rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-7 {
    margin-left: 1.75rem
}

.ml-8 {
    margin-left: 2rem
}

.v-hidden {
    visibility: hidden !important
}

.opacity0 {
    opacity: 0 !important
}

.overflow-hidden {
    overflow: hidden
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.w-50 {
    width: 50% !important
}

.h-50 {
    height: 50% !important
}

.w-100 {
    width: 100% !important
}

.h-100 {
    height: 100% !important
}

.w-auto {
    width: auto !important
}

.h-auto {
    height: auto !important
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-none {
    display: none !important
}

.d-block-sm {
    display: none !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column {
    flex-direction: column
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-stretch {
    align-content: stretch
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.basis-auto {
    flex-basis: auto
}

.basis-full {
    flex-basis: 100%
}

.basis-half {
    flex-basis: 50%
}

.basis-1-3 {
    flex-basis: 33.3333%
}

.basis-1-4 {
    flex-basis: 25%
}

.gap-1 {
    gap: .5rem
}

.gap-2 {
    gap: 1rem
}

.gap-3 {
    gap: 1.5rem
}

.gap-4 {
    gap: 2rem
}

.gap-5 {
    gap: 2.5rem
}

.list-unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.list-inline {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    gap: .75rem
}

ol:not([class]) {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: items;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

ol:not([class]) li {
    padding: 0 0 0 1.5rem;
    position: relative
}

ol:not([class]) li:before {
    content: counters(items, "")".";
    counter-increment: items;
    text-align: right;
    position: absolute;
    top: 0;
    left: 1rem;
    transform: translateX(-100%)
}

@media screen and (max-width:991px) {
    ol:not([class]) li {
        margin: 0 0 1rem
    }
}

hr {
    border: .125rem solid var(--i2c-border-gray);
    margin: 0
}

a,
button,
input[type=submit],
input[type=reset],
input[type=button],
.btn,
.btn :is(:before, :after),
button :is(:before, :after) {
    text-decoration: none;
    cursor: pointer;
    transition: var(--transitionDefault)
}

.btn-group {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 1.5rem
}

.btn {
    padding: var(--btnPadding);
    font-size: var(--fontSizeBase);
    line-height: var(--lineheightBase);
    font-weight: var(--fontWeightMedium);
    border-radius: var(--borderRadiusSmall);
    text-align: center;
    flex-shrink: 0;
    border: .125rem solid transparent;
    color: var(--text-primary);
    background: var(--i2c-brand-25);
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    cursor: pointer
}

.btn:where(:hover, :focus) {
    text-decoration: none;
    color: var(--white);
    background: var(--blue)
}

.btn * {
    position: relative;
    z-index: 1
}

.btn [class*=icon-] {
    font-size: 1.25rem;
    line-height: 1
}

.btn svg {
    width: 1.25rem;
    height: 1.25rem;
    /* fill: currentColor */
}

.btn.btn-rounded {
    border-radius: 50% !important
}

.btn-md {
    padding: 1.125rem 1.625rem
}

.btn-sm {
    padding: .8125rem 1.375rem
}

.btn-xs {
    padding: .4375rem 1rem;
    font-size: .875rem;
    line-height: 1.42857;
    border-width: 1px;
    gap: .3125rem;
    border-radius: .375rem
}

.btn.btn-xs [class*=icon-] {
    font-size: 1rem
}

.btn.btn-sm svg,
.btn.btn-xs svg {
    width: 1rem;
    height: 1rem
}

.btn.btn-primary {
    color: var(--white);
    background: var(--blue)
}

.btn.btn-primary:where(:hover, :focus) {
    background: var(--blueHover)
}

.btn.btn-outline {
    color: var(--blue);
    background: 0 0;
    border-color: var(--blue)
}

.btn.btn-outline:where(:hover, :focus) {
    color: var(--white);
    background: var(--blue)
}

.btn.btn-light-outline {
    color: var(--white);
    background: 0 0;
    border-color: var(--white)
}

.btn.btn-light-outline:where(:hover, :focus) {
    color: var(--text-primary);
    background: var(--white)
}

.btn.btn-secondary {
    color: var(--white);
    background: var(--orange)
}

.btn.btn-secondary:where(:hover, :focus) {
    background: var(--orange-dark)
}

.btn.btn-dark {
    color: var(--white);
    background: var(--i2c-brand-950)
}

.btn.btn-dark:where(:hover, :focus) {
    background: var(--blue)
}

.btn.btn-dark.btn-play {
    background: var(--i2c-black)
}

.btn.btn-dark.btn-play:where(:hover, :focus) {
    background: var(--blue)
}

.btn.btn-dark-outline {
    color: var(--text-primary);
    background: var(--white);
    border-color: var(--i2c-brand-1000)
}

.btn.btn-dark-outline:where(:hover, :focus) {
    color: var(--blue);
    background: var(--white);
    border-color: var(--blue)
}

.btn.btn-link {
    padding: 0;
    color: var(--blue);
    border-radius: 0;
    border: none;
    background: 0 0
}

.btn.btn-link:where(:hover, :focus) {
    color: var(--blueHover)
}

.btn.btn-link-white {
    padding: 0;
    color: var(--white);
    border-radius: 0;
    border: none;
    background: 0 0
}

.btn.btn-link-white:where(:hover, :focus) {
    color: var(--blueHover)
}

.btn.btn-icon {
    width: 4.375rem;
    height: 4.375rem;
    padding: .5rem;
    font-size: 1.5rem;
    line-height: 1
}

.btn.btn-icon i {
    font-size: inherit
}

.btn.btn-icon.btn-md {
    width: 3.875rem;
    height: 3.875rem
}

.btn.btn-icon.btn-sm {
    width: 3.25rem;
    height: 3.25rem;
    font-size: 1.25rem
}

.btn.btn-icon.btn-xs {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1rem
}

.btn.btn-play {
    font-size: 1.5rem;
    border: none;
    border-radius: 50%
}

.btn.btn-tile {
    width: 100%;
    height: 100%;
    min-height: 13.25rem;
    padding: 2.375rem;
    font-size: var(--fontSizeH6);
    line-height: var(--lineheightH6);
    font-weight: var(--fontWeightLight);
    border-radius: var(--borderRadiusLarge);
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left
}

.btn.btn-tile [class*=icon-] {
    font-size: var(--text-24);
    align-self: flex-end
}

.bg-gray {
    background-color: var(--i2c-border-gray)
}

.bg-blue {
    color: var(--white);
    background-color: var(--blue)
}

.bg-blue-dark {
    color: var(--white);
    background-color: var(--blueHover)
}

.bg-blue *[tabindex]:not([a], [open]):where(:focus-visible),
.bg-blue-dark *[tabindex]:not([a], [open]):where(:focus-visible) {
    outline-color: var(--white)
}

.bg-blue-light {
    background-color: var(--light-blue)
}

.btn i.i2c--icon-outgoing {
    overflow: hidden
}

.btn i.i2c--icon-outgoing:before {
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    display: block
}

.btn:hover i.i2c--icon-outgoing:before {
    animation: arrowSlide .6s cubic-bezier(.68, -.55, .265, 1.55)
}

@keyframes arrowSlide {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-25px)
    }

    51% {
        transform: translateY(25px)
    }

    100% {
        transform: translateY(0)
    }
}

.row-revamp {
    display: flex;
    flex-wrap: wrap;
    gap: var(--defaultColumnGap)
}

.row-revamp>[class*=col] {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto
}

.row-revamp>.col-6 {
    width: calc(50% - (var(--defaultColumnGap)/2))
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.bg-layer {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 8, 35, .2);
    opacity: 0;
    visibility: hidden;
    transition: var(--transitionLinear);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 97
}

.bg-layer.active {
    display: block;
    opacity: 1;
    visibility: visible
}

.btn-wistia-popup-close {
    min-width: 122px;
    min-height: inherit;
    padding: 1rem 1.5rem;
    font-size: .875rem;
    line-height: 1.42857;
    border: none
}

.btn-wistia-popup-close:hover::before,
.btn-wistia-popup-close:focus::before {
    color: #fff !important
}

.btn-wistia-popup-close:hover,
.btn-wistia-popup-close:focus {
    background-color: var(--text-brand-primary)
}

.btn-wistia-popup-close:hover span,
.btn-wistia-popup-close:focus span {
    color: var(--blueHover) !important
}

.btn-wistia-popup-close::before {
    content: "\e903" !important;
    font: 1.2rem/1 i2c-font !important
}

#wrapper {
    width: 100%;
    min-height: 100dvh;
    position: relative;
    display: flex;
    flex-direction: column
}

#main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--sectionSpace)
}

.container-fluid {
    padding-inline: var(--containerFluidPadding)
}

.container-revamp {
    width: 100%;
    max-width: calc(var(--containerWidth) + (var(--containerFluidPadding) * 2));
    padding-inline: var(--containerFluidPadding);
    margin-inline: auto
}

.container-sm {
    width: 100%;
    max-width: calc(var(--containerSmallWidth) + (var(--gutterWidth) * 2));
    padding-inline: var(--gutterWidth);
    margin-inline: auto
}

#main>[class*=bg-]+[class*=bg-],
#main>[class*=bg-]+.cta-band {
    margin-top: calc(-1 * var(--sectionSpace))
}

.negative-section-margin-top {
    margin-top: calc(-1 * var(--sectionSpace))
}

.negative-section-margin-bottom {
    margin-bottom: calc(-1 * var(--sectionSpace))
}

.section--header,
.section-footer {
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem
}

.section--header.align-center,
.section-footer.align-center {
    align-items: center;
    text-align: center
}

.section--header:last-child,
.section-footer:last-child {
    margin-bottom: 0 !important
}

@media screen and (max-width:1600px) {
    :root {
        --containerWidth: 76.5rem;
        --containerSmallWidth: 75rem;
        --containerFluidPadding: var(--gutterWidth);
        --defaultColumnGap: 1.5rem;
        --sectionSpace: 7.5rem;
        --sectionInnerSpace: 7.5rem;
        --sectionInnerSpaceLarge: 7.5rem;
        --fontSizeExtraSmall: 0.875rem;
        --lineheightExtraSmall: 1.285714;
        --fontSizeSmall: 1rem;
        --lineheightSmall: 1.25;
        --fontSizeLarge: 1.25rem;
        --lineheightLarge: 1.2;
        --fontSizeExtraLarge: var(--fontSizeLarge);
        --lineheightExtraLarge: var(--lineheightLarge);
        --fontSizeDisplay1: 5.625rem;
        --fontSizeDisplay2: 5.375rem;
        --lineheightDisplay2: 1.0465116;
        --fontSizeH1: 4.25rem;
        --fontSizeH2: 3rem;
        --fontSizeH3: 2.5rem;
        --fontSizeH4: 2rem;
        --fontSizeH5: 1.75rem;
        --fontSizeH6: 1.5rem;
        --lineheightH1: 1.05882;
        --lineheightH2: 1.0833333;
        --lineheightH3: 1.1;
        --lineheightH4: 1.125;
        --lineheightH5: 1.142857;
        --lineheightH6: 1.166666;
        --letterSpacingTextExtraLarge: -0.6px;
        --letterSpacingH5: -1.2px;
        --letterSpacingH6: -0.7px;
        --btnPadding: 1.125rem 1.625rem
    }

    .section--header,
    .section-footer {
        gap: 2rem
    }

    .btn-md {
        padding: var(--btnPadding)
    }

    .btn.btn-icon {
        width: 3.875rem;
        height: 3.875rem
    }

    .btn.btn-tile {
        padding: 1.375rem;
        border-radius: var(--borderRadiusDefault)
    }
}

@media screen and (max-width:1199px) {
    :root {
        --containerWidth: 58rem;
        --containerSmallWidth: 36.25rem;
        --sectionSpace: 5rem;
        --sectionInnerSpace: 3.75rem;
        --sectionInnerSpaceLarge: 5rem;
        --borderRadiusLarge: 1rem;
        --fontSizeBase: 1rem;
        --lineheightBase: 1.25;
        --fontSizeExtraSmall: 0.75rem;
        --lineheightExtraSmall: 1.33333;
        --fontSizeSmall: 0.875rem;
        --lineheightSmall: 1.285714;
        --fontSizeLarge: 1.125rem;
        --lineheightLarge: 1.22222;
        --fontSizeExtraLarge: 1rem;
        --lineheightExtraLarge: 1.25;
        --fontSizeDisplay1: 3rem;
        --lineheightDisplay1: 1;
        --fontSizeDisplay2: var(--fontSizeDisplay1);
        --lineheightDisplay2: var(--lineheightDisplay1);
        --fontSizeH1: 2.5rem;
        --fontSizeH2: 2rem;
        --fontSizeH3: 1.75rem;
        --fontSizeH4: 1.5rem;
        --fontSizeH5: 1.5rem;
        --fontSizeH6: 1.375rem;
        --lineheightH1: 1.1;
        --lineheightH2: 1.0625;
        --lineheightH3: 1.142857;
        --lineheightH4: 1.166666;
        --lineheightH5: 1.166666;
        --lineheightH6: 1.181818;
        --letterSpacingDisplay1: -2px;
        --letterSpacingDisplay2: -2px;
        --letterSpacingH1: -2px;
        --letterSpacingH2: -1px;
        --letterSpacingH3: -1.2px;
        --letterSpacingH4: -1.4px;
        --letterSpacingH5: -1.4px;
        --letterSpacingH6: -0.5px;
        --btnPadding: 0.875rem 1.375rem
    }

    .btn.btn-icon {
        width: 3.25rem !important;
        height: 3.25rem !important;
        font-size: 1.25rem
    }

    .section--header,
    .section-footer {
        margin-bottom: 2.5rem;
        gap: 1.5rem
    }

    .btn-sm {
        padding: var(--btnPadding)
    }
}

@media screen and (max-width:991px) {
    .btn-group {
        gap: 1rem
    }

    .check-list li {
        padding: 1rem 1rem 1rem 3.5rem
    }

    .check-list li:before {
        font-size: 1.125rem;
        left: 19px
    }
}

@media screen and (max-width:767px) {
    :root {
        --defaultColumnGap: 1rem;
        --sectionInnerSpace: 2.5rem;
        --sectionInnerSpaceLarge: 4rem;
        --fontSizeBase: 0.875rem;
        --lineheightBase: 1.285714;
        --fontSizeExtraSmall: 0.75rem;
        --lineheightExtraSmall: 1.33333;
        --fontSizeSmall: 0.75rem;
        --lineheightSmall: 1.33333;
        --fontSizeLarge: 1rem;
        --lineheightLarge: 1.25;
        --fontSizeExtraLarge: var(--fontSizeLarge);
        --lineheightExtraLarge: var(--lineheightLarge);
        --fontSizeDisplay2: 2.75rem;
        --lineheightDisplay2: 0.90909;
        --fontSizeH1: 2rem;
        --fontSizeH2: 2rem;
        --fontSizeH3: 1.75rem;
        --fontSizeH4: 1.5rem;
        --fontSizeH5: 1.25rem;
        --fontSizeH6: 1.125rem;
        --lineheightH1: 1.125;
        --lineheightH2: 1.0625;
        --lineheightH3: 1.2142857;
        --lineheightH4: 1.166666;
        --lineheightH5: 1.2;
        --lineheightH6: 1.22222;
        --btnPadding: 0.875rem 1.375rem;
        --letterSpacingTextExtraSmall: -0.4px;
        --letterSpacingH1: -1px;
        --letterSpacingH5: -1.5px
    }

    .btn.btn-icon {
        width: 3.25rem;
        height: 3.25rem
    }

    .btn.btn-tile {
        min-height: 10.75rem
    }

    .btn.btn-tile br {
        display: none
    }

    .d-none-sm {
        display: none !important
    }

    .d-block-sm {
        display: block !important
    }

    .row-revamp {
        flex-direction: column
    }

    .row-revamp>.col-6 {
        width: 100%
    }

    .section--header,
    .section-footer {
        margin-bottom: 2rem;
        gap: 1rem
    }
}

.slick-dotted.slick-slider:last-child {
    margin-bottom: 0 !important
}

body .slick-dots {
    list-style: none;
    padding: 2.5rem 0 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: .5rem;
    position: relative;
    bottom: auto
}

body .slick-dots li {
    width: auto;
    height: auto;
    margin: 0
}

body .slick-dots li button {
    width: .625rem;
    height: .625rem;
    display: block;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border: none;
    border-radius: .5rem;
    background: var(--i2c-brand-100);
    transition: var(--transitionDefault);
    cursor: pointer
}

body .slick-dots li button:focus-visible {
    outline: 1px dotted var(--i2c-brand-secondary);
    outline-offset: 2px
}

body .slick-dots li button:hover,
body .slick-dots li.slick-active button {
    background: var(--i2c-brand-secondary)
}

body .slick-dots li.slick-active button {
    width: 1.875rem;
    height: .625rem
}

body .slick-dots li button:before {
    display: none
}

body .slick-prev:before,
body .slick-next:before,
body .slick-dots li button:before {
    content: none !important;
    font-family: inherit !important
}

body .bg-blue .slick-dots li button {
    background: var(--i2c-brand-300)
}

body .bg-blue .slick-dots li button:hover,
body .bg-blue .slick-dots li.slick-active button {
    background: var(--white)
}

@media(max-width:1919px) {
    body .slick-dots {
        gap: .375rem
    }

    body .slick-dots li button {
        width: .5rem;
        height: .5rem
    }

    body .slick-dots li.slick-active button {
        width: 1.25rem;
        height: .5rem
    }
}

@media screen and (max-width:767px) {
    body .slick-dots {
        justify-content: flex-start
    }
}

:root {
    --controller: 1;
    --wire-stroke: var(--i2c-brand-100);
    --wire-fill: var(--white);
    --transition-ease: cubic-bezier(0.77, 0, 0.175, 1)
}

html.loader-active {
    overflow: hidden
}

body.loading main {
    opacity: 0;
    transition: opacity .6s ease-in-out
}

#loader,
body.page-ready main {
    opacity: 1
}

.loader-hidden {
    display: none !important
}

#loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: var(--white);
    position: fixed;
    inset: 0;
    z-index: 9999;
    transform: scale(1);
    transition: opacity .8s var(--transition-ease), transform .9s var(--transition-ease), background-color .8s ease;
    will-change: opacity, transform, background-color;
    pointer-events: all
}

#loader output {
    visibility: hidden
}

#loader.fade-out {
    opacity: 0;
    transform: scale(1.1);
    pointer-events: none
}

.loader-bg-transparent {
    background-color: rgba(255, 255, 255, 0) !important
}

#logo-group path {
    opacity: 1;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.25, .46, .45, .94);
    will-change: opacity, transform
}

#center-triangle {
    transition: opacity .5s cubic-bezier(.4, 0, .2, 1)
}

#wires-group {
    opacity: 0;
    transition: opacity .6s cubic-bezier(.4, 0, .2, 1)
}

#wires-group path {
    fill: var(--wire-fill);
    stroke: var(--wire-stroke);
    transition: transform 1.2s var(--transition-ease), fill 1s ease, opacity .4s cubic-bezier(.4, 0, .2, 1);
    will-change: transform, opacity
}

#wires-group-left {
    transform: translate(calc(-100px * (1 - var(--controller))), calc(-50px * (1 - var(--controller))))scale3d(var(--controller), var(--controller), 1);
    transform-origin: bottom
}

#wires-group-right {
    transform: translate(calc(100px * (1 - var(--controller))), calc(-50px * (1 - var(--controller))))scale3d(var(--controller), var(--controller), 1);
    transform-origin: bottom;
    transition-delay: .1s
}

#wires-group-bottom {
    transform: translateY(calc(100px * (1 - var(--controller))))scale3d(var(--controller), var(--controller), 1);
    transform-origin: center top;
    transition-delay: .2s
}

.logo-hide {
    opacity: 0 !important
}

.center-visible,
.wires-show {
    opacity: 1 !important
}

html.loader-expand {
    --controller: 10;
    --wire-fill: var(--light-blue)
}

@media(prefers-reduced-motion:reduce) {

    #loader,
    #logo-group path,
    #wires-group,
    #wires-group path,
    body.loading main {
        transition: none !important;
        animation: none !important
    }
}

@media only screen and (max-width:1024px) {
    #loader {
        margin-left: -150px;
        margin-right: -150px
    }

    #loader svg {
        min-height: 100vh;
        width: 100%;
        background: var(--white)
    }

    .loader-bg-transparent svg {
        background: rgba(199, 226, 255, .3)
    }

    #loader output {
        display: none
    }
}

html {
    margin-top: 0 !important
}

.header-left {
    display: flex;
    align-items: center;
    gap: 32px
}

.header-left .logo-holder {
    max-width: 52px
}

.header-left .logo-holder a {
    display: block
}

.header-desktop .header-right button {
    border: none;
    background: 0 0;
    line-height: .2;
    padding: 0
}

.header-right .header-icon,
.header-right .header-icon {
    display: none
}

.wp-hamburger-menu-active.sticky-header #header {
    z-index: 1001
}

body.open-header-menu {
    overflow: hidden
}

#header .container-lg {
    position: relative
}

.wp-hamburger-menu-active #header {
    min-height: 96px;
    display: flex;
    align-items: center
}

#header {
    position: relative;
    z-index: 9999;
    top: 0;
    width: 100%;
    transition: var(--transitionLinear);
    z-index: 111;
    background: var(--white)
}

.mega-menu-open #header.sticky,
.open-search-dropdown #header.sticky {
    background: var(--white)
}

#header.sticky {
    position: sticky;
    background: 0 0
}

.open-header-menu #header.sticky {
    background: var(--white)
}

.header-holder {
    margin-inline: -1.5rem;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    background: var(--white);
    transition: var(--transitionLinear)
}

.header.sticky .header-holder {
    box-shadow: 0 5px 12px rgba(153, 198, 255, .2);
    border-radius: 0 0 var(--borderRadiusLarge)var(--borderRadiusLarge)
}

.open-header-menu .header.sticky .header-holder,
.mega-menu-open #header.sticky .header-holder,
.open-search-dropdown #header.sticky .header-holder {
    box-shadow: none;
    background: 0 0
}

.header-holder .menu-spacer {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.header .header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 100%;
    gap: 12px
}

.header-right a {
    display: flex
}

.header-right a span {
    display: block
}

.header-holder .header-right .icon-search {
    margin: 0 27px
}

.header-icon-holder {
    display: flex;
    align-items: center;
    gap: 22px;
    color: var(--text-fg-secondary)
}

.header-icon-holder-desktop {
    display: none
}

.header-icon {
    display: block
}

.header-icon,
.audio-icon,
.search-btn {
    font-size: 23px;
    cursor: pointer;
    color: var(--text-fg-secondary)
}

.audio-icon:is(:hover, :focus, .active),
.header-icon:is(:hover, :focus, .active),
.search-btn:is(:hover, :focus, .active) {
    color: var(--blue)
}

.hamburger-menu-btn {
    width: 26px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    order: 4;
    gap: 5px
}

.hamburger-menu-btn .i2c-hamburger {
    height: 2px;
    background: var(--text-fg-secondary);
    border-radius: 4px;
    transition: var(--transitionDefault)
}

.header-icon-holder .i2c--icon-sms {
    order: 3
}

.header-icon-holder .i2c--icon-user {
    order: 2
}

.header-icon-holder .i2c--icon-search-lg {
    order: 0
}

.hamburger-menu-btn .i2c-hamburger:first-child {
    width: 100%
}

.hamburger-menu-btn .i2c-hamburger:nth-child(2n) {
    width: 90%
}

.hamburger-menu-btn .i2c-hamburger:nth-child(3n) {
    width: 100%
}

.hamburger-menu-btn:is(:hover, :focus, .active) .i2c-hamburger {
    background: var(--i2c-brand-secondary)
}

.hamburger-menu-btn:is(:hover, :focus, .active) .i2c-hamburger:nth-child(2n) {
    background: var(--i2c-brand-100)
}

.top-menu {
    transition: linear all .2s
}

.top-menu.d-none-fade {
    opacity: 0;
    visibility: hidden
}

.header-menu {
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    list-style: none
}

.header-menu li {
    position: relative
}

.header-menu>li>a {
    display: inline-block;
    font-size: var(--text-16);
    line-height: 24px;
    color: var(--text-primary);
    position: relative;
    font-weight: var(--fontWeightMedium);
    transition: color .3s ease;
    pointer-events: none
}

.header-menu>li:is(:hover, :focus, .active)>a,
.header-menu>li.current-menu-item>a {
    color: var(--blue)
}

.header-menu-dropdown {
    padding: 38px 0 80px;
    position: fixed;
    top: 84px;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 300px;
    background: var(--white);
    z-index: 10;
    border-radius: 0 0 var(--i2c-border-radius-large)var(--i2c-border-radius-large);
    transition: none;
    visibility: hidden;
    opacity: 0
}

.header-menu-dropdown.active {
    visibility: visible;
    opacity: 1
}

.header-menu-dropdown-holder {
    position: relative;
    padding: 0
}

.header-menu-dropdown-holder.menu-spacer {
    padding-right: 0
}

.child-header-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.header-menu-dropdown-holder li:not(:last-child) {
    margin-bottom: 16px;
    position: relative
}

.header-menu-dropdown-holder li a {
    color: var(--text-primary);
    font-size: var(--text-20);
    line-height: 1.4;
    font-weight: var(--fontWeightMedium)
}

.header-menu-dropdown-holder li a:where([href=""], [href="#"]) {
    pointer-events: none;
    cursor: default
}

.header-menu-dropdown-holder .heading-6 a:where([href=""], [href="#"]) [class*=i2c--icon-] {
    display: none
}

.megamenu .title:is(:hover, :focus, .active),
.header-menu-dropdown-holder li a:is(:hover, :focus, .active) {
    color: var(--blue)
}

.header-menu-dropdown-holder .heading-6 {
    margin-bottom: 36px
}

.header-menu-dropdown-holder .heading-6 a {
    display: inline-flex;
    color: var(--i2c-black);
    align-items: center;
    gap: 10px
}

.header-menu-dropdown-holder .heading-6 a:is(:hover, :focus, .active) {
    color: var(--blue)
}

.header-menu-dropdown-holder .heading-6 span {
    display: block;
    position: relative;
    font-size: var(--text-20)
}

.menu-col-holder {
    display: flex;
    justify-content: space-between;
    gap: 66px;
    align-items: flex-start
}

.child-header-menu,
.menu-col {
    display: flex;
    gap: 66px
}

.menu-col.menu-col-2 {
    max-width: 40%
}

.menu-col-2 .child-header-menu {
    max-width: calc(50% - 2%)
}

.sub-child-header-menu {
    list-style: none;
    padding: 0;
    margin: 8px 0 0
}

.sub-child-header-menu li:not(:last-child) {
    margin-bottom: 10px;
    position: relative
}

.sub-child-header-menu li a {
    color: var(--text-primary);
    font-size: var(--text-16);
    line-height: 1.4;
    font-weight: 400
}

.sub-child-header-menu li.has-children>.sub-child-header-menu {
    margin: 10px 0 0
}

.sub-child-header-menu li.has-children>.sub-child-header-menu li a {
    font-size: var(--text-14);
    display: inline-flex;
    gap: 5px;
    align-items: center
}

.sub-child-header-menu li span {
    display: block;
    margin-top: 1px;
    position: relative
}

.menu-card {
    position: relative;
    max-width: 420px;
    border-radius: var(--i2c-border-radius-medium);
    padding: 1.25rem 1.5rem;
    background: var(--light-blue);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 66px
}

.menu-card.menu-card-box {
    padding: 1.25rem 1.5rem
}

.menu-card.menu-card-list {
    flex-direction: column;
    padding: 20px 24px
}

.menu-card.menu-card-list .menu-card-content {
    gap: 12px
}

.menu-card.menu-card-list .menu-card-media.card-media-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: 1;
    border-radius: var(--i2c-border-radius-small)
}

.menu-card.no-bg {
    background: 0 0
}

.menu-card.bordered {
    border: 1px solid var(--light-blue)
}

.menu-card-small {
    max-width: 320px;
    gap: 20px
}

.menu-card-small .menu-card-media {
    max-width: 120px
}

.menu-card-content {
    font-size: var(--text-14);
    line-height: 1.4;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 2
}

.menu-tile-link {
    display: flex;
    color: var(--text-primary)
}

.menu-card-content p {
    margin: 0;
    padding-right: 12px
}

.menu-card-media {
    width: 146px;
    border-radius: var(--i2c-border-radius-small);
    overflow: hidden;
    position: relative
}

.menu-card-media img {
    width: 100%;
    height: auto;
    display: block
}

.header-menu li .btn-play {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background: rgba(255, 255, 255, .24)
}

.header-menu li .btn-play i {
    color: var(--white)
}

#mega-menu-who-we-are .child-header-menu {
    display: grid;
    gap: 0 66px;
    align-items: start;
    grid-template-rows: 46px
}

#mega-menu-who-we-are .child-header-menu .has-children {
    grid-column: 1/-1
}

#mega-menu-who-we-are .child-header-menu .list-menu {
    grid-column: 2;
    align-self: start
}

#mega-menu-who-we-serve .child-header-menu {
    display: grid;
    gap: 0 66px;
    align-items: start;
    grid-template-rows: 46px
}

#mega-menu-who-we-serve .child-header-menu>.has-children {
    grid-column: 2;
    grid-row: 1
}

#mega-menu-who-we-serve .child-header-menu .menu-item:not(.has-children) {
    grid-column: 1
}

#mega-menu-how-were-different .child-header-menu {
    flex-direction: column;
    gap: 0
}

#mega-menu-what-we-do .child-header-menu {
    display: grid;
    gap: 0 66px;
    align-items: start;
    grid-template-rows: 146px
}

#mega-menu-what-we-do .child-header-menu .has-children {
    grid-row: 1
}

#mega-menu-what-we-do .child-header-menu .menu-item:not(.has-children) {
    grid-column: 1;
    align-self: start
}

@media screen and (max-width:1199px) {
    .top-menu {
        display: none
    }

    .header-left .logo-holder {
        max-width: 52px
    }
}

@media screen and (min-width:1200px) {
    .header-icon-holder-desktop {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-right: 0;
        color: var(--text-secondry)
    }

    .hamburger-menu-btn {
        order: 0;
        gap: 8px
    }

    .header-right .header-icon {
        display: none
    }
}

@media only screen and (min-width:992px) {
    .header-menu {
        list-style: none;
        gap: 20px
    }

    .hamburger-menu-btn .i2c-hamburger:first-child {
        width: 90%
    }

    .hamburger-menu-btn .i2c-hamburger:nth-child(2n) {
        width: 100%
    }

    .hamburger-menu-btn .i2c-hamburger:nth-child(3n) {
        display: none
    }
}

@media only screen and (min-width:1366px) {
    .header-menu-dropdown-holder {
        padding: 0 0 0 6.25rem
    }

    .header-menu-dropdown-holder.menu-spacer {
        padding-right: 110px
    }

    .header-menu {
        gap: 32px
    }

    .header-icon-holder {
        gap: 32px
    }
}

@media only screen and (min-width:1601px) {
    .header-left {
        gap: 6rem
    }

    .header-menu {
        gap: 42px
    }

    .header-menu-dropdown-holder {
        padding: 0 0 0 9.25rem
    }
}

body.mega-menu-open .megamenu-container {
    visibility: visible;
    opacity: 1
}

.megamenu-container {
    height: 100dvh;
    padding: 20px 0;
    transition: all .2s linear;
    overflow: hidden;
    background: var(--white);
    position: fixed;
    width: 100%;
    top: 84px;
    left: 0;
    z-index: 98;
    transform-origin: top center;
    opacity: 0;
    visibility: hidden
}

.megamenu-container [class*=container] {
    height: 100%
}

.mega-menu-holder .search-holder {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin: 0 0 2.3rem
}

.mega-menu-holder .search-holder .input-holder {
    position: relative;
    flex-grow: 1
}

.mega-menu-holder .search-holder .btn-mic {
    flex-shrink: 0;
    background: #fff;
    border: solid 1px #c7e2ff;
    border-radius: 8px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.mega-menu-holder .search-holder .btn-mic:after {
    content: '\e900';
    font-family: i2c-font;
    color: #1434cb;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: #c7e2ff;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    position: absolute;
    transition: all .25s ease;
    opacity: 0
}

.mega-menu-holder .search-holder .btn-mic.voice-recording-on:after {
    opacity: 1;
    background: 0 0;
    margin-top: -2px
}

.mega-menu-holder .search-holder .btn-mic:where(:hover, :focus-visible) {
    background: #f1f1f150
}

.mega-menu-holder .search-holder .search-field {
    height: 56px;
    border: solid 1px #c7e2ff;
    padding: 16px 48px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-primary);
    width: 100%;
    border-radius: 8px;
    background: #fff
}

.mega-menu-holder .search-holder .listening {
    display: none;
    height: 56px;
    border: solid 1px #c7e2ff;
    padding: 16px 16px 16px 20px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-primary);
    width: 100%;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    top: 0;
    gap: 20px;
    align-items: center
}

.mega-menu-holder .search-holder .lottie-img {
    height: 100%
}

.mega-menu-holder .search-holder .listening img {
    width: 100%
}

.mega-menu-holder .search-holder.vioce-error .listening-error,
.mega-menu-holder .search-holder.mic-enabled .listening:not(.listening-error) {
    display: flex;
    align-items: center;
    gap: 12px
}

.mega-menu-holder .search-holder .search-field:focus {
    outline: none;
    box-shadow: none
}

.mega-menu-holder .search-holder .search-icon {
    position: absolute;
    left: 24px;
    top: calc(50% + 2px);
    font-size: 1rem;
    color: #1434cb;
    transform: translateY(-50%)
}

.mega-menu-holder .search-holder .clear-search {
    font-size: 1rem;
    position: absolute;
    background: 0 0;
    border-width: 0;
    padding: 0;
    top: 20px;
    right: 24px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transitionDefault)
}

.mega-menu-holder .search-holder .clear-search [class*=i2c--icon-] {
    display: block
}

.mega-menu-holder .search-holder.vioce-error .clear-search,
.mega-menu-holder .search-holder .search-field:focus~.clear-search {
    visibility: visible;
    opacity: 1
}

.mega-menu-holder .search-holder .btn-mic.i2c--icon-microphone-2::before {
    font-size: 20px;
    line-height: 1.5;
    color: #1434cb
}

.mega-menu-holder .search-holder .btn-mic.i2c--icon-microphone-2.voice-recording-on::before {
    opacity: 0
}

.mega-menu-holder .search-holder.has-value .clear-search {
    opacity: 1;
    visibility: visible
}

.mega-menu-holder .search-holder .clear-search [class*=i2c--icon-]:is(:hover, :focus) {
    color: var(--blue)
}

.megamenu {
    position: relative;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.megamenu-scroll-holder {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.mega-menu-holder {
    display: flex;
    flex-direction: column;
    height: 100%
}

.megamenu .menus-group {
    font-size: 1.125rem;
    line-height: 1.44444;
    color: var(--text-primary);
    display: flex;
    gap: 5rem
}

.megamenu .menus-group .menu-slide .link-heading {
    color: var(--text-primary)
}

.megamenu .menus-group .menu-slide .link-heading:is(:hover, :focus-within) {
    color: var(--text-brand-primary) !important
}

.megamenu .mobile-menu-trigger {
    display: none
}

.megamenu .btn-back,
.megamenu-opener.btn-close {
    width: 32px;
    height: 32px;
    font-size: 1.25rem;
    line-height: 1;
    color: var(--text-primary);
    transform: scaleX(-1);
    background: 0 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.megamenu:not(.menu-open) .btn-back {
    display: none
}

.megamenu-opener.btn-close [class*=i2c--icon-],
.megamenu .btn-back [class*=i2c--icon-] {
    display: block
}

.megamenu .menu-col {
    min-width: 148px
}

.megamenu .title {
    display: block;
    margin: 0 0 27px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .3rem;
    color: var(--text-primary)
}

.megamenu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.megamenu .menu-list {
    font-weight: var(--fontWeightMedium);
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.megamenu .menu-list a {
    color: inherit;
    text-decoration: none
}

.megamenu .menu-list a:where(:hover, :focus) {
    color: #1434cb !important
}

.megamenu .dropdown {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative
}

.megamenu .dropdown .opener {
    position: absolute;
    pointer-events: none;
    display: none
}

.megamenu .dropdown .opener:after {
    width: 1rem;
    height: 1rem;
    padding: 2px;
    content: '\e901';
    font: .75rem/1 i2c-font;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%)rotate(90deg);
    transition: var(--transitionDefault);
    display: none
}

.megamenu .dropdown .opener[aria-expanded=true]:after {
    transform: translateY(-50%)rotate(-90deg)
}

.megamenu .dropdown-menu {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.megamenu .action-btns {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.megamenu .megamenu-logo {
    width: 52px
}

.megamenu.menu-open .megamenu-logo {
    display: none
}

.megamenu .megamenu-logo img {
    display: block;
    width: 100%;
    height: auto
}

.megamenu-opener.btn-close {
    display: none
}

.mega-menu-footer {
    border-top: 1px solid #e5f3ff;
    padding: 1rem 2rem;
    display: none
}

.mega-menu-footer a {
    font-size: .875rem;
    line-height: 1.42857;
    background: var(--blue);
    color: #fff;
    padding: 14px;
    width: 100%;
    max-width: 178px;
    border-radius: 8px;
    display: block;
    text-align: center
}

.mega-menu-footer a:is(:hover, :focus) {
    color: #fff !important;
    background: var(--blueHover)
}

.highlight-match {
    color: var(--blue);
    font-weight: 700
}

.highlight-rest {
    color: #868997
}

.voice-error-message {
    font-size: 1rem;
    line-height: 1.5
}

.error-text {
    color: #9e132e
}

.search-dropdown {
    position: fixed;
    top: 84px;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 300px;
    background: var(--white);
    border-radius: 0 0 var(--i2c-border-radius-large)var(--i2c-border-radius-large);
    padding: 2rem 0 5rem;
    visibility: hidden;
    opacity: 0
}

.search-dropdown.active {
    visibility: visible;
    opacity: 1
}

.search-dropdown .container-revamp {
    width: 100%
}

.keyword-list-holder {
    padding: 0 3rem
}

.keyword-list-holder .heading-6 {
    margin: 0 0 1rem
}

.keyword-list-holder .keyword-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--text-16);
    display: flex;
    gap: .5rem;
    flex-direction: column
}

.keyword-list-holder .keyword-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary)
}

.keyword-list-holder .keyword-list li a i {
    color: var(--blue)
}

.keyword-list-holder .keyword-list li a:is(:hover, :focus) i,
.keyword-list-holder .keyword-list li a:is(:hover, :focus) {
    color: var(--text-brand-primary)
}

@media screen and (min-width:1200px) {
    .megamenu .dropdown-menu {
        display: flex !important
    }

    .megamenu .megamenu-logo {
        display: none
    }
}

@media screen and (max-width:1199px) {
    #header .container-lg {
        padding: 0
    }

    #header {
        z-index: 98
    }

    .megamenu-container {
        padding: 0;
        z-index: 99;
        top: 0;
        left: 0
    }

    .megamenu-container [class*=container] {
        padding: 0
    }

    .megamenu {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1.75rem
    }

    .mega-menu-holder {
        padding: 0;
        background: #fff
    }

    .megamenu .mobile-menu-trigger {
        display: block
    }

    .menus-group .menu-col {
        width: 100%
    }

    .megamenu .menus-group {
        flex-direction: column;
        gap: 1rem;
        position: relative;
        flex-grow: 1;
        padding: 0 1.5rem
    }

    .menus-group .menu-col {
        width: auto
    }

    .megamenu .menu-slide {
        padding: 0 1.5rem;
        display: none
    }

    .megamenu .dropdown {
        gap: 0
    }

    .megamenu .dropdown>a:not([href=""], [href="#"]) {
        display: flex;
        align-items: center;
        gap: .25rem
    }

    .megamenu .dropdown>a:not([href=""], [href="#"]):after {
        content: "\e905";
        padding: 2px 0 0;
        font-size: 1rem;
        font-family: i2c-font !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1
    }

    .megamenu .dropdown .opener {
        pointer-events: auto;
        padding: 0;
        width: 24px;
        height: 24px;
        top: 1px;
        position: absolute;
        right: 0
    }

    .megamenu .dropdown .opener[aria-expanded=true] {
        color: var(--blue)
    }

    .megamenu .dropdown .opener:after {
        display: block
    }

    .megamenu .dropdown-menu {
        padding-left: .7rem;
        padding-top: 1rem;
        gap: .8rem;
        display: flex !important
    }

    .megamenu .dropdown:not(:first-child) {
        padding-top: 0
    }

    .megamenu .action-btns {
        padding: .875rem 1.5rem;
        flex-shrink: 0
    }

    .megamenu .menu-list {
        background: #fff;
        height: 100%;
        padding: 0
    }

    .megamenu:not(.menu-open) a[aria-expanded=false] .menu-slide {
        display: none
    }

    .megamenu .mobile-menu-trigger {
        font-size: 1.5rem;
        line-height: 1.4;
        font-weight: var(--fontWeightMedium);
        color: #363c51;
        text-decoration: none;
        margin: 0;
        transition: var(--transitionDefault)
    }

    .megamenu .mobile-menu-trigger:hover,
    .megamenu .mobile-menu-trigger:focus {
        color: var(--blue)
    }

    .megamenu .title {
        font-size: 1.5rem;
        margin: 0 0 14px;
        gap: .5rem
    }

    .megamenu .title .i2c--icon-outgoing {
        color: var(--blue)
    }

    .megamenu.menu-open .mobile-menu-trigger {
        opacity: 0;
        visibility: hidden
    }

    .megamenu .btn-back {
        margin-left: -10px
    }

    .megamenu-opener.btn-close {
        background: 0 0;
        border: none;
        font-size: 24px;
        line-height: 1.3;
        display: block;
        padding: 0
    }

    .search-dropdown {
        top: 3.75rem
    }

    .mega-menu-holder:not(.search-dropdown) .search-holder {
        display: none
    }

    .megamenu-scroll-holder {
        max-height: 100%
    }

    .mega-menu-footer {
        display: flex;
        align-items: center;
        justify-content: left;
        flex-shrink: 0
    }

    .mega-menu-footer .i2c--icon-arrow-down {
        position: relative;
        top: 1px
    }

    #header {
        padding: 0
    }

    .header-holder {
        min-height: 3.75rem;
        padding: .875rem 1.5rem
    }
    .lottie-footer-animation{
        display: none !important;
    }
}

@media screen and (max-width:991px) {
    .header.sticky .header-holder {
        border-radius: 0
    }

    .megamenu .action-btns {
        padding-inline: 1.5rem
    }

    .megamenu .menu-slide {
        padding: 0 1.5rem
    }

    .megamenu .menus-group {
        padding: 0 1.5rem
    }
}

@media screen and (max-width:767px) {
    .megamenu .action-btns {
        padding-block: 1px
    }

    .mega-menu-footer {
        padding-inline: 1.5rem
    }

    .megamenu {
        padding-top: .875rem
    }

    .mega-menu-footer {
        justify-content: center
    }

    .mega-menu-footer a {
        width: 100%;
        max-width: 100%
    }

    .bg-layer {
        z-index: 9
    }

    .keyword-list-holder {
        padding: 0
    }

    #header.sticky {
        background: var(--white)
    }

    .search-dropdown {
        height: 100%
    }
}

.menu-wrapper {
    width: 100%;
    max-width: 1460px;
    box-sizing: border-box;
    position: relative
}

.mega-menu {
    display: flex;
    align-items: center
}

.menu-container {
    display: flex;
    justify-content: space-between;
    max-width: 1460px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    gap: 17px;
    align-items: stretch;
    margin-bottom: 80px;
    position: relative;
    z-index: 2
}

.menu-column {
    flex: 1;
    box-sizing: border-box
}

.menu-column.combined {
    flex: 2;
    display: flex;
    gap: 32px
}

.menu-column h3 {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

.menu-column h3 a {
    font-size: 14px;
    font-weight: var(--fontWeightMedium);
    line-height: 20px;
    color: var(--text-secondary);
    white-space: nowrap
}

.menu-column h3 a:where(:hover, :focus),
.menu-column a:where(:hover, :focus) {
    color: var(--text-brand-secondary)
}

.menu-column h3 a:where([href=""], [href="#"]) [class*=i2c--icon-] {
    display: none
}

.menu-column ul {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    white-space: nowrap
}

.menu-column ul:last-of-type {
    margin-bottom: 0
}

.menu-column li.sub-menu-heading {
    margin-bottom: 8px
}

.menu-column li:not(.sub-menu--list, :last-child) {
    margin-bottom: 10px
}

.menu-column .sub-links li,
.menu-column .sub-menu li {
    margin-bottom: 8px
}

.menu-column a {
    text-decoration: none;
    color: var(--text-primary);
    font-size: 14px;
    line-height: 20px;
    display: block
}

.menu-column a:where(:hover, :focus) {
    color: var(--text-brand-secondary)
}

.sub-links {
    margin-top: 20px
}

.menu-column a.bold-link,
.menu-column .toggle-sub {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--fontWeightSemibold);
    color: #363c51
}

.container-fluid .footer-style {
    background-color: var(--i2c-brand-25)
}

.footer-section {
    display: block;
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background-size: auto 100%;
    background-position: 100%;
    background-color: var(--i2c-brand-25);
    z-index: 11
}

.footer-section>* {
    position: relative;
    z-index: 1
}

.subscribeiframe.iframe-form iframe {
    max-width: 630px;
    width: 100% !important;
    min-width: inherit !important;
    height: 63px
}

.subscription-wrapper {
    display: flex;
    justify-content: center
}

.subscription-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    gap: 32px;
    background: var(--white);
    border-radius: 16px
}

.subscription-sec1 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.logo-title {
    font-weight: var(--fontWeightSemibold);
    color: #000823;
    font-feature-settings: 'cv05' on;
    font-size: 32.894px;
    line-height: 41.118px;
    letter-spacing: -1.316px;
    white-space: nowrap
}

.logo-title span {
    color: var(--orange)
}

.meta {
    font-family: Arial, sans-serif;
    font-weight: var(--fontWeightNormal);
    font-size: 14px;
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 1rem
}

.meta span.dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #f97c00;
    display: inline-block
}

.subscription-sec2 {
    font-weight: var(--fontWeightNormal);
    color: var(--text-primary);
    max-width: 60%;
    font-size: var(--fontSizeExtraLarge);
    line-height: var(--lineheightExtraLarge);
    letter-spacing: var(--letterSpacingTextExtraLarge)
}

.subscription-sec3 button {
    white-space: nowrap
}

.subscription-sec3 input {
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: var(--i2c-brand-25);
    font-size: 14px;
    flex: 1;
    min-width: 160px;
    max-width: 250px
}

.footer-contain {
    margin-top: 58px
}

.footer_top_n {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer_btm_n {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    opacity: 1;
    margin: 0 auto;
    flex-direction: column;
    gap: 26px
}

.footer-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    flex-direction: column
}

ul.footer-bottom-links {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 24px;
    font-weight: var(--fontWeightNormal)
}

.footer-bottom-links li:not(:last-child) {
    padding-right: 26px;
    position: relative
}

.footer-bottom-links li:not(:last-child):after {
    content: '';
    width: 2.5px;
    height: 2.5px;
    background-color: var(--text-tertiary);
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.logo {
    display: block;
    object-fit: contain
}

.powered-text {
    font-family: inter display, sans-serif;
    font-weight: var(--fontWeightSemibold);
    font-style: normal;
    display: flex;
    flex-direction: column;
    line-height: 1.2
}

.powered-text span {
    font-size: 16px
}

.copyright {
    font-weight: var(--fontWeightNormal);
    color: var(--text-tertiary);
    margin-bottom: 0;
    font-size: var(--fontSizeSmall);
    line-height: var(--lineheightSmall);
    letter-spacing: var(--letterSpacingTextSmall)
}

.footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px
}

.follow-us {
    font-weight: var(--fontWeightSemibold);
    font-size: 18px;
    margin-bottom: 0;
    line-height: 26px;
    color: var(--i2c-black)
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 26px
}

.social-icons a svg {
    vertical-align: middle
}

ul.social-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 18px
}

ul.footer-bottom-links li a {
    color: var(--text-tertiary);
    font-size: 16px;
    line-height: 22px
}

ul.footer-bottom-links li a:where(:hover, :focus) {
    color: var(--text-brand-secondary)
}

.social-icons img {
    width: 18px;
    max-width: 18px;
    height: 18px;
    object-fit: contain;
    object-position: center
}

.social-icons a {
    font-size: 24px;
    line-height: 0;
    text-decoration: none;
    transition: color .25s ease
}

.social-icons a:not(:hover, :focus) {
    color: var(--i2c-black)
}

.social-icons a:where(:hover, :focus) .i2c--icon-youtube-icon .path1:before {
    color: inherit
}

.privacy-container {
    display: flex;
    gap: 8px;
    align-items: center
}

.powered-desktop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px
}

.logo-powered {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px
}

.powered-desktop .logo {
    width: 65px;
    height: auto
}

.powered-desktop .powered-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2
}

.menu-column-head {
    display: none;
	color: var(--i2c-black);
	font-size: 14px;
	line-height: 20px;
	padding: 8px 20px 8px 0;
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	text-align: left;
	width: 100%;
	font-family: var(--primaryFont);
    letter-spacing: var(--letterSpacingText);
}

.menu-column-head:after {
    position: absolute;
    content: "\e915";
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: var(--text-primary);
    font-family: i2c-font !important;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.menu-column-head:where(:hover, :focus):after {
    color: var(--text-brand-secondary)
}

.menu-column-head.active:after {
    content: "\e90e"
}

.menu-container>.menu-container {
    margin: 0
}

ul.social-links li a {
    position: relative
}

ul.social-links li a::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%)translateY(8px);
    background: #000;
    color: #fff;
    padding: 12px 8px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease;
    transition-delay: 0s;
    z-index: 10
}

ul.social-links li a::before {
    content: "";
    position: absolute;
    bottom: 128%;
    left: 50%;
    transform: translateX(-50%)translateY(8px);
    border-width: 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
    transition-delay: 0s
}

ul.social-links li a:hover::after,
ul.social-links li a:hover::before {
    opacity: 1;
    transition-delay: .1s
}

.lottie-footer-animation {
    width: 44rem;
    aspect-ratio: 1;
    position: absolute !important;
    left: 100%;
    bottom: 0;
    transform: translateX(-23%);
    z-index: 0 !important
}

@media(max-width:1732px) {
    .subscription-sec2 {
        padding-left: 40px
    }
}

@media(max-width:1600px) {
    .meta {
        gap: 10px;
        font-size: .75rem
    }

    .footer-section {
        padding: 80px 0;
        background-position: calc(100% + 300px)
    }

    .menu-wrapper {
        max-width: 1016px
    }

    .logo-title {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -1.116px
    }

    .subscription-sec2 {
        max-width: 48%;
        padding-left: 0
    }

    .lottie-footer-animation {
        transform: translateX(-10%)
    }

    ul.social-links li a::after {
        left: auto;
        right: -1rem;
        transform: none
    }
}

@media(max-width:1199px) {
    .footer-section {
        padding: 80px 0 40px;
        background-image: none
    }

    .menu-column.combined {
        flex: 1;
        gap: 24px;
        flex-direction: column
    }

    .menu-column.combined .menu-column {
        flex-grow: 0
    }

    .menu-container {
        gap: 40px;
        margin-bottom: 60px
    }

    .subscription-box {
        padding: 24px 18px;
        gap: 22px
    }

    .logo-title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -.957px
    }

    .meta {
        font-size: 10px;
        gap: 8px
    }

    .meta span.dot {
        width: 3px;
        height: 3px
    }

    .copyright,
    ul.footer-bottom-links li a {
        font-size: 12px;
        line-height: 22px
    }

    .footer-bottom-links li:not(:last-child) {
        padding-right: 14px
    }

    ul.footer-bottom-links {
        gap: 12px
    }

    .follow-us {
        font-size: 14px
    }

    .social-icons {
        gap: 16px
    }

    ul.social-links {
        gap: 12px
    }

    .footer {
        gap: 12px
    }

    .lottie-footer-animation {
        display: none
    }
}

@media(max-width:1023px) {
    .menu-column ul {
        white-space: normal
    }
}

@media(max-width:991px) {
    .footer-section {
        padding: 80px 0 40px
    }

    .logo-title {
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: -.64px
    }

    .subscription-box {
        padding: 24px;
        gap: 12px
    }

    .subscription-sec2 {
        max-width: 36.5%
    }

    .footer-contain {
        margin-top: 52px
    }

    .logo-powered svg {
        max-width: 213px
    }
}

@media screen and (max-width:767px) {
    .footer-section {
        padding: 24px 0
    }

    .menu-container {
        gap: 0;
        margin-bottom: 32px;
        flex-direction: column
    }

    .menu-column h3 {
        margin-bottom: 8px
    }

    .subscription-box {
        padding: 24px;
        gap: 24px;
        flex-direction: column;
        align-items: flex-start
    }

    .logo-title {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: -.64px
    }

    .meta {
        font-size: 14px;
        line-height: 20px
    }

    .subscription-sec2 {
        max-width: 100%
    }

    .meta span.dot {
        width: 4px;
        height: 4px
    }

    .subscribeiframe.iframe-form {
        width: 100%
    }

    .powered-desktop .powered-text {
        display: none
    }

    .logo-powered {
        width: 45px;
        overflow: hidden
    }

    .logo-powered img,
    .logo-powered svg {
        width: 148px;
        height: auto;
        min-width: 148px
    }

    .follow-us {
        display: none
    }

    ul.social-links {
        gap: 14px
    }

    .social-icons a {
        font-size: 16px
    }

    .footer {
        gap: 16px
    }

    .footer_btm_n {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px
    }

    .footer-contain {
        margin-top: 32px
    }

    .menu-column:not(.combined) {
        border-bottom: 1px solid var(--light-blue)
    }

    .menu-column li:not(.sub-menu--list, :last-child),
    .menu-column a,
    .menu-column h3 a,
    .toggle-sub,
    .menu-column a.bold-link,
    .menu-column .toggle-sub {
        font-size: 12px;
        font-weight: var(--fontWeightNormal);
        line-height: 18px;
        color: var(--text-secondary)
    }

    .menu-column a:where(:hover, :focus),
    .menu-column a.bold-link:where(:hover, :focus) {
        color: var(--text-brand-secondary)
    }

    li.sub-menu--list {
        padding-left: 12px
    }

    .menu-column ul {
        margin: 0 0 6px
    }

    .menu-column-head {
        display: block;
        cursor: pointer
    }

    .menu-column-body {
        display: none;
        padding: 8px 0 8px 12px
    }

    .menu-column.combined {
        gap: 0
    }

    .sub-menu--list {
        display: none
    }

    .sub-menu-heading {
        position: relative;
        padding-right: 20px;
        cursor: pointer
    }

    .sub-menu-heading::after {
        position: absolute;
        content: "\e914";
        width: 20px;
        height: 20px;
        font-size: 20px;
        color: var(--text-secondary);
        font-family: i2c-font !important;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: transform .3s ease
    }

    .sub-menu-heading:where(:hover, :focus):after {
        color: var(--text-brand-secondary)
    }

    .sub-menu-heading.active::after {
        transform: rotate(180deg)
    }

    .menu-column li .sub-menu li {
        margin-bottom: 4px
    }

    .menu-column li .sub-menu {
        margin-bottom: 0
    }

    .menu-column.combined .menu-column:last-of-type {
        border: none
    }

    .menu-column ul.sub-accordion {
        margin-bottom: 8px
    }
}

.hide-opacity-of-menu>a {
    opacity: 0 !important;
    pointer-events: none !important
}

.modal-i2c {
    width: 800px;
    max-width: 100%;
    text-align: left
}

.modal-i2c-content {
    padding: 72px 80px;
    border-radius: 24px;
    border: 1px solid #c7e2ff;
    background: #fff;
    position: relative
}

.modal-i2c-close {
    position: absolute;
    top: 40px;
    right: 40px;
    background: 0 0;
    border: none;
    font-size: 32px;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    background: 0 0;
    border: none
}

.modal-i2c-close:hover {
    color: var(--blue)
}

.modal-i2c-close:focus {
    outline: 1px dashed #000
}

.modal-i2c-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem
}

@media only screen and (max-width:1600px) {
    .modal-i2c-content {
        padding: 3rem
    }

    .modal-i2c-close {
        top: 10px;
        right: 10px
    }
}

@media only screen and (max-width:1199px) {
    .modal-i2c-content {
        padding: 2.5rem;
        border-radius: 1rem;
        position: static
    }

    .modal-i2c-close {
        font-size: 20px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .modal-i2c-content {
        padding: 1.5rem
    }
}

@media only screen and (min-width:1366px) and (max-width:1800px) {
    .header-menu-dropdown-holder.menu-spacer {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.orange-span::after {
    content: ".";
    color: var(--orange)
}

.pagination-navigation {
    padding-block: calc(var(--sectionInnerSpace)/1.2)0;
    display: flex;
    justify-content: space-between;
    max-width: 100%
}

.pagination {
    flex-direction: row;
    gap: .2rem;
    align-items: baseline;
    justify-content: center
}

.pagination .page-item .page-link {
    background: 0 0;
    font-size: var(--text-18);
    font-weight: var(--fontWeightNormal)
}

.pagination .page-item:is(:hover, :focus-within, .active) .page-link {
    background: var(--blue);
    color: var(--white)
}

.pagination-navigation .pagination-item {
    gap: 1rem;
    display: flex;
    align-items: center
}

.pagination-section .pagination-wrapper .pagination-item.disabled .btn {
    pointer-events: none
}

.pagination-navigation .pagination-item.prev .i2c--icon-arrow-right {
    transform: rotate(180deg)
}

.pagination-navigation .pagination-item .pagination-label {
    display: none
}

@media only screen and (min-width:768px) {
    .pagination-navigation .pagination-item .pagination-label {
        display: block
    }
}

@media only screen and (min-width:1366px) {
    .pagination-navigation {
        max-width: 60%;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {

    .pagination .page-item .page-link,
    .pagination-navigation .pagination-item .btn.btn-icon {
        width: 2rem !important;
        height: 2rem !important;
        font-size: .75rem
    }
}

@media screen and (min-width:1200px) {
    .megamenu .dropdown .opener {
        pointer-events: auto
    }

    #menu-mega-menu a[href=""] .i2c--icon-outgoing,
    .megamenu .menu-col a:not([href]) .i2c--icon-outgoing,
    .megamenu .menu-col a:where([href=""], [href="#"]) .i2c--icon-outgoing {
        display: none
    }

    #menu-mega-menu a[href=""],
    #menu-mega-menu a[href="#"],
    #menu-mega-menu a:not([href]),
    .header-menu a[href=""],
    .header-menu a[href="#"],
    .header-menu a:not([href]),
    .mega-menu a[href=""],
    .mega-menu a[href="#"],
    .mega-menu a:not([href]) {
        pointer-events: none;
        cursor: default
    }
}

.newsletter-dialog .fancybox-content {
    padding: 40px !important
}

.newsletter-dialog iframe {
    position: static !important
}

.header-menu-dropdown-holder [data-wistia-popup] {
    cursor: pointer
}

ul.social-links li a:hover,
ul.social-links li a:focus {
    color: var(--text-brand-secondary) !important
}

.desktop-hero {
    display: block
}

.mobile-hero {
    display: none
}

@media(max-width:768px) {
    .desktop-hero {
        display: none
    }

    .mobile-hero {
        display: block
    }

    .footer-section .toggle-sub[href="#"] {
        pointer-events: none
    }
}
#jobsListingContent{
    padding-top: 0 !important;
}
.footer-careers{
    padding-block: 40px;
}