.cs-title-container{margin-bottom:50px}.cs-logo-wrapper{margin-bottom:32px}.cs-about-company-wrapper,.cs-body-wrapper,.cs-feature-wrapper,.cs-metrics-wrapper,.cs-testimonials-wrapper{margin-bottom:5rem}.case-studies-detail{background-color:var(--hsElevate--section--lightSection--1__backgroundColor);color:var(--hsElevate--section--lightSection--1__textColor);padding-top:80px}[data-module-hidden=true]{display:none}.cs-feature{overflow:hidden}.cs-feature-wrapper .cs-feature{background-color:var(--hsElevate--card--variant2__backgroundColor);border-color:var(--hsElevate--card--variant2__borderColor);border-radius:var(--hsElevate-rounded--extra-large);border-style:solid;border-width:var(--hsElevate--card--variant2__borderThickness)}.cs-feature .cs-feature__content-container{background-color:var(--hsElevate--card--variant2__backgroundColor)}.cs-feature .cs-feature__content-container,.cs-feature .hs-elevate-details__label{color:var(--hsElevate--card--variant2__textColor)}.cs-feature .cs-feature__link{color:var(--hsElevate--card--variant2--link__fontColor)}.cs-feature .cs-feature__link:hover{color:var(--hsElevate--card--variant2--link__hover--fontColor);opacity:.8}.cs-feature .cs-feature__link .cs-feature__chevron-path{fill:var(--hsElevate--card--variant2--link__fontColor)}.cs-feature .cs-feature__link:hover .cs-feature__chevron-path{fill:var(--hsElevate--card--variant2--link__hover--fontColor);opacity:.8}.cs-metrics-container .cs-metric__data{color:var(--hsElevate--section--lightSection--1__accentColor);font-size:56px;font-style:normal;font-weight:300;line-height:normal}.cs-testimonials .cs-testimonial__slide{background-color:var(--hsElevate--card--variant2__backgroundColor);border-color:var(--hsElevate--card--variant2__borderColor);border-radius:var(--hsElevate-rounded--large);border-style:solid;border-width:var(--hsElevate--card--variant2__borderThickness);color:var(--hsElevate--card--variant2__textColor)}.cs-testimonials .cs-testimonial__content-container{margin-inline:auto;max-width:952px}.cs-testimonials .cs-testimonial__testimonial{color:var(--hsElevate--card--variant2__textColor);font-size:2rem;font-weight:var(--hsElevate--h3__fontWeight);line-height:1.5}.cs-testimonials .cs-testimonial__quote-icon{display:none}.cs-testimonials .splide__pagination .splide__pagination__page.is-active{background-color:var(--hsElevate--card--variant2__iconColor);opacity:1}.cs-testimonials .cs-testimonial__arrow path,.cs-testimonials .cs-testimonial__quote-icon-path{fill:var(--hsElevate--card--variant2__iconColor)}@media (max-width:767.98px){.cs-testimonials .cs-testimonial__testimonial{font-size:1.125rem}.cs-testimonials .cs-testimonial__slide{padding-left:var(--hsElevate--spacing--48);padding-right:var(--hsElevate--spacing--48)}.cs-testimonials .splide__arrow--prev{left:.5em}.cs-testimonials .splide__arrow--next{right:.5em}}@media (max-width:392.98px){.cs-testimonials .cs-testimonial__testimonial{font-size:1rem}}.cs-about-company-wrapper .cs-about-company{gap:var(--hsElevate--spacing--64)}.cs-about-company-wrapper .cs-about-company__content-container{padding:var(--hsElevate--spacing--56) 0}.cs-about-company__content-container h2{font-size:var(--hsElevate--h3__fontSize);font-weight:var(--hsElevate--h3__fontWeight);line-height:var(--hsElevate--heading__lineHeight)}.cs-about-company-wrapper .cs-about-company__image-container{aspect-ratio:1.4;max-width:50%}.cs-about-company-wrapper .cs-about-company__image{border-radius:var(--hsElevate--card--variant1__borderRadius)}@media (max-width:767.98px){.cs-about-company-wrapper .cs-about-company{gap:30px}.cs-about-company-wrapper .cs-about-company__image-container{aspect-ratio:1.4;max-width:100%}.cs-about-company-wrapper .cs-about-company__content-container{padding:0}}.cs-body-container img{max-width:100%}.cs-cta-banner .cs-cta-banner__cta .hs-button{background-color:var(--hsElevate--button--primary__backgroundColor);border-color:var(--hsElevate--button--primary__borderColor);border-radius:var(--hsElevate--button--primary__borderRadius);border-style:solid;border-width:var(--hsElevate--button--primary__borderThickness);color:var(--hsElevate--button--primary__textColor);font-family:var(--hsElevate--button--primary__font);font-size:var(--hsElevate--button--primary__fontSize);font-weight:var(--hsElevate--button--primary__fontWeight);padding:var(--hsElevate--spacing--16) var(--hsElevate--spacing--24);text-decoration:none}.cs-cta-banner .cs-cta-banner__cta .hs-button:focus,.cs-cta-banner .cs-cta-banner__cta .hs-button:hover{background-color:var(--hsElevate--button--primary__hover--backgroundColor);border-color:var(--hsElevate--button--primary__hover--borderColor);border-width:var(--hsElevate--button--primary__hover--borderThickness);color:var(--hsElevate--button--primary__hover--textColor);text-decoration:none}.cs-cta-banner-wrapper .cs-cta-banner{background:none;padding-bottom:160px;padding-top:160px}#main-content .cs-background--off-white{background-color:var(--hsElevate--section--lightSection--2__backgroundColor);color:var(--hsElevate--section--lightSection--2__textColor)}.cs-related-articles-wrapper{padding-bottom:60px;padding-top:90px}.cs-listing .cs-listing__case-study,.cs-related .cs-related__case-study{background-color:var(--hsElevate--card--variant1__backgroundColor);border-color:var(--hsElevate--card--variant1__borderColor);border-radius:var(--hsElevate--card--variant1__borderRadius);border-style:solid;border-width:var(--hsElevate--card--variant1__borderThickness);color:var(--hsElevate--card--variant1__textColor);overflow:hidden;text-decoration:none}.cs-listing .cs-listing__case-study-link:is(:hover,:visited,:focus),.cs-listing .cs-listing__case-study:is(:hover,:focus,:visited),.cs-related .cs-related__case-study:is(:hover,:focus,:visited){text-decoration:none}.cs-listing .cs-listing__image-container,.cs-related .cs-related__image-container{max-height:230px;min-height:230px}.cs-listing .cs-listing__content-container,.cs-related .cs-related__content-container{background-color:var(--hsElevate--card--variant1__backgroundColor)}.cs-related .cs-related__case-study:is(:hover,:focus,:visited) h3{color:var(--hsElevate--card--variant1__textColor)}.cs-listing .cs-listing__industry,.cs-related .cs-related__case-study .cs-related__industry{background-color:var(--hsElevate--tag__backgroundColor);border-color:var(--hsElevate--tag__borderColor);border-radius:var(--hsElevate--tag__borderRadius);border-style:solid;border-width:var(--hsElevate--tag__borderThickness);color:var(--hsElevate--tag__textColor);font-family:var(--hsElevate--tag__font);font-size:var(--hsElevate--tag__fontSize);font-style:var(--hsElevate--tag__fontStyle);font-weight:var(--hsElevate--tag__fontWeight);padding:2px 8px;text-transform:var(--hsElevate--tag__case)}.cs-listing-wrapper{padding:80px 0}.cs-listing .cs-listing__case-study-name{color:var(--hsElevate--card--variant1__textColor)}.cs-listing .cs-listing__filter-container{margin-bottom:80px}.cs-listing .cs-listing__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--hsElevate--button--secondary__backgroundColor);border-color:var(--hsElevate--button--secondary__borderColor);border-radius:var(--hsElevate--button--secondary__borderRadius);border-style:solid;border-width:var(--hsElevate--button--secondary__borderThickness);color:var(--hsElevate--button--secondary__textColor);cursor:pointer;font-family:var(--hsElevate--button--secondary__font);font-size:var(--hsElevate--button--secondary__fontSize);font-weight:var(--hsElevate--button--secondary__fontWeight);text-decoration:none}.cs-listing .cs-listing__filter-container--inner .cs-chevron-down{pointer-events:none}.cs-listing .cs-listing__heading{margin-bottom:16px;text-align:center}.cs-listing__subheading{font-size:18px;text-align:center}.cs-listing .cs-listing__pagination-link,.cs-listing .hs-listing__pagination-link--chevron:first-of-type{margin-inline-end:25px}.cs-listing .cs-listing__pagination-link,.cs-listing .cs-listing__pagination-link:visited{align-items:center;color:var(--hsElevate--link--primary__fontColor);display:inline-flex;flex-wrap:nowrap;font-size:16px;justify-content:center;padding:0}.cs-listing .cs-listing__pagination-link:active,.cs-listing .cs-listing__pagination-link:focus,.cs-listing .cs-listing__pagination-link:hover{color:var(--hsElevate--link--primary__hover--fontColor);display:inline-flex;padding:0;text-decoration:none}.cs-listing .cs-listing__pagination-link.hs-active{border-color:var(--hsElevate--link--primary__fontColor);border-radius:100%;color:var(--hsElevate--link--primary__fontColor);height:50px;width:50px}.cs-listing :not(.hs-helper--disabled) .cs-chevron-down path{fill:var(--hsElevate--button--secondary__textColor)} .cs-logo-container{text-align:center}.cs-logo{height:auto} .cs-title-container{text-align:center}.cs-title-container h1{margin-bottom:0} .cs-feature{border:1px solid #d7d9e3;display:grid;gap:0;grid-template-columns:1fr 400px;margin:0;width:100%}@media (width <= 800px){.cs-feature{grid-template-columns:1fr}}.cs-feature__image-container{align-items:center;background-color:var(--hs--colorPalette--light,#f7f9fc);display:flex;flex-direction:row;justify-content:center;position:relative}.cs-feature__image{aspect-ratio:2/1;display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:100%}.cs-feature__content-container{background:var(--hs--colorPalette--bg-gray,#f7f9fc);padding:42px 32px 26px}.cs-feature__detail{margin-bottom:25px}.cs-feature__detail--label{color:var(--hs--colorPalette--gray-dark-accent,#647390);font-size:12px;font-style:normal;font-weight:800;letter-spacing:1.8px;line-height:normal;margin-bottom:10px;text-transform:uppercase}.cs-feature__detail--value{font-size:15px;font-style:normal;font-weight:500;line-height:22px;margin-bottom:0}.cs-feature__link-container{margin-top:45px}.cs-feature__link,.cs-feature__link:active,.cs-feature__link:focus,.cs-feature__link:hover{color:var(--hs--colorPalette--dark,#647390);font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.cs-feature__link .cs-feature__chevron{margin-left:5px;transition:transform .2s ease}.cs-feature__link:hover .cs-feature__chevron{transform:translateX(5px)}.cs-feature__link .cs-feature__chevron-path{fill:var(--hs--colorPalette--dark,#647390)} .cs-metrics-container{flex-direction:row;flex-wrap:wrap;width:100%}.cs-metric,.cs-metrics-container{align-items:center;display:flex;justify-content:center}.cs-metric{flex:0 0 25%;flex-direction:column;margin-bottom:16px;max-width:240px;padding:5px 30px;position:relative}.cs-metric__data{color:var(--hs--colorPalette--dark,#647390);font-size:50px}.cs-metric:not(:last-child):after{background-color:#d0d5de;content:"";height:95%;left:100%;position:absolute;width:2px}.cs-metric__label{font-size:16px;font-style:normal;font-weight:700;letter-spacing:.8px;line-height:normal;text-align:center;text-transform:uppercase}@media (width <= 1000px){.cs-metrics-container[data-metric-count="4"] .cs-metric{flex:1 0 35%;max-width:100%}.cs-metrics-container[data-metric-count="4"] .cs-metric:nth-child(2n):after{display:none}.cs-metrics-container[data-metric-count="4"] .cs-metric:nth-child(odd):not(:last-child):after{background-color:#d0d5de;content:"";height:95%;left:100%;position:absolute;width:2px}}@media (width <= 775px){.cs-metrics-container[data-metric-count="3"] .cs-metric{flex:1 0 35%;max-width:100%}.cs-metrics-container[data-metric-count="3"] .cs-metric:nth-child(2n):not(:last-child):after{display:none}}@media (width <= 600px){.cs-metrics-container[data-metric-count] .cs-metric{flex:0 0 100%;max-width:100%}.cs-metric:after{display:none}} .hs-helper__rotate-180{transform:rotate(180deg)}.cs-testimonials{width:100%}.cs-testimonial__slide{background-color:#fafafa;padding:60px 70px}.cs-testimonials .cs-testimonial__arrow{background:transparent;border:none;opacity:1}.cs-testimonials .cs-testimonial__arrow:hover{border:none}.cs-testimonials .cs-testimonial__arrow svg{height:30px;width:30px}.cs-testimonial__arrow path,.cs-testimonial__quote-icon-path{fill:var(--hs--colorPalette--dark,#647390)}.cs-testimonials .splide__pagination.splide__pagination--ltr{bottom:54px}.cs-testimonials .splide__pagination__page{background-color:#e1e1e1;border:none;border-radius:20px;height:4px;margin:0 6px;width:48px}.cs-testimonials .splide__pagination__page.is-active{background-color:var(--hs--colorPalette--dark,#647390);transform:none}.cs-testimonial__content-container{margin-top:24px}.cs-testimonial__testimonial{font-size:32px;font-weight:700;margin-bottom:24px}.cs-testimonial__author{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center;margin-bottom:24px}.cs-testimonial__author--image-container{aspect-ratio:1/1;border-radius:50%;flex:1 0 80px;max-width:80px;overflow:hidden;width:100%}.cs-testimonial__author--image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.cs-testimonial__author--name{font-size:20px;line-height:1;margin:0 0 8px;text-align:left}.cs-testimonial__author--details{font-size:16px;margin:0;text-align:left}@media (width <= 768px){.cs-testimonial__testimonial{font-size:28px;font-weight:700;margin-bottom:24px}.splide__arrow--prev{left:.5em}.splide__arrow--next{right:.5em}.cs-testimonial__slide{padding-left:50px;padding-right:50px}.cs-testimonial__author{flex-direction:column}.cs-testimonial__author--details,.cs-testimonial__author--name{text-align:center}} .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} .cs-about-company{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:flex-start}.cs-about-company__image-container{aspect-ratio:1/1;flex:1;max-width:250px;position:relative}.cs-about-company__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:100%}.cs-about-company__content-container{flex:1;padding:25px 0}@media (max-width:680px){.cs-about-company__image-container{aspect-ratio:auto;flex:1 0 100%;max-width:100%;position:relative;text-align:center;width:100%}.cs-about-company__content-container{flex:0 0 100%;padding:0}} /* ========================================================================== 1. GLOBAL VARIABLES & THEMING (:root) ========================================================================== */ :root { /* Layout & Grid Settings */ --hsElevate--column__gap: 2.13%; --hsElevate--column__widthMultiplier: 8.333; /* Section Widths & Paddings */ --hsElevate--contentWrapper--narrow__maxWidth: 768px; --hsElevate--contentWrapper--medium__maxWidth: 1120px; --hsElevate--contentWrapper--wide__maxWidth: 1296px; --hsElevate--section--extraSmall__verticalPadding: 48px; --hsElevate--section--small__verticalPadding: 64px; --hsElevate--section--medium__verticalPadding: 96px; --hsElevate--section--large__verticalPadding: 128px; --hsElevate--section--extraLarge__verticalPadding: 192px; --hsElevate--section--horizontalPadding: 32px; /* Spacing & Gap System */ --hsElevate--gap--extraSmall: 16px; --hsElevate--gap--small: 24px; --hsElevate--gap--medium: 32px; --hsElevate--gap--large: 64px; --hsElevate--gap--extraLarge: 96px; --hsElevate--spacing--4: 4px; --hsElevate--spacing--8: 8px; --hsElevate--spacing--12: 12px; --hsElevate--spacing--16: 16px; --hsElevate--spacing--20: 20px; --hsElevate--spacing--24: 24px; --hsElevate--spacing--32: 32px; --hsElevate--spacing--40: 40px; --hsElevate--spacing--48: 48px; --hsElevate--spacing--56: 56px; --hsElevate--spacing--64: 64px; --hsElevate--spacing--72: 72px; --hsElevate--spacing--80: 80px; --hsElevate--spacing--88: 88px; --hsElevate--spacing--96: 96px; --hsElevate--spacing--104: 104px; --hsElevate--spacing--112: 112px; --hsElevate--spacing--120: 120px; --hsElevate--spacing--128: 128px; --hsElevate--spacing--136: 136px; --hsElevate--spacing--144: 144px; --hsElevate--spacing--152: 152px; --hsElevate--spacing--160: 160px; --hsElevate--spacing--168: 168px; --hsElevate--spacing--176: 176px; --hsElevate--spacing--184: 184px; --hsElevate--spacing--192: 192px; /* Grid Defaults */ --default-section-padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); --default-section-margin: 0; --default-section-max-width: var(--hsElevate--contentWrapper--wide__maxWidth); --default-container-padding: 0; --default-container-margin: 0; --default-container-gap: var(--hsElevate--gap--medium); --default-container-row-gap: var(--hsElevate--gap--medium); --default-container-column-gap: var(--hsElevate--gap--medium); --default-table-padding: 0; --default-table-margin: 0; --default-table-row-gap: var(--hsElevate--gap--medium); --default-table-column-gap: var(--hsElevate--gap--medium); /* Typography Defaults */ --hsElevate--text--extraSmall__margin: 0 0.75rem; --hsElevate--text--small__margin: 0 1.25rem; --hsElevate--text__margin: 0 2rem; --hsElevate--text--large__margin: 0 2.5rem; --hsElevate--text--extraLarge__margin: 0 4rem; --hsElevate--baseText__fontSize: 16px; --hsElevate--body__font: Proxima Nova; --hsElevate--body--small__fontSize: 1.000125rem; --hsElevate--body__fontSize: 1.125rem; --hsElevate--body--large__fontSize: 1.499625rem; --hsElevate--body--extraLarge__fontSize: 1.999125rem; --hsElevate--body__fontWeight: ; --hsElevate--body__fontStyle: ; --hsElevate--body__lineHeight: 1.55; /* Global Link Colors */ --hsElevate--link--primary__fontColor: #00abcd; --hsElevate--link--primary__textDecoration: none; --hsElevate--link--primary__textDecorationColor: transparent; --hsElevate--link--primary__hover--fontColor: #00abcd; --hsElevate--link--primary__hover--textDecoration: underline; --hsElevate--link--primary__hover--textDecorationColor: #00abcd; --hsElevate--link--secondary__fontColor: #ffffff; --hsElevate--link--secondary__textDecoration: none; --hsElevate--link--secondary__textDecorationColor: transparent; --hsElevate--link--secondary__hover--fontColor: #ffffff; --hsElevate--link--secondary__hover--textDecoration: underline; --hsElevate--link--secondary__hover--textDecorationColor: #ffffff; /* Headings & Display Variables */ --hsElevate--heading__tablet-modifier: 0.8; --hsElevate--heading__lineHeight: 1.2; --hsElevate--display1__font: Proxima Nova; --hsElevate--display1__fontSize: 6.313rem; --hsElevate--display2__font: Proxima Nova; --hsElevate--display2__fontSize: 4.75rem; --hsElevate--h1__font: Proxima Nova; --hsElevate--h1__fontSize: 3.5625rem; --hsElevate--h1__fontWeight: 700; --hsElevate--h1__fontStyle: ; --hsElevate--h2__font: Proxima Nova; --hsElevate--h2__fontSize: 2.6875rem; --hsElevate--h2__fontWeight: 700; --hsElevate--h2__fontStyle: ; --hsElevate--h3__font: Proxima Nova; --hsElevate--h3__fontSize: 2.0rem; --hsElevate--h3__fontWeight: 700; --hsElevate--h3__fontStyle: ; --hsElevate--h4__font: Proxima Nova; --hsElevate--h4__fontSize: 1.5rem; --hsElevate--h4__fontWeight: 700; --hsElevate--h4__fontStyle: ; --hsElevate--h5__font: Proxima Nova; --hsElevate--h5__fontSize: 1.25rem; --hsElevate--h5__fontWeight: 700; --hsElevate--h5__fontStyle: ; --hsElevate--h6__font: Proxima Nova; --hsElevate--h6__fontSize: 1.0rem; --hsElevate--h6__fontWeight: 700; --hsElevate--h6__fontStyle: ; /* Quotes, Captions, Images */ --hsElevate--quotes__font: Proxima Nova; --hsElevate--quotes__fontColor: ; --hsElevate--quotes__fontSize: 1.125rem; --hsElevate--quotes__fontWeight: 700; --hsElevate--quotes__fontStyle: ; --hsElevate--captions__font: Proxima Nova; --hsElevate--captions__fontSize: 0.75rem; --hsElevate--captions__fontWeight: 700; --hsElevate--captions__fontStyle: ; --hsElevate--captions__case: uppercase; --hsElevate--rteImages__margin: 2rem; /* Base & Accent Palette */ --hsElevate--color--base--1: #FFFFFF; --hsElevate--color--base--2: #F7F9FC; --hsElevate--color--base--3: #003e78; --hsElevate--color--accent--1: #ffffff; --hsElevate--color--accent--2: #ffffff; --hsElevate--color--accent--3: #00abcd; /* Buttons */ --hsElevate--button--primary__buttonFill: filled; --hsElevate--button--primary__font: Proxima Nova; --hsElevate--button--primary__fontSize: 1.0rem; --hsElevate--button--primary__fontWeight: ; --hsElevate--button--primary__fontStyle: ; --hsElevate--button--primary__textColor: #F7F9FC; --hsElevate--button--primary__hover--textColor: #F7F9FC; --hsElevate--button--primary__borderRadius: 8px; --hsElevate--button--primary__backgroundColor: #00abcd; --hsElevate--button--primary__hover--backgroundColor: #003e78; --hsElevate--button--primary__active--backgroundColor: #00205a; --hsElevate--button--primary__borderThickness: 0px; --hsElevate--button--primary__hover--borderThickness: 0px; --hsElevate--button--primary__borderColor: transparent; --hsElevate--button--primary__hover--borderColor: transparent; --hsElevate--button--secondary__buttonFill: no_fill; --hsElevate--button--secondary__font: Proxima Nova; --hsElevate--button--secondary__fontSize: 1.0rem; --hsElevate--button--secondary__fontWeight: ; --hsElevate--button--secondary__fontStyle: ; --hsElevate--button--secondary__textColor: #00abcd; --hsElevate--button--secondary__hover--textColor: #003e78; --hsElevate--button--secondary__borderRadius: 8px; --hsElevate--button--secondary__backgroundColor: transparent; --hsElevate--button--secondary__hover--backgroundColor: transparent; --hsElevate--button--secondary__borderThickness: 2px; --hsElevate--button--secondary__hover--borderThickness: 2px; --hsElevate--button--secondary__borderColor: #00abcd; --hsElevate--button--secondary__hover--borderColor: #003e78; --hsElevate--button--tertiary__buttonFill: filled; --hsElevate--button--tertiary__font: Proxima Nova; --hsElevate--button--tertiary__fontSize: 1.0rem; --hsElevate--button--tertiary__fontWeight: ; --hsElevate--button--tertiary__fontStyle: ; --hsElevate--button--tertiary__textColor: #003e78; --hsElevate--button--tertiary__hover--textColor: #003e78; --hsElevate--button--tertiary__borderRadius: 50px; --hsElevate--button--tertiary__backgroundColor: #ffffff; --hsElevate--button--tertiary__hover--backgroundColor: #E9E5FF; --hsElevate--button--tertiary__borderThickness: 0px; --hsElevate--button--tertiary__hover--borderThickness: 0px; --hsElevate--button--tertiary__borderColor: transparent; --hsElevate--button--tertiary__hover--borderColor: transparent; --hsElevate--button--accent__buttonFill: no_fill; --hsElevate--button--accent__font: Proxima Nova; --hsElevate--button--accent__fontSize: 1.0rem; --hsElevate--button--accent__fontWeight: ; --hsElevate--button--accent__fontStyle: ; --hsElevate--button--accent__textColor: #ffffff; --hsElevate--button--accent__hover--textColor: #E9E5FF; --hsElevate--button--accent__borderRadius: 50px; --hsElevate--button--accent__backgroundColor: transparent; --hsElevate--button--accent__hover--backgroundColor: transparent; --hsElevate--button--accent__borderThickness: 2px; --hsElevate--button--accent__hover--borderThickness: 2px; --hsElevate--button--accent__borderColor: #ffffff; --hsElevate--button--accent__hover--borderColor: #E9E5FF; /* Form Fields & UI Variables */ --hsElevate--formField__backgroundColor: #F7F9FC; --hsElevate--formField__borderRadius: 50px; --hsElevate--formField__borderThickness: 1px; --hsElevate--formField__borderTop: 1px solid #D3DAE4; --hsElevate--formField__borderRight: 1px solid #D3DAE4; --hsElevate--formField__borderLeft: 1px solid #D3DAE4; --hsElevate--formField__borderBottom: 1px solid #D3DAE4; --hsElevate--formField__borderColor: #D3DAE4; --hsElevate--formFieldInput__textColor: #003e78; --hsElevate--formField__marginBottom: var(--hsElevate--spacing--32); --hsElevate--formFieldTextArea__borderRadius: calc(var(--hsElevate--formField__borderRadius) * 0.5); --hsElevate--formFieldCheckboxRadio__size: 24px; --hsElevate--formFieldCheckboxRadio__fillColor: #000000; --hsElevate--formFieldPlaceholder__textColor: #7d8ca5; --hsElevate--formRequired__color: #de2828; --hsElevate--formField__datepickerIcon: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3812_12272)'%3E%3Cpath d='M8.14286 2.07136C8.14286 1.35886 7.56964 0.785645 6.85714 0.785645C6.14464 0.785645 5.57143 1.35886 5.57143 2.07136V4.21422H3.42857C1.5375 4.21422 0 5.75172 0 7.64279V8.49993V11.0714V24.7856C0 26.6767 1.5375 28.2142 3.42857 28.2142H20.5714C22.4625 28.2142 24 26.6767 24 24.7856V11.0714V8.49993V7.64279C24 5.75172 22.4625 4.21422 20.5714 4.21422H18.4286V2.07136C18.4286 1.35886 17.8554 0.785645 17.1429 0.785645C16.4304 0.785645 15.8571 1.35886 15.8571 2.07136V4.21422H8.14286V2.07136ZM2.57143 11.0714H21.4286V24.7856C21.4286 25.2571 21.0429 25.6428 20.5714 25.6428H3.42857C2.95714 25.6428 2.57143 25.2571 2.57143 24.7856V11.0714Z' fill='%2309152B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3812_12272'%3E%3Crect width='24' height='27.4286' fill='white' transform='translate(0 0.785645)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); --hsElevate--formField__selectIcon: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A"); --hsElevate--formField__dragIcon: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='29.5206' y2='-1' transform='matrix(-0.666795 0.745241 -0.806754 -0.590888 19.6843 0)' stroke='%23303F59' stroke-width='2'/%3E%3Cpath d='M21.0005 9.99756L10.5005 21.9976' stroke='%23303F59' stroke-width='2'/%3E%3C/svg%3E%0A"); --hsElevate--formLabel__textColor: #003e78; --hsElevate--formLabel__font: Proxima Nova; --hsElevate--formLabel__fontSize: 1.125rem; --hsElevate--formLabel__fontWeight: ; --hsElevate--formLabel__marginBottom: var(--hsElevate--spacing--8); --hsElevate--formHelpText__textColor: #647390; --hsElevate--form__backgroundColor: #FFFFFF; --hsElevate--form__borderRadius: 24px; --hsElevate--form__borderThickness: 1px; --hsElevate--form__borderColor: #D3DAE4; --hsElevate--form__padding: var(--hsElevate--spacing--48); /* HubSpot Form Module Specific System Mapping */ --hsf-global__font-family: var(--hsElevate--formLabel__font); --hsf-global__font-size: var(--hsElevate--formLabel__fontSize); --hsf-global__color: var(--hsElevate--formLabel__textColor); --hsf-global-error__color: var(--hsElevate--formRequired__color); --hsf-background__background-color: var(--hsElevate--form__backgroundColor); --hsf-background__padding: var(--hsElevate--form__padding); --hsf-background__border-style: solid; --hsf-background__border-color: var(--hsElevate--form__borderColor); --hsf-background__border-radius: var(--hsElevate--form__borderRadius); --hsf-background__border-width: var(--hsElevate--form__borderThickness); --hsf-heading__font-family: var(--hsf-global__font-family); --hsf-heading__color: var(--hsf-global__color); --hsf-heading__text-shadow: none; --hsf-richtext__font-family: var(--hsf-global__font-family); --hsf-richtext__font-size: var(--hsf-global__font-size); --hsf-richtext__color: var(--hsf-global__color); --hsf-field-label__font-family: var(--hsf-global__font-family); --hsf-field-label__font-size: var(--hsf-global__font-size); --hsf-field-label__color: var(--hsf-global__color); --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color); --hsf-module__vertical-spacing: var(--hsElevate--formLabel__marginBottom); --hsf-field-description__font-family: var(--hsf-global__color); --hsf-field-description__color: var(--hsElevate--formHelpText__textColor); --hsf-erroralert__font-family: var(--hsElevate--formLabel__font); --hsf-erroralert__color: var(--hsf-global-error__color); --hsf-field-footer__font-family: var(--hsf-field-description__font-family); --hsf-field-footer__color: var(--hsf-field-description__color); --hsf-field-input__font-family: var(--hsf-global__font-family); --hsf-field-input__background-color: var(--hsElevate--formField__backgroundColor); --hsf-field-input__placeholder-color: var(--hsElevate--formFieldPlaceholder__textColor); --hsf-field-input__border-color: var(--hsElevate--formField__borderColor); --hsf-field-input__border-width: var(--hsElevate--formField__borderThickness); --hsf-field-input__border-style: solid; --hsf-field-input__border-radius: var(--hsElevate--formField__borderRadius); --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--32); --hsf-field-input__color: var(--hsElevate--formFieldInput__textColor); --hsf-row__vertical-spacing: var(--hsElevate--formField__marginBottom); --hsf-row__horizontal-spacing: var(--hsElevate--spacing--32); --hsf-field-textarea__font-family: var(--hsf-field-input__font-family); --hsf-field-textarea__color: var(--hsf-field-input__color); --hsf-field-textarea__background-color: var(--hsf-field-input__background-color); --hsf-field-textarea__border-color: var(--hsf-field-input__border-color); --hsf-field-textarea__border-style: var(--hsf-field-input__border-style); --hsf-field-textarea__border-radius: var(--hsElevate--formFieldTextArea__borderRadius); --hsf-field-textarea__padding: var(--hsf-field-input__padding); --hsf-field-checkbox__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); --hsf-field-checkbox__background-color: #fff; --hsf-field-checkbox__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); --hsf-field-checkbox__border-color: var(--hsf-field-input__border-color); --hsf-field-checkbox__border-width: 1px 1px 1px 1px; --hsf-field-checkbox__border-style: var(--hsf-field-input__border-style); --hsf-field-radio__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); --hsf-field-radio__background-color: #fff; --hsf-field-radio__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); --hsf-field-radio__border-color: var(--hsf-field-input__border-color); --hsf-field-radio__border-width: 1px 1px 1px 1px; --hsf-field-radio__border-style: var(--hsf-field-input__border-style); --hsf-button__width: 100%; --hsf-button__font-family: var(--hsElevate--button--primary__font); --hsf-button__font-size: var(--hsElevate--button--primary__fontSize); --hsf-button__font-weight: var(--hsElevate--button--primary__fontWeight); --hsf-button__color: var(--hsElevate--button--primary__textColor); --hsf-button__background-color: var(--hsElevate--button--primary__backgroundColor); --hsf-button__background-image: none; --hsf-button__border-radius: var(--hsElevate--button--primary__borderRadius); --hsf-button__border-width: var(--hsElevate--button--primary__borderThickness); --hsf-button__border-style: solid; --hsf-button__border-color: var(--hsElevate--button--primary__borderColor); --hsf-button__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--24); --hsf-button__box-shadow: none; --hsf-button--hover__color: var(--hsElevate--button--primary__hover--textColor); --hsf-button--hover__background-color: var(--hsElevate--button--primary__hover--backgroundColor); --hsf-button--hover__border-color: var(--hsElevate--button--primary__hover--borderColor); --hsf-button--focus__color: var(--hsElevate--button--primary__hover--textColor); --hsf-button--focus__background-color: var(--hsElevate--button--primary__hover--backgroundColor); --hsf-button--focus__border-color: var(--hsElevate--button--primary__hover--borderColor); /* Card Variants */ --hsElevate--card--variant1__borderRadius: 0; --hsElevate--card--variant1__iconBorderRadius: 0; --hsElevate--card--variant1__borderThickness: 1px; --hsElevate--card--variant1__backgroundColor: transparent; --hsElevate--card--variant1__borderColor: #D3DAE4; --hsElevate--card--variant1__textColor: #003e78; --hsElevate--card--variant1--link__fontColor: #00abcd; --hsElevate--card--variant1--link__textDecoration: none; --hsElevate--card--variant1--link__textDecorationColor: transparent; --hsElevate--card--variant1--link__hover--fontColor: #00abcd; --hsElevate--card--variant1--link__hover--textDecoration: underline; --hsElevate--card--variant1--link__hover--textDecorationColor: #00abcd; --hsElevate--card--variant1__iconColor: #00abcd; --hsElevate--card--variant1__iconBackgroundColor: #ffffff; --hsElevate--card--variant2__borderRadius: 0; --hsElevate--card--variant2__iconBorderRadius: 0; --hsElevate--card--variant2__borderThickness: 1px; --hsElevate--card--variant2__backgroundColor: #F7F9FC; --hsElevate--card--variant2__borderColor: #D3DAE4; --hsElevate--card--variant2__textColor: #003e78; --hsElevate--card--variant2--link__fontColor: #00abcd; --hsElevate--card--variant2--link__textDecoration: none; --hsElevate--card--variant2--link__textDecorationColor: transparent; --hsElevate--card--variant2--link__hover--fontColor: #00abcd; --hsElevate--card--variant2--link__hover--textDecoration: underline; --hsElevate--card--variant2--link__hover--textDecorationColor: #00abcd; --hsElevate--card--variant2__iconColor: #00abcd; --hsElevate--card--variant2__iconBackgroundColor: #D3DAE4; --hsElevate--card--variant3__borderRadius: 0; --hsElevate--card--variant3__iconBorderRadius: 0; --hsElevate--card--variant3__borderThickness: 1px; --hsElevate--card--variant3__backgroundColor: #003e78; --hsElevate--card--variant3__borderColor: #303F59; --hsElevate--card--variant3__textColor: #F7F9FC; --hsElevate--card--variant3--link__fontColor: #ffffff; --hsElevate--card--variant3--link__textDecoration: none; --hsElevate--card--variant3--link__textDecorationColor: transparent; --hsElevate--card--variant3--link__hover--fontColor: #ffffff; --hsElevate--card--variant3--link__hover--textDecoration: underline; --hsElevate--card--variant3--link__hover--textDecorationColor: #ffffff; --hsElevate--card--variant3__iconColor: #ffffff; --hsElevate--card--variant3__iconBackgroundColor: #303F59; --hsElevate--card--variant4__borderRadius: 0; --hsElevate--card--variant4__iconBorderRadius: 0; --hsElevate--card--variant4__borderThickness: 1px; --hsElevate--card--variant4__backgroundColor: #18233B; --hsElevate--card--variant4__borderColor: #303F59; --hsElevate--card--variant4__textColor: #F7F9FC; --hsElevate--card--variant4--link__fontColor: #ffffff; --hsElevate--card--variant4--link__textDecoration: none; --hsElevate--card--variant4--link__textDecorationColor: transparent; --hsElevate--card--variant4--link__hover--fontColor: #ffffff; --hsElevate--card--variant4--link__hover--textDecoration: underline; --hsElevate--card--variant4--link__hover--textDecorationColor: #ffffff; --hsElevate--card--variant4__iconColor: #ffffff; --hsElevate--card--variant4__iconBackgroundColor: #303F59; /* Section Color Themes */ --hsElevate--section--lightSection--1__backgroundColor: #FFFFFF; --hsElevate--section--lightSection--1__textColor: #003e78; --hsElevate--section--lightSection--1__accentColor: #00abcd; --hsElevate--section--lightSection--1__captionColor: #003e78; --hsElevate--section--lightSection--1--blockquote__textColor: #003e78; --hsElevate--section--lightSection--1--blockquote__backgroundColor: #F7F9FC; --hsElevate--section--lightSection--1--blockquote__accentColor: #00abcd; --hsElevate--section--lightSection--1--link__fontColor: #00abcd; --hsElevate--section--lightSection--1--link__textDecoration: none; --hsElevate--section--lightSection--1--link__textDecorationColor: transparent; --hsElevate--section--lightSection--1--link__hover--fontColor: #00abcd; --hsElevate--section--lightSection--1--link__hover--textDecoration: underline; --hsElevate--section--lightSection--1--link__hover--textDecorationColor: #00abcd; --hsElevate--section--lightSection--2__backgroundColor: #F7F9FC; --hsElevate--section--lightSection--2__textColor: #003e78; --hsElevate--section--lightSection--2__accentColor: #00abcd; --hsElevate--section--lightSection--2__captionColor: #647390; --hsElevate--section--lightSection--2--blockquote__textColor: #003e78; --hsElevate--section--lightSection--2--blockquote__backgroundColor: #F7F9FC; --hsElevate--section--lightSection--2--blockquote__accentColor: #00abcd; --hsElevate--section--lightSection--2--link__fontColor: #00abcd; --hsElevate--section--lightSection--2--link__textDecoration: none; --hsElevate--section--lightSection--2--link__textDecorationColor: transparent; --hsElevate--section--lightSection--2--link__hover--fontColor: #00abcd; --hsElevate--section--lightSection--2--link__hover--textDecoration: underline; --hsElevate--section--lightSection--2--link__hover--textDecorationColor: #00abcd; --hsElevate--section--lightSection--3__backgroundColor: #ffffff; --hsElevate--section--lightSection--3__textColor: #003e78; --hsElevate--section--lightSection--3__accentColor: #00abcd; --hsElevate--section--lightSection--3__captionColor: #4D6080; --hsElevate--section--lightSection--3--blockquote__textColor: #003e78; --hsElevate--section--lightSection--3--blockquote__backgroundColor: #ffffff; --hsElevate--section--lightSection--3--blockquote__accentColor: #00abcd; --hsElevate--section--lightSection--3--link__fontColor: #00abcd; --hsElevate--section--lightSection--3--link__textDecoration: none; --hsElevate--section--lightSection--3--link__textDecorationColor: transparent; --hsElevate--section--lightSection--3--link__hover--fontColor: #00abcd; --hsElevate--section--lightSection--3--link__hover--textDecoration: underline; --hsElevate--section--lightSection--3--link__hover--textDecorationColor: #00abcd; --hsElevate--section--darkSection--1__backgroundColor: #003e78; --hsElevate--section--darkSection--1__textColor: #F7F9FC; --hsElevate--section--darkSection--1__accentColor: #ffffff; --hsElevate--section--darkSection--1__captionColor: #7D8CA5; --hsElevate--section--darkSection--1--blockquote__textColor: #F7F9FC; --hsElevate--section--darkSection--1--blockquote__backgroundColor: #003e78; --hsElevate--section--darkSection--1--blockquote__accentColor: #ffffff; --hsElevate--section--darkSection--1--link__fontColor: #00abcd; --hsElevate--section--darkSection--1--link__textDecoration: none; --hsElevate--section--darkSection--1--link__textDecorationColor: transparent; --hsElevate--section--darkSection--1--link__hover--fontColor: #00abcd; --hsElevate--section--darkSection--1--link__hover--textDecoration: underline; --hsElevate--section--darkSection--1--link__hover--textDecorationColor: #00abcd; /* Tag Styling */ --hsElevate--tag__font: Proxima Nova; --hsElevate--tag__fontColor: ; --hsElevate--tag__fontSize: 0.875rem; --hsElevate--tag__fontWeight: ; --hsElevate--tag__fontStyle: ; --hsElevate--tag__textColor: #063E95; --hsElevate--tag__backgroundColor: #E5F0FF; --hsElevate--tag__borderRadius: 50px; --hsElevate--tag__borderThickness: 1px; --hsElevate--tag__borderColor: #E5F0FF; --hsElevate--tag__case: none; /* Shape & Utilities */ --hsElevate-sharp: 0; --hsElevate-rounded--extra-small: 4px; --hsElevate-rounded--small: 8px; --hsElevate-rounded: 16px; --hsElevate-rounded--large: 24px; --hsElevate-rounded--extra-large: 32px; --hsElevate-circle: 50%; /* Icons */ --hsElevate--icon--small__size: 16px; --hsElevate--icon--medium__size: 24px; --hsElevate--icon--large__size: 32px; } /* Base Form Responsiveness Root Override */ @media (max-width: 600px) { :root { --hsElevate--form__padding: var(--hsElevate--spacing--24); } .hsfc-PhoneInput__FlagAndCaret { --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--16); } } /* ========================================================================== 2. GENERIC RESETS & NORMALIZE ========================================================================== */ *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; overflow-x: hidden; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; } pre { font-family: monospace, monospace; font-size: 1em; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, select { text-transform: none; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { padding: 0; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } /* ========================================================================== 3. LAYOUT & GRID SYSTEM ========================================================================== */ .dnd-section { padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); } .dnd-section > .row-fluid, .hs-elevate-content-wrapper { margin: 0 auto; max-width: var(--hsElevate--contentWrapper--wide__maxWidth); } .hs-elevate-content-wrapper { padding: 0 var(--hsElevate--section--horizontalPadding); } .hs-elevate-content-wrapper--sm { max-width: var(--hsElevate--contentWrapper--narrow__maxWidth); padding: 0; } .hs-elevate-content-wrapper--md { max-width: var(--hsElevate--contentWrapper--medium__maxWidth); padding: 0; } /* Padding Utilities */ .hs-elevate-content-padding { padding-block: var(--hsElevate--section--medium__verticalPadding); } .hs-elevate-content-padding--extra-small { padding-block: var(--hsElevate--section--extraSmall__verticalPadding); } .hs-elevate-content-padding--small { padding-block: var(--hsElevate--section--small__verticalPadding); } .hs-elevate-content-padding--large { padding-block: var(--hsElevate--section--large__verticalPadding); } .hs-elevate-content-padding--extra-large { padding-block: var(--hsElevate--section--extraLarge__verticalPadding); } /* Grid Columns */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12 { min-height: 1px; width: 100%; } @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 1 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 11 / 100); } .row-fluid .span2 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 2 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 10 / 100); } .row-fluid .span3 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 3 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 9 / 100); } .row-fluid .span4 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 4 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 8 / 100); } .row-fluid .span5 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 5 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 7 / 100); } .row-fluid .span6 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 6 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 6 / 100); } .row-fluid .span7 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 7 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 5 / 100); } .row-fluid .span8 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 8 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 4 / 100); } .row-fluid .span9 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 9 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 3 / 100); } .row-fluid .span10 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 10 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 2 / 100); } .row-fluid .span11 { width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 11 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 1 / 100); } } /* ========================================================================== 4. TYPOGRAPHY & BASE ELEMENTS ========================================================================== */ html { font-size: var(--hsElevate--baseText__fontSize); } body { background-color: var(--hsElevate--section--lightSection--1__backgroundColor); color: var(--hsElevate--section--lightSection--1__textColor); font-family: var(--hsElevate--body__font); font-size: var(--hsElevate--body__fontSize); font-style: var(--hsElevate--body__fontStyle); font-weight: var(--hsElevate--body__fontWeight); line-height: var(--hsElevate--body__lineHeight); overflow-wrap: break-word; } html[lang^='ja'] body, html[lang^='zh'] body, html[lang^='ko'] body { line-break: strict; overflow-wrap: normal; word-break: break-all; } p { margin-block: var(--hsElevate--text__margin); } /* Links */ a:not(.button, .kl-navbar__button, .hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link), a.hs-elevate-link--primary, .hs-elevate-link--primary a { color: var(--hsElevate--link--primary__fontColor); cursor: pointer; -webkit-text-decoration: var(--hsElevate--link--primary__textDecoration); text-decoration: var(--hsElevate--link--primary__textDecoration); text-decoration-color: var(--hsElevate--link--primary__textDecorationColor); } a:not(.button, .kl-navbar__button, .hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, a:not(.button, .kl-navbar__button, .hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus, a.hs-elevate-link--primary:hover, .hs-elevate-link--primary a:hover, a.hs-elevate-link--primary:focus, .hs-elevate-link--primary a:focus { color: var(--hsElevate--link--primary__hover--fontColor); -webkit-text-decoration: var(--hsElevate--link--primary__hover--textDecoration); text-decoration: var(--hsElevate--link--primary__hover--textDecoration); text-decoration-color: var(--hsElevate--link--primary__hover--textDecorationColor); } a.hs-elevate-link--secondary, .hs-elevate-link--secondary a { color: var(--hsElevate--link--secondary__fontColor); cursor: pointer; -webkit-text-decoration: var(--hsElevate--link--secondary__textDecoration); text-decoration: var(--hsElevate--link--secondary__textDecoration); text-decoration-color: var(--hsElevate--link--secondary__textDecorationColor); } a.hs-elevate-link--secondary:hover, .hs-elevate-link--secondary a:hover, a.hs-elevate-link--secondary:focus, .hs-elevate-link--secondary a:focus { color: var(--hsElevate--link--secondary__hover--fontColor); -webkit-text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); text-decoration-color: var(--hsElevate--link--secondary__hover--textDecorationColor); } /* Headings */ h1, h2, h3, h4, h5, h6, .hs-elevate-display-1, .hs-elevate-display-2 { line-height: var(--hsElevate--heading__lineHeight); margin-block: var(--hsElevate--text__margin); } .hs-elevate-display-1 { font-family: var(--hsElevate--display1__font); font-size: calc(var(--hsElevate--display1__fontSize) * var(--hsElevate--heading__tablet-modifier)); font-style: normal; font-weight: 400; } .hs-elevate-display-2 { font-family: var(--hsElevate--display2__font); font-size: calc(var(--hsElevate--display2__fontSize) * var(--hsElevate--heading__tablet-modifier)); font-style: normal; font-weight: 400; } h1, .hs-elevate-h1 { font-family: var(--hsElevate--h1__font); font-size: calc(var(--hsElevate--h1__fontSize) * var(--hsElevate--heading__tablet-modifier)) !important; font-style: var(--hsElevate--h1__fontStyle); font-weight: var(--hsElevate--h1__fontWeight); } h2, .hs-elevate-h2 { font-family: var(--hsElevate--h2__font); font-size: calc(var(--hsElevate--h2__fontSize) * var(--hsElevate--heading__tablet-modifier)); font-style: var(--hsElevate--h2__fontStyle); font-weight: var(--hsElevate--h2__fontWeight); } h3, .hs-elevate-h3 { font-family: var(--hsElevate--h3__font); font-size: calc(var(--hsElevate--h3__fontSize) * var(--hsElevate--heading__tablet-modifier)); font-style: var(--hsElevate--h3__fontStyle); font-weight: var(--hsElevate--h3__fontWeight); } h4, .hs-elevate-h4 { font-family: var(--hsElevate--h4__font); font-size: calc(var(--hsElevate--h4__fontSize) * var(--hsElevate--heading__tablet-modifier)); font-style: var(--hsElevate--h4__fontStyle); font-weight: var(--hsElevate--h4__fontWeight); } h5, .hs-elevate-h5 { font-family: var(--hsElevate--h5__font); font-size: calc(var(--hsElevate--h5__fontSize) * var(--hsElevate--heading__tablet-modifier)); font-style: var(--hsElevate--h5__fontStyle); font-weight: var(--hsElevate--h5__fontWeight); } h6, .hs-elevate-h6 { font-family: var(--hsElevate--h6__font); font-size: calc(var(--hsElevate--h6__fontSize) * var(--hsElevate--heading__tablet-modifier)); font-style: var(--hsElevate--h6__fontStyle); font-weight: var(--hsElevate--h6__fontWeight); } @media (min-width: 767px) { .hs-elevate-display-1 { font-size: var(--hsElevate--display1__fontSize); } .hs-elevate-display-2 { font-size: var(--hsElevate--display2__fontSize); } h1, .hs-elevate-h1 { font-size: var(--hsElevate--h1__fontSize); } h2, .hs-elevate-h2 { font-size: var(--hsElevate--h2__fontSize); } h3, .hs-elevate-h3 { font-size: var(--hsElevate--h3__fontSize); } h4, .hs-elevate-h4 { font-size: var(--hsElevate--h4__fontSize); } h5, .hs-elevate-h5 { font-size: var(--hsElevate--h5__fontSize); } h6, .hs-elevate-h6 { font-size: var(--hsElevate--h6__fontSize); } } /* Lists */ ul, ol { margin-block: var(--hsElevate--text__margin); } /* Blockquotes */ blockquote, :is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { padding: var(--hsElevate--spacing--24, 24px); border-radius: var(--hsElevate-rounded--extra-small); border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor)); background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor)); color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor)); font-family: var(--hsElevate--quotes__font); font-size: var(--hsElevate--quotes__fontSize); font-style: var(--hsElevate--quotes__fontStyle); font-weight: var(--hsElevate--quotes__fontWeight); margin-block: var(--hsElevate--text__margin); } @media (max-width: 767.98px) { :is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { font-size: calc(var(--hsElevate--body__fontSize) + 4px); margin-inline: 0; } } /* Captions & Tags */ .hs-elevate-caption { color: var(--hsElevate--captions__fontColor, var(--hsElevate--section--lightSection--1--captionColor)); font-family: var(--hsElevate--captions__font); font-size: var(--hsElevate--captions__fontSize); font-style: var(--hsElevate--captions__fontStyle); font-weight: var(--hsElevate--captions__fontWeight); text-transform: var(--hsElevate--captions__case); } .hs-elevate-tag { padding: 2px 8px; border-color: var(--hsElevate--tag__borderColor); border-radius: var(--hsElevate--tag__borderRadius); border-style: solid; border-width: var(--hsElevate--tag__borderThickness); background-color: var(--hsElevate--tag__backgroundColor); color: var(--hsElevate--tag__textColor); font-family: var(--hsElevate--tag__font); font-size: var(--hsElevate--tag__fontSize); font-style: var(--hsElevate--tag__fontStyle); font-weight: var(--hsElevate--tag__fontWeight); text-transform: var(--hsElevate--tag__case); } /* Rich Text Images */ :is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) img { max-width: 100%; margin-block-end: var(--hsElevate--rteImages__margin); } /* ========================================================================== 5. BUTTON COMPONENTS ========================================================================== */ .hs-elevate-button:focus { outline: 2px solid #53acff; outline-offset: 2px; } .hs-elevate-button--primary { font-family: var(--hsElevate--button--primary__font); font-size: var(--hsElevate--button--primary__fontSize); font-weight: var(--hsElevate--button--primary__fontWeight); font-style: var(--hsElevate--button--primary__fontStyle); color: var(--hsElevate--button--primary__textColor); border-width: var(--hsElevate--button--primary__borderThickness); background-color: var(--hsElevate--button--primary__backgroundColor); border-style: solid; border-color: var(--hsElevate--button--primary__borderColor); border-radius: var(--hsElevate--button--primary__borderRadius); text-decoration: none; } .hs-elevate-button--primary:hover { color: var(--hsElevate--button--primary__hover--textColor); background-color: var(--hsElevate--button--primary__hover--backgroundColor); border-color: var(--hsElevate--button--primary__hover--borderColor); border-width: var(--hsElevate--button--primary__hover--borderThickness); text-decoration: none; } .hs-elevate-button--primary:active { color: var(--hsElevate--button--primary__hover--textColor); background-color: #00205a; border-width: var(--hsElevate--button--primary__hover--borderThickness); text-decoration: none; } .hs-elevate-button--secondary { font-family: var(--hsElevate--button--secondary__font); font-size: var(--hsElevate--button--secondary__fontSize); font-weight: var(--hsElevate--button--secondary__fontWeight); font-style: var(--hsElevate--button--secondary__fontStyle); color: var(--hsElevate--button--secondary__textColor); border-width: var(--hsElevate--button--secondary__borderThickness); background-color: var(--hsElevate--button--secondary__backgroundColor); border-style: solid; border-color: var(--hsElevate--button--secondary__borderColor); border-radius: var(--hsElevate--button--secondary__borderRadius); text-decoration: none; } .hs-elevate-button--secondary:hover { color: var(--hsElevate--button--secondary__hover--textColor); background-color: var(--hsElevate--button--secondary__hover--backgroundColor); border-color: var(--hsElevate--button--secondary__hover--borderColor); border-width: var(--hsElevate--button--secondary__hover--borderThickness); text-decoration: none; } .hs-elevate-button--secondary:active { color: var(--hsElevate--button--secondary__hover--textColor); background-color: transparent; border-color: #00205a; border-width: var(--hsElevate--button--secondary__hover--borderThickness); text-decoration: none; } .hs-elevate-button--tertiary { font-family: var(--hsElevate--button--tertiary__font); font-size: var(--hsElevate--button--tertiary__fontSize); font-weight: var(--hsElevate--button--tertiary__fontWeight); font-style: var(--hsElevate--button--tertiary__fontStyle); color: var(--hsElevate--button--tertiary__textColor); border-width: var(--hsElevate--button--tertiary__borderThickness); background-color: var(--hsElevate--button--tertiary__backgroundColor); border-style: solid; border-color: var(--hsElevate--button--tertiary__borderColor); border-radius: var(--hsElevate--button--tertiary__borderRadius); text-decoration: none; } .hs-elevate-button--tertiary:hover { color: var(--hsElevate--button--tertiary__hover--textColor); background-color: var(--hsElevate--button--tertiary__hover--backgroundColor); border-color: var(--hsElevate--button--tertiary__hover--borderColor); border-width: var(--hsElevate--button--tertiary__hover--borderThickness); text-decoration: none; } .hs-elevate-button--tertiary:active { color: var(--hsElevate--button--tertiary__hover--textColor); background-color: #cbc7e1; border-width: var(--hsElevate--button--tertiary__hover--borderThickness); text-decoration: none; } .hs-elevate-button--accent { font-family: var(--hsElevate--button--accent__font); font-size: var(--hsElevate--button--accent__fontSize); font-weight: var(--hsElevate--button--accent__fontWeight); font-style: var(--hsElevate--button--accent__fontStyle); color: var(--hsElevate--button--accent__textColor); border-width: var(--hsElevate--button--accent__borderThickness); background-color: var(--hsElevate--button--accent__backgroundColor); border-style: solid; border-color: var(--hsElevate--button--accent__borderColor); border-radius: var(--hsElevate--button--accent__borderRadius); text-decoration: none; } .hs-elevate-button--accent:hover { color: var(--hsElevate--button--accent__hover--textColor); background-color: var(--hsElevate--button--accent__hover--backgroundColor); border-color: var(--hsElevate--button--accent__hover--borderColor); border-width: var(--hsElevate--button--accent__hover--borderThickness); text-decoration: none; } .hs-elevate-button--accent:active { color: var(--hsElevate--button--accent__hover--textColor); border-color: #cbc7e1; border-width: var(--hsElevate--button--accent__hover--borderThickness); text-decoration: none; } /* ========================================================================== 6. CARD COMPONENTS ========================================================================== */ /* Variant 1 */ .hs-elevate-card--variant-1 { border-color: var(--hsElevate--card--variant1__borderColor); border-radius: var(--hsElevate--card--variant1__borderRadius); border-style: solid; border-width: var(--hsElevate--card--variant1__borderThickness); background-color: var(--hsElevate--card--variant1__backgroundColor); color: var(--hsElevate--card--variant1__textColor); } .hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { color: var(--hsElevate--card--variant1--link__fontColor); -webkit-text-decoration: var(--hsElevate--card--variant1--link__textDecoration); text-decoration: var(--hsElevate--card--variant1--link__textDecoration); text-decoration-color: var(--hsElevate--card--variant1--link__textDecorationColor); } .hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, .hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { color: var(--hsElevate--card--variant1--link__hover--fontColor); -webkit-text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); text-decoration-color: var(--hsElevate--card--variant1--link__hover--textDecorationColor); } /* Variant 2 */ .hs-elevate-card--variant-2 { border-color: var(--hsElevate--card--variant2__borderColor); border-radius: var(--hsElevate--card--variant2__borderRadius); border-style: solid; border-width: var(--hsElevate--card--variant2__borderThickness); background-color: var(--hsElevate--card--variant2__backgroundColor); color: var(--hsElevate--card--variant2__textColor); } .hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { color: var(--hsElevate--card--variant2--link__fontColor); -webkit-text-decoration: var(--hsElevate--card--variant2--link__textDecoration); text-decoration: var(--hsElevate--card--variant2--link__textDecoration); text-decoration-color: var(--hsElevate--card--variant2--link__textDecorationColor); } .hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, .hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { color: var(--hsElevate--card--variant2--link__hover--fontColor); -webkit-text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); text-decoration-color: var(--hsElevate--card--variant2--link__hover--textDecorationColor); } /* Variant 3 */ .hs-elevate-card--variant-3 { border-color: var(--hsElevate--card--variant3__borderColor); border-radius: var(--hsElevate--card--variant3__borderRadius); border-style: solid; border-width: var(--hsElevate--card--variant3__borderThickness); background-color: var(--hsElevate--card--variant3__backgroundColor); color: var(--hsElevate--card--variant3__textColor); } .hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { color: var(--hsElevate--card--variant3--link__fontColor); -webkit-text-decoration: var(--hsElevate--card--variant3--link__textDecoration); text-decoration: var(--hsElevate--card--variant3--link__textDecoration); text-decoration-color: var(--hsElevate--card--variant3--link__textDecorationColor); } .hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, .hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { color: var(--hsElevate--card--variant3--link__hover--fontColor); -webkit-text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); text-decoration-color: var(--hsElevate--card--variant3--link__hover--textDecorationColor); } /* Variant 4 */ .hs-elevate-card--variant-4 { border-color: var(--hsElevate--card--variant4__borderColor); border-radius: var(--hsElevate--card--variant4__borderRadius); border-style: solid; border-width: var(--hsElevate--card--variant4__borderThickness); background-color: var(--hsElevate--card--variant4__backgroundColor); color: var(--hsElevate--card--variant4__textColor); } .hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { color: var(--hsElevate--card--variant4--link__fontColor); -webkit-text-decoration: var(--hsElevate--card--variant4--link__textDecoration); text-decoration: var(--hsElevate--card--variant4--link__textDecoration); text-decoration-color: var(--hsElevate--card--variant4--link__textDecorationColor); } .hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, .hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { color: var(--hsElevate--card--variant4--link__hover--fontColor); -webkit-text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); text-decoration-color: var(--hsElevate--card--variant4--link__hover--textDecorationColor); } /* ========================================================================== 7. FORM STYLES ========================================================================== */ .hs-form, .hs-elevate-system-form form, .hs-elevate-system-form--subscription-preferences form .email-prefs { padding: var(--hsElevate--form__padding); border-color: var(--hsElevate--form__borderColor); border-radius: var(--hsElevate--form__borderRadius); border-style: solid; border-width: var(--hsElevate--form__borderThickness); background: var(--hsElevate--form__backgroundColor); } :is(.hs-form, .hs-elevate-system-form) label, .hs-elevate-system-form--subscription-preferences .fakelabel { display: block; color: var(--hsElevate--formLabel__textColor); font-family: var(--hsElevate--formLabel__font); font-size: var(--hsElevate--formLabel__fontSize); font-weight: var(--hsElevate--formLabel__fontWeight); margin-block-end: var(--hsElevate--formLabel__marginBottom); } .hs-form .hs-form-field { margin-block-end: var(--hsElevate--formField__marginBottom); } :is(.hs-form, .hs-elevate-system-form) input[type='text'], :is(.hs-form, .hs-elevate-system-form) input[type='email'], :is(.hs-form, .hs-elevate-system-form) input[type='password'], :is(.hs-form, .hs-elevate-system-form) input[type='tel'], :is(.hs-form, .hs-elevate-system-form) input[type='number'], :is(.hs-form, .hs-elevate-system-form) input[type='search'], :is(.hs-form, .hs-elevate-system-form) select, :is(.hs-form, .hs-elevate-system-form) textarea { width: 100% !important; border-radius: var(--hsElevate--formField__borderRadius); border-top: var(--hsElevate--formField__borderTop); border-right: var(--hsElevate--formField__borderRight); border-bottom: var(--hsElevate--formField__borderBottom); border-left: var(--hsElevate--formField__borderLeft); background-color: var(--hsElevate--formField__backgroundColor); color: var(--hsElevate--formFieldInput__textColor); padding-block: var(--hsElevate--spacing--20); padding-inline: var(--hsElevate--spacing--32); } /* Phone Field */ .hs-input.hs-fieldtype-intl-phone { display: flex; width: 100% !important; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px; } .hs-input.hs-fieldtype-intl-phone > input { flex: 1 0 calc(70% - 8px) !important; } .hs-input.hs-fieldtype-intl-phone > select { flex: 1 0 30% !important; } @media (max-width: 600px) { .hs-input.hs-fieldtype-intl-phone { display: flex; width: 100%; flex-direction: column; gap: 8px; } .hs-input.hs-fieldtype-intl-phone > select, .hs-input.hs-fieldtype-intl-phone > input { min-width: 100%; flex: 1 1 100%; } .hs-input.hs-fieldtype-intl-phone > select { padding-inline: var(--hsElevate--spacing--16); } } .hs-form-field.hs-fieldtype-file .hs-input, .hs-form fieldset { max-width: 100% !important; } /* Textarea */ .hs-form textarea { position: relative; height: 160px; border-radius: var(--hsElevate--formFieldTextArea__borderRadius); } .hs-form textarea::-webkit-resizer { display: none; } .hs-form .hs_multi_line_field .input { position: relative; } .hs-form .hs_multi_line_field .input:after { position: absolute; right: var(--hsElevate--spacing--8); bottom: var(--hsElevate--spacing--8); content: var(--hsElevate--formField__dragIcon); pointer-events: none; } /* Select */ .hs-form .hs-fieldtype-select .input { position: relative; } .hs-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .hs-form .hs-fieldtype-select .input:after { position: absolute; top: 50%; right: var(--hsElevate--spacing--32); content: var(--hsElevate--formField__selectIcon); pointer-events: none; transform: translateY(-50%); } /* Datepicker */ .hs-form .hs-dateinput { position: relative; } .hs-form .hs-dateinput:before { position: absolute; top: 50%; right: var(--hsElevate--spacing--32); content: var(--hsElevate--formField__datepickerIcon); pointer-events: none; transform: translateY(-50%); } /* Placeholders */ ::-moz-placeholder { color: var(--hsElevate--formFieldPlaceholder__textColor); } ::placeholder { color: var(--hsElevate--formFieldPlaceholder__textColor); } /* Checkbox & Radio */ .hs-form .inputs-list { padding: 0; margin: 0; list-style: none; } .hs-form .inputs-list li { display: block; margin-block-end: var(--hsElevate--spacing--16); } .hs-form .inputs-list li:last-of-type { margin-block-end: 0; } .hs-form .inputs-list :is(input, span) { vertical-align: middle; } :is(.hs-form, .hs-elevate-system-form) input[type='checkbox'], :is(.hs-form, .hs-elevate-system-form) input[type='radio'] { height: var(--hsElevate--formFieldCheckboxRadio__size); width: var(--hsElevate--formFieldCheckboxRadio__size) !important; accent-color: var(--hsElevate--formFieldCheckboxRadio__fillColor); cursor: pointer; margin-inline-end: var(--hsElevate--spacing--12); } .hs-form legend { color: var(--hsElevate--formHelpText__textColor); margin-block-end: var(--hsElevate--spacing--8); } .hs-form .hs-richtext { color: var(--hsElevate--formLabel__textColor); } .hs-form .hs-richtext img { height: auto; max-width: 100% !important; } .hs-form .hs-input.error { border-color: var(--hsElevate--formRequired__color); } .hs-form .hs-error-msg, .hs-form .hs-error-msgs { color: var(--hsElevate--formRequired__color); margin-block-start: var(--hsElevate--spacing--4); } /* Form Buttons */ :is(.hs-form, .hs-elevate-system-form) .hs-button, :is(.hs-form, .hs-elevate-system-form) input[type='submit'] { display: inline-block; width: 100%; border-color: var(--hsElevate--button--primary__borderColor); border-radius: var(--hsElevate--button--primary__borderRadius); border-style: solid; border-width: var(--hsElevate--button--primary__borderThickness); background-color: var(--hsElevate--button--primary__backgroundColor); color: var(--hsElevate--button--primary__textColor); cursor: pointer; font-family: var(--hsElevate--button--primary__font); font-size: var(--hsElevate--button--primary__fontSize); font-style: var(--hsElevate--button--primary__fontStyle); font-weight: var(--hsElevate--button--primary__fontWeight); padding-block: var(--hsElevate--spacing--20); padding-inline: var(--hsElevate--spacing--24); text-align: center; text-decoration: none; transition: all 0.15s linear; white-space: normal !important; } :is(.hs-form, .hs-elevate-system-form) .hs-button:hover, :is(.hs-form, .hs-elevate-system-form) .hs-button:focus, :is(.hs-form, .hs-elevate-system-form) input[type='submit']:hover, :is(.hs-form, .hs-elevate-system-form) input[type='submit']:focus { border-color: var(--hsElevate--button--primary__hover--borderColor); border-width: var(--hsElevate--button--primary__hover--borderThickness); background-color: var(--hsElevate--button--primary__hover--backgroundColor); color: var(--hsElevate--button--primary__hover--textColor); text-decoration: none; } .grecaptcha-badge { margin-block: 0; margin-inline: auto; } /* ========================================================================== 8. MISCELLANEOUS MODULES & UTILITIES ========================================================================== */ /* Feature Module */ .cs-feature { overflow: hidden; } .cs-feature .hs-elevate-details__label { font-weight: 600; } .cs-feature .cs-feature__link:hover { opacity: 0.8; } .cs-feature .cs-feature__link .cs-feature__chevron-path { fill: currentColor; } .cs-feature .cs-feature__link:hover .cs-feature__chevron-path { opacity: 0.8; } /* Accessibility Skip Link */ .hs-elevate-header__skip { position: absolute; top: -1000px; left: -1000px; overflow: hidden; height: 1px; width: 1px; text-align: left; } .hs-elevate-header__skip:hover, .hs-elevate-header__skip:focus, .hs-elevate-header__skip:active { z-index: 2; top: 0; left: 0; overflow: visible; height: auto; width: auto; } /* Navigation & Menus */ .hs-elevate-menu { display: flex; gap: var(--hsElevate--menu--topLevel__gap, 0); } .hs-elevate-menu, .hs-elevate-menu ul { list-style: none; } .hs-elevate-menu li { position: relative; } .hs-elevate-menu--horizontal { flex-direction: row; flex-wrap: wrap; } .hs-elevate-menu--vertical { flex-direction: column; } .hs-elevate-menu--desktop { margin: 0; } .hs-elevate-menu__flyout-submenu { min-width: -moz-max-content; min-width: max-content; max-width: 250px; white-space: nowrap; overflow-wrap: break-word; padding: 20px; border: 1px solid #f7f7f7; border-radius: 8px; background-color: white; } @media (max-width: 767px) { .hs-elevate-footer .hs-elevate-menu { display: flex; flex-direction: column; align-items: center; } } /* Image Grids & Logos */ .logo-company-name { margin-block: 0; } .hs-image__grid__list { margin-block: 0; } .widget-type-logo img { height: auto; max-width: 100%; } /* Preset Specific Overrides */ #breadcrumbs { display: none !important; } :focus { outline: 0px !important; }