/* 
  This file is for the old website templates and is only temporary while the website is in transition.
  This file isn't included in any theme files, but will be included directly on the old website templates.
*/
/* INCLUDE THE VARIABLES AT THE TOP OF THE FILE, AS IT'S USED IN ALL STYLESHEETS BELOW */



:root {
  --container-width: 1240px;
  --dnd-section-padding: 96px 20px;
  --dnd-section-padding-tablet: 80px 20px;
  --dnd-section-padding-mobile: 32px 20px;
}


:root {
  --primary-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --secondary-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --dark-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --light-color: 

  
  
    
  


  rgba(245, 240, 233, 1)

;
  --white-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  --white-color-rgb: 255,255,255;
  --white-color-hover: #b2b2b2;
  --amber-color-rgb: 255,153,18; 
  --amber-color:  #FF9912;
  --cream-color-rgb: 245,240,233;
  --cream-color: #F5F0E9;
  --light-cream-color: #FAF8F4;
  --dark-text-color-rgb: 24,24,23;
  --dark-text-color: #181817;
  --form-link-color-rgb: 71,67,248;
  --form-link-color: #4743F8;
  --grey-color-rgb: 230,233,237;
  --grey-color: #E6E9ED;
  --grey-text-color-rgb: 89,96,93;
  --grey-text-color: #62605D;
  --navy-color-rgb: 0,32,78;
  --navy-color: #00204E;
  --navy-color-hover: #001637;
  --orange-color-rgb: 255,110,1;
  --orange-color: #FF6E01;
  --pale-navy-color-rgb: 51,77,113;
  --pale-navy-color: #334D71;
  --pale-text-color-rgb: 77,99,131;
  --pale-text-color: #4D6383;
  --sky-color-rgb: 143,207,255;
  --sky-color: #8FCFFF;
}


:root {
  --anchor-font-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --anchor-font-hover-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --heading-1-font-size: 3.1em;
  --heading-2-font-size: 2.4em;
  --heading-3-font-size: 1.511em;
  --heading-4-font-size: 1.25em;
  --heading-5-font-size: 1em;
  --heading-6-font-size: 0.7em;
  --paragraph-font-size: 20px;
}











:root {
  --button-background-color: 

  
  
    
  


  rgba(0, 32, 78, 1.0)

;
  --button-font-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --button-border: 1px solid 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --button-border-radius: 50px;
  --button-padding: 10px 20px;
  --button-max-width: 960px;
}


:root {
  --form-title-background-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --form-title-font-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --form-label-font-color: 

  
  
    
  


  rgba(51, 77, 113, 1)

;
  --form-help-text-font-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --form-error-text-font-color: 

  
  
    
  


  rgba(255, 0, 0, 1)

;
  --form-input-border-color: 

  
  
    
  


  rgba(204, 210, 220, 1)

;
  --form-input-focus-border-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
}


:root {
  --table-header-background-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --table-header-font-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  --table-background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --table-font-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --table-border-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --table-footer-background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --table-footer-font-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
}


:root {
  --header-height-desktop: 66px;
  --header-height-tablet: 63px;
  --header-height-mobile: 60px;
}


:root {

}


:root {
  --transition-speed-super-fast: 0.05s;
  --transition-speed-fast: 0.25s;
  --transition-speed-medium: 0.35s;
  --transition-speed-slow: 0.45s;
  --border-radius-10: 10px;
  --border-radius-top-10: 10px 10px 0 0;
  --border-radius-bottom-10: 0 0 10px 10px;
  --border-radius-right-10: 0 10px 10px 0;
  --border-radius-left-10: 10px 0 0 10px;
  --border-radius-20: 20px;
  --border-radius-top-20: 20px 20px 0 0;
  --border-radius-bottom-20: 0 0 20px 20px;
  --border-radius-right-20: 0 20px 20px 0;
  --border-radius-left-20: 20px 0 0 20px;
}

/*----- LAYOUT -----*/
body {
  font-size: 20px;
  line-height: 1.3;
  overflow-x: visible;
  word-break: break-word;
}

.container-fluid .row-fluid .page-center {
  margin: 0 auto;
}

/*----- COLORS -----*/
.txt-white h1,
.txt-white h2,
.txt-white h3,
.txt-white h4,
.txt-white h5,
.txt-white h6,
.txt-white p,
.txt-white ul,
.txt-white li,
.txt-white a,
.txt-white form .hs-richtext,
.txt-white form .hs-richtext p,
.txt-white .legal-consent-container .hs-form-booleancheckbox-display p {
  color: var(--white-color);
}

/*----- TYPOGRAPHY -----*/
h1 {
  line-height: 1.1;
}

p,
.case-studies__item-btn span {
  font-family: Matter, sans-serif !important;
}

.h5-dash {
  padding-left: unset;
}

.hero-bar__single p {
  margin-top: 0;
}

.delimiter ul li:before,
.delimiter ol li:before,
.delimiter ol li>ol li:before {
  display: none;
}

.delimiter ol,
.delimiter ul {
  margin: 0 0 1.4rem;
  padding-left: 1rem;
}

.delimiter ol li,
.delimiter ul li {
  font-size: unset;
  letter-spacing: 0;
  line-height: unset;
  list-style: inherit;
  margin-bottom: .4rem;
  padding-left: .4rem;
  position: relative;
}

.delimiter ul ul,
.delimiter ol ol,
.delimiter ol:first-child,
.delimiter ul:first-child {
  margin-top: .4rem;
}

.delimiter ol ol {
  margin-left: unset;
}

.delimiter ul li>ul li,
.delimiter ol li>ol li {
  padding-left: unset;
}

.delimiter.txt-white ol li>ol li:before,
.txt-white ol li>ol li:before,
.txt-white ::marker,
.bg-navy ::marker {
  color: var(--white-color);
}

.product-section .item h2 {
  font-size: 2em;
}

.cta-section h2 {
  font-size: 42px;
}

/*----- BUTTONS -----*/
.btn,
a.btn,
form .hs-button,
form input[type=submit] {
  background-color: var(--button-background-color);
  border-radius: var(--button-border-radius);
  border: var(--button-border);
  color: var(--button-font-color);
  cursor: pointer;
  display: inline-block;
  font-family: Matter, sans-serif !important;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: unset;
  margin: unset;
  max-width: var(--button-max-width);
  padding: var(--button-padding);
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
}

a.c-slide-out-form__back-button {
  background-image: none !important;
}

.btn::before,
a.btn::before,
.btnk::after,
a.btn::after,
.c-slide-out-form__back-button::before {
  display: none;
}

.btn:hover,
a.btn:hover,
.btn:focus,
a.btn:focus,
.btn:active,
a.btn:active,
form .hs-button:hover,
form input[type=submit]:hover,
form .hs-button:active,
form input[type=submit]:active,
form .hs-button:focus,
form input[type=submit]:focus {

}

.btn-play:after,
a.btn-play:after,
.btn-teal-fill:before,
a.btn-teal-fill:before {
  display: none;
}

.btn-teal-fill.btn-small,
a.btn-teal-fill.btn-small {
  padding: var(--button-padding);
}

.btn-navy,
a.btn-navy,
.btn-orange,
a.btn-orange,
.btn-teal,
a.btn-teal {
  background-color: var(--navy-color) !important;
  border-color: var(--navy-color) !important;
  color: var(--white-color) !important;
}

.btn-navy:hover,
a.btn-navy:hover,
.btn-orange:hover,
a.btn-orange:hover,
.btn-teal:hover,
.pb-bar.pink-hover:hover,
a.pb-bar.pink-hover:hover {
  background-color: var(--pale-navy-color) !important;
  border-color: var(--pale-navy-color) !important;
}

.btn-navy:active,
a.btn-navy:active,
.btn-orange:active,
a.btn-orange:active,
.btn-teal:active,
a.btn-teal:active,
.pb-bar.pink-hover:active,
a.pb-bar.pink-hover:active {
  background-color: #001A3E !important;
  border-color: #001A3E !important;
  color: var(--white-color) !important;
}

.btn-navy:focus,
a.btn-navy:focus,
.btn-orange:focus,
a.btn-orange:focus,
.btn-teal:focus,
a.btn-teal:focus,
.pb-bar.pink-hover:focus,
a.pb-bar.pink-hover:focus,
.btn-white:focus,
a.btn-white:focus,
.btn-teal-fill:focus,
a.btn-teal-fill:focus,
.txt-white form input[type=submit]:focus {
  border-color: #2F60F1; !important;
}

.btn-white,
a.btn-white,
.btn-teal-fill,
a.btn-teal-fill {
  background-color: var(--white-color) !important;
  border-color: var(--white-color) !important;
  color: var(--navy-color) !important;
}

.btn-white:hover,
a.btn-white:hover,
.btn-teal-fill:hover,
a.btn-teal-fill:hover,
.txt-white form input[type=submit]:hover {
  background-color: var(--cream-color) !important;
  border-color: var(--cream-color) !important;
  color: var(--navy-color) !important;
}

.btn-white:active,
a.btn-white:active,
.btn-teal-fill:active,
a.btn-teal-fill:active,
.txt-white form input[type=submit]:active {
  background-color: #DDD8D2 !important;
  border-color: #DDD8D2 !important;
  color: var(--navy-color) !important;
}

button.btn-arrow,
a.btn-arrow,
.btn-arrow {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  color: var(--navy-color) !important;
  font-family: Matter, sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  margin-top: 8px !important;
  padding: unset !important;
  position: relative !important;
  text-decoration: underline !important;
}

.btn,
a.btn {
  background-image: none !important;
}

.btn-arrow::before,
.case-studies__item > a::before {
  display: none !important;
}

.btn-arrow:after {
  content: "→" !important;
  display: inline-block !important;
  margin-left: 3px !important;
  position: unset !important;
  transition: margin 0.2s ease-in-out !important;
  font-family: Matter, sans-serif !important;
  font-size: inherit !important;
  right: unset !important;
  top: unset !important;
  text-decoration: none !important;
}

button.btn-arrow:hover,
.btn-arrow:hover {
  transform: none;
}

button.btn-arrow:hover:after,
button.btn-arrow:focus:after,
button.btn-arrow:active:after,
.btn-arrow:hover:after,
.btn-arrow:focus:after,
.btn-arrow:active:after {
  margin-left: 6px !important;
}

.arrow-navy:hover:after,
a.arrow-navy:hover:after,
.arrow-orange,
.arrow-orange:after,
a.arrow-orange,
a.arrow-orange:after,
.product-stats p.more-info:after {
  color: var(--navy-color);
}

.arrow-white,
a.arrow-white,
.arrow-white:hover:after,
a.arrow-white:hover:after,
.txt-white .arrow-teal,
.txt-white a.arrow-teal,
.txt-white .arrow-teal:after,
.txt-white a.arrow-teal:after,
.txt-white .arrow-navy,
.txt-white.latest-posts .card:hover .arrow-navy:after,
.txt-white.latest-posts .card p.post-date {
  color: var(--white-color) !important;
}

.case-studies__filter-btn {
  background-color: #fff !important;
  border: none !important;
  border-radius: var(--border-radius-10) !important;
  color: #00204e !important;
  cursor: pointer !important;
  font-size: 14px !important;
  height: auto !important;
  letter-spacing: .3px !important;
  line-height: 14px !important;
  margin-bottom: 10px !important;
  padding: 12px 15px !important;
  text-align: left !important;
  -webkit-transition: all .3s ease !important;
  -o-transition: all .3s ease !important;
  transition: all .3s ease !important;
  width: 100% !important;
}

.case-studies__filter-btn--active,
.acc-filter ul li label:hover,
li.active-acc-filter label {
  background-color: var(--cream-color) !important;
}

.case-studies__filter-clear ,
.acc-reset-filters {
  background: none !important;
  border: none !important;
  color: var(--navy-color) !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .53px !important;
  line-height: 26px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: underline !important;
}

a span[style*="text-decoration:underline"],
a span[style*="text-decoration: underline"] {
  text-decoration: none !important;
}

a[style*="color:#ff6e00"],
a[style*="color: #ff6e00"],
a span[style*="color:#ff6e00"],
a span[style*="color: #ff6e00"] {
  color: var(--navy-color) !important;
}

.cta-section .btn {
  margin: 0 25px !important;
  display: inline-block;
}

/*----- FORMS -----*/
ul[style*="font-size:10px"],
ul[style*="font-size: 10px"] {
  font-size: .8rem !important;
}

.hs-form-field ul {
  padding-left: 0;
}

.delimiter ul.inputs-list.multi-container li.hs-form-radio,
.delimiter ul.inputs-list.multi-container li.hs-form-checkbox {
  padding-left: 1.5rem;
}

.delimiter form .legal-consent-container ul.inputs-list li.hs-form-booleancheckbox,
li.hs-form-booleancheckbox {
  padding-left: 0;
}

.delimiter form li.hs-form-booleancheckbox label {
  font-size: 14px;;
}

form input[type=checkbox]+span:before,
form input[type=radio]+span:before {
  left: -26px !important;
}
form .legal-consent-container li.hs-form-booleancheckbox input[type=checkbox]+span:before {
  left: -22px !important;
}

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 {
  background-color: #FFF !important;
  border: 1px solid !important;
  border-radius: 10px !important;
  display: inline-block !important;
  font-family: Matter, sans-serif !important;
  font-size: 0.9rem !important;
  height: unset !important;
  padding: .5rem !important;
  width: 100% !important;
  border-color: var(--form-input-border-color) !important;
  color: var(--pale-navy-color)!important;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: var(--form-input-focus-border-color) !important; 
  outline: none !important;
}

form select {
  /** Replace the dropdown arrow indicator */
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 1em !important;
}

form fieldset {
  max-width: 100% !important;
}

form fieldset.form-columns-2:has(.hs-fieldtype-booleancheckbox) {
  float: left !important;
  width: 50% !important;
}

.g-recaptcha-response {
  display: none !important;
}

/*----- CARDS -----*/
.card,
.card .inner,
.product-stats .content-wrap .section-wrap,
.acc-item,
.tst-slider-cs .slick-slide .slide-inner,
.rtc-card,
.case-studies__item,
.job-card,
.offset-cards:before,
.acc-filter li label,
.acc-grid-item {
  border-radius: var(--border-radius-10);
  overflow: hidden;
}

.jobs-filter {
  border-radius: var(--border-radius-10);
}

.job-card,
.jobs-filter,
.jobs-filter__item__wrapper,
.active-acc-filter label,
.acc-filter ul li label,
.acc-filter ul li label:hover,
li.active-acc-filter label {
  border: none !important;
}

.jobs-filter__item__wrapper {
  padding-left: unset !important;
  top: 47px;
}

.jobs-filter__item__wrapper:after {
  display: none;
}

.section-text.bg-navy {
  border-radius: var(--border-radius-right-10);
}

.product-stats .section-heading,
.faq-block .block-heading,
.faq-block .faq-item:first-child,
.faq-block .faq-item:first-of-type,
.faq-block .faq-item:nth-child(2) {
  border-radius: var(--border-radius-top-10);
  overflow: hidden;
}

.faq-block .faq-item:last-child {
  border-radius: var(--border-radius-bottom-10);
  overflow: hidden;
}

.faq-acc .faq-block .faq-item {
  border-bottom-color: var(--grey-color);
}

.cta-section .acc-item .acc-trigger:hover {
  background-color: #001027;
}

.cta-section .acc-item .acc-trigger:hover,
.cta-section .acc-item .acc-trigger:hover h4 {
  color: var(--white-color);
}

a.job-card,
a.acc-grid-item {
  background-image: none;
}

a.job-card {
  padding-bottom: 30px;
}

.cards-wrap > a::before,
.tst-slider-cs-vb .slick-list:before,
.tst-slider-cs.tst-slider-cs-bg .slick-list:before,
a.job-card::before,
a.acc-grid-item::before,
.contact-body-cards a.card::before {
  display: none;
}

.latest-posts .card:hover .arrow-navy:after,
.faq-acc .faq-block .faq-trigger:hover:after {
  color: var(--navy-color);
}

.latest-posts.curated-posts .card h3 {
  font-family: Concrette;
}

.logos-row .cards-wrap .card {
  border: none;
}

.case-studies__item a {
  background-image: none;
}

.case-studies__item a:hover .case-studies__item-content {
  background-color: unset;
}

.acc-grid-item:hover,
.contact-body-cards .card:hover {
  background: var(--white-color);
}

.case-studies__item a:hover,
.case-studies__item a:hover *,
.case-studies__item a:hover span,
.case-studies__item a:hover svg path,
.acc-grid-item:hover .acc-item-btn,
.acc-grid-item:hover .acc-item-desc,
.acc-grid-item:hover .acc-item-info span,
.acc-grid-item:hover .acc-item-name,
.contact-body-cards .card:hover h4,
.contact-body-cards .card:hover p,
.contact-body-cards .card:hover .arrow-teal,
.contact-body-cards .card:hover .arrow-teal:after,
.contact-body-cards .arrow-teal:after,
.contact-body-cards a.arrow-teal:after {
  color: var(--navy-color);
}

.case-studies__item a:hover .case-studies__item-type svg path,
.acc-grid-item:hover .acc-item-info svg {
  fill: transparent;
}

.case-studies__item a:hover svg path,
.acc-grid-item:hover .acc-item-btn svg path {
  fill: var(--navy-color);
}

.acc-filter li {
  padding-left: 0;
}

.acc-filter li::before {
  display: none;
}

.acc-mobile-filter {
  display: none !important;
}

a.card,
a.featured-post {
  background-image: none;
}

@media (max-width: 768px) {
  .acc-mobile-filter {
    display: flex !important;
    border-radius: 0 !important;
    width: 100% !important;
  }
  .acc-filters:after {
    background: var(--navy-color) !important;
  }
}

.c-apply-now-cards__card-bullet-text li {
  padding-left: .4rem !important;
}

/*----- SHAPES -----*/
.bg-shape,
.bg-shape-1,
.bg-shape-2,
.side-shape,
.side-icn,
.shape-1,
img[src*="shape"],
.card-img:has(img[src*="icon"]) {
  display: none !important;
}

/*----- ICONS & LINES -----*/
.product-section .heading-img,
h5:before,
.product-stats .content-wrap h5:before,
.rt-cols .inner-wrap.preheader-on h5:before,
.card-icn,
.icns-wrap,
.c-apply-now-cards__icon {
  display: none !important;
}

.trt-simple .span1 {
  background: transparent;
}

/*----- POPUPS -----*/
.contact-modal.reveal-modal {
  max-width: 90vw;
}

.contact-modal .popup-body,
.blog-post .popup-body {
  background-color: var(--cream-color);
  border: none;
  border-radius: 10px;
  left: 50%;
  margin-top: 40px;
  max-height: 80vh;
  max-width: 90vw;
  overflow: scroll;
  padding: 88px 24px;
  position: fixed;
  top: 40px;
  transform: translate(-50%, 0);
  width: 100%;
}

.blog-post .popup-body {
  max-width: 650px;
}

.reveal-modal-bg {
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
  opacity: 1 !important;
}

.contact-modal.reveal-modal .close-wrap,
.contact-modal.reveal-modal a.close-reveal-modal,
.blog-post .close-wrap,
.blog-post a.close-reveal-modal {
  width: 100px;
}

.contact-modal.reveal-modal a.close-reveal-modal,
.blog-post a.close-reveal-modal {
  background-image: none;
}

.contact-modal.reveal-modal a.close-reveal-modal .cl-bar {
  margin: 0 0 0 auto;
}

.contact-modal.reveal-modal a.close-reveal-modal:hover .cl-bar {
  background-color: var(--navy-color);
}

.close-reveal-modal::before {
  display: none;
}

.close-reveal-modal {
  position: relative;
}

.close-reveal-modal::after {
  content: 'Close';
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px;
  gap: 12px;
  line-height: 22.4px;
  padding: 0;
  position: absolute;
  right: 30px;
  top: 8px;
  z-index: 1;
}

.blog-post .close-reveal-modal::after {
  width: 60px;
}

.tst-slider-cs-bg-video {
  bottom: 0;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.tst-slider-cs-popup-inner.popup-body {
  border-radius: 10px;
  padding: 0;
}

.tst-slider-cs-popup-inner.popup-body .close-wrap {
  z-index: 1;
}

.tst-slider-cs-popup-inner.popup-body a.close-reveal-modal {
  background-image: none;
}
.tst-slider-cs-popup-inner.popup-body .close-reveal-modal::after {
  display: none;
}

@media (min-width: 1200px) {
  .contact-modal.reveal-modal {
    max-width: 50%;
  }
  .contact-modal .popup-body {
    max-width: 50%;
    padding: 88px 104px;
  }
}

/*----- BLOG -----*/
.topics-bar {
  padding-top: 65px;
}

.subs-bar {
  display: none !important;
  background-image: none !important;
  margin-bottom: -1px;
  padding-bottom: 36px !important;
}

.subs-bar h3:after {
  color: #fff;
}

.delimiter.topics-bar .content-wrap .topics ul li a {
  background-image: none;
}

.delimiter.topics-bar .content-wrap .topics ul li a:hover:before,
.delimiter.topics-bar .content-wrap .topics ul li a.current:before {
  background-color: var(--orange-color);
}

.featured-shape,
.featured-post::before,
.pagination-wrap a::before,
.topics a::before,
.blog-quote::before,
blockquote:before {
  display: none;
}

.post-hero .post-info .topics a {
  background-image: none;
}

.post-hero .post-info .topics a:hover {
  background-color: var(--cream-color);
}

.featured-img,
.subs-card {
  border-radius: var(--border-radius-10);
  overflow: hidden;
}

.subs-card:after {
  color: var(--white-color);
}

.featured-wrap .featured-post:hover .arrow-navy:after {
  color: var(--navy-color);
}

.latest-posts .card h3 {
  font-family: Concrette;
}

.delimiter .pagination-wrap ul li.active:after,
.delimiter .pagination-wrap ul li:hover:after {
  background-color: var(--orange-color);
}

.pagination-wrap a {
  background-image: none;
}

.post-hero .post-info .author-info .info p a:hover {
  text-decoration: none;
}

.bpt-nav .bpt-wrapper {
  padding: 40px 0 22px;
}

.bpt-wrapper {
  flex-direction: column;
  gap: 0;
}

.pillar-nav__curr-section,
.pillar-nav__toc-trigger {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.pillar-nav__right-controls {
  max-width: 80%;
}

.pillar-nav__toc h3 {
  font-size: 1.2em;
}

.bpt-links {
  column-gap: 40px;
}

.bpt-nav .bpt-links {
  column-gap: 10px;
}

.bpt-nav .bpt-links-col {
  gap: 14px;
}

.bpt-link {
  font-size: 18px;
}

.c-blog-post section.blog-blockquote {
  margin: 0 !important;
}

.c-blog-post .blog-quote {
  align-items: unset;
  background: transparent;
  border: none;
  display: block;
  gap: unset;
  padding: unset;
  position: unset;
}

.c-blog-post .blog-quote .quote-marks {
  display: none;
}

.c-blog-post .blog-quote .quote {
  gap: 8px;
}

.c-blog-post .blog-quote blockquote {}

.c-blog-post .blog-quote blockquote,
.c-blog-post .blog-quote blockquote p,
.c-blog-post blockquote,
.c-blog-post blockquote p {
  color: var(--navy-color);
  font-family: Concrette !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 350;
  line-height: 28px;
  margin: 0 !important;
}

.c-blog-post blockquote {
  background-color: transparent;
  border-left: 2px solid var(--navy-color);
  color: var(--navy-color);
  margin: 2em 0 !important;
  padding: 8px 8px 8px 32px;
}

.c-blog-post blockquote:after {
  display: none;
}

.c-blog-post blockquote p:first-child {}

.c-blog-post blockquote p:last-child {}

.c-blog-post .blog-quote cite {
  font-family: Concrette;
  font-size: 14px;
  line-height: 1.2;
}

@media (max-width: 819px) {
  .bpt-links-col {
    gap: 18px;
  }
  .bpt-link {
    font-size: 16px;
  }
}

.bpt-nav .bpt-link {
  font-size: 16px;
  font-weight: 400;
  padding-left: 0;
}

.bpt-nav .bpt-link:before {
  content: "";
  background-image: url('https://www.allica.bank/hubfs/ALB/Blog/Template%20Files/logo%20mark.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  display: none;
  width: 15px;
  height: 15px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all .1s ease-in;
}
.bpt-nav .bpt-link.active:before,
.bpt-nav .bpt-link:hover:before {
  opacity: 0;
}

.bpt-nav .bpt-link.active,
.bpt-nav .bpt-link:hover {
  text-decoration: underline;
}

.blog-post-table {
  border-radius: 20px;
  padding: 50px 0;
}
body.hs-web-interactives-top-banner-open .bpt-nav-scrolled {
  top: 100px;
}
@media only screen and (max-width: 1100px) {
  .bpt-nav-scrolled {
    top: 60px;
  }
  body.hs-web-interactives-top-banner-open .bpt-nav-scrolled {
    top: 95px;
  }
}

/*----- SYSTEM PAGES -----*/
.subs-body form#email-prefs-form input[type=checkbox]+span:before {
  left: -46px !important;
}

.password-body form input[type=submit],
.subs-body form input[type=submit] {
  background-color: var(--navy-color);
  border-color: var(--navy-color);
  color: var(--white-color);
}

.password-body form input[type=submit]:hover,
.subs-body form input[type=submit]:hover {
  background-color: var(--pale-navy-color);
  border-color: var(--pale-navy-color);
}
.l-email-subs-page .l-header__menu-and-buttons {
  display: none;
}

/*----- HEADER -----*/
.c-landing-page-cta-button {
  width: auto !important;
}

.delimiter.nav-desktop,
.delimiter.nav-mobile {
  display: none !important;
}

a.c-mega-menu__top-level-link {
  padding: 16px;
}

/*----- FOOTER -----*/
.footer-wrap {
  display: none !important;
}

.l-footer {
  margin-bottom: -30px;
}

.c-footer__apple-badge svg,
.c-footer__google-badge svg {
  max-height: 40px;
  width: auto;
}

.c-footer-socials__title {
  display: none;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.c-footer-socials__items {
  gap: 8px;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:first-child:after {
  top: 0;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:after {
  top: 16px;
}

/*********************
  RESPONSIVE STYLES
*********************/

/*
  Small devices (landscape phones, 576px and up) 
*/
@media (min-width: 576px) { }

/* 
  Medium devices (tablets, 768px and up) 
*/
@media (min-width: 768px) { }

/*
  Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) {
  .c-footer-socials__title {
    display: block;
  }
}

/*
  X-Large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px) { }

/*
  XX-Large devices (larger desktops, 1400px and up)
*/
@media (min-width: 1400px) { }