/* @import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap); */

/*! 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
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

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: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[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
}

template {
  display: none
}

[hidden] {
  display: none
}

body,
html {
  font-family: "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  scroll-behavior: smooth
}

#body-wrapper {
  margin: 0 auto
}

.ib {
  display: inline-block
}

.container-responsive {
  width: 100%;
  max-width: 68.75rem;
  margin-inline: auto
}

h1 {
  margin-top: 0
}

#main-content section,
#page-footer {
  padding: 5rem
}

@media (max-width:991px) {

  #main-content section,
  #page-footer {
    padding: 4rem
  }
}

@media (max-width:767px) {

  #main-content section,
  #page-footer {
    padding: 2.5rem
  }
}

@media (max-width:576px) {

  #main-content section,
  #page-footer {
    padding: 2rem
  }
}

a {
  color: inherit;
  transition: color .2s
}

a:hover {
  text-decoration: none;
  color: #007b41
}

p {
  font-size: inherit
}

p a {
  font-weight: bolder;
  color: #007b41
}

p a:hover {
  text-decoration: underline
}

hr {
  margin-block: 2rem
}

img {
  max-width: 100%;
  height: auto
}

.serif {
  font-family: Georgia, serif
}

.sans {
  font-family: "Arial", sans-serif
}

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px
}

.header__skip:active,
.header__skip:focus,
.header__skip:hover {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto
}

.fill-left,
.fill-right {
  position: relative
}

.fill-left:before,
.fill-right:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50vw;
  background: inherit
}

.fill-right:after {
  left: 100%
}

.fill-left:before {
  right: 100%
}

#body-wrapper .btn,
#body-wrapper .hs-button,
#body-wrapper .tab-button {
  font-size: 1rem;
  border-radius: 999rem;
  padding: .95em 1.25em;
  line-height: 1.25em;
  letter-spacing: .02em;
  box-shadow: none;
  font-family: "Arial", sans-serif;
  font-weight: 800;
  border: .125rem solid transparent;
  background-clip: border-box;
  will-change: transform;
  transition: background-color 1s cubic-bezier(.19, 1, .12, 1), border-color 1s cubic-bezier(.19, 1, .12, 1), box-shadow 1s cubic-bezier(.19, 1, .12, 1), color 1s cubic-bezier(.19, 1, .12, 1), transform 1s cubic-bezier(.19, 1, .12, 1);
  text-transform: uppercase;
  background-color: #01173f;
  border-color: #fff;
  color: #fff
}

#body-wrapper .btn:hover,
#body-wrapper .hs-button:hover,
#body-wrapper .tab-button:hover {
  transform: translatey(-.125rem);
  box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1)
}

#body-wrapper .btn:hover,
#body-wrapper .hs-button:hover,
#body-wrapper .tab-button:hover {
  background-color: #fff;
  border-color: #01173f;
  color: #01173f
}

#body-wrapper .btn.btn-white,
#body-wrapper .hs-button.btn-white,
#body-wrapper .tab-button.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: #007b41;
  font-weight: 700
}

#body-wrapper .btn.btn-white:hover,
#body-wrapper .hs-button.btn-white:hover,
#body-wrapper .tab-button.btn-white:hover {
  background-color: #007b41;
  border-color: #fff;
  color: #fff
}

#body-wrapper .btn.btn-outline,
#body-wrapper .hs-button.btn-outline,
#body-wrapper .tab-button.btn-outline {
  background-color: #fff;
  border-color: #01173f;
  color: #01173f
}

#body-wrapper .btn.btn-outline:hover,
#body-wrapper .hs-button.btn-outline:hover,
#body-wrapper .tab-button.btn-outline:hover {
  background-color: #01173f;
  border-color: transparent;
  color: #fff
}

#body-wrapper .btn.btn-white-navy,
#body-wrapper .hs-button.btn-white-navy,
#body-wrapper .tab-button.btn-white-navy {
  background-color: #fff;
  border-color: #fff;
  color: #01173f
}

#body-wrapper .btn.btn-white-navy:hover,
#body-wrapper .hs-button.btn-white-navy:hover,
#body-wrapper .tab-button.btn-white-navy:hover {
  background-color: #01173f;
  border-color: #fff;
  color: #fff
}

#body-wrapper .btn.btn-gradient,
#body-wrapper .hs-button.btn-gradient,
#body-wrapper .tab-button.btn-gradient {
  background: linear-gradient(255deg, #01173f -33.06%, #007b41 57.63%);
  background-size: 200% 100%;
  background-position: 65% 0;
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent;
  color: #fff;
  transition: background-position .5s ease
}

#body-wrapper .btn.btn-gradient:hover,
#body-wrapper .hs-button.btn-gradient:hover,
#body-wrapper .tab-button.btn-gradient:hover {
  background-position: 100% 0
}

.navbar-toggler {
  padding: .75rem .531rem !important;
  transition: background .2s;
  background: 0 0 !important;
  border-radius: 0;
  border: 0 !important
}

.burger-icon {
  position: relative;
  margin-top: .4375rem;
  margin-bottom: .4375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.burger-icon,
.burger-icon::after,
.burger-icon::before {
  display: block;
  width: 1.5rem;
  height: .125rem;
  background-color: #fff;
  outline: 1px solid transparent;
  border-radius: .625rem;
  transition-property: background-color, transform;
  transition-duration: .3s
}

.burger-icon::after,
.burger-icon::before {
  position: absolute;
  content: ""
}

.burger-icon::before {
  top: -.4375rem
}

.burger-icon::after {
  top: .4375rem
}

.navbar-toggler:not(.collapsed) .burger-icon {
  position: relative;
  margin-top: .4375rem;
  margin-bottom: .4375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.navbar-toggler:not(.collapsed) .burger-icon,
.navbar-toggler:not(.collapsed) .burger-icon::after,
.navbar-toggler:not(.collapsed) .burger-icon::before {
  display: block;
  width: 1.5rem;
  height: .125rem;
  background-color: #fff;
  outline: 1px solid transparent;
  border-radius: .625rem;
  transition-property: background-color, transform;
  transition-duration: .3s
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler:not(.collapsed) .burger-icon::after,
.navbar-toggler:not(.collapsed) .burger-icon::before {
  position: absolute;
  content: ""
}

.navbar-toggler:not(.collapsed) .burger-icon::before {
  top: -.4375rem
}

.navbar-toggler:not(.collapsed) .burger-icon::after {
  top: .4375rem
}

.navbar-toggler:not(.collapsed) .burger-icon {
  background-color: transparent
}

.navbar-toggler:not(.collapsed) .burger-icon::before {
  transform: translateY(.4375rem) rotate(45deg)
}

.navbar-toggler:not(.collapsed) .burger-icon::after {
  transform: translateY(-.4375rem) rotate(-45deg)
}

#page-header {
    background: #00304b;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    min-height: 127px;
    display: flex;
    align-items: center;
    padding-inline: 2rem;
}

.navbar {
    background: #00304b;
}

.navbar>.container-responsive {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 68.75rem
}

.navbar .navbar-brand {
    padding: 0;
    margin: 0
}

.navbar .logo {
    width: 100%;
    height: auto
}

.navbar .navbar-nav {
    margin-inline-start: auto
}

.navbar .dropdown {
    position: relative
}

.navbar #primary-nav {
    align-items: center;
    justify-content: space-between
}

.navbar #primary-nav .nav-link:not(.btn) {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

.navbar #primary-nav .nav-link:not(.btn):hover {
    color: #619e35
}
#body-wrapper #page-header .navcontact {
    border: 2px solid #97BF7A;
    border-radius: 100px;
    width: 78px;
    padding: 10px 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

@media screen and (max-width:991px) {
    #body-wrapper #page-header .navcontact {
        margin-bottom: 10px
    }
}

#body-wrapper #page-header .navcontact:hover,
#body-wrapper #page-header .navlogin:hover {
    background: #619e35;
    color: #fff;
    border: 2px solid #619E35;
    transition: transform .3s ease-out
}

#body-wrapper #page-header .navlogin {
    border: 2px solid #97BF7A;
    background: #97bf7a;
    border-radius: 100px;
    width: 78px;
    padding: 10px 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

@media(min-width:992px) {
    .navbar #primary-nav {
        width: 100%;
        max-width: 46.25rem
    }
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
    }
}
@media(max-width:991px) {
    .navbar .navbar-collapse {
        margin-top: 1.25rem
    }
    .navbar .dropdown > .dropdown-menu {
        display: block;
    }

    .navbar #primary-nav {
        align-items: flex-start;
        width: 100%;
        max-width: 13.8125rem;
        padding: .75rem 1.25rem 1.25rem;
        background-color: #fff;
        border-radius: 0 0 .5rem .5rem;
        position: relative;
        z-index: 2
    }

    .navbar #primary-nav .nav-link:not(.btn) {
        color: #00304b
    }

    .navbar #primary-nav .btn {
        margin-top: 1em
    }

    .navbar #primary-nav .nav-item {
        width: 100%
    }
}

@media(max-width:767px) {
    .navbar {
        padding: 1.25rem
    }
}

#page-footer {
    background-color: #00304b;
    padding: 2.5rem
}

#page-footer .container-responsive {
    max-width: 1112px;
    margin: 0 auto;
    margin-inline: auto;
    display: flex;
    justify-content: space-between
}

#page-footer .container-responsive .ft-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 313px
}

#page-footer .container-responsive .security-nav-menu {
    display: flex;
    gap: 18px;
    align-items: center
}

#page-footer .container-responsive .security-nav-menu a {
    color: #fff
}

#page-footer .container-responsive .security-nav-menu a:hover {
    color: #619e35;
    text-decoration: underline
}

#page-footer .container-responsive .security-nav-menu .divider {
    color: #97bf7a
}

#page-footer .container-responsive .foot-logo {
    max-width: 313px
}

#page-footer .container-responsive .ft-badges {
    display: flex;
    gap: 12px
}

#page-footer .container-responsive .ft-right {
    display: flex;
    gap: 49px;
    margin-top: 20px;
    max-width: 671px
}

#page-footer .container-responsive .ft-right .ft-men ul {
    padding-left: 0
}

#page-footer .container-responsive .ft-right .ft-men li {
    color: #fff;
    list-style-type: none;
    padding-bottom: 13px
}

#page-footer .container-responsive .ft-right .ft-men li a {
    text-decoration: none
}

#page-footer .container-responsive .ft-right .ft-men li:last-of-type {
    padding-bottom: 0
}

#page-footer .container-responsive .ft-right .ft-men li :hover {
    color: #619e35
}

@media screen and (max-width:1010px) {
    #page-footer .container-responsive .ft-right {
        gap: 29px
    }
}

@media screen and (max-width:950px) {
    #page-footer .container-responsive {
        flex-direction: column;
        align-items: center
    }
}

@media screen and (max-width:650px) {
    #page-footer .container-responsive .ft-right {
        flex-direction: column;
        gap: 10px
    }
}
#body-wrapper h1 {
  font-size: 3.875rem;
  color: #004B74;
  line-height: 1.05em;
  font-family: Georgia, serif;
  margin: 0
}

#body-wrapper h1.small-hero {
  font-size: 3.25rem
}

#body-wrapper h2 {
  color: #007b41;
  font-family: Georgia, serif;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.05em;
  margin: 0
}

#body-wrapper h3 {
  font-size: 1.25rem;
  color: #01173f;
  line-height: 1.2em;
  font-family: "Arial", sans-serif;
  font-weight: 700;
  margin: 0
}

#body-wrapper ol,
#body-wrapper p,
#body-wrapper ul {
  color: #000;
  font-family: "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375em;
  font-weight: 400
}

#body-wrapper .large-text {
  font-size: 1.125rem;
  line-height: 1.33em;
  color: #01173f
}

#body-wrapper .eyebrow {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.27em;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #01173f;
  -webkit-margin-after: 1.125rem;
  margin-block-end: 1.125rem
}

#body-wrapper .white {
  color: #fff
}

#body-wrapper .header {
  background-image: url(https://resources.CDB.com/hubfs/BI-Theme-HS2026/home/home-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-padding-after: 2.25rem;
  padding-block-end: 2.25rem;
  overflow: clip;
  position: relative
}

#body-wrapper .header:before {
  content: "";
  position: absolute;
  transform: translateY(-50%);
  width: 22rem;
  height: 22rem;
  background: #125b87;
  opacity: .2;
  -webkit-filter: blur(53px);
  filter: blur(53px);
  border-radius: 50%;
  top: -7.5625rem;
  left: -6.25rem;
  will-change: transform, opacity;
  -webkit-animation: blurcle-nav 12s linear infinite;
  animation: blurcle-nav 12s linear infinite
}

@media (prefers-reduced-motion:reduce) {
  #body-wrapper .header:before {
    -webkit-animation: none;
    animation: none;
    will-change: auto
  }
}

@media (hover:none) and (pointer:coarse) {
  #body-wrapper .header:before {
    -webkit-animation: none;
    animation: none;
    will-change: auto;
    -webkit-filter: none !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
    background: radial-gradient(circle at center, rgba(18, 91, 135, .15) 0, rgba(18, 91, 135, .06) 40%, transparent 70%)
  }
}

#body-wrapper .header .p-rel {
  position: relative;
  z-index: 1
}

#body-wrapper .header .circles-col {
  position: relative
}

#body-wrapper .header .circles-col:before {
  content: "";
  position: absolute;
  width: 22rem;
  height: 22rem;
  background: #125b87;
  opacity: .2;
  -webkit-filter: blur(53px);
  filter: blur(53px);
  border-radius: 50%;
  top: 15%;
  left: -20%;
  z-index: 0;
  will-change: transform, opacity;
  -webkit-animation: blurcle-hero 9s linear infinite;
  animation: blurcle-hero 9s linear infinite
}

@media (prefers-reduced-motion:reduce) {
  #body-wrapper .header .circles-col:before {
    -webkit-animation: none;
    animation: none;
    will-change: auto
  }
}

@media (hover:none) and (pointer:coarse) {
  #body-wrapper .header .circles-col:before {
    -webkit-animation: none;
    animation: none;
    will-change: auto;
    -webkit-filter: none !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
    background: radial-gradient(circle at center, rgba(18, 91, 135, .15) 0, rgba(18, 91, 135, .06) 40%, transparent 70%)
  }
}

#body-wrapper .header .circles-col:after {
  content: "";
  position: absolute;
  width: 16.875rem;
  height: 16.875rem;
  background: #12732b;
  opacity: .2;
  -webkit-filter: blur(53px);
  filter: blur(53px);
  border-radius: 50%;
  top: 2.5%;
  right: -20%;
  z-index: 0;
  will-change: transform, opacity;
  -webkit-animation: blurcle-hero 6s linear infinite;
  animation: blurcle-hero 6s linear infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

@media (prefers-reduced-motion:reduce) {
  #body-wrapper .header .circles-col:after {
    -webkit-animation: none;
    animation: none;
    will-change: auto
  }
}

@media (hover:none) and (pointer:coarse) {
  #body-wrapper .header .circles-col:after {
    -webkit-animation: none;
    animation: none;
    will-change: auto;
    -webkit-filter: none !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
    background: radial-gradient(circle at center, rgba(18, 115, 43, .15) 0, rgba(18, 115, 43, .06) 40%, transparent 70%)
  }
}

@media (max-width:1270px) and (min-width:992px) {
  #body-wrapper .header .circles-col:before {
    width: 16.875rem;
    height: 16.875rem
  }

  #body-wrapper .header .circles-col:after {
    width: 12.5rem;
    height: 12.5rem
  }
}

@media (min-width:992px) {
  #body-wrapper .header .text-wrapper {
    height: 100%;
    align-content: center;
    -webkit-padding-after: 5rem;
    padding-block-end: 5rem
  }

  #body-wrapper .header .hero-image-wrapper,
  #body-wrapper .header .img-wrapper {
    -webkit-margin-end: -5rem;
    margin-inline-end: -5rem;
    height: 100%;
    align-content: end
  }
}

#body-wrapper .info-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.125rem .875rem;
  background-color: #fff;
  border-radius: 2.125rem;
  gap: .75rem
}

#body-wrapper .info-box .icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center
}

#body-wrapper .info-box .large-text {
  margin: 0;
  font-weight: 600;
  letter-spacing: -.03em
}

#body-wrapper .icon-list {
  list-style: none;
  margin: 0;
  padding: 0
}

#body-wrapper .icon-list li {
  padding-block: .25rem .875rem;
  -webkit-margin-after: .5rem;
  margin-block-end: .5rem;
  -webkit-padding-start: 3.375rem;
  padding-inline-start: 3.375rem;
  position: relative;
  -webkit-border-after: .0625rem solid #007b41;
  border-block-end: .0625rem solid #007b41;
  color: #01173f;
  line-height: 1.5rem;
  text-wrap: balance
}

#body-wrapper .icon-list li .border-0 {
  border: 0;
  margin: 0
}

#body-wrapper .icon-list li h3 {
  display: inline
}

#body-wrapper .icon-list li::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 2.25rem;
  left: .625rem;
  position: absolute;
  top: 0;
  width: 2.25rem
}

#body-wrapper .icon-list li.empower::before {
  background-image: url(https://resources.CDB.com/hubfs/BI-Theme-HS2026/icons/empower.svg)
}

#body-wrapper .icon-list li.integrity::before {
  background-image: url(https://resources.CDB.com/hubfs/BI-Theme-HS2026/icons/integrity.svg)
}

#body-wrapper .icon-list li.gear::before {
  background-image: url(https://resources.CDB.com/hubfs/BI-Theme-HS2026/icons/gear.svg)
}

#body-wrapper .icon-list li.optimization::before {
  background-image: url(https://resources.CDB.com/hubfs/BI-Theme-HS2026/icons/optimization.svg)
}

#body-wrapper #hero {
  padding-top: 16.875rem
}

#body-wrapper .overflow-row {
  overflow-x: hidden
}

#body-wrapper .overflow-row.overflow-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

#body-wrapper .rounded-section {
  border-radius: 2.25rem 2.25rem 0 0;
  --section-parallax-y: 0px;
  box-shadow: 0 -.25rem .5rem -.25rem rgba(0, 0, 0, .1);
  position: relative;
  margin-top: -2.25rem
}

@media (max-width:991px) {
  #body-wrapper .rounded-section {
    box-shadow: none
  }
}

#body-wrapper .parallax-bottom,
#body-wrapper .rounded-section:not(.last-section) {
  padding-bottom: 7.25rem
}

@media (max-width:991px) {

  #body-wrapper .parallax-bottom,
  #body-wrapper .rounded-section:not(.last-section) {
    padding-bottom: 6.25rem
  }
}

@media (max-width:767px) {

  #body-wrapper .parallax-bottom,
  #body-wrapper .rounded-section:not(.last-section) {
    padding-bottom: 4.75rem
  }
}

@media (max-width:576px) {

  #body-wrapper .parallax-bottom,
  #body-wrapper .rounded-section:not(.last-section) {
    padding-bottom: 4.25rem
  }
}

@media (min-width:992px) {
  #body-wrapper .overflow-row .overflow-img {
    width: calc(100% + 21.25rem);
    max-width: none;
    -webkit-margin-start: -21.25rem;
    margin-inline-start: -21.25rem;
    border-radius: 12.5rem
  }

  #body-wrapper .overflow-row.overflow-right .overflow-img {
    width: calc(100% + 21.25rem);
    max-width: none;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: -21.25rem;
    margin-inline-end: -21.25rem;
    border-radius: 12.5rem
  }
}

@media (min-width:768px) {
  #body-wrapper .overflow-row.overflow-bg {
    min-height: 38.25rem;
    align-content: center
  }

  #body-wrapper .white-col {
    background-color: #fff;
    padding: 2.625rem 8.25rem 2.625rem 0;
    border-radius: 0 12.5rem 12.5rem 0
  }
}

@media (max-width:991px) {
  #body-wrapper h1 {
    font-size: 3.5rem
  }

  #body-wrapper h1.small-hero {
    font-size: 2.75rem
  }

  #body-wrapper h2 {
    font-size: 1.875rem
  }

  #body-wrapper h3 {
    font-size: 1.125rem
  }

  #body-wrapper .eyebrow {
    font-size: 1.25rem
  }

  #body-wrapper .header {
    text-align: center
  }

  #body-wrapper .header .text-wrapper {
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem
  }

  #body-wrapper .header .img-wrapper {
    margin: 0 auto;
    max-width: 30rem
  }

  #body-wrapper .tablet-center {
    text-align: center
  }

  #body-wrapper .tablet-center .img-wrapper,
  #body-wrapper .tablet-center .video-wrapper {
    margin: 0 auto
  }

  #body-wrapper .info-box {
    gap: .5rem
  }

  #body-wrapper .info-box .large-text {
    font-size: 1rem;
    font-weight: 500
  }

  #body-wrapper .info-box .icon-wrapper {
    width: 2rem;
    height: 2rem
  }

  #body-wrapper .overflow-row .overflow-img {
    width: 100%;
    max-width: 27.5rem;
    height: auto;
    border-radius: 5rem;
    display: block;
    margin-inline: auto;
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem
  }
}

@media (max-width:767px) {
  #body-wrapper h1 {
    font-size: 2.5rem
  }

  #body-wrapper h1.small-hero {
    font-size: 2.25rem
  }

  #body-wrapper h2 {
    font-size: 1.625rem
  }

  #body-wrapper .eyebrow {
    font-size: 1.125rem
  }

  #body-wrapper .white-col {
    padding: 2rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, .87);
    text-align: center
  }

  #body-wrapper .white-col.fill-left:before {
    content: none
  }
}

#body-wrapper .anim-load,
#body-wrapper .anim-scroll {
  visibility: hidden;
  opacity: 0;
  transition: opacity .6s ease-out, transform .6s ease-out
}

#body-wrapper .anim-load.anim-visible,
#body-wrapper .anim-scroll.anim-visible {
  visibility: visible;
  opacity: 1
}

#body-wrapper .anim-load.anim-visible.anim-fade-up,
#body-wrapper .anim-scroll.anim-visible.anim-fade-up {
  transform: translateY(0)
}

#body-wrapper .anim-load.anim-visible.anim-fade-left,
#body-wrapper .anim-scroll.anim-visible.anim-fade-left {
  transform: translateX(0)
}

#body-wrapper .anim-load.anim-visible.anim-fade-right,
#body-wrapper .anim-scroll.anim-visible.anim-fade-right {
  transform: translateX(0)
}

#body-wrapper .anim-fade-up {
  transform: translateY(1.875rem)
}

#body-wrapper .anim-fade-up.anim-load {
  transform: translateY(5.625rem)
}

#body-wrapper .anim-fade-left {
  transform: translateX(-11.25rem)
}

#body-wrapper .anim-fade-right {
  transform: translateX(11.25rem)
}

#body-wrapper .anim-stagger>:nth-child(1) {
  transition-delay: 0s
}

#body-wrapper .anim-stagger>:nth-child(2) {
  transition-delay: .1s
}

#body-wrapper .anim-stagger>:nth-child(3) {
  transition-delay: .2s
}

#body-wrapper .anim-stagger>:nth-child(4) {
  transition-delay: .3s
}

#body-wrapper .anim-stagger>:nth-child(5) {
  transition-delay: .4s
}

#body-wrapper .anim-stagger>:nth-child(6) {
  transition-delay: .5s
}

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

  #body-wrapper .anim-fade-left,
  #body-wrapper .anim-fade-right,
  #body-wrapper .anim-fade-up,
  #body-wrapper .anim-load,
  #body-wrapper .anim-scroll {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: none
  }
}

.hero-image-wrapper {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 40.75rem;
  height: auto;
  position: relative;
  z-index: 1
}

.hero-image {
  position: relative;
  display: inline-block;
  isolation: isolate;
  margin-bottom: -20%;
  aspect-ratio: 1/1
}

.hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(128deg, #01173f, #51b068);
  padding: 5.5%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  will-change: transform, opacity;
  -webkit-animation: rotate 5s linear infinite, rotate-2 10s linear infinite;
  animation: rotate 5s linear infinite, rotate-2 10s linear infinite
}
.flexMe {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 25px
}

@media screen and (max-width:767px) {
    .flexMe {
        flex-direction: column
    }
}

.flexMe .animateMe {
    opacity: 0;
    will-change: opacity
}

.flexMe .wheel-in {
    animation: wheelIn .7s cubic-bezier(.34, 1.56, .64, 1) forwards
}

@keyframes wheelIn {
    0% {
        opacity: 0;
        transform: rotate(-90deg) scale(.4)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

.cta {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    padding: 0;
    border: 1px solid #619E35;
    background: #619e35;
    color: #fff;
    padding-inline: 25px;
    border-radius: 100px;
    transition: .35s ease;
    text-align: center;
    font-size: 1rem
}

@media screen and (max-width:767px) {
    .cta {
        font-size: .875rem
    }
}

.cta {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.cta:hover {
    color: #619e35;
    background: #fff;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow: 0 4px 5px #cacaca;
    transform: translateY(-5px)
}

.btngrp a {
    margin: 7.5px 5px
}

@media screen and (max-width:767px) {
    .btngrp {
        text-align: center
    }

    .btngrp a {
        width: 100%;
        max-width: 325px;
        margin: 7.5px auto
    }
}

.invertCTA {
    color: #619e35;
    background: #fff;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.invertCTA:hover {
    background: #619e35;
    color: #fff;
    box-shadow: 0 4px 5px #cacaca
}
.flip-card {
    perspective: 1000px;
    min-height: 280px
}

.flip-card .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1)
}

.flip-card:hover .flip-inner {
    transform: rotateY(180deg)
}

.flip-card .flip-front,
.flip-card .flip-back {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 10px;
    border: 2px solid #2f5a27;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 40px 25px
}

.flip-card .flip-front img {
    width: 94px;
    height: auto;
    margin-inline: auto
}

.flip-card .flip-front p {
    color: #619e35;
    font-family: Georgia, serif;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 700
}

.flip-card .flip-back {
    background: #ecf3e7;
    transform: rotateY(180deg)
}

.flip-card .flip-back .flip-title {
    color: #97bf7a !important;
    font-family: Georgia, serif !important;
    text-align: center;
    font-size: 1.25rem !important;
    line-height: 1.625rem !important;
    font-weight: 700 !important;
    margin-bottom: 5px
}

.flip-card .flip-back p:not(.flip-title) {
    color: #004b74 !important;
    text-align: center;
    font-size: .9375rem !important;
    line-height: 1.375rem !important
}

@media (prefers-reduced-motion:reduce) {
  .hero-image::before {
    -webkit-animation: none;
    animation: none;
    will-change: auto
  }
}

@media (max-width:991px) {
  .hero-image::before {
    -webkit-animation: none;
    animation: none;
    will-change: auto
  }
}

@media (max-width:991px) {
  .hero-image {
    margin-top: 1rem
  }
}

#terms-wrapper h2 {
  font-size: 1.25rem;
  color: #01173f;
  line-height: 1.2em;
  font-family: "Arial", sans-serif;
  font-weight: 700;
  margin: 0
}

@media (max-width:991px) {
  #terms-wrapper h2 {
    font-size: 1.125rem
  }
}

.animateMe {
  opacity: 0;
  will-change: opacity;
}
.wheel-in {
  animation: wheelIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.flexMe {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  .flexMe {
    flex-direction: column;
  }
}
@keyframes wheelIn {
  from {
    opacity: 0;
    transform: rotate(-90deg) scale(0.4);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
.cta {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: 0;
  border: 1px solid #619E35;
  background: #619E35;
  color: #fff;
  padding-inline: 25px;
  border-radius: 100px;
  transition: 350ms ease;
  text-align: center;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .cta {
    font-size: 0.875rem;
  }
}
.cta {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.cta:hover {
  color: #619E35;
  background: rgba(255, 255, 255, 1);
  backdrop-filter: blur(3px);
  box-shadow: 0 4px 5px #cacaca;
  transform: translateY(-5px);
}
.cta.is-outline {
  background: transparent;
  border: 2px solid #97BF7A;
  color: #619E35;
}
.cta.is-outline:hover {
  background: #619E35;
  border-color: #619E35;
  color: #FFF;
  box-shadow: 0 4px 5px #cacaca;
}
.btngrp a {
  margin: 7.5px 5px;
}
@media screen and (max-width: 767px) {
  .btngrp {
    text-align: center;
  }
  .btngrp a {
    width: 100%;
    max-width: 325px;
    margin: 7.5px auto;
  }
}
@-webkit-keyframes blurcles {
  0% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }

  12.5% {
    transform: translateY(-50%) translate(70px, -40px) scale(1.1);
    opacity: .2
  }

  25% {
    transform: translateY(-50%) translate(100px, 0) scale(1.05);
    opacity: .14
  }

  37.5% {
    transform: translateY(-50%) translate(70px, 40px) scale(.95);
    opacity: .07
  }

  50% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }

  62.5% {
    transform: translateY(-50%) translate(-70px, -40px) scale(1.08);
    opacity: .22
  }

  75% {
    transform: translateY(-50%) translate(-100px, 0) scale(.92);
    opacity: .11
  }

  87.5% {
    transform: translateY(-50%) translate(-70px, 40px) scale(1.05);
    opacity: .18
  }

  100% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }
}

@keyframes blurcles {
  0% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }

  12.5% {
    transform: translateY(-50%) translate(70px, -40px) scale(1.1);
    opacity: .2
  }

  25% {
    transform: translateY(-50%) translate(100px, 0) scale(1.05);
    opacity: .14
  }

  37.5% {
    transform: translateY(-50%) translate(70px, 40px) scale(.95);
    opacity: .07
  }

  50% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }

  62.5% {
    transform: translateY(-50%) translate(-70px, -40px) scale(1.08);
    opacity: .22
  }

  75% {
    transform: translateY(-50%) translate(-100px, 0) scale(.92);
    opacity: .11
  }

  87.5% {
    transform: translateY(-50%) translate(-70px, 40px) scale(1.05);
    opacity: .18
  }

  100% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }
}

@-webkit-keyframes blurcle-hero {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: .16
  }

  12.5% {
    transform: translate(70px, -40px) scale(1.1);
    opacity: .27
  }

  25% {
    transform: translate(100px, 0) scale(1.05);
    opacity: .22
  }

  37.5% {
    transform: translate(70px, 40px) scale(.95);
    opacity: .16
  }

  50% {
    transform: translate(0, 0) scale(1);
    opacity: .19
  }

  62.5% {
    transform: translate(-70px, -40px) scale(1.08);
    opacity: .24
  }

  75% {
    transform: translate(-100px, 0) scale(.92);
    opacity: .16
  }

  87.5% {
    transform: translate(-70px, 40px) scale(1.05);
    opacity: .22
  }

  100% {
    transform: translate(0, 0) scale(1);
    opacity: .16
  }
}

@keyframes blurcle-hero {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: .16
  }

  12.5% {
    transform: translate(70px, -40px) scale(1.1);
    opacity: .27
  }

  25% {
    transform: translate(100px, 0) scale(1.05);
    opacity: .22
  }

  37.5% {
    transform: translate(70px, 40px) scale(.95);
    opacity: .16
  }

  50% {
    transform: translate(0, 0) scale(1);
    opacity: .19
  }

  62.5% {
    transform: translate(-70px, -40px) scale(1.08);
    opacity: .24
  }

  75% {
    transform: translate(-100px, 0) scale(.92);
    opacity: .16
  }

  87.5% {
    transform: translate(-70px, 40px) scale(1.05);
    opacity: .22
  }

  100% {
    transform: translate(0, 0) scale(1);
    opacity: .16
  }
}

@-webkit-keyframes blurcle-nav {
  0% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }

  12.5% {
    transform: translateY(-50%) translate(25vw, 60px) scale(1.08);
    opacity: .2
  }

  25% {
    transform: translateY(-50%) translate(50vw, 180px) scale(1.1);
    opacity: .22
  }

  37.5% {
    transform: translateY(-50%) translate(75vw, 120px) scale(1.05);
    opacity: .16
  }

  50% {
    transform: translateY(-50%) translate(100vw, 0) scale(1);
    opacity: .12
  }

  62.5% {
    transform: translateY(-50%) translate(75vw, 150px) scale(.95);
    opacity: .18
  }

  75% {
    transform: translateY(-50%) translate(50vw, 240px) scale(.92);
    opacity: .12
  }

  87.5% {
    transform: translateY(-50%) translate(25vw, 120px) scale(1.05);
    opacity: .18
  }

  100% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }
}

@keyframes blurcle-nav {
  0% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }

  12.5% {
    transform: translateY(-50%) translate(25vw, 60px) scale(1.08);
    opacity: .2
  }

  25% {
    transform: translateY(-50%) translate(50vw, 180px) scale(1.1);
    opacity: .22
  }

  37.5% {
    transform: translateY(-50%) translate(75vw, 120px) scale(1.05);
    opacity: .16
  }

  50% {
    transform: translateY(-50%) translate(100vw, 0) scale(1);
    opacity: .12
  }

  62.5% {
    transform: translateY(-50%) translate(75vw, 150px) scale(.95);
    opacity: .18
  }

  75% {
    transform: translateY(-50%) translate(50vw, 240px) scale(.92);
    opacity: .12
  }

  87.5% {
    transform: translateY(-50%) translate(25vw, 120px) scale(1.05);
    opacity: .18
  }

  100% {
    transform: translateY(-50%) translate(0, 0) scale(1);
    opacity: .12
  }
}

@-webkit-keyframes rotate {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes rotate {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes rotate-2 {
  from {
    background-position: 100% 0
  }

  to {
    background-position: 0 0
  }
}

@keyframes rotate-2 {
  from {
    background-position: 100% 0
  }

  to {
    background-position: 0 0
  }
}