@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&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: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #09263d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  scroll-behavior: smooth
}

#body-wrapper {
  margin: 0 auto
}

.nowrap {
  white-space: nowrap
}

.container-responsive {
  width: 100%;
  max-width: 71.25em;
  margin-right: auto;
  margin-left: auto
}

h1 {
  margin-top: 0
}

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

#footer .container-responsive,
#page-content section .container-responsive {
  max-width: 71.25em
}

@media (max-width:992px) {

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

@media (max-width:767px) {

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

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

a:hover {
  text-decoration: none;
  color: #009edb
}

p {
  font-size: inherit
}

p a {
  font-weight: bolder;
  color: #009edb
}

p a:hover {
  text-decoration: underline
}

img {
  width: 100%;
  height: auto
}

.sans,
.sans-serif,
.sansserif {
  font-family: Poppins, sans-serif
}

#body-wrapper .btn,
#body-wrapper .hs-button {
  font-size: clamp(1rem, 1.4625vw, 1.125rem);
  border-radius: 1.875rem;
  padding: .6125em 1.0625em;
  line-height: 1.22em;
  box-shadow: none;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  border: 0 solid transparent;
  background-clip: border-box;
  will-change: transform;
  transition: transform .5s cubic-bezier(.19, 1, .12, 1), box-shadow .5s cubic-bezier(.19, 1, .12, 1), background-color .5s cubic-bezier(.19, 1, .12, 1);
  background-color: #009edb;
  color: #fff
}

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

#body-wrapper .btn:hover,
#body-wrapper .hs-button:hover {
  background-color: #008cc2
}

nav.navbar {
  padding: 2.5rem
}

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

nav.navbar .navbar-nav {
  margin-left: auto
}

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

#body-wrapper h2,
#body-wrapper h3,
#body-wrapper p {
  margin-bottom: 0
}

#body-wrapper h2,
#body-wrapper h3 {
  text-wrap: balance
}

#body-wrapper h2 {
  font-size: clamp(1.75rem, 3.4125vw, 2.625rem);
  font-weight: 600;
  margin-bottom: .7em
}

#body-wrapper h3 {
  font-size: clamp(1.25rem, 2.1125vw, 1.625rem)
}

#body-wrapper p {
  font-size: clamp(1rem, 1.625vw, 1.25rem);
  line-height: 1.6em
}

#body-wrapper .ib {
  display: inline-block
}

#body-wrapper #nav {
  padding: 2.25em;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

#body-wrapper #nav .container-responsive {
  justify-content: flex-end;
  max-width: 65em
}

#body-wrapper #nav #primary-nav {
  gap: 2em
}

#body-wrapper #nav .nav-link {
  padding: 0;
  color: #09263d;
  line-height: 1.625;
  font-weight: 400
}

#body-wrapper #nav .nav-link:hover {
  color: #009edb
}

@media (max-width:767px) {
  #body-wrapper #nav {
    padding: 1.5em
  }

  #body-wrapper #nav .container-responsive {
    justify-content: center
  }

  #body-wrapper #nav #primary-nav {
    gap: 1em
  }
}

#body-wrapper #page-content #header {
  background-image: url(https://242150630.fs1.hubspotusercontent-na2.net/hubfs/242150630/Web%20Images/SIIA-LP2025/hero-banner.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 3em
}

#body-wrapper #page-content #header .container-responsive {
  max-width: 60.5em
}

#body-wrapper #page-content #header .logo-row {
  gap: 3rem;
  flex-wrap: wrap
}

#body-wrapper #page-content #header .br-logo {
  max-width: 15.25em
}

#body-wrapper #page-content #header .siia-logo {
  max-width: 13.625em
}

#body-wrapper #page-content #header .white-border {
  border: 1px solid #fff;
  border-radius: 1.875rem;
  padding: 2.75em
}

#body-wrapper #page-content #header .jumbo,
#body-wrapper #page-content #header h1 {
  text-wrap: balance
}

#body-wrapper #page-content #header h1 {
  font-size: clamp(2.25rem, 5.2vw, 4rem);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 0
}

#body-wrapper #page-content #header .jumbo {
  font-size: clamp(1.875rem, 4.55vw, 3.5rem);
  font-weight: 600;
  line-height: 1.33;
  margin: 0 0 .575em
}

@media (max-width:767px) {
  #body-wrapper #page-content #header .white-border {
    padding: 1.5em
  }

  #body-wrapper #page-content #header .br-logo {
    max-width: 10.25em
  }

  #body-wrapper #page-content #header .siia-logo {
    max-width: 9.125em
  }

  #body-wrapper #page-content #header .logo-row {
    gap: 1.25rem
  }
}

#body-wrapper #page-content #intro {
  background-color: #009edb;
  color: #fff;
  text-align: center;
  padding-block: 6.25em
}

#body-wrapper #page-content #intro .container-responsive {
  max-width: 57.125em
}

@media (max-width:992px) {
  #body-wrapper #page-content #intro {
    padding-block: 4em
  }
}

@media (max-width:767px) {
  #body-wrapper #page-content #intro {
    padding-block: 3em
  }
}

#body-wrapper #page-content #about .graphic {
  max-width: 38.5em;
  display: block;
  margin-inline: auto
}

#body-wrapper #page-content #about h2 {
  margin-bottom: .25em
}

@media (min-width:1300px) {
  #body-wrapper #page-content #about p {
    padding-right: 1.75em
  }
}

@media (max-width:767px) {
  #body-wrapper #page-content #about {
    text-align: center
  }

  #body-wrapper #page-content #about .graphic {
    margin-bottom: 2em;
    max-width: 20em
  }
}

#body-wrapper #page-content #meet {
  background-color: #f1fafd;
  padding-block: 6.25em 3.125em;
  text-align: center
}

#body-wrapper #page-content #meet .container-responsive {
  max-width: 60.5em
}

#body-wrapper #page-content #meet .container-responsive.wider {
  max-width: 75em
}

#body-wrapper #page-content #meet .blue-col {
  padding: 3.5em;
  border-radius: 1.875rem;
  background-color: #09263d;
  color: #fff
}

#body-wrapper #page-content #meet .blue-col .responsive-box {
  max-width: 44rem;
  margin: 0 auto
}

#body-wrapper #page-content #meet .blue-col h3 {
  margin-bottom: 1.35em
}

#body-wrapper #page-content #meet .blue-col .graphic {
  max-width: 13.34375em
}

#body-wrapper #page-content #meet .blue-col .between-sizing {
  font-size: clamp(1.375rem, 2.4375vw, 1.875rem);
  font-weight: 600;
  text-align: start
}

#body-wrapper #page-content #meet .team-row {
  margin-top: 5.25em;
  row-gap: 2.25em
}

#body-wrapper #page-content #meet .team-row .col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

#body-wrapper #page-content #meet .team-row .hs-frame {
  padding: .8125rem;
  background-color: #09263d;
  border-radius: 1.25em;
  width: 100%;
  height: auto;
  max-width: 11em;
  margin-inline: auto;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem
}

#body-wrapper #page-content #meet .team-row .hs-frame .headshot {
  border-radius: 1.25em
}

#body-wrapper #page-content #meet .team-row h3 {
  line-height: 1em
}

#body-wrapper #page-content #meet .team-row p {
  font-size: clamp(1rem, 1.4625vw, 1.125rem);
  line-height: 1.44em;
  -webkit-margin-after: 1.33em;
  margin-block-end: 1.33em
}

#body-wrapper #page-content #meet .team-row .btn {
  margin-block: auto .8125rem
}

#body-wrapper #page-content #meet .team-row .li {
  max-width: 1.5625em;
  display: block;
  margin-inline: auto;
  transition: transform .5s cubic-bezier(.19, 1, .12, 1)
}

#body-wrapper #page-content #meet .team-row .li:hover {
  transform: translatey(-.125rem)
}

@media (max-width:992px) {
  #body-wrapper #page-content #meet {
    padding-block: 4em 2em
  }
}

@media (max-width:767px) {
  #body-wrapper #page-content #meet {
    padding-block: 3em 1.5em
  }

  #body-wrapper #page-content #meet .blue-col {
    padding: 2em
  }

  #body-wrapper #page-content #meet .blue-col .between-sizing {
    text-align: center
  }

  #body-wrapper #page-content #meet .blue-col .graphic {
    max-width: 10em;
    margin-bottom: 1em
  }
}

#body-wrapper #page-content #gap {
  -webkit-padding-after: 0;
  padding-block-end: 0;
  text-align: center
}

#body-wrapper #page-content #gap .container-responsive {
  max-width: 52em
}

#body-wrapper #page-content #contact {
  -webkit-padding-before: 3.75rem;
  padding-block-start: 3.75rem
}

#body-wrapper #page-content #contact .hs-input {
  border-radius: 1.875rem;
  border: 1px solid #09263d;
  padding: .5625em 1.125em;
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
  font-size: clamp(1rem, 1.625vw, 1.25rem);
  line-height: 1.275em;
  color: #09263d;
  width: 100%;
  font-weight: 400
}

#body-wrapper #page-content #contact .hs-input::-webkit-input-placeholder {
  color: #000;
  font-weight: 400
}

#body-wrapper #page-content #contact .hs-input::-moz-placeholder {
  color: #000;
  font-weight: 400
}

#body-wrapper #page-content #contact .hs-input:-ms-input-placeholder {
  color: #000;
  font-weight: 400
}

#body-wrapper #page-content #contact .hs-input::-ms-input-placeholder {
  color: #000;
  font-weight: 400
}

#body-wrapper #page-content #contact .hs-input::placeholder {
  color: #000;
  font-weight: 400
}

#body-wrapper #page-content #contact .hs-input:focus-visible {
  outline: 2px solid #009edb
}

#body-wrapper #page-content #contact label:not(.hs-error-msg) {
  display: none
}

#body-wrapper #page-content #contact .hs-fieldtype-textarea {
  min-height: 11rem
}

#body-wrapper #page-content #contact .hs-error-msgs {
  -webkit-margin-before: -.75em;
  margin-block-start: -.75em
}

#body-wrapper #page-content #contact .hs-button {
  -webkit-margin-before: .5em;
  margin-block-start: .5em;
  padding-inline: 1.7em
}

#body-wrapper #page-content #contact .submitted-message {
  font-size: 1rem;
  line-height: 1.625em;
  font-weight: 500
}

#body-wrapper #page-content #contact .graphic {
  max-width: 18.75em;
  display: block;
  margin-inline: auto
}

@media (max-width:992px) {
  #body-wrapper #page-content #contact {
    -webkit-padding-before: 2.5em;
    padding-block-start: 2.5em
  }
}

@media (max-width:767px) {
  #body-wrapper #page-content #contact {
    -webkit-padding-before: 2em;
    padding-block-start: 2em
  }

  #body-wrapper #page-content #contact .submitted-message,
  #body-wrapper #page-content #contact h2 {
    text-align: center
  }

  #body-wrapper #page-content #contact .hs-button {
    margin-inline: auto;
    display: block
  }
}

#body-wrapper #footer {
  background-color: #09263d;
  color: #fff;
  text-align: center
}

#body-wrapper #footer .footer-row {
  gap: 1.5em;
  flex-wrap: wrap
}

#body-wrapper #footer .container-responsive {
  max-width: 66rem
}

#body-wrapper #footer .logo {
  max-width: 34.5em
}

#body-wrapper #footer .footer-link {
  text-decoration: underline;
  line-height: 1.625;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25))
}

@media (max-width:992px) {
  #body-wrapper #footer .logo {
    max-width: 25em
  }
}

@media (max-width:767px) {
  #body-wrapper #footer .logo {
    max-width: 20em
  }

  #body-wrapper #footer .footer-row {
    gap: 1em
  }
}

@media (max-width:576px) {
  #body-wrapper #footer .footer-row {
    flex-direction: column-reverse;
    align-items: center
  }
}