:root {
  --bbtb-wave: #42a4ff;
  --bbtb-main: #ffa300;
  --bbtb-wave-hover: #75b8f7;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.nav-bar-header {
  z-index: 100;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  opacity: 1;
  text-align: center;
  object-fit: fill;
  border-bottom: 1px solid #999;
  flex-flow: row;
  grid-template: "Area"
  / 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center stretch;
  width: 100vw;
  max-width: 3000px;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  font-family: Merriweather, serif;
  display: grid;
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  width: auto;
  height: auto;
}

.navbar {
  border: 1px solid var(--bbtb-wave);
  background-color: #fff;
  width: 100vw;
  padding-top: 20px;
  padding-bottom: 20px;
}

.button {
  box-shadow: none;
  text-align: center;
  cursor: pointer;
  background-color: #b35000;
  border-radius: 10px;
  width: auto;
  padding-right: 15px;
  font-family: Open Sans, sans-serif;
  transition: all .2s;
}

.button:hover {
  background-color: #de7925;
  border: 2px #f7f1ed;
  transform: scale(1.1);
}

.button.connect-btn {
  background-color: var(--bbtb-main);
  text-align: center;
  border: 1px #000;
  border-radius: 30px;
  width: auto;
  margin: 10px 0 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Lexend, sans-serif;
  transition: all .2s;
}

.button.connect-btn:hover {
  color: #fff;
  background-color: #fed500;
  border: 1px #fff;
  transform: scale(1.05);
  box-shadow: 0 2px 5px #0003;
}

.button.hero-hdr-btn {
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
  text-align: center;
  background-color: #0000;
  border: 3px solid #de7925;
  border-radius: 3px;
  flex-flow: column;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 15rem;
  display: block;
}

.button.hero-hdr-btn:hover {
  background-color: #de7925;
}

.button.learn-more-btn {
  background-color: var(--bbtb-wave);
  border-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Lexend, sans-serif;
}

.button.learn-more-btn:hover {
  background-color: var(--bbtb-wave-hover);
  box-shadow: 0 2px 5px #0003;
}

.nav-list-items {
  color: #081d4d;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: all .2s;
}

.nav-list-items:hover {
  color: #b35000;
  border-bottom: 1px #b35000;
  text-decoration: none;
  transform: scale(1.1);
}

.nav-menu {
  cursor: auto;
  margin-left: 0;
  padding-left: 0;
}

.container {
  text-align: center;
}

.image-7 {
  margin-top: 10px;
}

.image-8 {
  width: 100px;
  transform: scale(1.8);
}

.hero-bg-img-container {
  filter: brightness(75%);
  background-image: url('../images/JarvinHernandez_shutterstock_1570644895.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: auto;
  max-width: 3000px;
  height: 100%;
  margin-top: 0;
  position: relative;
}

.main-img-link {
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
  border: 5px solid #de7925;
  border-radius: 1000px;
  width: 250px;
}

.main-img-link:hover {
  background-color: #0000;
}

.btn-align-cneter-div {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-main-title-justified-l {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f7f1ed;
  text-align: left;
  background-color: #0000;
  border-radius: 20px;
  grid-template: "Area ." 1fr
                 "Area-2 Area-2" 1fr
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  overflow: hidden;
}

.p-padding-div {
  margin-bottom: 10px;
  padding: 0 220px 0 0;
}

.hero-section {
  height: 100vh;
}

.p-lexend-style {
  text-align: left;
  width: auto;
  font-family: Lexend, sans-serif;
}

.emphasis {
  color: #de7925;
}

.hero-main-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: 1fr 2.5fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lilita-header {
  color: #f7f1ed;
  letter-spacing: 1px;
  background-color: #0000;
  border-radius: 0;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 10px 10px 10px 0;
  font-family: Bitter, serif;
  font-size: 3rem;
  overflow: hidden;
}

.btn-mid-container {
  cursor: auto;
}

.h-p-left-btn-mid-img-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area . Area-4"
                 "Area-2 Area-3 ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch center;
  place-items: center;
  max-width: 1000px;
  height: auto;
  padding: 10px;
  font-family: Merriweather, serif;
  display: grid;
}

.open-sans-p {
  text-align: left;
  width: auto;
  max-width: none;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 14px;
}

.p-left-container {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 600px;
  font-family: Merriweather, serif;
  display: block;
  overflow: hidden;
  transform: translate(0, -100px);
}

.image {
  border-radius: 5px;
  width: 400px;
}

.image.content-img {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 350px;
  height: auto;
  transition: all .8s;
}

.image.content-img:hover {
  transform: scale(1.1);
  box-shadow: -8px 8px #f7f1ed;
}

.varela-round-heading {
  text-align: left;
  font-family: Vollkorn, serif;
}

.btn-mid {
  cursor: auto;
}

.h-p-left-btn-mid-img-right-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--bbtb-main);
  color: #fff;
  grid-template: "Area Area-2 Area-5"
                 "Area-3 Area-4 Area-6"
                 / 2fr .5fr 2fr;
  grid-auto-columns: 1fr;
  place-items: center;
  height: auto;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.h2-left-container {
  width: 350px;
  font-family: Montserrat, sans-serif;
  overflow: hidden;
}

.img-right-container {
  border-radius: 10px;
  transform: translate(0, 75px);
}

.h2-left {
  text-align: center;
}

.img-right {
  text-align: center;
  width: 350px;
}

.image-9 {
  border-radius: 5px;
  height: 300px;
  box-shadow: 0 2px 5px #0003;
}

.manage-header {
  width: auto;
}

.manage-image-container {
  border-radius: 10px;
  transform: translate(0, 75px);
}

.manage-statement-container {
  text-align: center;
  font-family: Merriweather, serif;
  overflow: hidden;
  transform: translate(0, -100px);
}

.h-p-right-btn-mid-img-left-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--bbtb-wave);
  color: #fff;
  grid-template: "Area . Area-2"
                 "Area-3 Area-4 Area-5"
                 / 2fr 1fr 2fr;
  grid-auto-columns: 1fr;
  place-items: center;
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.h-p-right-btn-mid-img-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area . Area-3"
                 ". Area-2 Area-4"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  max-width: 1000px;
  height: auto;
  padding: 10px;
  display: grid;
}

.manage-image {
  width: 350px;
}

.image-2 {
  border-radius: 5px;
  width: 400px;
}

.image-2.content-img {
  border-radius: 10px;
  width: auto;
  transition: all .8s;
}

.image-2.content-img:hover {
  transform: scale(1.1);
  box-shadow: 8px 8px #081d4d;
}

.manage-header-container {
  text-align: center;
  width: 350px;
  font-family: Montserrat, sans-serif;
  overflow: visible;
}

.heading-11 {
  text-align: right;
}

.image-10 {
  border-radius: 5px;
  height: 300px;
  box-shadow: 0 2px 5px #0003;
}

.accordion-faq-copy {
  max-width: 700px;
}

.accordion_content-container {
  text-align: left;
  padding: 10px 50px 25px 20px;
}

.accordion-header {
  cursor: pointer;
  margin-left: 1.5rem;
  position: relative;
}

.faq-container {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.accordion-heading {
  color: #000;
  font-family: Montserrat, sans-serif;
}

.faq-section {
  background-color: var(--bbtb-main);
  text-align: center;
  height: auto;
}

.link-no-decor {
  width: 100%;
  text-decoration: none;
}

.accordion_open-trigger {
  width: 1rem;
  height: 1rem;
  margin-top: -8px;
  transition: transform .15s;
  position: absolute;
  top: 50%;
  right: 1rem;
}

.accordion {
  color: #000;
  text-shadow: 0 -1px 6px #00000026;
  background-color: #fff;
  border-radius: 2rem;
  max-width: 870px;
  margin: 20px auto;
  font-family: Lexend, sans-serif;
  transition: all .4s;
  overflow: hidden;
}

.fira-sans-header {
  color: #fff;
  margin-bottom: 10px;
  font-size: 2rem;
}

.accordion_content {
  height: auto;
  max-height: 14rem;
  transition: height .15s;
}

.footer-link-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link {
  color: #081d4d;
  text-decoration: none;
}

.text-block-5 {
  margin-top: 0;
}

.footer-section {
  color: #081d4d;
  background-color: #fff;
  height: auto;
  padding-top: 40px;
  padding-bottom: 100px;
}

.footer-contact-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-logo {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  display: flex;
}

.link-3 {
  color: #b35000;
  text-decoration: none;
}

.footer-business-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template: "Area Area Area-3 Area-3"
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 900px;
  max-width: none;
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  font-family: Lexend, sans-serif;
  display: grid;
}

.image-11 {
  text-align: left;
  align-self: flex-start;
}

.lilita-header-2 {
  text-align: left;
  letter-spacing: normal;
  font-family: Bitter, serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.heading-12 {
  color: #fff;
  font-family: Bitter, serif;
  font-size: 2.5rem;
}

@media screen and (max-width: 991px) {
  .menu-button {
    cursor: pointer;
  }

  .button.connect-btn {
    margin-left: 0;
  }

  .lottie-animation {
    cursor: pointer;
    width: 25px;
    height: 25px;
  }

  .nav-list-items {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-list-items:hover {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  .nav-menu {
    background-color: #f7f1ed;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 30px;
    display: flex;
  }

  .hero-bg-img-container {
    margin-top: 0;
  }

  .hero-main-title-justified-l {
    transform: none;
  }

  .h-p-left-btn-mid-img-right {
    grid-template: "Area"
                   "Area-2"
                   "Area-4"
                   "Area-3"
                   / 1fr;
    height: 80vh;
  }

  .p-left-container {
    transform: none;
  }

  .h-p-left-btn-mid-img-right-section {
    height: auto;
  }

  .h2-left-container {
    width: auto;
  }

  .img-right-container, .manage-image-container, .manage-statement-container {
    transform: none;
  }

  .h-p-right-btn-mid-img-left-section {
    height: 80vh;
  }

  .h-p-right-btn-mid-img-left {
    grid-template: "Area-3"
                   "Area-4"
                   "Area"
                   "Area-2"
                   / 1fr;
    height: auto;
  }

  .manage-image {
    text-align: center;
  }

  .manage-header-container {
    width: auto;
  }

  .accordion {
    max-width: 728px;
  }

  .footer-section {
    height: 60vh;
  }

  .footer-logo {
    width: 350px;
  }

  .footer-container {
    grid-row-gap: 6px;
    grid-template-columns: 1fr;
    grid-template-areas: "Area"
                         "Area-3";
    width: 700px;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    object-fit: contain;
  }

  .button.connect-btn {
    margin-left: 0;
  }

  .nav-list-items {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-menu {
    text-align: center;
    vertical-align: baseline;
    flex-flow: row;
    width: 100vw;
    padding-bottom: 30px;
    display: flex;
    position: relative;
  }

  .container {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-left: 10px;
    display: block;
  }

  .image-7 {
    padding-top: 10px;
  }

  .hero-main-title-justified-l {
    height: auto;
  }

  .p-padding-div {
    padding-right: 140px;
  }

  .lilita-header {
    padding-right: 0;
  }

  .btn-mid-container {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .h-p-left-btn-mid-img-right {
    grid-template: "Area"
                   "Area-4"
                   "Area-2"
                   "Area-5"
                   / 2fr;
    height: auto;
  }

  .p-left-container {
    margin-left: 25px;
    margin-right: 25px;
    transform: none;
  }

  .image.content-img {
    width: 200px;
    transform: none;
  }

  .varela-round-heading {
    width: auto;
    margin-left: 0;
  }

  .h-p-left-btn-mid-img-right-section {
    text-align: center;
    grid-template: "Area Area-2 Area-5"
                   "Area-3 Area-4 Area-6"
                   ". Area-7 ."
                   ". Area-8 ."
                   / 1fr 5fr 1fr;
    place-items: center;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-left-container {
    width: 400px;
  }

  .img-right-container {
    width: 300px;
    margin-right: auto;
    transform: none;
  }

  .img-right {
    width: 300px;
  }

  .manage-image-container {
    transform: none;
  }

  .manage-statement-container {
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
    transform: none;
  }

  .h-p-right-btn-mid-img-left-section {
    grid-template: "Area Area-6 Area-2"
                   "Area-3 Area-4 Area-5"
                   ". Area-7 ."
                   ". Area-8 ."
                   / 1fr 5fr 1fr;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .h-p-right-btn-mid-img-left {
    text-align: center;
    grid-template: "Area-6"
                   "Area"
                   "Area-7"
                   "Area-9"
                   / 2fr;
    height: auto;
  }

  .manage-btn-container {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-2.content-img {
    width: 200px;
  }

  .manage-header-container {
    transform: none;
  }

  .heading-11 {
    width: auto;
  }

  .accordion_content-container {
    padding-right: 60px;
  }

  .accordion-header {
    padding-right: 80px;
  }

  .faq-section {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .accordion {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .footer-section {
    margin-top: 0;
  }

  .footer-logo {
    width: 400px;
  }

  .footer-container {
    grid-template-columns: 1fr;
    grid-template-areas: "Area"
                         "Area-3";
    width: 500px;
  }

  .image-11 {
    width: auto;
  }
}

@media screen and (max-width: 479px) {
  .menu-button {
    transform: translate(0, 20px);
  }

  .button.hero-hdr-btn {
    width: 100%;
  }

  .hero-bg-img-container {
    height: 100vh;
  }

  .main-img-link {
    width: 120px;
    max-width: none;
  }

  .btn-align-cneter-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 12rem;
    font-size: .8rem;
    font-style: normal;
  }

  .hero-main-title-justified-l {
    grid-template: "Area ." 1fr
                   "Area-2 Area-2" 1fr
                   "Area-4 Area-4"
                   "Area-3 Area-3"
                   / 1fr;
    grid-auto-flow: column;
    place-items: end center;
    height: auto;
    margin-top: 0;
  }

  .p-padding-div {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .hero-section {
    height: auto;
  }

  .p-lexend-style {
    font-size: .9rem;
  }

  .hero-main-title-container {
    margin-top: 100px;
    padding: 0 0 20px;
  }

  .lilita-header {
    padding-bottom: 0;
    font-size: 2rem;
  }

  .h-p-left-btn-mid-img-right {
    height: 100vh;
  }

  .p-left-container {
    margin-top: 40px;
  }

  .h-p-left-btn-mid-img-right-section {
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2-left-container, .img-right-container, .img-right {
    width: auto;
  }

  .image-9 {
    height: 250px;
  }

  .h-p-right-btn-mid-img-left-section {
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
  }

  .h-p-right-btn-mid-img-left {
    height: 100vh;
    padding-left: 20px;
  }

  .manage-image, .manage-header-container {
    width: auto;
  }

  .image-10 {
    height: 250px;
  }

  .accordion_content-container {
    padding-right: 36px;
  }

  .fira-sans-header {
    font-size: 1.5rem;
  }

  .accordion_content {
    max-height: none;
  }

  .footer-section {
    height: 85vh;
  }

  .footer-logo {
    width: 220px;
  }

  .footer-container {
    grid-row-gap: 6px;
    text-align: center;
    grid-template: "Area"
                   "Area-3"
                   / 1fr;
    width: 220px;
  }
}

#w-node-_6c2f188a-1173-6afa-a253-7eaa4d6842f6-f6d6a662 {
  place-self: stretch stretch;
}

#w-node-_1c0db5f7-5b41-78fc-53a2-489be8357e71-f6d6a662 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1c0db5f7-5b41-78fc-53a2-489be8357e79-f6d6a662 {
  grid-area: Area-2;
  align-self: auto;
}

#w-node-_1c0db5f7-5b41-78fc-53a2-489be8357e7a-f6d6a662 {
  grid-area: Area-2;
  justify-self: start;
}

#w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab873a-f6d6a662 {
  grid-area: Area;
}

#w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8741-f6d6a662 {
  grid-area: Area-2;
}

#w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8744-f6d6a662 {
  grid-area: Area-3;
}

#w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8745-f6d6a662, #w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8746-f6d6a662, #w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8748-f6d6a662 {
  grid-area: Area-4;
}

#w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8749-f6d6a662 {
  grid-area: Area-2;
}

#w-node-_1acabc0b-ec0e-5540-2db5-e8de38009859-f6d6a662 {
  grid-area: Area;
}

#w-node-_1acabc0b-ec0e-5540-2db5-e8de3800985c-f6d6a662 {
  grid-area: Area-3;
  place-self: center;
}

#w-node-_1acabc0b-ec0e-5540-2db5-e8de38009865-f6d6a662 {
  grid-area: Area-4;
}

#w-node-_1acabc0b-ec0e-5540-2db5-e8de38009869-f6d6a662 {
  grid-area: Area-2;
}

#w-node-b2271fe8-6f4f-e284-c32e-1bd520154d1c-f6d6a662 {
  grid-area: Area;
  place-self: start center;
}

#w-node-b2271fe8-6f4f-e284-c32e-1bd520154d2c-f6d6a662 {
  grid-area: Area-3;
  place-self: start center;
}

@media screen and (max-width: 767px) {
  #w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab873a-f6d6a662 {
    grid-area: Area;
  }

  #w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8741-f6d6a662 {
    grid-area: Area-2;
  }

  #w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8744-f6d6a662 {
    grid-area: Area-5;
  }

  #w-node-_2efd4f91-0fc8-84c0-798e-f65d98ab8748-f6d6a662 {
    grid-area: Area-4;
  }

  #w-node-_1acabc0b-ec0e-5540-2db5-e8de38009859-f6d6a662 {
    grid-area: Area;
  }

  #w-node-_1acabc0b-ec0e-5540-2db5-e8de3800985c-f6d6a662 {
    grid-area: Area-6;
  }

  #w-node-_1acabc0b-ec0e-5540-2db5-e8de38009865-f6d6a662 {
    grid-area: Area-7;
  }

  #w-node-_1acabc0b-ec0e-5540-2db5-e8de38009869-f6d6a662 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1c0db5f7-5b41-78fc-53a2-489be8357e71-f6d6a662 {
    justify-self: start;
  }

  #w-node-_1c0db5f7-5b41-78fc-53a2-489be8357e79-f6d6a662 {
    place-self: auto;
  }
}