:root {
  --red: #eb0000;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.section-hero {
  width: 100vw;
  height: 100vh;
}

.section-hero.home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#00000080, #00000080), url('../images/IMG-6557.JPG');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: -60px;
  display: flex;
}

.section-hero.about {
  background-image: url('../images/Businessman-on-phone.jpg');
  background-position: 50%;
  background-size: cover;
}

.section {
  min-width: 100vw;
  min-height: 600px;
  padding: 60px 125px;
}

.section.typeface {
  padding-top: 75px;
}

.section.buttons {
  padding-top: 0;
}

.section.home-intro {
  min-height: 200px;
  margin-top: 75px;
  margin-bottom: 75px;
  padding-left: 140px;
  padding-right: 140px;
  display: flex;
}

.section.expertise {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  margin-top: 25px;
  margin-bottom: 50px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.section.testimonials {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/Women-working.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  margin-bottom: 0;
  padding-top: 140px;
  padding-bottom: 140px;
}

.section.footer {
  background-image: linear-gradient(to bottom, var(--red), var(--red));
  height: auto;
  min-height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.section.about {
  justify-content: center;
  padding: 0;
  display: flex;
}

.section.release {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Monthly-Budget-Review.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
  display: block;
}

.section.about-detail {
  padding-left: 140px;
  padding-right: 140px;
}

.h1 {
  margin-top: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 400;
}

.h2 {
  letter-spacing: 1.5px;
  margin-top: 10px;
  font-family: Urbanist, sans-serif;
  font-weight: 400;
}

.h2.hero {
  color: #fff;
  margin-top: 0;
  font-weight: 400;
}

.h2.intro {
  margin-top: 15px;
}

.h2.white {
  color: #fff;
  letter-spacing: 4px;
}

.h2.white.clients {
  letter-spacing: 1.5px;
  font-size: 28px;
}

.h2.footer {
  color: #fff;
}

.h3 {
  letter-spacing: 1.5px;
  margin-top: 10px;
  font-family: Urbanist, sans-serif;
  font-weight: 400;
}

.h3.break {
  margin-top: 40px;
  text-decoration: underline;
}

.h3.services-header {
  color: #fff;
}

.h3.white {
  color: #fff;
  margin-bottom: 5px;
}

.h4 {
  letter-spacing: 1.5px;
  font-family: Urbanist, sans-serif;
  font-weight: 400;
}

.h4.sub-break {
  margin-top: 20px;
}

.h5 {
  letter-spacing: 1.5px;
  font-family: Urbanist, sans-serif;
}

.h5.red {
  color: #d80000;
}

.h6 {
  letter-spacing: 1.5px;
  font-family: Urbanist, sans-serif;
  font-weight: 400;
}

.text-block {
  letter-spacing: 1px;
  font-family: Urbanist, sans-serif;
}

.text-block.regular {
  padding-bottom: 10px;
}

.text-block.regular.white {
  color: #fff;
}

.text-block.regular.white.hero {
  width: 90%;
  margin-top: -10px;
}

.text-block.small {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
}

.text-block.small.hero {
  color: #fff;
  padding-bottom: 0;
  display: none;
}

.text-block.large {
  text-align: center;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
}

.text-block.large.intro {
  text-align: left;
  margin-top: 20px;
  font-size: 16px;
}

.text-block.services-text {
  color: #fff;
  width: 70%;
  margin-bottom: 10px;
}

.text-block.footer {
  color: #fff;
}

.text-block.footer-caption {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  font-size: 12px;
}

.text-block.founder {
  color: #fff;
  letter-spacing: 3px;
  font-size: 12px;
}

.text-block.announcement {
  margin-top: 20px;
}

.heading-sg {
  margin-bottom: 40px;
}

.btn {
  text-align: center;
  letter-spacing: .5px;
  background-color: red;
  border-radius: 50px;
  min-width: 175px;
  max-width: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 25px;
  font-family: Plus Jakarta Sans, sans-serif;
  transition: background-color .5s;
}

.btn:hover {
  background-color: #000;
}

.btn.alternate-white {
  color: #0c0c0c;
  background-color: #ffffffbd;
  transition-duration: .5s;
}

.btn.alternate-white:hover {
  color: #fff;
  background-color: #ec3838;
}

.btn.alternate-black {
  background-color: #000;
}

.btn.alternate-black:hover {
  color: #000;
  background-color: #fff;
}

.btn.red-fade-white {
  background-color: var(--red);
  width: 12px;
}

.btn.red-fade-white:hover {
  color: #fff;
  background-color: #ffffff73;
}

.btn.press-release {
  min-width: 150px;
  margin-top: 50px;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}

.nav-link {
  color: #fff;
  letter-spacing: 1px;
  font-family: Plus Jakarta Sans, sans-serif;
  transition: color .375s;
}

.nav-link:hover, .nav-link.w--current {
  color: red;
}

.navbar {
  z-index: 99999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: block;
  position: sticky;
  top: 0;
}

.body.home {
  flex-direction: column;
  display: flex;
}

.grid-hero {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 40%;
  margin-top: 539px;
  margin-left: 125px;
}

.div.home-intro {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div.services {
  background-image: linear-gradient(#0009, #0009), url('../images/WFO-Collaboration.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  min-width: 50%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div.services.business {
  background-image: linear-gradient(#0009, #0009), url('../images/Woman-looking-at-computer.jpg');
  background-size: auto, cover;
}

.div.services.personal {
  background-image: linear-gradient(#0009, #0009), url('../images/father-son-at-table.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div.services-text {
  padding-top: 100px;
}

.div.expertise {
  width: 40%;
}

.div.expertise.img {
  width: 60%;
  height: 500px;
  min-height: 60%;
  margin-left: 100px;
}

.div.reviews-wrapper {
  background-image: linear-gradient(red, red);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 60px;
  display: flex;
}

.div.cta-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 80px;
  display: flex;
}

.div.form-wrapper {
  justify-content: center;
  width: 50%;
  margin-top: 145px;
  display: flex;
}

.div.contact-cta {
  display: flex;
}

.div.about {
  align-items: center;
  display: flex;
}

.div.headshot-img {
  background-image: linear-gradient(#0000005c, #0000005c), url('../images/IMG-6552.JPG');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  min-width: 50%;
  padding-bottom: 120px;
  padding-left: 60px;
  display: flex;
}

.div.social-proof, .div.logo-holder {
  width: 50%;
}

.div.intro {
  width: 50%;
  margin-left: 20px;
}

.div.logo-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 80%;
  min-height: 25%;
  margin-top: 175px;
  display: flex;
}

.section.services {
  justify-content: center;
  padding: 0;
  display: flex;
}

.right-arrow-2 {
  display: none;
}

.slide {
  width: 33.4%;
}

.slide.review {
  text-align: center;
  width: 100%;
}

.paragraph {
  letter-spacing: .5px;
  font-size: 16px;
  font-weight: 400;
}

.paragraph.review {
  color: #fff;
  padding-left: 10px;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
}

.heading {
  color: #101010;
  flex-direction: column;
  font-family: Urbanist, sans-serif;
  font-size: 36px;
  font-weight: 400;
  display: flex;
}

.heading.h4 {
  color: #fff;
  letter-spacing: 0;
  font-size: 18px;
}

.heading.h4.review {
  letter-spacing: 4px;
  margin-top: 40px;
  font-size: 14px;
}

.mask {
  background-color: #fff;
  width: 100%;
}

.mask.reviews {
  background-color: #0000;
  width: 100%;
  padding-top: 40px;
}

.slider {
  background-color: #0000;
  justify-content: center;
  align-items: flex-end;
  min-height: 500px;
  display: flex;
}

.slider.reviews {
  align-items: center;
  width: 80%;
}

.left-arrow-2 {
  display: none;
}

.text-area {
  color: #fff;
  letter-spacing: 1px;
  background-color: #0000;
  border: 1px solid #fff;
  min-height: 100px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
}

.text-area::placeholder {
  color: #fff;
}

.column.form-input {
  padding-left: 0;
  padding-right: 0;
}

.column.form-input.left {
  padding-right: 10px;
}

.column.form-input.right {
  padding-left: 10px;
}

.text-field {
  color: #fff;
  letter-spacing: 1px;
  background-color: #0000;
  border: 1px #fff;
  border-bottom-style: solid;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
}

.text-field::placeholder {
  color: #fff;
}

.form-block {
  width: 100%;
}

.brand {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img.logo {
  padding-bottom: 25px;
}

.img.hero-logo {
  min-width: 80%;
  min-height: 25%;
}

.image-2 {
  padding-top: 8px;
}

.image-3 {
  margin-bottom: 10px;
}

@media screen and (min-width: 1920px) {
  .div.cta-wrapper {
    width: 40%;
  }

  .div.form-wrapper {
    width: 60%;
  }

  .slider.reviews {
    width: 70%;
  }
}

@media screen and (max-width: 991px) {
  .section.home-intro {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .section.expertise {
    padding-left: 60px;
    padding-right: 60px;
  }

  .h2.intro {
    font-size: 24px;
    line-height: 32px;
  }

  .text-block.small.hero {
    display: flex;
  }

  .text-block.large.intro {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .text-block.footer {
    margin-top: 10px;
  }

  .grid-hero {
    width: 60%;
    margin-left: 80px;
  }

  .div.expertise.img {
    background-position: 50%;
  }

  .div.reviews-wrapper {
    padding-top: 100px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div.cta-wrapper {
    align-items: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div.form-wrapper {
    width: 100%;
    margin-top: 40px;
  }

  .div.contact-cta {
    flex-direction: column;
  }

  .div.headshot-img {
    padding-left: 40px;
  }

  .div.social-proof {
    width: 50%;
  }

  .div.intro {
    margin-left: 0;
  }

  .paragraph.review {
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 18px;
  }

  .heading.h4.review {
    letter-spacing: 3px;
    margin-top: 20px;
    font-size: 12px;
  }

  .slider {
    min-height: 350px;
  }

  .slider.reviews {
    width: 100%;
    min-height: 400px;
  }

  .form-block {
    width: 100%;
  }

  .icon {
    color: #fff;
  }

  .nav-menu {
    background-color: #00000080;
  }

  .menu-button {
    background-color: #c7c5c500;
  }

  .menu-button.w--open {
    background-color: #00000080;
  }

  .image-3 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .section-hero.home {
    background-image: linear-gradient(#0009, #0009), url('../images/Woman-sitting-at-table.jpg');
    background-position: 0 0, 50%;
  }

  .section.expertise {
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.testimonials {
    padding: 60px;
  }

  .section.about-detail {
    padding-left: 60px;
    padding-right: 60px;
  }

  .h2.hero {
    font-size: 32px;
  }

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

  .h5.red {
    text-align: left;
  }

  .text-block.regular.white.hero {
    width: 100%;
    margin-top: -20px;
  }

  .text-block.large.intro {
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
  }

  .text-block.services-text {
    padding-bottom: 20px;
  }

  .text-block.footer {
    text-align: center;
  }

  .btn.red-fade-white {
    margin-top: 0;
  }

  .grid-hero {
    margin-top: 140px;
    margin-left: 60px;
  }

  .div.services.business, .div.services.personal {
    padding-bottom: 40px;
  }

  .div.expertise {
    width: 100%;
  }

  .div.expertise.img {
    display: none;
  }

  .div.cta-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div.form-wrapper {
    margin-top: 10px;
  }

  .div.contact-cta {
    width: 100%;
  }

  .div.headshot-img {
    display: none;
  }

  .div.social-proof {
    width: 100%;
  }

  .div.logo-holder {
    display: none;
  }

  .div.intro {
    width: 100%;
  }

  .div.logo-hero {
    width: 100%;
    height: 100%;
  }

  .div.announcement {
    text-align: left;
  }

  .section.services {
    flex-direction: column;
  }

  .right-arrow-2 {
    display: none;
  }

  .paragraph {
    font-size: 14px;
  }

  .paragraph.review {
    font-size: 14px;
    line-height: 22px;
  }

  .heading.h4 {
    font-size: 16px;
    line-height: 22px;
  }

  .mask.reviews {
    margin-left: 10px;
    margin-right: 10px;
  }

  .slider {
    min-height: 300px;
  }

  .slider.reviews {
    min-height: 400px;
    padding-top: 10px;
  }

  .left-arrow-2 {
    display: none;
  }

  .column.form-input.left, .column.form-input.right {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .section.home-intro {
    justify-content: center;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section.testimonials {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section.footer {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 8px;
    line-height: 16px;
  }

  .section.release {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Monthly-Budget-Review.jpg');
    background-position: 0 0, 50%;
    display: none;
  }

  .section.about-detail {
    padding-left: 40px;
    padding-right: 40px;
  }

  .h2, .h2.hero {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
  }

  .h2.intro {
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    line-height: 28px;
  }

  .h2.expertise-heading, .h2.white.clients, .h2.footer {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
  }

  .h3.services-header {
    font-size: 22px;
  }

  .h5.red {
    text-align: center;
    font-size: 10px;
  }

  .h5.red.about {
    text-align: center;
  }

  .text-block.regular.white.hero {
    text-align: center;
    display: none;
  }

  .text-block.large.intro {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
  }

  .text-block.services-text {
    width: 100%;
  }

  .text-block.expertise {
    text-align: center;
  }

  .text-block.footer-caption {
    font-size: 8px;
    line-height: 12px;
  }

  .text-block.announcement {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
  }

  .btn.red-fade-white {
    align-self: center;
    margin-top: 20px;
  }

  .btn.press-release {
    margin-top: 34px;
  }

  .grid-hero {
    justify-content: center;
    justify-items: center;
    width: 100%;
    margin-left: 40px;
    margin-right: 40px;
  }

  .div.services.business {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div.services-text {
    text-align: center;
  }

  .div.reviews-wrapper {
    width: 100%;
    padding-bottom: 100px;
  }

  .div.form-wrapper {
    margin-top: 10px;
  }

  .div.announcement {
    text-align: center;
  }

  .right-arrow-2 {
    display: none;
  }

  .paragraph {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
  }

  .paragraph.review {
    padding-left: 0;
    font-size: 12px;
    line-height: 18px;
  }

  .heading.h4.review {
    font-size: 10px;
    line-height: 20px;
  }

  .mask.reviews {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .slider {
    flex-direction: row;
  }

  .left-arrow-2 {
    display: none;
  }

  .form {
    text-align: center;
  }

  .slide-nav {
    margin-bottom: -40px;
  }
}

#w-node-_00540993-4e8d-fcbe-78c0-f008a6aef992-77bd85a0, #w-node-_18650315-b1a3-9d5a-8af6-4c81ec1b87d4-77bd85a0, #w-node-_19045486-c6ad-9178-9a18-cde34c2fb767-77bd85a0, #w-node-dc9f803e-07d8-3ccb-c924-cdbd0d0583c5-77bd85a0, #w-node-_670833c0-b101-08a5-2c40-9e426c98cf10-77bd85a0, #w-node-f5f482fa-cd84-378f-817b-70acdbe8b383-77bd85a0, #w-node-_39767d9b-4aaf-10b0-28ec-2d12d6570d1c-77bd85a0, #w-node-_12916834-bc0a-561c-57ef-03540db0200b-29653d79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}