/*
Theme Name: 0474 Goppert Financial V2
Theme URI: http://csibankanytime.com/
Author: CSI ( Sera Bargas, Bri Grimsley )
Description: Design Pro 3 CSI Banking Theme
Version: 2.8.2
Text Domain: design-pro-3
*/
/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
:root {
  --primary-color: #008ea6;
  --secondary-color: #dec668;
  --tertiary-color: #0d417f;
  --accent-color: #6bb9b5;

  --text-color: #020d1a;
  --primary-font: minion-pro, serif;
  --secondary-font: "Open Sans", sans-serif;
}

body,
html {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--primary-font);
  font-weight: 700;
  color: var(--tertiary-color);
}
.component-heading {
  color: var(--text-color);
}

h1 {
  font-size: 4.25rem;
}
h2 {
  font-size: 3.625rem;
}
h3 {
  font-size: 3rem;
}
h4 {
  font-size: 2.625rem;
}
h5 {
  font-size: 2rem;
}
h6 {
  font-size: 1.375rem;
}

p,
ul,
dl,
ol {
  color: var(--text-color);
  font-size: 1rem;
  font-family: var(--secondary-font);
}
.text-muted {
  color: var(--text-color) !important;
  font-size: 0.875rem;
}
.narrow {
  max-width: 1100px;
  display: block;
  margin: auto;
}

/* BUTTONS AND LINKS
Before Changing any Hover/Focus behavior, ensure the new behavior still complies with
ADA requirements (at least 3.0 contrast change or underline change)
-------------------------------------------------------------------------------------- */
a {
  color: var(--tertiary-color);
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  font-family: var(--secondary-font);
}
a:hover,
a:focus {
  color: var(--tertiary-color);
  text-decoration: underline;
}
a.csi-btn,
button.csi-btn {
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  color: black;
  padding: 0.5rem 0.75rem;
  font-weight: 700;
  border-radius: 5px;
  font-family: var(--secondary-font);
}
a.csi-btn:hover,
a.csi-btn:focus,
button.csi-btn:hover,
button.csi-btn:focus {
  color: var(--text-color);
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.accent-btn {
  background: var(--tertiary-color);
  color: white;
  border: 1px solid var(--tertiary-color);
}
.accent-btn:hover,
.accent-btn:focus {
  background: transparent;
  color: var(--text-color);
}
a.csi-btn2 {
  background: var(--primary-color);
  color: var(--text-color);
  border: 1px solid var(--primary-color);
}
a.csi-btn2:hover,
a.csi-btn2:focus {
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}
a.csi-btn.blue {
  background: var(--tertiary-color);
  color: white;
  border: 1px solid var(--tertiary-color);
}
.teal-banner.dark-blue a.csi-btn.blue {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--text-color);
}
.teal-banner.dark-blue a.csi-btn.blue:hover,
.teal-banner.dark-blue a.csi-btn.blue:focus {
  background: white;
}
a.csi-btn.blue:hover,
a.csi-btn.blue:focus {
  background: transparent;
  color: var(--text-color);
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-container1600 {
  margin: auto;
  max-width: 1600px;
  padding-inline: 1rem;
  width: 100%;
}
.csi-container1500 {
  max-width: 1500px;
  margin: auto;
  padding-inline: 1rem;
  width: 100%;
}
.csi-container1400 {
  max-width: 1400px;
  margin: auto;
  padding-inline: 1rem;
  width: 100%;
}
.csi-container1200 {
  max-width: 1200px;
  margin: auto;
  padding-inline: 1rem;
}
.csi-container1000 {
  max-width: 1000px;
  margin: auto;
  padding-inline: 1rem;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white a:not(.csi-btn),
.text-white li,
.text-white ol,
.text-white label {
  color: white;
}
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark p,
.text-dark a:not(.csi-btn),
.text-dark li,
.text-dark ol {
  color: var(--text-color);
}
section.gold,
section.teal,
section.blue {
  position: relative;
}
section.gold:before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--secondary-color);
  z-index: -1;
}
section.teal:before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--accent-color);
  z-index: -1;
}
section.blue:before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--tertiary-color);
  z-index: -1;
}

/* section.gold {
  background: var(--secondary-color);
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
section.teal {
  background: var(--accent-color);
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
section.blue {
  background: var(--tertiary-color);
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
} */
section.blue {
  .csi-defaultAccordion a h5,
  .inside-panel-group > .panel > a h5 {
    color: var(--text-color);
  }
}
section.blue {
  .csi-defaultAccordion .panel-body {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    li,
    ol,
    a:not(.csi-btn) {
      color: var(--text-color);
    }
  }
  .inside-panel-collapse .panel-body {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    li,
    ol,
    a:not(.csi-btn) {
      color: var(--text-color);
    }
  }
  .csi-defaultAccordion a:hover,
  .csi-defaultAccordion a:focus,
  .inside-panel-group > .panel > a:hover,
  .inside-panel-group > .panel > a:focus {
    background: var(--accent-color);
  }
  .csi-productAccordion .panel-title {
    color: var(--text-color);
  }
  .csi-productAccordion .panel-teaser p {
    color: var(--text-color);
  }
  .panel-body {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    li,
    ol,
    a:not(.csi-btn) {
      color: var(--text-color);
    }
  }
  .card-content {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    li,
    ol,
    a:not(.csi-btn) {
      color: var(--text-color);
    }
  }
  .table-striped tbody tr:nth-of-type(even) {
    background: white;
  }
  .carousel-slider .testimonial-footer i,
  .carousel-slider .testimonial-item p,
  .image-gallery-pause,
  .carousel-block button i {
    color: white;
  }
  .background-card-content {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    li,
    ol,
    a:not(.csi-btn) {
      color: var(--text-color);
    }
  }
}
section.gold {
  .csi-defaultAccordion a:hover,
  .csi-defaultAccordion a:focus,
  .inside-panel-group > .panel > a:hover,
  .inside-panel-group > .panel > a:focus {
    background: var(--accent-color);
  }
  .nav-tabs {
    border-color: var(--tertiary-color);
  }
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    background: var(--tertiary-color);
    color: white;
  }
  .nav-tabs .nav-link {
    border-color: var(--tertiary-color);
  }
  .table-striped tbody tr:nth-of-type(even) {
    background: white;
  }
}
.image-banner.text-white {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  li,
  ol,
  a:not(.csi-btn) {
    color: white;
  }
}
section.teal {
  .nav-tabs {
    border-color: var(--tertiary-color);
  }
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    background: var(--tertiary-color);
    color: white;
  }
  .nav-tabs .nav-link {
    border-color: var(--tertiary-color);
  }
  .table th {
    background: var(--tertiary-color);
    color: white;
  }
  .table-striped tbody tr:nth-of-type(even) {
    background: white;
  }
}

/* MENU STYLES
-------------------------------------------------------------------------------------- */
#csiMenuWrapper .primary-menu a,
#csiMenuWrapper-secondary .primary-menu a,
#csiMenuWrapper .toggle-inner .toggle-text,
#csiMenuWrapper-secondary .toggle-inner .toggle-text {
  color: white;
}
#csiMenuWrapper .nav-toggle svg,
#csiMenuWrapper-secondary .nav-toggle svg {
  fill: white;
}
#csiMenuWrapper .csi-Menu-inner .toggle,
#csiMenuWrapper-secondary .csi-Menu-inner .toggle {
  padding: 0;
}
#csiMenuWrapper .csi-Menu-titles-wrapper,
#csiMenuWrapper-secondary .csi-Menu-titles-wrapper {
  max-width: 100%;
  gap: 1rem;
  display: flex;
  align-items: center;
}
#csiMenuWrapper .primary-menu > li,
#csiMenuWrapper-secondary .primary-menu > li {
  position: unset;
}
#csiMenuWrapper .primary-menu > li.menu-item-has-children > a,
#csiMenuWrapper-secondary .primary-menu > li.menu-item-has-children > a {
  margin-right: 0.75rem;
  padding-right: 1.25rem;
}
#csiMenuWrapper .primary-menu ul,
#csiMenuWrapper-secondary .primary-menu ul {
  width: 100vw;
  background: #f0f0f0;
  border-radius: 0;
  padding-block: 0.5rem;
}
#csiMenuWrapper,
#csiMenuWrapper-secondary,
.csi-header .col-md-8 {
  position: unset;
}
.primary-menu ul.sub-menu {
  display: flex;
  justify-content: flex-end;
}
.primary-menu .sub-menu {
  position: absolute;
  left: 0;
  display: none;
  background: #fff;
  z-index: 9999;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;
}
.primary-menu li:hover > .sub-menu {
  display: flex;
  pointer-events: auto;
}
.primary-menu .sub-menu > li > .sub-menu {
  top: calc(100% + 1rem);
  left: 0;
}
.primary-menu .sub-menu {
  min-width: max-content;
  background: #f0f0f0;
  pointer-events: none;
  top: unset;
}
#csiMenuWrapper .primary-menu ul ul,
#csiMenuWrapper-secondary .primary-menu ul ul {
  top: unset;
  /* background: #E4E4E4; */
  border-top: none !important;
}
#csiMenuWrapper .primary-menu ul a,
#csiMenuWrapper-secondary .primary-menu ul a {
  color: var(--tertiary-color);
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover),
.csi-header:has(.primary-menu:hover) {
  background: white;
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover) .logo-text,
.csi-header:has(.primary-menu:hover) .logo-text {
  filter: invert(1);
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover)
  #csiMenuWrapper
  .primary-menu
  a,
.csi-header:has(.primary-menu li.menu-item-has-children:hover)
  #csiMenuWrapper-secondary
  .primary-menu
  a,
.csi-header:has(.primary-menu:hover) #csiMenuWrapper .primary-menu a {
  color: var(--tertiary-color);
}
.primary-menu-wrapper:has(.primary-menu:hover)
  ul:not(.sub-menu)
  li.menu-item-has-children
  a:after {
  color: var(--tertiary-color);
}
#csiMenuWrapper .primary-menu li.menu-item-has-children:hover > ul,
#csiMenuWrapper .primary-menu li.menu-item-has-children:focus > ul,
#csiMenuWrapper .primary-menu li.menu-item-has-children.focus > ul,
#csiMenuWrapper-secondary .primary-menu li.menu-item-has-children:hover > ul,
#csiMenuWrapper-secondary .primary-menu li.menu-item-has-children:focus > ul,
#csiMenuWrapper-secondary .primary-menu li.menu-item-has-children.focus > ul {
  top: unset;
  box-shadow: none;
  border-top: 20px solid white;
}
.primary-menu > li > .sub-menu > li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover)
  .fdic-wrapper
  .fdic-notice,
.csi-header:has(.primary-menu:hover) .fdic-wrapper .fdic-notice {
  color: black;
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover)
  .fdic-wrapper
  .fdic-notice
  svg
  .cls-1,
.csi-header:has(.primary-menu:hover) .fdic-wrapper .fdic-notice svg .cls-1 {
  fill: black !important;
}
.fdic-wrapper {
  padding-bottom: 1rem;
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover) .csi-nav button,
.csi-header:has(.primary-menu li.menu-item-has-children:hover) .navbar-brand {
  position: relative;
  z-index: 999;
}
.csi-ib .modal-content {
  border-radius: 5px;
  box-shadow: 4px 4px 14px 0 rgba(3, 21, 43, 0.35);
}
#csiMenuWrapper .menu-modal-inner,
#csiMenuWrapper-secondary .menu-modal-inner {
  background: var(--text-color);
}

/* SECTION ONE
-------------------------------------------------------------------------------------- */
.section-one {
  padding-inline: 1rem;
  padding-block: 2rem;
}
.section-one.teal {
  background: var(--accent-color);
}
.section-one.gold {
  background: var(--secondary-color);
}
.section-one.dark-blue {
  background: var(--tertiary-color);
}
.section-one h3 {
  font-weight: 700;
}
.section-one p {
  font-size: 1.125rem;
}
.section-one .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 3rem;
}
.section-one .image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-one .image img {
  max-width: 100%;
  width: 560px;
  margin-bottom: -20%;
}
.section-one .content a {
  max-width: fit-content;
}

/* SECTION TWO
-------------------------------------------------------------------------------------- */
.section-two {
  margin-block: 8rem 12rem;
}
.section-two h2 {
  font-weight: 700;
  margin-bottom: 3rem;
}
.section-two .first-row {
  margin-bottom: 10rem;
}
.section-two .first-row .img-wrapper {
  box-shadow: 22px 22px var(--tertiary-color);
}
.section-two img {
  box-shadow: 4px 4px 14px 0 rgba(3, 21, 43, 0.35);
  border-radius: 5px;
  max-height: 370px;
  object-fit: cover;
  width: 100%;
}
.section-two .second-row .img-wrapper {
  box-shadow: -22px 22px var(--primary-color);
}
.section-two .text-content {
  max-width: 500px;
  margin: auto;
}
.section-two h4 {
  font-size: 2.375rem;
}

/* SECTION THREE
-------------------------------------------------------------------------------------- */
.section-three {
  margin-bottom: 10rem;
}
.section-three.dark-blue {
  background: var(--tertiary-color);
}
.section-three.teal {
  background: var(--accent-color);
}
.section-three.gold {
  background: var(--secondary-color);
}
.section-three img {
  transform: rotate(3.672deg);
  border-radius: 5px;
  box-shadow: 4px 4px 14px 0 rgba(3, 21, 43, 0.35);
  object-fit: cover;
}
.section-three a {
  max-width: fit-content;
}
.section-three p {
  font-size: 1.25rem;
}

/* SECTION FOUR
-------------------------------------------------------------------------------------- */
.grid-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.grid-item {
  min-height: 270px;
  display: flex;
  align-items: flex-end;
  padding: 1rem;
}
.grid-item:first-child {
  display: flex;
  align-items: center;
  background: var(--accent-color);
  color: var(--text-color);
  padding-inline: 1rem;
  align-items: center;
  justify-content: center;
}
.grid-item:first-child h3 {
  color: var(--text-color);
}
.grid-item:nth-child(2) {
  grid-column: span 2;
}
.grid-item:nth-child(6) {
  grid-column: span 2;
}

/* FOOTER BANNER
-------------------------------------------------------------------------------------- */
.footer-banner {
  background: #dac055;
  margin-top: 10rem;
}
/* .footer-banner h3 {
  font-family: var(--secondary-font);
} */
.footer-banner.dark-blue {
  background: var(--tertiary-color);
}
.footer-banner.teal {
  background: var(--accent-color);
}
.footer-banner.dark-blue a.csi-btn {
  background: var(--secondary-color);
  color: var(--text-color);
  border-color: var(--secondary-color);
}
.footer-banner.dark-blue a.csi-btn:hover,
.footer-banner.dark-blue a.csi-btn:focus {
  background: white;
}
.footer-banner a.csi-btn {
  background: var(--tertiary-color);
  color: white;
  border-color: var(--tertiary-color);
}
.footer-banner a.csi-btn:hover,
.footer-banner a.csi-btn:focus {
  background: white;
  color: var(--tertiary-color);
  text-decoration: none;
}
.footer-banner .content-col {
  padding-block: 4rem;
}
.footer-banner .content-col a {
  max-width: fit-content;
}
.footer-banner .img-col {
  display: flex;
  justify-content: flex-end;
}

/* FOOTER
-------------------------------------------------------------------------------------- */
footer {
  background: white;
  margin-top: 0;
  padding-bottom: 1%;
}
footer a,
footer p {
  color: var(--tertiary-color);
}
footer .social-col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
footer .social-col svg path {
  fill: #0d417f;
}
footer .copyright-col {
  justify-content: flex-start;
  display: flex;
  align-items: center;
}
footer svg {
  margin: unset;
  margin-left: 1rem;
}

/* ACCORDIONS
-------------------------------------------------------------------------------------- */
.csi-defaultAccordion a,
.inside-panel-group > .panel > a {
  background: var(--tertiary-color);
}
section.blue .csi-defaultAccordion a,
section.blue .inside-panel-group > .panel > a {
  background: var(--secondary-color);
}
section.blue .inside-panel-collapse .panel-body,
section.blue .csi-defaultAccordion .panel-body,
section.teal .inside-panel-collapse .panel-body,
section.teal .csi-defaultAccordion .panel-body,
section.gold .inside-panel-collapse .panel-body,
section.gold .csi-defaultAccordion .panel-body {
  background: white;
}
.csi-defaultAccordion a h5,
.inside-panel-group > .panel > a h5 {
  color: white;
}
.inside-panel-group {
  margin-bottom: 1rem;
}
.panel-default {
  border: 1px solid var(--tertiary-color);
  border-top: 9px solid var(--tertiary-color);
  border-radius: 8px;
}
.csi-productAccordion {
  border: none;
  border-radius: none;
  img {
    height: 100%;
  }
}
.csi-productAccordion .panel-heading {
  border-bottom: 1px solid var(--secondary-color);
  border-radius: 0;
  background: white;
}
.csi-productAccordion .panel-body,
.csi-productAccordion .panel-heading {
  background: white;
  border-radius: 0;
}
.inside-panel-collapse .panel-body,
.csi-defaultAccordion .panel-body {
  border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  border-color: var(--tertiary-color);
}
.csi-defaultAccordion a,
.inside-panel-group > .panel > a {
  border: none;
  margin-bottom: 0;
  border-radius: 8px;
}
.csi-defaultAccordion a:hover,
.csi-defaultAccordion a:focus,
.inside-panel-group > .panel > a:hover,
.inside-panel-group > .panel > a:focus {
  background: var(--secondary-color);
  color: var(--text-color);
  border: none;
  text-decoration: none;
}
.csi-defaultAccordion .panel-default,
.inside-panel-group .panel-default,
.inside-panel-group a[aria-expanded="true"],
.csi-defaultAccordion a[aria-expanded="true"] {
  /* border-top: 1px solid var(--tertiary-color);
  border-color: var(--tertiary-color); */
  border: none;
}
.csi-defaultAccordion a:hover h5,
.csi-defaultAccordion a:focus h5,
.inside-panel-group > .panel > a:hover h5,
.inside-panel-group > .panel > a:focus h5 {
  text-decoration: none;
  color: var(--text-color);
}
.csi-defaultAccordion a[aria-expanded="true"] {
  border-radius: 8px 8px 0px 0px !important;
}
.inside-panel-group a[aria-expanded="true"],
.csi-defaultAccordion a[aria-expanded="true"] {
  border-bottom: 1px solid var(--secondary-color);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.csi-productAccordion .panel-title {
  font-size: 2.625rem;
}
.csi-productAccordion .panel-teaser p {
  font-size: 1.25rem;
}
.content-products .product-accordion {
  margin-bottom: 1rem;
}


/* CARDS
-------------------------------------------------------------------------------------- */
.csi_cards {
  margin-bottom: 0.5rem;
}
.csi_cards .card.teal {
  border-color: var(--primary-color);
}
.csi_cards .card.gold {
  border-color: var(--secondary-color);
}
.csi_cards .card.navy {
  border-color: var(--tertiary-color);
}
.csi_cards .card {
  border-top-width: 9px;
  border-radius: 5px;
  text-align: left;
  padding: 2rem;
  margin-inline: 0;
}
.csi_cards .card-icon {
  margin: unset;
  padding-top: 0;
}
.csi_cards .card.flip-card .card-icon {
  margin: 0 auto;
}
.csi_cards .card.flip-card {
  text-align: center;
}
.csi_cards .card.flip-card:has(.flip-card-link:hover) {
  background: var(--secondary-color);
  border-top-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.csi_cards .card-body {
  margin-top: 0;
}
.csi_cards .flip-card-link,
.csi_cards .flip-card .flip-card-link:hover .link-inner,
.csi_cards .flip-card .flip-card-link:focus .link-inner,
.csi_cards .flip-card .flip-card-link .link-inner:focus-within {
  height: 100%;
}
.csi_cards.card-deck.col-xl-4.col-md-6:only-child {
  flex: 0 0 100%;
  max-width: 100%;
}
.csi_cards .link-back {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card-deck {
  margin-inline: 0;
}
.standard-section:has(.cardSection) .row .col-md-6:only-child {
  min-width: 100%;
  flex: 0 0 100%;
}
.cardSection .row:has(.col-xl-4:first-child:nth-last-child(2)) .col-xl-4 {
  flex: 0 0 50%;
  max-width: 50%;
}
.card-icon {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
}
.highlight-text {
  display: flex;
  font-weight: 700;
  color: var(--text-color);
  justify-content: flex-end;
}
.csi_cards .card-content {
  display: flex;
  flex-direction: column;
}
/* .csi_cards .card.card-image .card-content {
  margin-top: auto;
} */

/* TABS
-------------------------------------------------------------------------------------- */
.tab-pane {
  border: none;
  padding: 1.75rem;
}
.nav-tabs {
  border-color: var(--secondary-color);
}
.nav-tabs .nav-link {
  border-color: var(--secondary-color);
  color: var(--text-color);
  margin-right: 0.25rem;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: var(--secondary-color);
  background: var(--secondary-color);
  color: var(--text-color);
}

/* TABLES
-------------------------------------------------------------------------------------- */
.page-template-page-privacy-policy .table th {
  background: none;
  font-size: 1rem;
  text-align: left;
}
.page-template-page-privacy-policy .table tr td:first-child {
  font-weight: 400;
}
.page-template-page-privacy-policy .table td,
.page-template-page-privacy-policy .table th,
.page-template-page-privacy-policy .table thead th {
  border: 1px solid #dee2e6;
}
.table td,
.table th,
.table thead th {
  border: none;
}
.page-template-page-privacy-policy .table-striped tbody tr:nth-of-type(even) {
  background: white;
}
.page-template-page-privacy-policy .table-striped tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}
.page-template-page-privacy-policy .table td {
  font-size: 1rem;
  padding: 0.75rem;
  vertical-align: top;
}
.table th {
  background: var(--accent-color);
  color: var(--text-color);
  font-size: 1.25rem;
  font-family: var(--primary-font);
  text-align: center;
}
.table td {
  font-size: 1.125rem;
  padding-block: 1.5rem;
}
.table th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.table th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.table tr td:not(:first-child) {
  text-align: center;
  vertical-align: middle;
}
.table tr td:first-child {
  font-weight: 700;
  padding-left: 1rem;
  vertical-align: middle;
}
.table i {
  /* font-size: 2rem; */
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: white;
}
.table tr td:last-child {
  text-align: left;
}
.table-striped tbody tr:nth-of-type(even) {
  background: rgba(0, 142, 166, 0.06);
}

/* CUSTOM COMPONENTS
-------------------------------------------------------------------------------------- */
.image-gallery {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
.image-gallery .gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 0.5rem;
  grid-auto-flow: column;
  height: 400px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.image-gallery-pause {
  background: none;
  border: none;
  font-weight: 700;
  color: var(--tertiary-color);
  float: right;
  margin-right: 5%;
  margin-top: 1rem;
}
.image-gallery-pause:hover,
.image-gallery-pause:focus {
  text-decoration: underline;
}
.image-gallery .gallery-wrapper::-webkit-scrollbar {
  display: none;
}

.image-gallery .img-wrapper:nth-child(3n + 1) {
  grid-row: span 2;
  height: 100%;
  object-fit: cover;
}
.image-gallery .img-wrapper {
  min-width: 300px;
  object-fit: cover;
  height: 100%;
}
.teal-banner a.csi-btn,
.image-banner a.csi-btn {
  margin-bottom: 0.5rem;
}
.teal-banner,
.image-banner.full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  background: var(--accent-color);
  margin-block: 2rem;
}
.teal-banner.dark-blue {
  background: var(--tertiary-color);
}
.teal-banner.dark-blue .content {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  li,
  ol,
  a:not(.csi-btn) {
    color: white;
  }
}
.teal-banner.gold {
  background: var(--secondary-color);
}
.image-banner.full-width {
  padding-block: 2rem;
}
.teal-banner .img-col {
  min-height: 450px;
  position: relative;
}
.teal-banner .img-col:before {
  content: "";
  position: absolute;
  left: -3px;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, #6bb9b5 0%, rgba(107, 185, 181, 0) 100%);
}
.teal-banner .img-col:after {
  content: "";
  position: absolute;
  right: -3px;
  width: 150px;
  height: 100%;
  background: linear-gradient(270deg, #6bb9b5 0%, rgba(107, 185, 181, 0) 100%);
}
.teal-banner.dark-blue .img-col:before {
  background: linear-gradient(
    90deg,
    var(--tertiary-color) 0%,
    rgba(107, 185, 181, 0) 100%
  );
}
.teal-banner.dark-blue .img-col:after {
  background: linear-gradient(
    270deg,
    var(--tertiary-color) 0%,
    rgba(107, 185, 181, 0) 100%
  );
}
.teal-banner.gold .img-col:before {
  background: linear-gradient(
    90deg,
    var(--secondary-color) 0%,
    rgba(107, 185, 181, 0) 100%
  );
}
.teal-banner.gold .img-col:after {
  background: linear-gradient(
    270deg,
    var(--secondary-color) 0%,
    rgba(107, 185, 181, 0) 100%
  );
}
.teal-banner .content-col {
  padding-inline: 3rem;
}
.teal-banner .content {
  max-width: 450px;
  margin: auto;
  padding-block: 2rem;
}
.teal-banner .content p {
  font-size: 1.25rem;
}
.teal-banner a.csi-btn:hover,
.teal-banner a.csi-btn:focus {
  background: transparent;
}
.image-banner {
  position: relative;
  padding-block: 3.8rem;
}
.image-banner.overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 22, 48, 0.8);
  border-radius: 5px;
}
.image-banner.container-width {
  border-radius: 5px;
}
.image-card {
  position: relative;
  border-radius: 5px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 400px;
}
.image-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  background: rgba(1, 32, 68, 0.82);
}
.image-card .image-card-content {
  position: relative;
  color: white;
}
.image-card .image-card-content a {
  text-decoration: underline;
  color: white;
}
.image-card .image-card-content h5,
.image-card .image-card-content p {
  color: white;
}
.image-card .image-card-content a:hover,
.image-card .image-card-content a:focus {
  text-decoration: none;
}
.gradient-image-cards .col-md-4 {
  padding-inline: 0.5rem;
}
.gradient-image-cards .csi-container1400,
.cardSection .csi-container1600 {
  padding-inline: 0;
}
.carousel-slider .testimonial-item:has(.sr-only):before {
  background: none;
}
.carousel-slider .testimonial {
  min-height: 450px;
  border-radius: 5px;
}
.carousel-slider .testimonial-item:not(.active) {
  opacity: 1;
}
.testimonial-inner .carousel-control-next,
.testimonial-inner .carousel-control-prev {
  position: relative;
}
.carousel-slider .carousel-item.testimonial-item {
  border: none;
  transform: none;
  border-radius: 5px;
  opacity: 1;
}
.carousel-slider .testimonial-item p {
  text-align: left;
  font-size: 1.325rem;
  font-weight: 700;
  margin-top: 0.5rem;
  font-family: var(--primary-font);
  color: var(--tertiary-color);
}
.carousel-slider .testimonial-footer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.carousel-slider .testimonial-footer i {
  color: var(--tertiary-color);
  font-size: 1.25rem;
}
.carousel-slider .testimonial-footer .control-wrapper {
  gap: 2rem;
}
.carousel-slider .carousel-item.testimonial-item {
  float: unset;
  width: unset;
  margin-inline: 1vw;
  display: block;
}

/* ANIMATIONS
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .animation-flip-up.in-view {
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transform: perspective(2500px) rotateX(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property:
      transform,
      -webkit-transform;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .animation-flip-up {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg);
  }
  .animation-slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .csi-banner-custom p.animation-slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .animation-slide-left {
    opacity: 0;
    -moz-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -webkit-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -o-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
  }
  .animation-slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .animation-slide-right {
    opacity: 0;
    -moz-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -webkit-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -o-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
  }
  .animation-zoom-in.in-view {
    animation-fill-mode: both;
    animation-duration: 2s;
    animation-name: zoomIn;
    transition-timing-function: ease;
  }
  .animate.animation-slide-right:has(.teal-banner),
  .animate.animation-slide-left:has(.teal-banner),
  .animate.animation-slide-right:has(.image-banner),
  .animate.animation-slide-left:has(.image-banner) {
    transform: none;
    transition: none;
  }
  .animate.animation-slide-right:has(.teal-banner) .content-col,
  .animate.animation-slide-left:has(.teal-banner) .content-col,
  .animate.animation-slide-right:has(.image-banner) .row {
    opacity: 0;
    -moz-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -webkit-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -o-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
    transition-timing-function: ease;
  }
  .animate.animation-slide-right:has(.teal-banner).in-view .content-col,
  .animate.animation-slide-left:has(.teal-banner).in-view .content-col,
  .animate.animation-slide-right:has(.image-banner).in-view .row,
  .animate.animation-slide-left:has(.image-banner).in-view .row {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .animate.animation-slide-right:has(.teal-banner) .img-col,
  .animate.animation-slide-left:has(.teal-banner) .img-col,
  .animate.animation-slide-left:has(.image-banner) .row {
    opacity: 0;
    -moz-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -webkit-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -o-transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    transition:
      opacity 1.2s ease,
      transform 1.2s ease;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
    transition-timing-function: ease;
  }

  .cardSection.in-view .csi_cards {
    animation-name: zoomIn;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-timing-function: ease;
  }
  .cardSection.in-view .csi_cards:nth-child(1),
  .animate:has(.background-card-wrapper):nth-child(1) {
    animation-delay: 0s;
  }
  .cardSection.in-view .csi_cards:nth-child(2),
  .animate:has(.background-card-wrapper):nth-child(3) {
    animation-delay: 0.5s;
  }
  .cardSection.in-view .csi_cards:nth-child(3),
  .animate:has(.background-card-wrapper):nth-child(3) {
    animation-delay: 0.8s;
  }
  .section-four {
    .grid-wrapper {
      .grid-item:nth-child(1) {
        animation-delay: 0.3s;
      }
      .grid-item:nth-child(2) {
        animation-delay: 0.5s;
      }
      .grid-item:nth-child(3) {
        animation-delay: 0.7s;
      }
      .grid-item:nth-child(4) {
        animation-delay: 0.9s;
      }
      .grid-item:nth-child(5) {
        animation-delay: 1.1s;
      }
      .grid-item:nth-child(6) {
        animation-delay: 1.3s;
      }
    }
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
    transition-timing-function: ease;
  }
  60% {
    opacity: 1;
  }
}
.form-wrapper {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  padding-block: 2rem;
}
.form-wrapper.teal {
  background: var(--accent-color);
}
.form-wrapper.dark-blue {
  background: var(--tertiary-color);
}
.form-wrapper.gold {
  background: var(--secondary-color);
}
form label,
form select,
form input,
form textarea {
  width: 100%;
  border-radius: 8px;
}
form label {
  font-weight: 700;
}
form select,
form input,
form textarea {
  border-radius: 8px;
  min-height: 40px;
  border: 1px solid gray;
}
form input[type="submit"] {
  max-width: fit-content;
  background: var(--secondary-color);
  color: var(--text-color);
  border: 1px solid var(--secondary-color);
  padding: 0.25rem 2rem;
  font-weight: 700;
}
.form-wrapper.gold form input[type="submit"] {
  max-width: fit-content;
  background: var(--tertiary-color);
  color: white;
  border: 1px solid var(--tertiary-color);
  padding: 0.25rem 2rem;
  font-weight: 700;
}
.form-wrapper.gold form input[type="submit"]:hover,
.form-wrapper.gold form input[type="submit"]:focus {
  background: white;
  color: var(--text-color);
}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
  background: white;
}
.location-wrapper,
.background-card-wrapper {
  margin-bottom: 3rem;
  padding: 1rem;
  background: white;
  box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  position: relative;
  border-top: 5px solid var(--secondary-color);
  height: 100%;
}
.background-card-wrapper {
  margin-bottom: 0;
}
.col-md-6:has(.background-card-wrapper) {
  display: flex;
  margin-bottom: 2rem;
}
.acf-map {
  border: none;
  border-radius: 5px;
}
.background-card-wrapper.teal {
  border-top: 5px solid var(--primary-color);
}
.background-card-wrapper.gold {
  border-top: 5px solid var(--secondary-color);
}
.background-card-wrapper.navy {
  border-top: 5px solid var(--tertiary-color);
}
.location-wrapper:before,
.background-card-wrapper:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  /* background: rgba(0, 142, 166, 0.06); */
}
.location-image,
.background-card-wrapper .background-img {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 5px;
  opacity: 0.1;
  left: 0;
  top: 0;
}
hr {
  border-top: 3px solid var(--secondary-color);
}
.location-body {
  position: relative;
  z-index: 2;
}
.ui-dialog.ui-widget-content {
  background: white;
  border-radius: 5px;
  border-top: 5px solid var(--primary-color);
}
.ui-dialog.ui-widget-content .ui-dialog-content h2,
.ui-dialog.ui-widget-content .ui-dialog-content p {
  color: var(--tertiary-color);
}
.ui-dialog.ui-widget-content button {
  background: white;
  color: var(--tertiary-color);
  border: 1px solid var(--tertiary-color);
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
  color: var(--tertiary-color);
}
.ui-dialog.ui-widget-content .ui-widget-header .ui-icon:before,
.ui-dialog.ui-widget-content .ui-widget-header .ui-icon:after {
  background: var(--tertiary-color);
}
.primary-menu-wrapper ul:not(.sub-menu) li.menu-item-has-children a {
  position: relative;
}
.primary-menu-wrapper ul:not(.sub-menu) li.menu-item-has-children a:after {
  content: "\f105";
  font-family: "font awesome 6 free";
  font-weight: 900;
  position: absolute;
  right: 0;
  color: white;
}
.primary-menu-wrapper ul.sub-menu li a:after {
  content: none !important;
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover)
  .primary-menu-wrapper
  ul.sub-menu
  li
  a:after,
.csi-header:has(.primary-menu li.menu-item-has-children:focus)
  .primary-menu-wrapper
  ul.sub-menu
  li
  a:after {
  color: var(--tertiary-color);
}
.csi-header:has(.primary-menu li.menu-item-has-children:hover)
  .primary-menu-wrapper
  ul:not(.sub-menu)
  li.menu-item-has-children
  a:after,
.csi-header:has(.primary-menu li.menu-item-has-children:focus)
  .primary-menu-wrapper
  ul:not(.sub-menu)
  li.menu-item-has-children
  a:after {
  color: var(--tertiary-color);
}
.primary-menu-wrapper ul li.menu-item-has-children:hover > a:after,
.primary-menu-wrapper ul li.menu-item-has-children:focus > a:after {
  transform: rotate(90deg);
}
section:has(.timeline-one-wrapper) {
  margin-top: 3rem;
}
.timeline-layout-one.timeline-carousel .carousel-indicators li.active {
  background-color: var(--secondary-color);
  height: 27px;
  width: 27px;
}
section:has(.timeline-one-wrapper) h4 {
  color: white;
}
.timeline-layout-one.timeline-carousel .carousel-item .content {
  font-size: 1.25rem;
  border-radius: 5px;
}
.primary-menu ul.sub-menu:before {
  position: absolute;
  background: #f0f0f0;
  left: 0 !important;
  bottom: 0;
  transform: translateX(-50%);
  width: 100vw;
  height: 100% !important;
  content: "";
  left: 50% !important;
}
#csiMenuWrapper .primary-menu ul,
#csiMenuWrapper-secondary .primary-menu ul {
  max-width: 1600px;
  margin: auto;
  width: 100%;
  padding-right: 2rem;
}
#csiMenuWrapper .primary-menu ul li.menu-item-has-children:hover > ul,
#csiMenuWrapper .primary-menu ul li.menu-item-has-children:focus > ul,
#csiMenuWrapper .primary-menu ul li.menu-item-has-children.focus > ul,
#csiMenuWrapper-secondary .primary-menu ul li.menu-item-has-children:hover > ul,
#csiMenuWrapper-secondary .primary-menu ul li.menu-item-has-children:focus > ul,
#csiMenuWrapper-secondary
  .primary-menu
  ul
  li.menu-item-has-children.focus
  > ul {
  right: unset !important;
}
#csiMenuWrapper .primary-menu ul ul:before,
#csiMenuWrapper-secondary .primary-menu ul ul:before {
  background: #e4e4e4;
}
#csiMenuWrapper .primary-menu ul li.menu-item-has-children > a,
#csiMenuWrapper-secondary .primary-menu ul li.menu-item-has-children > a {
  margin-right: unset !important;
}
#csiMenuWrapper .primary-menu ul a,
#csiMenuWrapper-secondary .primary-menu ul a,
#csiMenuWrapper .primary-menu ul li.menu-item-has-children > a,
#csiMenuWrapper-secondary .primary-menu ul li.menu-item-has-children > a {
  padding: 0.75rem 1.5rem !important;
}
.block-carousel-item:nth-child(even) {
  top: 0;
  position: relative;
}
.carousel-block .block-carousel-item {
  min-height: 400px;
  margin-right: 0;
  display: flex;
  padding: 0 0.5rem;
}
.carousel-block .block-carousel-item {
  min-height: 400px;
  margin-right: 0;
  display: flex;
  padding: 0 0.5rem;
}
.block-carousel .block-carousel-item {
  scroll-snap-align: start;
  list-style: none;
}
.carousel-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-carousel-wrapper {
  width: 100%;
  margin-block: 2rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.block-carousel {
  grid-auto-columns: calc((100% / 2) - 10px);
  /* margin-bottom: -56px; */
  padding-bottom: 56px;
}
.block-carousel .block-carousel-item {
  scroll-snap-align: start;
  list-style: none;
}
.carousel-item-bg {
  /* box-shadow: 0px 11px 27px #00000021; */
  border-radius: 5px;
  width: 100%;
  position: absolute;
  height: 100%;
}
.carousel-block .carousel-item-inside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}
.block-carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 12px);
  gap: 16px;
  padding: 0;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: 0;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.block-carousel-wrapper::-webkit-scrollbar {
  display: none;
}
.carousel-block button {
  width: 44px;
  height: 44px;
  background: none;
  border-radius: 10px;
  border: none;
  /* margin-top: 1rem; */
}
.carousel-block button i {
  color: var(--tertiary-color);
}
.block-carousel-controls {
  display: flex;
  justify-content: flex-end;
}
.error404 .csi-banner-custom {
  min-height: 300px;
  background: var(--tertiary-color);
}
.error404 .tagline {
  margin-top: 2rem;
}

.content-questions {
  .answer-button-wrapper {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
  }
  .answer {
    background: var(--tertiary-color);
    color: white;
    border: 1px solid var(--tertiary-color);
  }
  .answer:hover, .answer:focus {
    background: white;
    color: var(--text-color);
  }
  padding: 2rem;
  .question {
    text-align: center;
    form {
      font-size: 1.25rem;
      font-weight: 500;
      input {
        min-height: unset;
        width: 2rem;
      }
    }
    h5 {
      font-family: var(--secondary-font);
    }
  }
}
.content-section.content-questions {
  background: var(--secondary-color);
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  margin-block: 2rem 4rem;
}
.product-picker-accordion {
  .panel-title {
    color: var(--tertiary-color);
  }
  .panel-body, .panel-heading {
    border-radius: 8px;
  }
  .panel-default:has(.show) .panel-heading {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .col-xl-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    a {
      width: 100%;
    }
  }
  .panel-teaser {
    font-size: 1.25rem;
  }
  .panel-body {
    tr td:last-child {
      text-align: right;
    }
    td {
      padding-block: .5rem;
      font-size: 1rem;
    }
  }
}
.start-over {
  margin-top: 1rem;
  padding-bottom: 0;
  margin-bottom: 0;
  text-decoration: underline;
  text-align: center;
}
.recommendation-heading {
  display: none;
}
#start-over:hover, #start-over:focus {
  text-decoration: none;
}
.recommendation-heading {
  font-family: var(--primary-font);
  text-align: center;
}
.question-row {
    display: flex;
    flex-direction: column-reverse;
}
.scrollUpBtn {
  animation: fadeInLeft 5000ms ease-in-out;
  float: right;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  border: none;
  position: fixed;
  bottom: 125px;
  right: 0;
  z-index: 99;
  font-size: 1rem;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: .75rem;
}