/* "Set" pulls in styles from Settings > Tools: Content > Themes & Modules > Titania 2025 */

/* Containers */
 

/* Colors */





/* Typography */

















/* Buttons */









/* Forms */










/* Tables */








/* Website Header */











/* Website Footer */




/* Customer Portal */


/* Containers */
.content-wrapper {
max-width:calc(1300px + 2rem);
}
.dnd-section,
.content-wrapper--vertical-spacing {
padding:40px 1rem;
}
.dnd-section > .row-fluid {
max-width:calc(1300px + 2rem);
}
/* Typography */
html {
font-size:16px;
}
body {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
color:#323e48;
font-size:16px;
}
/* Paragraphs */
p {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}
/* Anchors */
a {
font-weight: normal; text-decoration: underline; font-family: Roboto, sans-serif; font-style: normal;
color:#000c33;
}
a:hover,
a:focus {
font-weight: normal; text-decoration: underline; font-family: Roboto, sans-serif; font-style: normal;
color:#000c33;
}
a:active {
font-weight: normal; text-decoration: underline; font-family: Roboto, sans-serif; font-style: normal;
color:#000c33;
}
/* Headings */
h1,
.h1 {
font-weight: 700; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
color:#323e48;
font-size:40px;
text-transform:none;
}
h2,
.h2 {
font-weight: 700; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
color:#323e48;
font-size:32px;
text-transform:none;
}
h3,
.h3 {
font-weight: 700; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
color:#323e48;
font-size:28px;
text-transform:none;
}
h4,
.h4 {
font-weight: normal; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
color:#323e48;
font-size:24px;
text-transform:none;
}
h5,
.h5 {
font-weight: normal; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
color:#000000;
font-size:20px;
text-transform:none;
}
h6,
.h6 {
font-weight: normal; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
color:#323e48;
font-size:16px;
text-transform:none;
}
@media (max-width:767px) {
h1,
.h1 {
font-size:32.0px;
}
h2,
.h2 {
font-size:28.8px;
}
h3,
.h3 {
font-size:26.599999999999998px;
}
}
/* Customer Portal Headings */
.customer-portal__body-container h1,
.customer-portal__body-container .h1 {
font-size:24.0px;
}
.customer-portal__body-container h2,
.customer-portal__body-container .h2 {
font-size:22.0px;
}
.customer-portal__body-container h3,
.customer-portal__body-container .h3 {
font-size:19.599999999999998px;
}
.customer-portal__body-container h4,
.customer-portal__body-container .h4 {
font-size:18.0px;
}
.customer-portal__body-container h5,
.customer-portal__body-container .h5 {
font-size:16.0px;
}
.customer-portal__body-container h6,
.customer-portal__body-container .h6 {
font-size:14.0px;
}
/* Code */
code {
background-color:#e6e7eb;
}
.box-shadow {box-shadow:-2px 4px 10px rgba(50,62,72,.25);}
/* Selection */
::selection {
background:rgba(0, 12, 51, 0.25); /* WebKit/Blink Browsers */
}
::-moz-selection {
background:rgba(0, 12, 51, 0.25); /* Gecko Browsers */
}
/* Buttons */
button,
.button {
border: 1px solid #4375cb;

padding-top: 0.25rem;
padding-right: 1.5rem;
padding-bottom: 0.25rem;
padding-left: 1.5rem;

font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
background-color:#4375CB;
border-radius:0px;
border-color:#4375CB;
color:#fff;
font-size:1rem;
text-transform:none;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
background-color:#3660AA;
border-color:#3660AA;
color:#fff;
}
button:active,
.button:active {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
background-color:#3660AA;
border-color:#3660AA;
color:#fff;
}
.button--arrow svg {
fill:#fff;
}
.button--arrow:hover svg,
.button--arrow:focus svg,
.button--arrow:active svg {
fill:#fff;
}
/* Button - Button on White */
.button--secondary-color {
background-color:#4375cb;
border-color:#4375cb;
color:#fff;
}
.button--secondary-color:hover,
.button--secondary-color:focus,
.button--secondary-color:active {
background-color:#3660AA;
border-color:#3660AA;
color:#fff;
}
.button--secondary-color.button--arrow svg {
fill: #fff;
}
.button--secondary-color.button--arrow:hover svg,
.button--secondary-color.button--arrow:focus svg,
.button--secondary-color.button--arrow:active svg {
fill:#fff;
}
/* Button - Button on Dark */
.button--tertiary-color {
background-color:#508EFD;
border-color:#508EFD;
color:#000c33;
}
.button--tertiary-color:hover,
.button--tertiary-color:focus,
.button--tertiary-color:active {
background-color:#4375CB;
border-color:#4375CB;
color:#fff;
}
.button--tertiary-color.button--arrow svg {
fill: #fff;
}
.button--tertiary-color.button--arrow:hover svg,
.button--tertiary-color.button--arrow:focus svg,
.button--tertiary-color.button--arrow:active svg {
fill:#fff;
}
/* Button - White Colour */
.button.button--white-color {
background-color:#fff;
border-color:#fff;
color:#000c33;
}
.button.button--white-color:hover,
.button.button--white-color:focus,
.button.button--white-color:active {
background-color:transparent;
border-color:#fff;
color:#fff;
}
.button.button--white-color.button--arrow svg {
fill:#000c33;
}
.button.button--white-color.button--arrow:hover svg,
.button.button--white-color.button--arrow:focus svg,
.button.button--white-color.button--arrow:active svg {
fill:#fff;
}
/* Button - Blue on Light Grey Colour */
.button.button--blugrey-color {
background-color:#4375CB;
border-color:#4375CB;
color:#fff;
}
.button.button--blugrey-color:hover,
.button.button--blugrey-color:focus,
.button.button--blugrey-color:active {
background-color:#3660AA;
border-color:#3660AA;
color:#fff;
}
.button.button--blugrey-color.button--arrow svg {
fill:#fff;
}
.button.button--blugrey-color.button--arrow:hover svg,
.button.button--blugrey-color.button--arrow:focus svg,
.button.button--blugrey-color.button--arrow:active svg {
fill:#fff;
}

/* Button - Violet */
.button.button--violet-color {
background-color:#BC2AEA;
border-color:#BC2AEA;
color:#fff;
}
.button.button--violet-color:hover,
.button.button--violet-color:focus,
.button.button--violet-color:active {
background-color:#ae28d7;
border-color:#ae28d7;
color:#fff;
}
.button.button--violet-color.button--arrow svg {
fill:#fff;
}
.button.button--violet-color.button--arrow:hover svg,
.button.button--violet-color.button--arrow:focus svg,
.button.button--violet-color.button--arrow:active svg {
fill:#fff;
}

/* Button - Outline */
.button--outline {
background-color:transparent;
border-color:#4375CB;
color:#4375CB;
}
.button--outline:hover,
.button--outline:focus,
.button--outline:active {
background-color:#3660AA;
border-color:#3660AA;
color:#fff;
}
.button--outline.button--arrow svg {
fill:#4375CB;
}
.button--outline.button--arrow:hover svg,
.button--outline.button--arrow:focus svg,
.button--outline.button--arrow:active svg {
fill:#fff;
}
/* Button - Secondary Outline */
.button--secondary-color.button--outline {
background-color:transparent;
border-color:#4375cb;
color:#4375cb;
}
.button--secondary-color.button--outline:hover,
.button--secondary-color.button--outline:focus,
.button--secondary-color.button--outline:active {
background-color:#4375cb;
border-color:#4375cb;
color:#fff;
}
.button--secondary-color.button--arrow.button--outline svg {
fill:#4375cb;
}
.button--secondary-color.button--arrow.button--outline:hover svg,
.button--secondary-color.button--arrow.button--outline:focus svg,
.button--secondary-color.button--arrow.button--outline:active svg {
fill:#fff;
}
/* Button - Tertiary Outline */
.button--tertiary-color.button--outline {
background-color:transparent;
border-color:#508EFD;
color:#508EFD;
}
.button--tertiary-color.button--outline:hover,
.button--tertiary-color.button--outline:focus,
.button--tertiary-color.button--outline:active {
background-color:#508EFD;
border-color:#508EFD;
color:#000c33;
}
.button--tertiary-color.button--arrow.button--outline svg {
fill:#508EFD;
}
.button--tertiary-color.button--arrow.button--outline:hover svg,
.button--tertiary-color.button--arrow.button--outline:focus svg,
.button--tertiary-color.button--arrow.button--outline:active svg {
fill:#fff;
}
/* Button - Blue on Light Grey Outline */
.button--blugrey-color.button--outline {
background-color:transparent;
border-color:#3660AA;
color:#3660AA;
}
.button--blugrey-color.button--outline:hover,
.button--blugrey-color.button--outline:focus,
.button--blugrey-color.button--outline:active {
background-color:#3660AA;
border-color:#3660AA;
color:#fff;
}
.button--blugrey-color.button--arrow.button--outline svg {
fill:#3660AA;
}
.button--blugrey-color.button--arrow.button--outline:hover svg,
.button--blugrey-color.button--arrow.button--outline:focus svg,
.button--blugrey-color.button--arrow.button--outline:active svg {
fill:#fff;
}
/* Button - Violet Outline */
.button--violet-color.button--outline {
background-color:transparent;
border-color:#bc2aea;
color:#bc2aea;
}
.button--violet-color.button--outline:hover,
.button--violet-color.button--outline:focus,
.button--violet-color.button--outline:active {
background-color:#bc2aea;
border-color:#bc2aea;
color:#fff;
}
.button--violet-color.button--arrow.button--outline svg {
fill:#bc2aea;
}
.button--violet-color.button--arrow.button--outline:hover svg,
.button--violet-color.button--arrow.button--outline:focus svg,
.button--violet-color.button--arrow.button--outline:active svg {
fill:#fff;
}
/* Button - White Outline */
.button--white-color.button--outline {
background-color:transparent;
border-color:#fff;
color:#fff;
}
.button--white-color.button--outline:hover,
.button--white-color.button--outline:focus,
.button--white-color.button--outline:active {
background-color:#fff;
border-color:#fff;
color:#000c33;
}
.button--white-color.button--arrow.button--outline svg {
fill:#fff;
}
.button--white-color.button--arrow.button--outline:hover svg,
.button--white-color.button--arrow.button--outline:focus svg,
.button--white-color.button--arrow.button--outline:active svg {
fill:#000c33;
}
/* Button - Text */
.button.button--text,
button.button--text {
color:#ffffff;
}
.button.button--text:hover,
.button.button--text:focus,
.button.button--text:active,
button.button--text:hover,
button.button--text:focus,
button.button--text:active {
color:#ffffff;
text-decoration:underline;
}
.button.button--text.button--arrow-text svg {
fill:#4375CB;
}
.button.button--text.button--arrow-text:hover svg,
.button.button--text.button--arrow-text:focus svg,
.button.button--text.button--arrow-text:active svg {
fill:#3660AA;
text-decoration:underline;
}
/* Button - Secondary Colour - Text */
.button--secondary-color.button--text {
color:#4375CB;
background-color:transparent;
}
.button--secondary-color.button--text:hover,
.button--secondary-color.button--text:focus,
.button--secondary-color.button--text:active {
color:#3660AA;
}
.button--secondary-color.button--text.button--arrow-text svg {
fill:#4375CB;
}
.button--secondary-color.button--text.button--arrow-text:hover svg,
.button--secondary-color.button--text.button--arrow-text:focus svg,
.button--secondary-color.button--text.button--arrow-text:active svg {
fill:#3660AA;
text-decoration:underline;
}
/* Button - Blue Grey Colour - Text */
.button--blugrey-color.button--text {
color:#3660AA;
background-color:transparent;
}
.button--blugrey-color.button--text:hover,
.button--blugrey-color.button--text:focus,
.button--blugrey-color.button--text:active {
color:#000c33;
}
.button--blugrey-color.button--text.button--arrow-text svg {
fill:#3660AA;
}
.button--blugrey-color.button--text.button--arrow-text:hover svg,
.button--blugrey-color.button--text.button--arrow-text:focus svg,
.button--blugrey-color.button--text.button--arrow-text:active svg {
fill:#000c33;
text-decoration:underline;
}
/* Button - Tertiary Text */
.button--tertiary-color.button--text {
color:#508EFD;
background-color:transparent;
}
.button--tertiary-color.button--text:hover,
.button--tertiary-color.button--text:focus,
.button--tertiary-color.button--text:active {
color:#3660AA;
}
.button--tertiary-color.button--text.button--arrow-text svg {
fill:#508EFD;
}
.button--tertiary-color.button--text.button--arrow-text:hover svg,
.button--tertiary-color.button--text.button--arrow-text:focus svg,
.button--tertiary-color.button--text.button--arrow-text:active svg {
fill:#3660AA;
text-decoration:underline;
}
/* Button - White Colour - Text */
.button--white-color.button--text {
color:#fff;
background-color:transparent;
}
.button--white-color.button--text:hover,
.button--white-color.button--text:focus,
.button--white-color.button--text:active {
color:#e6e7ea;
}
.button--white-color.button--text.button--arrow-text svg {
fill:#fff;
}
.button--white-color.button--text.button--arrow-text:hover svg,
.button--white-color.button--text.button--arrow-text:focus svg,
.button--white-color.button--text.button--arrow-text:active svg {
fill:#e6e7ea;
text-decoration:underline;
}
/* Forms */
form,
.form,
.submitted-message {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}
.form-title {
color:#4375cb;
}
form label,
form #hs_login_reset,
.form label,
.form #hs_login_reset {
color:#323e48;
}
/* Help text */
form legend,
.form legend {
color:#323e48;
}
/* Inputs */
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea,
.form input[type=text],
.form input[type=text]
.form input[type=email],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form input[type=file],
.form select,
.form textarea,
.hs-input {
border: 2px solid #D1D6DC;

background-color: 




rgba(255, 255, 255, 1.0)
;
color: #323e48;
border-radius: 0px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;

}
form input[type=text]:active,
form input[type=text]:focus,
form input[type=email]:active,
form input[type=email]:focus,
form input[type=password]:active,
form input[type=password]:focus,
form input[type=tel]:active,
form input[type=tel]:focus,
form input[type=number]:active,
form input[type=number]:focus,
form input[type=file]:active,
form input[type=file]:focus,
form select:active,
form select:focus,
form textarea:active,
form textarea:focus,
.form input[type=text]:active,
.form input[type=text]:focus,
.form input[type=email]:active,
.form input[type=email]:focus,
.form input[type=password]:active,
.form input[type=password]:focus,
.form input[type=tel]:active,
.form input[type=tel]:focus,
.form input[type=number]:active,
.form input[type=number]:focus,
.form input[type=file]:active,
.form input[type=file]:focus,
.form select:active,
.form select:focus,
.form textarea:active,
.form textarea:focus,
.hs-input:active,
.hs-input:focus {
background-color:




rgba(230, 231, 235, 1.0)
;
}
form textarea,
.form textarea {
min-height:10rem;
}
/* Form placeholder text */
::-webkit-input-placeholder {
color:#80878D;
}
::-moz-placeholder {
color:#80878D;
}
:-ms-input-placeholder {
color:#80878D;
}
::placeholder {
color:#80878D;
}
/* Inputs - Checkboxes / Radio Select */
li.hs-form-checkbox label span:not(.hs-form-required):before,
li.hs-form-booleancheckbox label span:not(.hs-form-required):before,
li.hs-form-radio label span:not(.hs-form-required):before {
border: 2px solid #D1D6DC;

background-color:




rgba(255, 255, 255, 1.0)
;
}
li.hs-form-radio label span:after {
background-color:#000c33;
}
li.hs-form-checkbox label span:not(.hs-form-required):after,
li.hs-form-booleancheckbox label span:not(.hs-form-required):after {
border-color:#000c33;
}
/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before {
color:#80878D;
}
.hs-fieldtype-date .input .hs-dateinput:before {
right:8px;
}
.fn-date-picker td.is-selected .pika-button {
background:#000c33;
}
.fn-date-picker td .pika-button:hover {
background-color:#000c33 !important;
}
.fn-date-picker td.is-today .pika-button {
color:#000c33;
}
/* Submit button */
form input[type=submit],
form .hs-button,
.form input[type=submit],
.form .hs-button {
border: 1px solid #4375cb;

padding-top: 0.25rem;
padding-right: 1.5rem;
padding-bottom: 0.25rem;
padding-left: 1.5rem;

font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
background-color:




rgba(67, 117, 203, 1.0)
;
border-radius:0px;
color:#FFFFFF;
font-size:1rem;
text-transform:none;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus,
.form input[type=submit]:hover,
.form input[type=submit]:focus,
.form .hs-button:hover,
.form .hs-button:focus {
background-color:rgba(27, 77, 163, 1.0);
border-color:#1b4da3;
}
form input[type=submit]:active,
form .hs-button:active,
.form input[type=submit]:active,
.form .hs-button:active {
background-color:rgba(107, 157, 243, 1.0);
border-color:#6b9df3;
}
/* Table */
table {
border: 1px solid #dee2e6;

background-color:




rgba(255, 255, 255, 1.0)
;
}
/* Table cells */
td,
th {
border: 1px solid #dee2e6;

padding: 18px;

color:#323e48;
}
/* Table header */
thead th {
background-color:




rgba(0, 12, 51, 1.0)
;
color:#FFFFFF;
}
/* Table footer */
tfoot td {
background-color:




rgba(255, 255, 255, 1.0)
;
color:#323e48;
}
/* Website header */
.header {
background-color:




rgba(255, 255, 255, 1.0)
;
border-bottom-color:#e6e7eb;
}
.header__top-wrapper {
background-color:




rgba(50, 62, 72, 1.0)
;
}
.header__top-navigation .hs-menu-wrapper ul li a,
.header__top-navigation .hs-menu-wrapper ul li:after {
color:#323e48;
}
.search-input__bar button svg {
fill:#323e48;
height:1.6rem !important;
width:1.6rem !important;
}
.header__top-navigation .hs-menu-wrapper ul li a:hover,
.header__top-navigation .hs-menu-wrapper ul li a:focus,
.header__top-navigation .hs-menu-wrapper ul li a:active {
color:#3660AA;
}
.search-input__bar button:hover svg,
.search-input__bar button:focus svg,
.search-input__bar button:active svg {
fill:#e6e7eb;
}
.menu__link,
.header__logo .logo-company-name {
color:#323E48;
font-family:Roboto;
}
.menu__link:hover,
.menu__link:focus,
.menu__link:active {
color:#3C4B57;
}
@media (min-width: 1200px) {
.menu .menu__submenu--level-2 {
border: 0px solid #323e48;

background-color:




rgba(50, 62, 72, 1.0)
;
}
.menu__sidebar-wrapper {
border-top:0px solid  #323e48;
border-right:0px solid  #323e48;
border-bottom:0px solid  #323e48;

}
.menu__submenu--level-2 > .menu__item > .menu__link {
border-bottom:1px solid #c1cbd4;
}
.header--2024 .menu__submenu--level-2 > .menu__item > .menu__link {
border-bottom:none;
}
.menu__sidebar-wrapper {
background-color:#D0D7DF;
}
.menu__submenu .menu__link {
color:#323E48;
}
.menu__submenu .menu__link[href="#"] {
color:#323E48;
}
.menu__submenu .menu__link[href="#"]:hover,
.menu__submenu .menu__link[href="#"]:focus,
.menu__submenu .menu__link[href="#"]:active {
color:#323E48;
}
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.menu__submenu .menu__link:active {
color:#465866;
}
.menu__link-description {
color: #bebfc3;
line-height:1.5 !Important;
}
}
@media(max-width: 1140px) {
.header__navigation {
background-color:




rgba(255, 255, 255, 1.0)
;
}
.menu__submenu .menu__item {
border-bottom:1px solid #e6e7eb;
}
}
/* Mobile Navigation */
.header__navigation-mobile .hs-menu-item {
border-bottom-color:#e6e7eb;
}
.header__navigation-mobile .hs-menu-item a {
color:#323e48;
}
.header__navigation-mobile .hs-menu-item a:hover,
.header__navigation-mobile .hs-menu-item a:focus,
.header__navigation-mobile .hs-menu-item a:active {
color:#000c33;
}
/* Website Footer */
.footer {
background-color: 




rgba(80, 88, 115, 1.0)
;
}
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img,
html.v2 .footer p,
html.v2 .footer h1,
html.v2 .footer h2,
html.v2 .footer h3,
html.v2 .footer h4,
html.v2 .footer h5,
html.v2 .footer h6,
html.v2 .footer label,
html.v2 .footer span,
html.v2 .footer li,
html.v2 .footer img {
color:#e6e7eb;
}
.footer a:not(.button) {
color:#e6e7eb;
}
.footer a:not(.button):hover,
.footer a:not(.button):focus,
.footer a:not(.button):active {
color:#ffffff;
}
/* Menu Columns */
.footer button.menu-accordion__question,
.footer button.menu-accordion__question:hover,
.footer button.menu-accordion__question:focus,
.footer button.menu-accordion__question:active {
color:#e6e7eb;
}
.footer .menu-accordion__item {
border-bottom-color:#6e6f73;
}
.footer .menu-accordion__question-icon svg {
fill:#e6e7eb;
}
/* Blog */
.blog-post,
.blog-header__inner,
.blog-related-posts {
padding:40px 0;
}
/* Blog post */
.blog-post__meta a {
color:#323e48;
}
.blog-post__tag-link {
color:#323e48;
}
.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
color:#0a1620;
}
.blog-post__tag-link:active {
color:#5a6670;
}
/* Blog related posts */
.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
font-weight: 700; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
text-transform:none;
}
.blog-related-posts__title-link {
color:#323e48;
}
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
color:#0a1620;
}
.blog-related-posts__title-link:active {
color: #5a6670;
}
/* Blog comments */
.blog-comments {
margin-bottom:40px;
}
#comments-listing .comment-reply-to {
color:#000c33;
}
#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color:#00000b;
}
#comments-listing .comment-reply-to:active {
color: #28345b;
}
/*** NEWS & EVENTS ***/
.news-and-media__post-author a,
.news-and-media__post-timestamp time {
color:#323e48;
}
h3.blog__related-posts-title,
h3.blog__related-posts-title a {
color:#323e48;
}
.news-and-media__share ul li p {
color:#000c33;
}
.news-and-media__post-body p:first-of-type {
color:#000c33;
}
.news-and-media__post-sidebar-cta {
background-color:#508EFD;
}
/*** EVENTS & WEBINARS ***/
.event__filters {
background-color:#e6e7eb;
}
.event-listings__title {
background-color:#000c33;
box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.event__share ul li p {
color:#000c33;
}
/* Customer Portal */
.customer-portal__sidebar {
background-color:




rgba(230, 231, 233, 1.0)
;
}
.customer-portal__main {
background-color:




rgba(245, 245, 246, 1.0)
;
}
/* Search */
.hs-search-results__title {
font-weight: 700; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
color:#323e48;
}
/* Login Page */
.login-page__links li a {
color:#323e48;
}
.login-page__button {
border-color:#e6e7eb;
background-color:#e6e7eb;
color:#000c33;
}
.login-page__button:hover,
.login-page__button:focus {
border-color:#000c33!important;
background-color:#fff!important;
}
#hs-membership-password-requirements .hs-error-msg {
color:#000c33;
}
/* Modules */
/* Awards */
.award {
border-color:#e6e7eb;
}
/* Awards Slider */
.award-slide {
border-color:#e6e7eb;
}
/* Blog Listing */
.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
font-weight: 700; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
text-transform:none;
}
.blog-index__post-title-link {
color:#323e48;
}
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
color:#0a1620;
}
.blog-index__post-title-link:active {
color:#5a6670;
}
.blog-index__post-tag,
.blog-index__post-author-name {
color:#323e48;
}
/* Blog Pagination */
.pagination__link-text,
.pagination__link--number {
color:#323e48;
}
.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
color:#0a1620;
}
.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
color:#5a6670;
}
.pagination__link-icon svg {
fill:#323e48;
}
/* Breadcrumb Menu */
a.hs-breadcrumb-label:hover,
a.hs-breadcrumb-label:focus,
a.hs-breadcrumb-label:active {
color:#000c33;
}
/* Cards */
.cards .card {
border-color:#508EFD;
}
/* Cards with Tabber */
.cards-tabber .card {
border-color:#508EFD;
}
/* Content and Image Row */
.two-col__content-wrapper {
background-color:#e6e7eb;
}
@media (min-width:768px) {
.two-col--row .two-col__content-wrapper {
padding-right: max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from right, uses content width */
}
.two-col--row-reverse .two-col__content-wrapper {
padding-left: max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from left, uses content width */
}
}
/* Customer Portal - Update Details */
#copyAddress {
color:#323e48;
}
.update-details__checkbox {
border-color:#e6e7eb;
}
/* Demo Form */
.demo-form__left-col-wrapper {
padding:40px 0;
}
.demo-form__right-col-wrapper {
padding:40px 1rem;
}
@media (min-width: 768px) {
.demo-form__title h2,
.demo-form__content {
padding-left:max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from left, uses content width */
}
.demo-form__right-col-wrapper {
padding-right:max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from right, uses content width */
}
}
/* Event Listing */
.event-listing {
border-bottom-color:#e6e7eb;
}
/* FAQs */
.faq__item {
border-bottom-color:#508EFD;
}
/* FAQs HubDB */
.faq__question {
color:#508EFD;
}
.faq__question:hover,
.faq__question:focus,
.faq__question:active {
color:#508EFD;
}
/* FAQs Search */
.faqs-search__dropdown li a {
border-bottom-color:#e6e7eb;
}
/* FAQs Tabber */
.faqs-tabber__tab:hover,
.faqs-tabber__tab:focus,
.faqs-tabber__tab:active {
color:#000c33;
}
.faqs-tabber__tab--mobile,
.faqs-tabber__tab--mobile:hover,
.faqs-tabber__tab--mobile:focus,
.faqs-tabber__tab--mobile:active {
border-bottom-color:#e6e7eb;
}
.faqs-tabber__tab:nth-child(even) {
background-color:#e6e7eb;
}
.faqs-tabber__tab[aria-expanded="true"],
.faqs-tabber__tab:nth-child(even)[aria-expanded="true"],
.faqs-tabber__tab:nth-child(odd)[aria-expanded="true"] {
background-color:#508EFD;
}
.faqs-tabber__icon {
fill:#323e48;
}
.faqs-tabber__tab:hover .faqs-tabber__icon,
.faqs-tabber__tab:focus .faqs-tabber__icon,
.faqs-tabber__tab:active .faqs-tabber__icon {
fill:#000c33;
}
.faqs-tabber__tabpanels {
background-color:#e6e7eb;
}
@media (min-width:768px) {
.faqs-tabber__tabpanels {
border-left-color:#508EFD;
}
}
/* Features Section */
.features-section__left-column {
background-color:#000c33;
padding:40px 1rem;
}
.features-section__right-column {
background-color:#323e48;
padding:40px 1rem;
}
@media (min-width:768px) {
.features-section__left-column {
padding-left:max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from left, uses content width */
}
.features-section__right-column {
padding-right:max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from right, uses content width */
}
}
/* Features Tabber */
.features-tabber__tab,
.features-tabber__tab:hover,
.features-tabber__tab:active,
.features-tabber__tab:focus {
border-color:#323e48;
background-color:#e6e7eb;
}
.features-tabber__tab[aria-expanded="true"] .features-tabber__tab-title {
color:#000c33;
}
.features-tabber__tabpanels {
border-color:#323e48;
}
.features-tabber__item-icon--has-border {
border-color:#e6e7eb;
}
/* Floating CTA Sidebar */
.floating-sidebar {
background-color:#e6e7eb;
}
.floating-sidebar__button {
background-color:#000c33;
}
.floating-sidebar__button:hover,
.floating-sidebar__button:focus,
.floating-sidebar__button:active {
background-color:#000c33;
}
/* Form Slider */
.form-slider .flickity-page-dots:after {
border-top-color:#323e48;
}
/* Headline with Icon */
.headline-with-icon__title--has-underline:after {
background-color:#323e48;
}
/* Horizontal Tabber */
.htabber--light .htabber__tab {
border-left-color:#b1cdfe;
}
.htabber--dark .htabber__tab {
border-left-color:#c9cbd4;
}
.htabber--violet .htabber__tab {
border-left-color:#e9bbff;
}
.htabber--light .htabber__tab:hover,
.htabber--dark .htabber__tab:hover,
.htabber--violet .htabber__tab:hover, {
background-color:#e6e7eb;
border-left-color:#323e48;
}
.htabber--light .htabber__tab[aria-selected=true] {
border-left-color:#508efd;
}
.htabber--dark .htabber__tab[aria-selected=true] {
border-left-color:#000c33;
}
.htabber--violet .htabber__tab[aria-selected=true] {
border-left-color:#bc2dff;
}
.htabber--light .htabber__title:after {
background-color:#323e48;
}
/* Icon Cards (Customer Portal) */
.icon-card:hover .icon-card__button,
.icon-card:focus .icon-card__button {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
background-color:




rgba(54, 96, 170, 1.0)
;
border-color:#3660AA;
color:#ffffff;
}
/* Icon Cards */
.basic-icon-card {
background-color:#e6e7eb;
}
/* Icons with Title */
.icon-with-title__title,
.icon-with-title__title a {
color:#323e48;
}
/* Latest Posts */
.latest-post {
border-color:#323e48;
}
.latest-post__new {
background-color:#4375cb;
}
.latest-post__image {
border-bottom-color:rgba(50, 62, 72, 0.5);
}
.latest-post__button {
color:#000c33;
}
.latest-post__hover-content {
background-color:rgba(0, 12, 51, 0.9);
}
/* Latest Resources */
.resource-card {
border-color:#323e48;
}
.resource-card__new {
background-color:#336c4e;
}
.resource-card__image {
border-bottom-color:rgba(50, 62, 72, 0.5);
}
.resource-card__button {
color:#000c33;
}
.resource-card__hover-content {
background-color:rgba(0, 12, 51, 0.9);
}
/* List of Links by Topic */
.link-list__topic {
border-bottom-color:#e6e7eb;
}

.link-list__list-of-links ul li {
border-bottom-color:#e6e7eb;
}

.link-list__list-of-links ul li a {
color:#323e48;
}
.link-list__list-of-links ul li a:hover,
.link-list__list-of-links ul li a:focus,
.link-list__list-of-links ul li a:active {
color:#000c33;
}
.link-list__link-arrow svg * {
fill:#000c33;
}
/* List of Links with Icons */
.link-list__link,
.link-list__link:hover,
.link-list__link:focus,
.link-list__link:active {
color:#323e48;
}
/* Logos */
.logo__button {
background-color:rgba(0, 12, 51, 0.75)
}
.logos {align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;max-width:calc(100% + 3rem);}
.logo__wrapper {padding:.5rem;}
.logo {align-items:center;display:flex;justify-content:center;padding:1rem;position:relative;}
.logo a {line-height:0;}
.logo__button {align-items:center;bottom:0;display:flex;flex-direction:row;height:2rem;justify-content:center;position:absolute;transition:all 0.3s;right:0;width:2rem;}
.logo__button:hover {width:100%;}
.logo__button-text {opacity:0;transition:all 0s;}
.logo__button:hover .logo__button-text {color:#fff;opacity:1;transition:all 0.3s;}
.logo__button--arrow {align-items:center;display:flex;height:2rem;justify-content:center;position:absolute;right:0;width:2rem;}
.logo__button--arrow svg {fill:#fff;}
@media (min-width:768px) {
.logos {margin-left:-1.5rem;margin-right:-1.5rem;}
}
/* Logos Slider */
.logo-slide {
border-color:#e6e7eb;
}
.logo-slide__button {
background-color:rgba(0, 12, 51, 0.75)
}
/* Media */
.media-item__wrapper {
border-bottom-color:#e6e7eb;
}
h3.media-item__title a {
color:#353E48;
}
h3.media-item__title a:hover  {
color:#3660AA;
}
/* Menu */
@media (max-width:1199px) {
.menu__item--depth-1 {
border-bottom:1px solid #e6e7eb;
}
}
/* Menu Columns */
/* Menu with Icons */
.menu-with-icons__link {
color:#323e48;
}
.menu-with-icons__link:hover {
color:#323e48;
}
.menu-with-icons__link:focus {
color:#323e48;
}
/* Multi-Step Form */
.form-slider {
background-color:#e6e7eb;
}
/* News and Media Listing */
.news-listing {
border-bottom-color:#e6e7eb;
}
.news-listing__month {
border-bottom-color:#323e48;
}
h3.news-listing__title,
h3.news-listing__title a {
color:#323e48;
}
.news-listing__complete-date {
color:#000c33;
}
.news-listing__share ul li p {
color:#000c33;
}
/* Partners */
.partners {
border-color:#e6e7eb;
}
.partner {
border-color:#e6e7eb;
}
.partner__description {
border-color:#e6e7eb;
}
/* Partner Locator */
.partner-list__partner {
border-color:#e6e7eb;
}
input#partner-locator__toggle-map:checked + .partner-locator__toggle-map--slider {
background-color:#4375cb;
}
input#partner-locator__toggle-map:not(:checked) + .partner-locator__toggle-map--slider {
background-color:#000c33;
}
/* Product Section */
.product-section__left-column {
padding:40px 1rem;
}
.product-section__right-column {
padding:40px 1rem;
}
.product-section__right-column .product-section__title:after {
background-color:#323e48;
}
@media (min-width:768px) {
.product-section__left-column {
padding-left:max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from left, uses content width */
}
.product-section__right-column {
padding-right:max(2rem, calc( (100vw - calc(1300px + 2rem)) / 2)); /* Calculate space from right, uses content width */
}
}
/* Resource */
.resource__frame {
border-color:#4375cb;
}
@media (min-width: 768px) {
.resource__frame:before {
border-color:#4375cb;
}
}
/* Resources [HubDB] */
@media (max-width: 767px) {
.resources-hubdb__title {
background-color:#e6e7eb;
}
}
/* Search Input */
.search-input.expanded .search-input__bar button svg {
fill:#3660AA;
}
.search-input__bar button:hover svg {
fill:#e6e7eb;
}
.search-input__suggestions a:hover,
.search-input__suggestions a:focus {
background-color:#e6e7eb;
}
/* Social Follow */
.social-links__icon svg {
fill:#e6e7eb;
}
/* Solutions CTA Section */
/* Slider Banner */
.slider-banner .flickity-button {
color:#000c33;
}
.slider-banner .flickity-page-dots .dot {
background:#e6e7eb;
}
/* Subnavigation */
.subnav__link:not(.is-active):hover,
.subnav__link:not(.is-active):focus,
.subnav__link:not(.is-active):active {
border-color:#bebfc3;
}
.subnav__link.is-active {
border-color:#508EFD;
}
/* Tabber */
.tabber__tab {
border-bottom-color:#e6e7eb;
}
.tabber__tab:hover,
.tabber__tab:focus,
.tabber__tab:active {
border-bottom-color:#bebfc3;
}
.tabber__tab[aria-expanded="true"] {
border-bottom-color:#000c33;
}
/* Team Members */
.team-member {
border-color:#e6e7eb;
}
/* Title Card */
.title-card__title:after {
background-color:#323e48;
}
/* Utilities */
@media (min-width:768px) {
.dnd-column--dividers > .row-fluid > .dnd-column {
border-right-color:#323e48;
}
}
/* Sticky Navigation */
.sticky-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
color:#e6e7eb;
}
/* Anchor Navigation with Sticky Header */
a[data-hs-anchor="true"] {
scroll-margin-top:calc(114.59px + 80px); /* Header height and vertical padding */
}
.has-sticky-nav a[data-hs-anchor="true"] {
scroll-margin-top:calc(114.59px + 56px + 80px); /* Header height, sticky nav and vertical padding */
}
@media (max-width:1199px) {
a[data-hs-anchor="true"] {
scroll-margin-top:calc(50.59px + 80px); /* Header height and vertical padding */
}
}
/* Internal Note */
.internal-note {
background-color:#e6e7eb;
border-left:4px solid#508EFD;
}
/* Jobs */
.job {
background-color:#e6e7eb;
}
.job-page__details {
background-color:#e6e7eb;
}
.job-page__details-item {
background-color:#000c33;
}
/* Tingle Modal Pop-Up */
.tingle-modal {
background:rgba(0, 12, 51, 0.5);
}
.tingle-modal-box__footer {
background-color:#e6e7eb;
}
/* Gartner Widget */
#gartner-pi-widget-MDM4YTg3ODctYTFlZC00Yzc5LWIzZGUtYjllOWFkNjU1ZGI1 {
border:none;
width:100%;
padding-bottom:40px;
padding-top:40px;
}
.gartner-pi-h1 {
font-size:36px !important;
font-weight:600 !important;
font-family:Roboto,sans-serif !important;
}
.gartner-pi-h2 {
font-size:18px !important;
padding-top:5px !important;
padding-bottom:15px !important;
font-family:Roboto,sans-serif !important;
opacity:1 !important;
}
.gartner-pi-overall-rating {
padding-bottom:20px !important;
}
.gartner-pi-card {
position:relative !important;
}
.gartner-pi-logo {
position:absolute !important;
}
.gartner-pi-as-of-date  {
transform:none !important;
padding-top:15px;
padding-bottom:5px;
font-size:12px !important;
font-family:Roboto,sans-serif !important;
}
.gartner-pi-reviews  {
height:180px !important;
}
/* Section Classes */
@media (min-width: 768px) {
  /* Centers content on the left of a full width section */
  .hero--full-width-left-centered > .row-fluid > .dnd-column:first-of-type {
    padding-left: max(1rem, calc((100vw - 1300px) / 2));
  }
  /* Centers content on the right of a full width section */
  .hero--full-width-right-centered > .row-fluid > .dnd-column:last-of-type {
    padding-right: max(1rem, calc((100vw - 1300px) / 2));
  }
  /* Moves right/left edge images to the end of the page (overriding section padding) */
  .hero--right-edge-image,
  .hero--left-edge-image {
    overflow: hidden;
  }
  .hero--right-edge-image > .row-fluid > .dnd-column:last-of-type img {
    transform: translateX(16px);
  }
  .hero--left-edge-image > .row-fluid > .dnd-column:first-of-type img {
    transform: translateX(-16px);
  }
}
/****** v2 STYLING ******/

/***** v2 COLORS *****/

:root {
  /* Colors: */
  ---19cad0: #19CAD0;
  ---4375cb: #4375CB;
  ---4375cd: #4375CD;
  ---bc2dff: #BC2DFF;
  ---fa8951: #FA8951;
  --blue: #508EFD;
  --blue-10: #31589C;
  --blue-12: #3660AA;
  --blue-21: #467CDD;
  --blue-35: #6A9FFD;
  --blue-70: #C7DBFE;
  --blue-80: #DBE8FF;
  --blue-90: #EEF4FF;
  --light-grey: #E6E7EB;
  --moss: #4FA87A;
  --moss-80: #D8ECE2;
  --moss-90: #ECF6F1;
  --navy: #000C33;
  --navy-12: #59617A;
  --navy-35: #9B9FAF;
  --navy-90: #F3F3F5;
  --oatmeal: #F3E7C0;
  --sage: #AAD5BF;
  --saffron: #FDC90E;
  --white: #ffffff;
}

/***** v2 TYPOGRAPHY *****/

html.v2 {
  font-size: 18px; /* Base Size - 1rem */
}

html.v2 body {
  color: var(--navy);
}

.eyebrow-text {
  color: var(---4375cb);
  font-size: 1.22222222222rem;
  font-weight: 700;
  margin-bottom: 0.55555555555rem;
}

.display-text,
.display-text p,
.display-text div {
  font-size: 1.22222222222rem;
}

html.v2 h1,
html.v2 .h1 {
  color: var(--navy);
}

html.v2 h2,
html.v2 .h2 {
  color: var(--navy);
}

html.v2 h3,
html.v2 .h3 {
  color: var(--navy);
}

html.v2 h4,
html.v2 .h4 {
  color: var(--navy);
  font-weight: bold;
}

@media (min-width: 768px) {
  html.v2 h1,
  html.v2 .h1 {
    font-size: 3.05555555556rem;
  }

  html.v2 h2,
  html.v2 .h2 {
    font-size: 2.77777777778rem;
  }

  html.v2 h3,
  html.v2 .h3 {
    font-size: 2.22222222222rem;
  }

  html.v2 h4,
  html.v2 .h4 {
    font-size: 1.22222222222rem;
  }  
}

/***** v2 BUTTONS *****/

/* Blue (v2) */
.button--blue-color {
  background-color: var(---4375cd);
  border-color: var(---4375cd);
  color: var(--white);
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 1.44444444444rem;
}

.button--blue-color:hover,
.button--blue-color:focus,
.button--blue-color:active {
  background-color: var(--blue-10);
  border-color: var(--blue-10);
  font-size: 1rem;
  font-weight: 700;
}

/* Navy (v2) */
.button--navy-color {
  background-color: var(--navy);
  border-color: var(--navy);
  color: var(--white);
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 1.44444444444rem;
}

.button--navy-color:hover,
.button--navy-color:focus,
.button--navy-color:active {
  background-color: var(--blue-10);
  border-color: var(--blue-10);
  font-size: 1rem;
  font-weight: 700;
}

/* Navy Text with Blue Arrow for Light Backgrounds (v2) */
.button--navy-text-blue-arrow-color {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  color: var(--navy);
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  padding: .25rem 0;
}

.button--navy-text-blue-arrow-color:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.2' height='30.2' viewBox='0 0 30.2 30.2'%3E%3Cg transform='translate(0)'%3E%3Cpath d='M95.1-859.615l6.8-6.795-2.152-2.114L95.1-863.881l-4.643-4.643-2.152,2.114Zm0,9.815a14.7,14.7,0,0,1-5.889-1.189,15.248,15.248,0,0,1-4.794-3.228,15.249,15.249,0,0,1-3.228-4.794A14.7,14.7,0,0,1,80-864.9a14.7,14.7,0,0,1,1.189-5.889,15.251,15.251,0,0,1,3.228-4.794,15.25,15.25,0,0,1,4.794-3.228A14.706,14.706,0,0,1,95.1-880a14.706,14.706,0,0,1,5.889,1.189,15.251,15.251,0,0,1,4.794,3.228,15.251,15.251,0,0,1,3.228,4.794A14.7,14.7,0,0,1,110.2-864.9a14.7,14.7,0,0,1-1.189,5.889,15.249,15.249,0,0,1-3.228,4.794,15.248,15.248,0,0,1-4.794,3.228A14.7,14.7,0,0,1,95.1-849.8Z' transform='translate(880 110.2) rotate(-90)' fill='%234375cd'/%3E%3C/g%3E%3C/svg%3E");
  margin-left: 0.5rem;
  height: 2rem;
  width: 2rem;
}

.button--navy-text-blue-arrow-color:hover,
.button--navy-text-blue-arrow-color:focus,
.button--navy-text-blue-arrow-color:active {
  background-color: transparent;
  border-color: transparent;
  color: var(---4375cb);
  font-size: 1rem;
  font-weight: 700;
  padding: .25rem 0;
}

.button--navy-text-blue-arrow-color:hover:after,
.button--navy-text-blue-arrow-color:focus:after,
.button--navy-text-blue-arrow-color:active:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.2' height='30.2' viewBox='0 0 30.2 30.2'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M95.1-859.615l6.8-6.795-2.152-2.114L95.1-863.881l-4.643-4.643-2.152,2.114Zm0,9.815a14.7,14.7,0,0,1-5.889-1.189,15.248,15.248,0,0,1-4.794-3.228,15.249,15.249,0,0,1-3.228-4.794A14.7,14.7,0,0,1,80-864.9a14.7,14.7,0,0,1,1.189-5.889,15.251,15.251,0,0,1,3.228-4.794,15.25,15.25,0,0,1,4.794-3.228A14.706,14.706,0,0,1,95.1-880a14.706,14.706,0,0,1,5.889,1.189,15.251,15.251,0,0,1,4.794,3.228,15.251,15.251,0,0,1,3.228,4.794A14.7,14.7,0,0,1,110.2-864.9a14.7,14.7,0,0,1-1.189,5.889,15.249,15.249,0,0,1-3.228,4.794,15.248,15.248,0,0,1-4.794,3.228A14.7,14.7,0,0,1,95.1-849.8Z' transform='translate(880 110.2) rotate(-90)' fill='%23000c33'/%3E%3C/g%3E%3C/svg%3E");
}

/* White Text with Blue Arrow for Dark Backgrounds (v2) */
.button--white-text-blue-arrow-color {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  color: var(--white);
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  padding: .25rem 0;
}

.button--white-text-blue-arrow-color:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.2' height='30.2' viewBox='0 0 30.2 30.2'%3E%3Cg transform='translate(0)'%3E%3Cpath d='M95.1-859.615l6.8-6.795-2.152-2.114L95.1-863.881l-4.643-4.643-2.152,2.114Zm0,9.815a14.7,14.7,0,0,1-5.889-1.189,15.248,15.248,0,0,1-4.794-3.228,15.249,15.249,0,0,1-3.228-4.794A14.7,14.7,0,0,1,80-864.9a14.7,14.7,0,0,1,1.189-5.889,15.251,15.251,0,0,1,3.228-4.794,15.25,15.25,0,0,1,4.794-3.228A14.706,14.706,0,0,1,95.1-880a14.706,14.706,0,0,1,5.889,1.189,15.251,15.251,0,0,1,4.794,3.228,15.251,15.251,0,0,1,3.228,4.794A14.7,14.7,0,0,1,110.2-864.9a14.7,14.7,0,0,1-1.189,5.889,15.249,15.249,0,0,1-3.228,4.794,15.248,15.248,0,0,1-4.794,3.228A14.7,14.7,0,0,1,95.1-849.8Z' transform='translate(880 110.2) rotate(-90)' fill='%234375cd'/%3E%3C/g%3E%3C/svg%3E");
  margin-left: 0.5rem;
  height: 2rem;
  width: 2rem;
}

.button--white-text-blue-arrow-color:hover,
.button--white-text-blue-arrow-color:focus,
.button--white-text-blue-arrow-color:active {
  background-color: transparent;
  border-color: transparent;
  color: var(--blue-70);
  font-size: 1rem;
  font-weight: 700;
  padding: .25rem 0;
}

.button--white-text-blue-arrow-color:hover:after,
.button--white-text-blue-arrow-color:focus:after,
.button--white-text-blue-arrow-color:active:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.2' height='30.2' viewBox='0 0 30.2 30.2'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M95.1-859.615l6.8-6.795-2.152-2.114L95.1-863.881l-4.643-4.643-2.152,2.114Zm0,9.815a14.7,14.7,0,0,1-5.889-1.189,15.248,15.248,0,0,1-4.794-3.228,15.249,15.249,0,0,1-3.228-4.794A14.7,14.7,0,0,1,80-864.9a14.7,14.7,0,0,1,1.189-5.889,15.251,15.251,0,0,1,3.228-4.794,15.25,15.25,0,0,1,4.794-3.228A14.706,14.706,0,0,1,95.1-880a14.706,14.706,0,0,1,5.889,1.189,15.251,15.251,0,0,1,4.794,3.228,15.251,15.251,0,0,1,3.228,4.794A14.7,14.7,0,0,1,110.2-864.9a14.7,14.7,0,0,1-1.189,5.889,15.249,15.249,0,0,1-3.228,4.794,15.248,15.248,0,0,1-4.794,3.228A14.7,14.7,0,0,1,95.1-849.8Z' transform='translate(880 110.2) rotate(-90)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}
/* --- Keep CTA banner fixed (your existing rule) --- */
.hs-cta--banner,
.hs-cta .hs-cta-wrapper,
.hs-banner-wrapper {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

/* --- Desktop offset: keep as-is (works for you) --- */
.header__top-wrapper { margin-top: 48px !important; }

/* --- Reset other wrappers: keep as-is --- */
.header,
.header--2024,
.header_main,
.header__bottom-wrapper { margin-top: 0 !important; }

/* --- Neutralise HubSpot's auto push: keep as-is --- */
body.hs-web-interactives-top-banner-open { padding-top: 0 !important; }
#hs-web-interactives-top-push-anchor { height: 0 !important; }

/* ============ MOBILE FIX ============ */

/* On mobile, push the FIRST visible header element under the banner.
   Many themes hide the grey bar on mobile, so we offset the main nav wrapper. */
@media (max-width: 768px) {
  /* 1) If the grey bar is hidden on mobile, don't apply the 48px desktop push */
  .header__top-wrapper { margin-top: 0 !important; }

  /* 2) Push the main nav wrapper down by the banner height.
        Start with 122px based on your earlier measurement (~120.7px).
        Adjust up/down by 8px if needed. */
  .header__bottom-wrapper {
    margin-top: 122px !important;
    position: relative; /* ensure the margin behaves predictably */
    z-index: 1;         /* keep it above page content but below the banner */
  }

  /* 3) If your theme sets the mobile nav as sticky with top:0, nudge it below the banner */
  .header__bottom-wrapper[style*="position: sticky"],
  .header__bottom-wrapper.sticky,
  .header__bottom-wrapper.is-sticky {
    top: auto !important; /* avoid sticky overlapping the fixed banner */
  }
}

/* Optional: ultra-small screens where the banner wraps to 3 lines */
@media (max-width: 390px) {
  .header__bottom-wrapper { margin-top: 136px !important; }
}
``