/* Converted Tailwind Config to scss */

/**
 * Fonts
 * Hosting fonts locally is recommended if possible, for google fonts check out - https://google-webfonts-helper.herokuapp.com/fonts
 */

/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2020 - present Zeplin
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.phoneIcon {
  padding-left: 2.5rem;
  position: relative;
}

.phoneIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.phoneIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M17.9 22C9.4 21.99 2.511 15.1 2.5 6.6 2.5 4.06 4.56 2 7.1 2c.258-.002.516.022.77.07.245.036.486.097.72.18.334.117.581.403.65.75l1.37 6c.075.331-.023.677-.26.92-.13.14-.14.15-1.37.79.985 2.161 2.713 3.896 4.87 4.89.65-1.24.66-1.25.8-1.38.243-.237.59-.335.92-.26l6 1.37c.336.078.608.324.72.65.084.238.148.482.19.73.04.251.06.506.06.76C22.502 20 20.429 22.022 17.9 22zM7.1 4c-1.434.006-2.595 1.166-2.6 2.6.005 7.398 6 13.394 13.4 13.4 1.433-.005 2.594-1.166 2.6-2.6v-.33L15.86 16l-.29.55c-.45.87-.78 1.5-1.62 1.16-3.356-1.201-5.993-3.85-7.18-7.21-.36-.78.32-1.14 1.18-1.59l.55-.27L7.43 4H7.1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.userIcon {
  padding-left: 2.5rem;
  position: relative;
}

.userIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.userIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M12.5 11c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm-7 15c0-3.866 3.134-7 7-7s7 3.134 7 7c0 .552-.448 1-1 1s-1-.448-1-1c0-2.761-2.239-5-5-5s-5 2.239-5 5c0 .552-.448 1-1 1s-1-.448-1-1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.chatIcon {
  padding-left: 2.5rem;
  position: relative;
}

.chatIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.chatIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M7.833 21.12c0 .7.738 1.118 1.293.733l4.79-3.33h.167c4.37 0 7.917-3.697 7.917-8.261C22 5.697 18.453 2 14.083 2H9.917C5.547 2 2 5.697 2 10.262c0 3.77 2.437 7.002 5.833 7.965v2.894zm1.672-3.731c0-.415-.284-.769-.673-.841C5.936 16.012 3.8 13.4 3.8 10.327 3.8 6.835 6.535 4 9.912 4h4.075c3.378 0 6.113 2.835 6.113 6.327 0 3.491-2.735 6.326-6.113 6.326h-.407c-.16 0-.316.05-.449.141L9.505 19.3v-1.911z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.helpIcon {
  padding-left: 2.5rem;
  position: relative;
}

.helpIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.helpIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm2 0c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zm8-6c-1.933 0-3.5 1.567-3.5 3.5 0 .552.448 1 1 1s1-.448 1-1c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5S12.828 11 12 11c-.552 0-1 .448-1 1v2c0 .552.448 1 1 1s1-.448 1-1v-1.16c1.85-.54 2.912-2.478 2.372-4.328C14.935 7.015 13.559 5.99 12 6zm.707 11.707c.39-.39.39-1.024 0-1.414-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414.39.39 1.024.39 1.414 0z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.arrowLeftIcon {
  padding-left: 2.5rem;
  position: relative;
}

.arrowLeftIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.arrowLeftIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M5 13.155h11.86l-3.63 4.36c-.354.425-.295 1.056.13 1.41.425.353 1.056.295 1.41-.13l5-6c.034-.048.064-.098.09-.15 0-.05.05-.08.07-.13.045-.115.07-.237.07-.36s-.025-.245-.07-.36c0-.05-.05-.08-.07-.13-.026-.052-.056-.102-.09-.15l-5-6c-.19-.229-.473-.36-.77-.36-.234 0-.46.08-.64.23-.425.352-.484.983-.132 1.408l.002.002 3.63 4.36H5c-.552 0-1 .448-1 1s.448 1 1 1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
  transform: translateY(5px) rotate(180deg);
}

.accordion-item__content {
  overflow: hidden;
  height: 0;
  transition: 0.4s ease height;
}

.accordion-item svg {
  transition: 0.4s ease transform;
}

.accordion-item.expanded .accordion-item__heading svg {
  transform: rotate(180deg);
}

.amenities-block__content h3 {
  margin-bottom: 2.75rem;
  text-align: center;
}

@media (max-width: 575px) {
  .amenities-block__content h3 {
    font-size: 20px;
    margin-bottom: 1.5rem;
    padding-left: 0;
  }
}

.amenities-block__content ul {
  padding-left: 15%;
  columns: 2;
}

@media (max-width: 575px) {
  .amenities-block__content ul {
    columns: 1;
    padding-left: 0;
  }
}

.basic {
  min-height: 260px;
}

@media (min-width: 1024px) {
  .basic {
    min-height: 300px;
  }

  .basic__content {
    max-width: 534px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  .basic {
    min-height: auto;
  }

  .basic h1, .basic h2 {
    font-size: 40px;
  }

  .basic__content {
    max-width: 534px;
    font-size: 20px;
  }
}

/**
 * Fonts
 * Hosting fonts locally is recommended if possible, for google fonts check out - https://google-webfonts-helper.herokuapp.com/fonts
 */

/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2020 - present Zeplin
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@media (min-width: 1024px) {
  .basic {
    min-height: auto;
  }

  .basic h1, .basic h2 {
    font-size: 40px;
  }

  .basic__content {
    max-width: 534px;
    font-size: 20px;
  }
}

.blurbs__item-title {
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  color: #6fc8ec;
}

@media (min-width: 768px) {
  .blurbs__item-title {
    font-family: Lato, sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.26;
  }
}

.blurbs__item .grid-item-inner {
  text-align: center;
  width: 290px;
  height: 15rem;
  background-color: #437f97;
  border-radius: 4px;
}

@media (min-width: 768px) {
  .blurbs__item .grid-item-inner {
    width: 255px;
    height: 15.5rem;
  }
}

@media (max-width: 1022px) {
  .blurbs__item .grid-max-4 .grid-item-inner {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 640px) {
  .blurbs .basic {
    min-height: unset;
  }
}

.blurbs .basic__content,
.blurbs .basic p {
  margin-bottom: 0;
}

.blurbs.bg-gray-400 {
  padding-top: 64px;
}

.blurbs.bg-gray-400 h1, .blurbs.bg-gray-400 h2 {
  text-wrap: balance;
}

@media (min-width: 768px) {
  .blurbs.bg-gray-400 h1, .blurbs.bg-gray-400 h2 {
    font-size: 40px;
  }
}

@media (min-width: 768px) {
  .blurbs.bg-gray-400 .blurbs__item {
    margin-left: 8px;
    margin-right: 8px;
  }
}

.blurbs.bg-gray-400 .blurbs__item .grid-item-inner {
  background: #ffffff;
  width: 100%;
  border-radius: 20px;
  margin-left: 0 !important;
}

.blurbs.bg-gray-400 .blurbs__item .grid-item-inner .h-12 {
  text-decoration: none;
  color: #696E7C;
  font-size: 20px;
}

.blurbs.bg-gray-400 .basic {
  min-height: auto;
}

.blurbs.bg-gray-400 .basic .container {
  padding-bottom: 20px;
  padding-top: 20px;
}

.contact input:not([type='submit']),
.contact textarea {
  width: 100%;
}

.phoneIcon {
  padding-left: 2.5rem;
  position: relative;
}

.phoneIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.phoneIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M17.9 22C9.4 21.99 2.511 15.1 2.5 6.6 2.5 4.06 4.56 2 7.1 2c.258-.002.516.022.77.07.245.036.486.097.72.18.334.117.581.403.65.75l1.37 6c.075.331-.023.677-.26.92-.13.14-.14.15-1.37.79.985 2.161 2.713 3.896 4.87 4.89.65-1.24.66-1.25.8-1.38.243-.237.59-.335.92-.26l6 1.37c.336.078.608.324.72.65.084.238.148.482.19.73.04.251.06.506.06.76C22.502 20 20.429 22.022 17.9 22zM7.1 4c-1.434.006-2.595 1.166-2.6 2.6.005 7.398 6 13.394 13.4 13.4 1.433-.005 2.594-1.166 2.6-2.6v-.33L15.86 16l-.29.55c-.45.87-.78 1.5-1.62 1.16-3.356-1.201-5.993-3.85-7.18-7.21-.36-.78.32-1.14 1.18-1.59l.55-.27L7.43 4H7.1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.userIcon {
  padding-left: 2.5rem;
  position: relative;
}

.userIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.userIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M12.5 11c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm-7 15c0-3.866 3.134-7 7-7s7 3.134 7 7c0 .552-.448 1-1 1s-1-.448-1-1c0-2.761-2.239-5-5-5s-5 2.239-5 5c0 .552-.448 1-1 1s-1-.448-1-1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.chatIcon {
  padding-left: 2.5rem;
  position: relative;
}

.chatIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.chatIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M7.833 21.12c0 .7.738 1.118 1.293.733l4.79-3.33h.167c4.37 0 7.917-3.697 7.917-8.261C22 5.697 18.453 2 14.083 2H9.917C5.547 2 2 5.697 2 10.262c0 3.77 2.437 7.002 5.833 7.965v2.894zm1.672-3.731c0-.415-.284-.769-.673-.841C5.936 16.012 3.8 13.4 3.8 10.327 3.8 6.835 6.535 4 9.912 4h4.075c3.378 0 6.113 2.835 6.113 6.327 0 3.491-2.735 6.326-6.113 6.326h-.407c-.16 0-.316.05-.449.141L9.505 19.3v-1.911z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.helpIcon {
  padding-left: 2.5rem;
  position: relative;
}

.helpIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.helpIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm2 0c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zm8-6c-1.933 0-3.5 1.567-3.5 3.5 0 .552.448 1 1 1s1-.448 1-1c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5S12.828 11 12 11c-.552 0-1 .448-1 1v2c0 .552.448 1 1 1s1-.448 1-1v-1.16c1.85-.54 2.912-2.478 2.372-4.328C14.935 7.015 13.559 5.99 12 6zm.707 11.707c.39-.39.39-1.024 0-1.414-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414.39.39 1.024.39 1.414 0z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.arrowLeftIcon {
  padding-left: 2.5rem;
  position: relative;
}

.arrowLeftIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.arrowLeftIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M5 13.155h11.86l-3.63 4.36c-.354.425-.295 1.056.13 1.41.425.353 1.056.295 1.41-.13l5-6c.034-.048.064-.098.09-.15 0-.05.05-.08.07-.13.045-.115.07-.237.07-.36s-.025-.245-.07-.36c0-.05-.05-.08-.07-.13-.026-.052-.056-.102-.09-.15l-5-6c-.19-.229-.473-.36-.77-.36-.234 0-.46.08-.64.23-.425.352-.484.983-.132 1.408l.002.002 3.63 4.36H5c-.552 0-1 .448-1 1s.448 1 1 1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
  transform: translateY(5px) rotate(180deg);
}

/**
 * Fonts
 * Hosting fonts locally is recommended if possible, for google fonts check out - https://google-webfonts-helper.herokuapp.com/fonts
 */

/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2020 - present Zeplin
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@media (min-width: 768px) {
  .cta-contact {
    min-height: 944px;
  }
}

.cta-contact__body {
  margin-left: 1rem;
  padding-right: 2rem;
}

@media (min-width: 1170px) {
  .cta-contact__body {
    padding-left: calc((100vw - 1170px) / 2);
    margin-left: 0;
  }
}

.cta-contact figure {
  display: block;
  height: 944px;
}

@media (max-width: 768px) {
  .cta-contact figure {
    max-height: 16.688rem;
    width: 100%;
  }
}

.cta-contact figure img {
  width: 100%;
}

.cta-contact a {
  color: #102647;
  display: block;
}

@media (min-width: 768px) {
  .cta-contact a {
    color: #ffffff;
  }
}

.cta-contact .fonts-body-18 p {
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 1.78;
  margin: 0;
}

.cta-contact__details-emails a {
  padding-left: 2.5rem;
  position: relative;
}

.cta-contact__details-emails a::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.cta-contact__details-emails a::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' fill='none' viewBox='0 0 23 22'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M17.874 3.667H4.704c-1.559 0-2.822 1.23-2.822 2.75v9.166c0 1.52 1.263 2.75 2.822 2.75h13.17c1.559 0 2.822-1.23 2.822-2.75V6.417c0-1.52-1.263-2.75-2.822-2.75zm-.63 1.833l-5.955 4.354L5.334 5.5h11.91zm.63 11H4.704c-.52 0-.94-.41-.94-.917V6.646l6.96 5.087c.163.12.361.184.565.184.204 0 .402-.065.564-.184l6.962-5.087v8.937c0 .507-.422.917-.941.917z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.cta-contact__details-phones a {
  padding-left: 2.5rem;
  position: relative;
}

.cta-contact__details-phones a::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.cta-contact__details-phones a::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M17.9 22C9.4 21.99 2.511 15.1 2.5 6.6 2.5 4.06 4.56 2 7.1 2c.258-.002.516.022.77.07.245.036.486.097.72.18.334.117.581.403.65.75l1.37 6c.075.331-.023.677-.26.92-.13.14-.14.15-1.37.79.985 2.161 2.713 3.896 4.87 4.89.65-1.24.66-1.25.8-1.38.243-.237.59-.335.92-.26l6 1.37c.336.078.608.324.72.65.084.238.148.482.19.73.04.251.06.506.06.76C22.502 20 20.429 22.022 17.9 22zM7.1 4c-1.434.006-2.595 1.166-2.6 2.6.005 7.398 6 13.394 13.4 13.4 1.433-.005 2.594-1.166 2.6-2.6v-.33L15.86 16l-.29.55c-.45.87-.78 1.5-1.62 1.16-3.356-1.201-5.993-3.85-7.18-7.21-.36-.78.32-1.14 1.18-1.59l.55-.27L7.43 4H7.1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

@media (min-width: 768px) {
  .cta-contact__details-emails a {
    padding-left: 2.75rem;
    position: relative;
  }

  .cta-contact__details-emails a::before {
    content: "";
    width: 38px;
    height: 40px;
    position: absolute;
    margin-left: 0rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .cta-contact__details-emails a::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='40' fill='none' viewBox='0 0 38 40'%3E %3Cpath stroke='%236FC8EC' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3' d='M8 13l11 10 11-10'/%3E %3Cpath stroke='%236FC8EC' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3' d='M31 8H7c-1.657 0-3 1.343-3 3v18c0 1.657 1.343 3 3 3h24c1.657 0 3-1.343 3-3V11c0-1.657-1.343-3-3-3zM8 27l4-5M30 27l-4-5'/%3E %3C/svg%3E") no-repeat;
  }

  .cta-contact__details-phones a {
    padding-left: 2.75rem;
    position: relative;
  }

  .cta-contact__details-phones a::before {
    content: "";
    width: 38px;
    height: 40px;
    position: absolute;
    margin-left: 0rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .cta-contact__details-phones a::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='40' fill='none' viewBox='0 0 38 40'%3E %3Cpath fill='%236FC8EC' fill-rule='evenodd' d='M27.59 35.936C14.018 35.92 3.019 24.92 3 11.346 3 7.289 6.289 4 10.345 4c.413-.003.825.034 1.23.112.392.058.777.154 1.15.287.533.188.928.643 1.037 1.198l2.188 9.58c.12.53-.036 1.082-.415 1.47-.208.223-.224.24-2.188 1.261 1.573 3.45 4.333 6.222 7.777 7.809 1.038-1.98 1.054-1.996 1.277-2.204.388-.379.94-.535 1.47-.415l9.58 2.188c.537.124.971.516 1.15 1.037.135.38.236.77.303 1.166.064.401.096.807.096 1.214-.061 4.038-3.37 7.269-7.41 7.233zM10.345 7.194c-2.289.008-4.143 1.862-4.151 4.151.008 11.813 9.582 21.388 21.396 21.398 2.29-.01 4.143-1.863 4.152-4.152v-.527l-7.409-1.709-.463.879c-.718 1.389-1.245 2.395-2.586 1.852-5.36-1.918-9.57-6.146-11.465-11.513-.575-1.246.51-1.82 1.884-2.539l.878-.431-1.709-7.41h-.527z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
  }
}

.editor-styles-wrapper .cta-simple .bg-light {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.editor-styles-wrapper .cta-simple .bg-primary-2 {
  --bg-opacity: 1;
  background-color: #004558;
  background-color: rgba(0, 69, 88, var(--bg-opacity));
}

.editor-styles-wrapper .cta-simple .bg-teal-2 {
  --bg-opacity: 1;
  background-color: #1B596A;
  background-color: rgba(27, 89, 106, var(--bg-opacity));
}

.editor-styles-wrapper .cta-simple .bg-green-2 {
  --bg-opacity: 1;
  background-color: #62A70F;
  background-color: rgba(98, 167, 15, var(--bg-opacity));
}

.editor-styles-wrapper .cta-simple .text-light {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.editor-styles-wrapper .cta-simple .text-primary-2 {
  --text-opacity: 1;
  color: #004558;
  color: rgba(0, 69, 88, var(--text-opacity));
}

.editor-styles-wrapper .cta-simple .text-green-2 {
  --text-opacity: 1;
  color: #62A70F;
  color: rgba(98, 167, 15, var(--text-opacity));
}

.editor-styles-wrapper .cta-simple .border-green-2 {
  --border-opacity: 1;
  border-color: #62A70F;
  border-color: rgba(98, 167, 15, var(--border-opacity));
}

.editor-styles-wrapper .cta-simple .border-primary-2 {
  --border-opacity: 1;
  border-color: #004558;
  border-color: rgba(0, 69, 88, var(--border-opacity));
}

.editor-styles-wrapper .cta-simple .border-light {
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.editor-styles-wrapper .cta-simple .border-0 {
  border-width: 0;
}

.editor-styles-wrapper .cta-simple a:hover {
  opacity: 0.8;
}

.editor-styles-wrapper .cta-simple * {
  font-family: Lato, sans-serif;
}

.phoneIcon {
  padding-left: 2.5rem;
  position: relative;
}

.phoneIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.phoneIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M17.9 22C9.4 21.99 2.511 15.1 2.5 6.6 2.5 4.06 4.56 2 7.1 2c.258-.002.516.022.77.07.245.036.486.097.72.18.334.117.581.403.65.75l1.37 6c.075.331-.023.677-.26.92-.13.14-.14.15-1.37.79.985 2.161 2.713 3.896 4.87 4.89.65-1.24.66-1.25.8-1.38.243-.237.59-.335.92-.26l6 1.37c.336.078.608.324.72.65.084.238.148.482.19.73.04.251.06.506.06.76C22.502 20 20.429 22.022 17.9 22zM7.1 4c-1.434.006-2.595 1.166-2.6 2.6.005 7.398 6 13.394 13.4 13.4 1.433-.005 2.594-1.166 2.6-2.6v-.33L15.86 16l-.29.55c-.45.87-.78 1.5-1.62 1.16-3.356-1.201-5.993-3.85-7.18-7.21-.36-.78.32-1.14 1.18-1.59l.55-.27L7.43 4H7.1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.userIcon {
  padding-left: 2.5rem;
  position: relative;
}

.userIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.userIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M12.5 11c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm-7 15c0-3.866 3.134-7 7-7s7 3.134 7 7c0 .552-.448 1-1 1s-1-.448-1-1c0-2.761-2.239-5-5-5s-5 2.239-5 5c0 .552-.448 1-1 1s-1-.448-1-1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.chatIcon {
  padding-left: 2.5rem;
  position: relative;
}

.chatIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.chatIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M7.833 21.12c0 .7.738 1.118 1.293.733l4.79-3.33h.167c4.37 0 7.917-3.697 7.917-8.261C22 5.697 18.453 2 14.083 2H9.917C5.547 2 2 5.697 2 10.262c0 3.77 2.437 7.002 5.833 7.965v2.894zm1.672-3.731c0-.415-.284-.769-.673-.841C5.936 16.012 3.8 13.4 3.8 10.327 3.8 6.835 6.535 4 9.912 4h4.075c3.378 0 6.113 2.835 6.113 6.327 0 3.491-2.735 6.326-6.113 6.326h-.407c-.16 0-.316.05-.449.141L9.505 19.3v-1.911z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.helpIcon {
  padding-left: 2.5rem;
  position: relative;
}

.helpIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.helpIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm2 0c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zm8-6c-1.933 0-3.5 1.567-3.5 3.5 0 .552.448 1 1 1s1-.448 1-1c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5S12.828 11 12 11c-.552 0-1 .448-1 1v2c0 .552.448 1 1 1s1-.448 1-1v-1.16c1.85-.54 2.912-2.478 2.372-4.328C14.935 7.015 13.559 5.99 12 6zm.707 11.707c.39-.39.39-1.024 0-1.414-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414.39.39 1.024.39 1.414 0z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.arrowLeftIcon {
  padding-left: 2.5rem;
  position: relative;
}

.arrowLeftIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.arrowLeftIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M5 13.155h11.86l-3.63 4.36c-.354.425-.295 1.056.13 1.41.425.353 1.056.295 1.41-.13l5-6c.034-.048.064-.098.09-.15 0-.05.05-.08.07-.13.045-.115.07-.237.07-.36s-.025-.245-.07-.36c0-.05-.05-.08-.07-.13-.026-.052-.056-.102-.09-.15l-5-6c-.19-.229-.473-.36-.77-.36-.234 0-.46.08-.64.23-.425.352-.484.983-.132 1.408l.002.002 3.63 4.36H5c-.552 0-1 .448-1 1s.448 1 1 1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
  transform: translateY(5px) rotate(180deg);
}

@media (min-width: 1100px) {
  .cta-support__mask.cta-support--right figure {
    margin-left: calc((1100px - 100vw) / 2);
  }
}

@media (min-width: 1100px) {
  .cta-support__mask.cta-support--left figure {
    margin-right: calc((1100px - 100vw) / 2);
  }
}

.cta-support__mask.cta-support--left svg {
  transform: rotateY(180deg) rotateX(180deg);
}

@media (min-width: 1024px) {
  .cta-support__mask {
    height: 700px;
  }

  .cta-support__mask figure {
    height: 100%;
    width: 50vw;
  }

  .cta-support__mask img {
    height: 100%;
    min-width: 100%;
    max-height: unset;
  }

  .cta-support__mask .cta-support__media {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .cta-support {
    height: 700px;
  }
}

.cta-support img {
  width: 100%;
  object-fit: cover;
}

@media (min-width: 640px) {
  .cta-support img {
    max-height: 264px;
  }
}

@media (min-width: 768px) {
  .cta-support img {
    max-height: 512px;
  }
}

@media (min-width: 1024px) {
  .cta-support img {
    max-height: 100%;
  }
}

.cta-support__accent--left {
  margin-left: auto;
  right: 0;
  top: 0;
}

.cta-support__accent--right {
  margin-right: auto;
  left: 0;
  bottom: 0;
  transform: rotateX(180deg) rotateY(180deg);
}

@media (min-width: 1024px) {
  .cta-support.cta-support--dark {
    background-color: #437f97;
    color: #ffffff;
  }

  .cta-support.cta-support--dark svg,
    .cta-support.cta-support--dark path {
    fill: #437f97;
    stroke: #437f97;
  }

  .cta-support.cta-support--dark .chatIcon {
    padding-left: 2.75rem;
    position: relative;
    color: #ffffff;
  }

  .cta-support.cta-support--dark .chatIcon::before {
    content: "";
    width: 38px;
    height: 40px;
    position: absolute;
    margin-left: 0rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .cta-support.cta-support--dark .chatIcon::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='40' fill='none' viewBox='0 0 38 40'%3E %3Cpath fill='%23A2E4FF' fill-rule='evenodd' d='M12.333 34.593c0 1.119 1.181 1.789 2.068 1.172l7.666-5.327h.266C29.325 30.438 35 24.522 35 17.219 35 9.916 29.325 4 22.333 4h-6.666C8.675 4 3 9.916 3 17.219c0 6.031 3.899 11.204 9.333 12.745v4.629zm2.675-5.971c0-.663-.454-1.23-1.077-1.345-4.634-.858-8.05-5.037-8.05-9.954 0-5.587 4.375-10.123 9.78-10.123h6.52c5.403 0 9.78 4.536 9.78 10.123 0 5.586-4.377 10.122-9.78 10.122h-.653c-.255 0-.505.079-.718.226l-5.802 4.009v-3.058z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
  }

  .cta-support.cta-support--dark .phoneIcon {
    padding-left: 2.75rem;
    position: relative;
    color: #ffffff;
  }

  .cta-support.cta-support--dark .phoneIcon::before {
    content: "";
    width: 38px;
    height: 40px;
    position: absolute;
    margin-left: 0rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .cta-support.cta-support--dark .phoneIcon::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='40' fill='none' viewBox='0 0 38 40'%3E %3Cpath fill='%236FC8EC' fill-rule='evenodd' d='M27.59 35.936C14.018 35.92 3.019 24.92 3 11.346 3 7.289 6.289 4 10.345 4c.413-.003.825.034 1.23.112.392.058.777.154 1.15.287.533.188.928.643 1.037 1.198l2.188 9.58c.12.53-.036 1.082-.415 1.47-.208.223-.224.24-2.188 1.261 1.573 3.45 4.333 6.222 7.777 7.809 1.038-1.98 1.054-1.996 1.277-2.204.388-.379.94-.535 1.47-.415l9.58 2.188c.537.124.971.516 1.15 1.037.135.38.236.77.303 1.166.064.401.096.807.096 1.214-.061 4.038-3.37 7.269-7.41 7.233zM10.345 7.194c-2.289.008-4.143 1.862-4.151 4.151.008 11.813 9.582 21.388 21.396 21.398 2.29-.01 4.143-1.863 4.152-4.152v-.527l-7.409-1.709-.463.879c-.718 1.389-1.245 2.395-2.586 1.852-5.36-1.918-9.57-6.146-11.465-11.513-.575-1.246.51-1.82 1.884-2.539l.878-.431-1.709-7.41h-.527z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
  }
}

.cta.light .cta__content {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.cta__li {
  /* IE11 browser selector */
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .cta__li {
    margin-left: auto;
    margin-right: auto;
  }
}

.feature-list__column li {
  padding-bottom: 2rem !important;
}

@media (max-width: 640px) {
  .feature-list__items {
    margin-left: auto;
    margin-right: auto;
  }

  .feature-list__column {
    width: 280px;
  }
}

@media (min-width: 640px) {
  .feature-list__expand-btn {
    display: none;
  }

  .feature-list__items {
    flex-wrap: wrap;
  }

  .feature-list__column {
    flex: 0 50%;
    padding-right: 0.75rem;
  }
}

@media (min-width: 768px) {
  .feature-list__column {
    flex: 0 33%;
  }

  .feature-list__column:nth-child(2n) {
    padding-left: 16px;
  }

  .feature-list__column:nth-child(3n) {
    padding-left: 33px;
  }

  .feature-list__wrapper {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
  }
}

.features_navy {
  background-image: linear-gradient(to bottom, #053e6d, #283043);
}

.features_navy .feature__item {
  max-width: 20.813rem;
}

.features_navy .feature__item .feature__image {
  max-width: 100%;
}

@media (min-width: 640px) {
  .features_navy .feature__item .feature__image picture {
    height: 23rem;
  }
}

.features_navy .feature__item .feature__image img {
  min-height: 100%;
  object-fit: contain;
  margin: 0 auto;
  max-height: 200px;
}

@media (min-width: 768px) {
  .features_navy .feature__item .feature__image img {
    max-height: 290px;
  }
}

.features_navy .feature__item .feature__icon {
  display: flex;
  justify-content: center;
}

.features_navy .feature__item .feature__icon picture {
  max-width: 6rem;
}

@media (min-width: 768px) {
  .features_navy__items[data-items="2"] .feature__item:nth-child(odd) {
    margin-right: 1rem;
  }

  .features_navy__items[data-items="2"] .feature__item:nth-child(even) {
    margin-left: 1rem;
  }
}

.features_navy__items[data-items="3"] {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .features_navy__items[data-items="3"] {
    margin-left: unset;
    margin-right: unset;
  }

  .features_navy__items[data-items="3"] .feature__item {
    flex: 0 30%;
  }
}

@media (min-width: 768px) {
  .features_navy__items[data-items="4"] {
    flex-wrap: wrap;
  }

  .features_navy__items[data-items="4"] .feature__item {
    display: flex;
    flex-direction: column;
  }

  .features_navy__items[data-items="4"] .feature__item a {
    margin-top: auto;
  }
}

.features_navy__items {
  gap: 30px;
}

.features-w-images {
  min-height: 800px;
}

.features-w-images .feature__item {
  max-width: 33.813rem;
}

.features-w-images .feature__item .feature__image {
  max-width: 100%;
}

@media (min-width: 640px) {
  .features-w-images .feature__item .feature__image picture {
    height: 23rem;
  }
}

.features-w-images .feature__item .feature__image img {
  min-height: 100%;
  object-fit: cover;
  margin: 0 auto;
  max-height: 200px;
}

@media (min-width: 768px) {
  .features-w-images .feature__item .feature__image img {
    max-height: 290px;
  }
}

@media (min-width: 768px) {
  .features-w-images__items[data-items="2"] .feature__item:nth-child(odd) {
    margin-right: 1rem;
  }

  .features-w-images__items[data-items="2"] .feature__item:nth-child(even) {
    margin-left: 1rem;
  }
}

.features-w-images__items[data-items="3"] {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .features-w-images__items[data-items="3"] {
    margin-left: unset;
    margin-right: unset;
  }

  .features-w-images__items[data-items="3"] .feature__item {
    flex: 0 30%;
  }
}

.features-w-images__items[data-items="4"] {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .features-w-images__items[data-items="4"] {
    margin-left: unset;
    margin-right: unset;
    flex-wrap: wrap;
  }

  .features-w-images__items[data-items="4"] .feature__item {
    flex: 0 48.75%;
    margin-bottom: 4rem;
  }
}

.features-w-images[data-items="4"] {
  min-height: 1323px;
}

.features-w-images__half-angle {
  right: 0;
  bottom: 0;
}

.features-w-images__half-angle svg {
  margin-left: auto;
}

.features-w-images__right-angle {
  margin-left: calc(100vw - 1440px);
}

.features-w-images--dark {
  background: #437f97;
}

.features-w-images--dark .feature__item,
    .features-w-images--dark .features__header {
  color: #ffffff;
}

.features-w-images--dark.features--angle {
  background: linear-gradient(90deg, #3c7590 calc(100vw - 1410px), #437f97 calc(100vw - 1409px));
}

.features {
  min-height: 800px;
}

.features .feature__item {
  max-width: 33.813rem;
}

.features .feature__item.col-3 {
  max-width: 21rem;
}

.features .feature__item .feature__image {
  max-width: 100%;
}

@media (min-width: 640px) {
  .features .feature__item .feature__image picture {
    height: 23rem;
  }
}

.features .feature__item .feature__image img {
  min-height: 100%;
  object-fit: contain;
  margin: 0 auto;
  max-height: 200px;
}

@media (min-width: 768px) {
  .features .feature__item .feature__image img {
    max-height: 290px;
  }
}

.features .feature__item .feature__icon {
  display: flex;
  justify-content: center;
}

.features .feature__item .feature__icon picture {
  max-width: 6rem;
}

@media (min-width: 768px) {
  .features__items[data-items="2"] .feature__item:nth-child(odd) {
    margin-right: 1rem;
  }

  .features__items[data-items="2"] .feature__item:nth-child(even) {
    margin-left: 1rem;
  }
}

.features__items[data-items="3"] {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .features__items[data-items="3"] {
    margin-left: unset;
    margin-right: unset;
  }

  .features__items[data-items="3"] .feature__item {
    flex: 0 30%;
  }
}

.features__items[data-items="4"] {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .features__items[data-items="4"] {
    margin-left: unset;
    margin-right: unset;
    flex-wrap: wrap;
  }

  .features__items[data-items="4"] .feature__item {
    flex: 0 48.75%;
    margin-bottom: 4rem;
  }
}

.features__half-angle {
  right: 0;
  bottom: 0;
}

.features__half-angle svg {
  margin-left: auto;
}

.features__right-angle {
  margin-left: calc(100vw - 1440px);
}

.features--dark {
  background: #437f97;
}

.features--dark .feature__item,
    .features--dark .features__header {
  color: #ffffff;
}

.features--dark.features--angle {
  background: linear-gradient(90deg, #3c7590 calc(100vw - 1410px), #437f97 calc(100vw - 1409px));
}

.featurette__fade .featurette__media picture {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}

.featurette__fade .featurette__media img {
  object-fit: contain;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  max-height: 400px;
}

@media (min-width: 768px) {
  .featurette__fade .featurette__media img {
    max-height: 500px;
  }
}

.featurette__mask .featurette__media {
  padding: 0;
}

@media (min-width: 1100px) {
  .featurette__mask.featurette--right figure {
    margin-left: calc((1100px - 100vw) / 2);
  }
}

@media (min-width: 1100px) {
  .featurette__mask.featurette--left figure {
    margin-right: calc((1100px - 100vw) / 2);
  }
}

.featurette__mask.featurette--left svg {
  transform: rotateY(180deg) rotateX(180deg);
}

@media (min-width: 1024px) {
  .featurette__mask {
    height: 700px;
  }

  .featurette__mask figure {
    height: 100%;
    width: 50vw;
  }

  .featurette__mask img {
    height: 100%;
    min-width: 100%;
    max-height: unset;
  }

  .featurette__mask .featurette__media {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .featurette {
    height: 700px;
  }
}

.featurette img {
  width: 100%;
  object-fit: cover;
}

@media (min-width: 640px) {
  .featurette img {
    max-height: 264px;
  }
}

@media (min-width: 768px) {
  .featurette img {
    max-height: 512px;
  }
}

@media (min-width: 1024px) {
  .featurette img {
    max-height: 100%;
  }
}

.featurette__accent--left {
  margin-left: auto;
  right: 0;
  top: 0;
}

.featurette__accent--left.angle-flipped {
  transform: scaleY(-1);
}

.featurette__accent--right {
  margin-right: auto;
  left: 0;
  bottom: 0;
  transform: rotateX(180deg) rotateY(180deg);
}

.featurette__accent--right.angle-flipped {
  transform: scaleX(-1);
}

@media (min-width: 768px) {
  .featurette__list-item {
    font-size: 19px;
  }
}

.featurette.featurette--dark {
  background-color: #ffffff;
  color: #102647;
}

.featurette.featurette--dark svg,
  .featurette.featurette--dark path {
  fill: #437f97;
  stroke: #437f97;
}

@media (min-width: 768px) {
  .featurette.featurette--dark {
    background-color: #437f97;
    color: #ffffff;
  }
}

.featurette.featurette--gray {
  background-color: #e5ecf3;
  padding-bottom: 80px;
}

.featurette.featurette--gray svg,
  .featurette.featurette--gray path {
  fill: #e5ecf3;
  stroke: #e5ecf3;
}

@media (min-width: 768px) {
  .featurette.featurette--gray {
    background-color: #e5ecf3;
  }
}

@media (min-width: 1024px) {
  .featurette.grow-your-business .featurette__content {
    margin-top: 80px;
  }
}

@media (min-width: 1024px) {
  .featurette.small {
    height: 550px;
  }

  .featurette.small .featurette__accent--right {
    height: 550px;
  }

  .featurette.small .featurette__mask {
    height: 550px;
    right: -21px;
  }

  .featurette.small .featurette__mask svg {
    height: 550px;
  }
}

@media (min-width: 1024px) {
  .featurette.alternative {
    height: 650px;
  }

  .featurette.alternative .featurette__mask {
    display: none;
  }
}

.featurette.alternative .featurette__list-item {
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .featurette.alternative picture img {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 16% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 16% 100%);
  }
}

.featurette.alternative .overline {
  font-size: 24px;
  display: flex;
  align-items: center;
}

.featurette.alternative .overline svg {
  margin-left: 10px;
}

@media (min-width: 1024px) {
  .featurette.alternative.featurette--right picture img {
    -webkit-clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);
  }
}

.featurette.alternative.bg-blue-grad-1 {
  --bg-opacity: 1;
  background-color: #053e6d;
  background-color: rgba(5, 62, 109, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.featurette__fade .featurette__media picture {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}

.featurette__fade .featurette__media img {
  object-fit: contain;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  max-height: 400px;
}

@media (min-width: 768px) {
  .featurette__fade .featurette__media img {
    max-height: 500px;
  }
}

.featurette__mask .featurette__media {
  padding: 0;
}

@media (min-width: 1100px) {
  .featurette__mask.featurette--right figure {
    margin-left: calc((1100px - 100vw) / 2);
  }
}

@media (min-width: 1100px) {
  .featurette__mask.featurette--left figure {
    margin-right: calc((1100px - 100vw) / 2);
  }
}

.featurette__mask.featurette--left svg {
  transform: rotateY(180deg) rotateX(180deg);
}

@media (min-width: 1024px) {
  .featurette__mask {
    height: 700px;
  }

  .featurette__mask figure {
    height: 100%;
    width: 50vw;
  }

  .featurette__mask img {
    height: 100%;
    min-width: 100%;
    max-height: unset;
  }

  .featurette__mask .featurette__media {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .featurette {
    height: 700px;
  }
}

.featurette img {
  width: 100%;
  object-fit: cover;
}

@media (min-width: 640px) {
  .featurette img {
    max-height: 264px;
  }
}

@media (min-width: 768px) {
  .featurette img {
    max-height: 512px;
  }
}

@media (min-width: 1024px) {
  .featurette img {
    max-height: 100%;
  }
}

.featurette__accent--left {
  margin-left: auto;
  right: 0;
  top: 0;
}

.featurette__accent--left.angle-flipped {
  transform: scaleY(-1);
}

.featurette__accent--right {
  margin-right: auto;
  left: 0;
  bottom: 0;
  transform: rotateX(180deg) rotateY(180deg);
}

.featurette__accent--right.angle-flipped {
  transform: scaleX(-1);
}

@media (min-width: 768px) {
  .featurette__list-item {
    font-size: 19px;
  }
}

.featurette.featurette--dark {
  background-color: #ffffff;
  color: #102647;
}

.featurette.featurette--dark svg,
  .featurette.featurette--dark path {
  fill: #437f97;
  stroke: #437f97;
}

@media (min-width: 768px) {
  .featurette.featurette--dark {
    background-color: #437f97;
    color: #ffffff;
  }
}

.featurette.featurette--gray {
  background-color: #e5ecf3;
  padding-bottom: 80px;
}

.featurette.featurette--gray svg,
  .featurette.featurette--gray path {
  fill: #e5ecf3;
  stroke: #e5ecf3;
}

@media (min-width: 768px) {
  .featurette.featurette--gray {
    background-color: #e5ecf3;
  }
}

@media (min-width: 1024px) {
  .featurette.grow-your-business .featurette__content {
    margin-top: 80px;
  }
}

@media (min-width: 1024px) {
  .featurette.small {
    height: 550px;
  }

  .featurette.small .featurette__accent--right {
    height: 550px;
  }

  .featurette.small .featurette__mask {
    height: 550px;
    right: -21px;
  }

  .featurette.small .featurette__mask svg {
    height: 550px;
  }
}

.phoneIcon {
  padding-left: 2.5rem;
  position: relative;
}

.phoneIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.phoneIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M17.9 22C9.4 21.99 2.511 15.1 2.5 6.6 2.5 4.06 4.56 2 7.1 2c.258-.002.516.022.77.07.245.036.486.097.72.18.334.117.581.403.65.75l1.37 6c.075.331-.023.677-.26.92-.13.14-.14.15-1.37.79.985 2.161 2.713 3.896 4.87 4.89.65-1.24.66-1.25.8-1.38.243-.237.59-.335.92-.26l6 1.37c.336.078.608.324.72.65.084.238.148.482.19.73.04.251.06.506.06.76C22.502 20 20.429 22.022 17.9 22zM7.1 4c-1.434.006-2.595 1.166-2.6 2.6.005 7.398 6 13.394 13.4 13.4 1.433-.005 2.594-1.166 2.6-2.6v-.33L15.86 16l-.29.55c-.45.87-.78 1.5-1.62 1.16-3.356-1.201-5.993-3.85-7.18-7.21-.36-.78.32-1.14 1.18-1.59l.55-.27L7.43 4H7.1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.userIcon {
  padding-left: 2.5rem;
  position: relative;
}

.userIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.userIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M12.5 11c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm-7 15c0-3.866 3.134-7 7-7s7 3.134 7 7c0 .552-.448 1-1 1s-1-.448-1-1c0-2.761-2.239-5-5-5s-5 2.239-5 5c0 .552-.448 1-1 1s-1-.448-1-1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.chatIcon {
  padding-left: 2.5rem;
  position: relative;
}

.chatIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.chatIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M7.833 21.12c0 .7.738 1.118 1.293.733l4.79-3.33h.167c4.37 0 7.917-3.697 7.917-8.261C22 5.697 18.453 2 14.083 2H9.917C5.547 2 2 5.697 2 10.262c0 3.77 2.437 7.002 5.833 7.965v2.894zm1.672-3.731c0-.415-.284-.769-.673-.841C5.936 16.012 3.8 13.4 3.8 10.327 3.8 6.835 6.535 4 9.912 4h4.075c3.378 0 6.113 2.835 6.113 6.327 0 3.491-2.735 6.326-6.113 6.326h-.407c-.16 0-.316.05-.449.141L9.505 19.3v-1.911z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.helpIcon {
  padding-left: 2.5rem;
  position: relative;
}

.helpIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.helpIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm2 0c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zm8-6c-1.933 0-3.5 1.567-3.5 3.5 0 .552.448 1 1 1s1-.448 1-1c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5S12.828 11 12 11c-.552 0-1 .448-1 1v2c0 .552.448 1 1 1s1-.448 1-1v-1.16c1.85-.54 2.912-2.478 2.372-4.328C14.935 7.015 13.559 5.99 12 6zm.707 11.707c.39-.39.39-1.024 0-1.414-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414.39.39 1.024.39 1.414 0z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
}

.arrowLeftIcon {
  padding-left: 2.5rem;
  position: relative;
}

.arrowLeftIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 0.5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.arrowLeftIcon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E %3Cpath fill='%2363A710' fill-rule='evenodd' d='M5 13.155h11.86l-3.63 4.36c-.354.425-.295 1.056.13 1.41.425.353 1.056.295 1.41-.13l5-6c.034-.048.064-.098.09-.15 0-.05.05-.08.07-.13.045-.115.07-.237.07-.36s-.025-.245-.07-.36c0-.05-.05-.08-.07-.13-.026-.052-.056-.102-.09-.15l-5-6c-.19-.229-.473-.36-.77-.36-.234 0-.46.08-.64.23-.425.352-.484.983-.132 1.408l.002.002 3.63 4.36H5c-.552 0-1 .448-1 1s.448 1 1 1z' clip-rule='evenodd'/%3E %3C/svg%3E") no-repeat;
  transform: translateY(5px) rotate(180deg);
}

.form {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

@media (min-width: 1024px) {
  .form {
    min-height: 500px;
  }
}

.form__wrapper {
  max-width: 1170px;
  min-height: 650px;
}

.form__body {
  width: 90vw;
  max-width: 90%;
}

@media (min-width: 1024px) {
  .form__body {
    max-width: 45%;
  }
}

.form__body ul li {
  padding-bottom: 1.75rem;
}

.form__body ol li {
  padding-bottom: 0.5rem;
}

.form__body ul li {
  padding-bottom: 0.5rem;
}

.form__body p {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form__body .fonts-body-lg\+ {
  font-size: 28px;
}

.form__form {
  width: 90vw;
  overflow-x: hidden;
}

@media (min-width: 1024px) {
  .form__form {
    width: 540px;
  }
}

.form iframe:not(.hs-form-iframe) {
  min-height: 800px;
}

.form.form--dark {
  background-image: linear-gradient(to bottom, #053e6d, #283043);
}

.form.form--dark .form__body h1,
    .form.form--dark .form__body li,
    .form.form--dark .form__body p {
  color: #ffffff;
}

.form.form--dark .form__body ol,
    .form.form--dark .form__body ul {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form.form--dark .form__body h1 span {
  color: #83C439;
  display: block;
  font-size: 20px;
}

.form .hbspt-form .field {
  position: relative;
  padding-top: 5px;
}

.form .hbspt-form .field:focus-within label {
  opacity: 1;
  visibility: visible;
}

.form .hbspt-form label[placeholder] {
  background-color: #fff;
  color: #63a710;
  font-size: 14px !important;
  font-weight: normal !important;
  left: 13px;
  opacity: 0;
  padding: 0 2px;
  position: absolute;
  top: -5px;
  visibility: hidden;
  z-index: 10;
}

.form .hbspt-form .hs-input {
  padding: 18px 51px;
  line-height: 1;
  width: 100%;
}

/**
 * Fonts
 * Hosting fonts locally is recommended if possible, for google fonts check out - https://google-webfonts-helper.herokuapp.com/fonts
 */

/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2020 - present Zeplin
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@media (max-width: 768px) {
  .hero__asset {
    max-height: 539px !important;
    display: block !important;
  }

  .hero__asset:before {
    width: 100% !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
  }

  .hero__asset:after {
    width: 100% !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
  }
}

@media (max-width: 1024px) {
  .hero__asset {
    max-height: 429px;
    display: block;
  }
}

.hero__asset:before {
  content: "";
  background: #102647;
  opacity: 0.7;
  mix-blend-mode: multiply;
  width: 65%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

@media (min-width: 768px) {
  .hero__asset:before {
    width: 75%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hero__asset:before {
    width: 85%;
  }
}

@media (min-width: 1170px) {
  .hero__asset:before {
    width: 65%;
  }
}

.hero__asset:after {
  content: "";
  background: #35A7FA;
  opacity: 0.6;
  width: 67%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

@media (min-width: 768px) {
  .hero__asset:after {
    width: 77%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hero__asset:after {
    width: 87%;
  }
}

@media (min-width: 1170px) {
  .hero__asset:after {
    width: 67%;
  }
}

.hero img,
.hero video {
  width: 100%;
  font-family: "object-fit: cover; object-position: center;";
}

@media (min-width: 1024px) {
  .hero {
    height: 700px;
  }

  .hero__asset--mask {
    width: calc(1440px / 2);
    width: 55.5%;
    max-width: 800px;
  }

  .hero__asset img,
    .hero__asset video {
    width: 78.5%;
    transition: 0.15s all ease;
  }

  .hero__content {
    width: 702px;
  }
}

@media (min-width: 1024px) {
  .hero.hero--left .hero__content {
    min-height: 568px;
  }
}

.hero.hero--full img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.hero.hero--full .hero__asset--background {
  width: 65%;
}

@media (min-width: 640px) {
  .hero.hero--full .hero__content {
    text-align: center;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero.hero--full .hero__content .hero__content-inner {
    margin-left: auto;
    margin-right: auto;
  }

  .hero.hero--full .hero__leadin {
    margin-bottom: 1rem;
  }

  .hero.hero--full .hero__heading {
    font-family: Lato, sans-serif;
    font-size: 54px;
    font-weight: bold;
    line-height: 1.26;
  }

  .hero.hero--full .hero__socials {
    max-width: 18rem;
    margin: 0 auto;
    padding: 1.5rem 0 0;
  }

  .hero.hero--full .hero__content {
    max-width: calc(100vw - 4rem);
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .hero.hero--full .hero__content {
    margin-top: -8rem;
  }

  .hero.hero--full .hero__content-inner {
    padding-bottom: 2rem;
  }
}

@media (max-width: 640px) {
  .hero.hero--full .hero__content-inner {
    background: transparent;
  }
}

/**
 * Fonts
 * Hosting fonts locally is recommended if possible, for google fonts check out - https://google-webfonts-helper.herokuapp.com/fonts
 */

/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2020 - present Zeplin
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@media (max-width: 1024px) {
  .hero__asset {
    max-height: 229px;
  }
}

.hero img,
.hero video {
  width: 100%;
  font-family: "object-fit: cover; object-position: center;";
}

@media (min-width: 1024px) {
  .hero {
    height: 700px;
  }

  .hero__asset--mask {
    width: calc(1440px / 2);
    width: 55.5%;
    max-width: 800px;
  }

  .hero__asset img,
    .hero__asset video {
    width: 78.5%;
    transition: 0.15s all ease;
  }

  .hero__content {
    width: 702px;
  }
}

@media (min-width: 1024px) {
  .hero.hero--left .hero__content {
    min-height: 568px;
  }
}

.hero.hero--full .hero__asset--mask,
.hero.hero--full .hero__accent {
  display: none;
}

.hero.hero--full img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.hero.hero--full .hero__asset--background {
  width: 65%;
}

@media (min-width: 640px) {
  .hero.hero--full .hero__content {
    text-align: center;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero.hero--full .hero__content .hero__content-inner {
    margin-left: auto;
    margin-right: auto;
  }

  .hero.hero--full .hero__leadin {
    margin-bottom: 1rem;
  }

  .hero.hero--full .hero__heading {
    font-family: Lato, sans-serif;
    font-size: 54px;
    font-weight: bold;
    line-height: 1.26;
  }

  .hero.hero--full .hero__socials {
    max-width: 18rem;
    margin: 0 auto;
    padding: 1.5rem 0 0;
  }

  .hero.hero--full .hero__content {
    max-width: calc(100vw - 4rem);
  }

  .hero.hero--full .hero__description {
    max-width: 34.875rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .hero.hero--full .hero__content {
    margin-top: -8rem;
  }

  .hero.hero--full .hero__content-inner {
    padding-bottom: 2rem;
  }
}

@media (max-width: 640px) {
  .hero.hero--full .hero__asset {
    display: none;
  }

  .hero.hero--full .hero__content-inner {
    background: transparent;
  }
}

@media (min-width: 1024px) {
  .hero.hero--quilt {
    height: 42.813rem;
  }
}

.hero.hero--quilt .hero__asset img {
  opacity: 1;
  width: 100%;
}

.hero.hero--quilt .hero__asset--mask {
  display: none;
}

.hero.hero--quilt .hero__accent {
  top: -1.25rem;
}

@media (max-width: 640px) {
  .hero.hero--quilt .hero__accent {
    top: -2rem;
  }
}

.hero.hero--search .hero__leadin,
.hero.hero--search .hero__heading {
  width: 100%;
  text-align: center;
}

.hero__search-input {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  padding: 1.125rem 1rem;
  padding-right: 6rem;
  width: calc(100% - 3.5rem);
  margin-bottom: 0;
}

.hero__search-btn {
  background-image: linear-gradient(to right, #7dc626, #5aa005);
}

.hero__search-btn svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: auto;
  margin-right: auto;
}

.hero__search-btn:hover {
  background: linear-gradient(to right, #579211, #5aa005);
  color: #ffffff;
}

.image-grid img {
  margin-left: auto;
  margin-right: auto;
  max-width: 50vw;
}

@media (min-width: 768px) {
  .image-grid img {
    max-height: 94px;
    max-width: 271px;
    object-fit: contain;
  }
}

/**
 * Fonts
 * Hosting fonts locally is recommended if possible, for google fonts check out - https://google-webfonts-helper.herokuapp.com/fonts
 */

/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2020 - present Zeplin
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.posts__list {
  min-height: 532px;
}

.posts__title {
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
}

@media (min-width: 768px) {
  .posts__title {
    font-family: Lato, sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.08;
    margin: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .hero-resources__content {
    -webkit-clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);
  }
}

.hero-resources .search-input {
  background: url("../../../svgs/search-gray.svg") #fff 10px center no-repeat;
}

@media (min-width: 1024px) {
  .featured-resource__content {
    -webkit-clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
  }
}

.featured-resource__content .button--green {
  display: inline-block !important;
}

.resources-items__item {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.resources-items__item .button--green {
  background: #63A710 !important;
}

@media (min-width: 768px) {
  .resources-items__item__image img {
    min-height: 280px;
    object-fit: cover;
  }
}

.reviews-block__rating {
  height: 22px;
  color: #f1a604;
  position: relative;
}

.reviews-block__content {
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding: 1.5rem;
}

@media (min-width: 1024px) {
  .basic {
    min-height: auto;
  }

  .basic h1, .basic h2 {
    font-size: 40px;
  }

  .basic__content {
    max-width: 534px;
    font-size: 20px;
  }
}

.spotlight {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.spotlight.spotlight--mobile-img {
  padding-top: 0 !important;
}

@media (max-width: 1024px) {
  .spotlight.spotlight--mobile-img .spotlight__cards {
    margin-top: -7rem;
  }
}

@media (max-width: 1024px) {
  .spotlight.spotlight--mobile-img .spotlight__backdrop {
    width: 100%;
    height: 16.688rem;
    position: relative;
  }
}

.spotlight.spotlight--mobile-img .mobile-mask {
  display: none;
}

@media (max-width: 1024px) {
  .spotlight.spotlight--heading .spotlight__backdrop {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .spotlight {
    background-image: linear-gradient(to bottom, #e5ecf3, #ffffff);
  }
}

.spotlight__backdrop {
  width: 67vw;
  overflow: hidden;
}

.spotlight__backdrop-mask {
  transform: rotateX(180deg);
}

@media (max-width: 1024px) {
  .spotlight__backdrop-mask {
    display: none;
  }
}

.spotlight__backdrop figure {
  background: transparent;
}

.spotlight__backdrop picture {
  top: 0;
  position: absolute;
  height: 100%;
  min-width: 100%;
}

.spotlight__backdrop img.active {
  opacity: 1;
  @media (min-width: 1024px) {
  }
}

.spotlight__backdrop img {
  transition: opacity 0.5s ease-in;
  max-width: unset;
  opacity: 0;
  object-fit: cover;
  min-width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

@media (min-width: 1024px) {
  .spotlight {
    padding-bottom: 2rem;
    height: 700px;
    display: flex;
  }

  .spotlight__cards {
    flex: 1;
  }
}

.spotlight__card {
  width: 92vw;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(48, 49, 51, 0.1);
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

@media (min-width: 1024px) {
  .spotlight__card {
    width: 540px;
    height: 412.6px;
    transform: translateX(53%);
  }
}

.spotlight__card.fadeOut {
  opacity: 0;
}

@media (min-width: 1024px) {
  .spotlight__quote-icon {
    transform: scale(2.75);
    transform-origin: left;
  }
}

.spotlight__desc * {
  font-size: inherit;
  line-height: inherit;
}

.spotlight__ui {
  position: absolute;
  bottom: 25px;
  justify-content: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .spotlight__ui {
    right: 10vw;
    bottom: -96px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.spotlight__ui * {
  position: relative;
}

.spotlight .flickity-viewport {
  overflow: visible;
}

.spotlight .flickity-prev-next-button {
  margin-top: 5px;
  top: 0;
  bottom: 0;
  background: transparent;
}

.spotlight .flickity-prev-next-button.next svg {
  transform: rotateY(180deg);
}

.spotlight .flickity-prev-next-button.next, .spotlight .flickity-prev-next-button.previous {
  display: none;
}

@media (min-width: 1024px) {
  .spotlight .flickity-prev-next-button.next, .spotlight .flickity-prev-next-button.previous {
    display: block;
  }
}

.spotlight .flickity-page-dots {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1rem;
  padding-right: 1rem;
  bottom: 6px;
}

@media (min-width: 1024px) {
  .spotlight .flickity-page-dots {
    visibility: hidden;
    width: 0px;
  }
}

.spotlight .flickity-page-dots .dot {
  height: 8px;
  width: 8px;
  margin: 0 3px;
  background: #bdc7d0;
  opacity: 1;
}

.spotlight .flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: #56d26a;
}

.spotlight .title {
  left: 6%;
  top: 7%;
}

@media (min-width: 1440px) {
  .spotlight .title {
    left: 17%;
  }
}

.spotlight .decos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.spotlight .decos:before {
  content: "";
  background: #102647;
  opacity: 0.7;
  mix-blend-mode: multiply;
  width: 98%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

.spotlight .decos:after {
  content: "";
  background: #35A7FA;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

.staff .carousel-cell {
  width: 100%;
}

.staff .flickity-button {
  display: none;
}

@media (min-width: 768px) {
  .staff .flickity-button {
    display: block;
  }
}

@media (min-width: 1100px) {
  .testimonial__mask.testimonial--right .testimonial__media {
    margin-left: calc((1100px - 100vw) / 2);
  }
}

@media (min-width: 1100px) {
  .testimonial__mask.testimonial--left .testimonial__media {
    margin-right: calc((1100px - 100vw) / 2);
  }
}

@media (min-width: 1024px) {
  .testimonial__mask.testimonial--left .testimonial__media .testimonial__mask svg {
    transform: rotateY(180deg) rotateX(0deg);
  }
}

@media (min-width: 1024px) {
  .testimonial__mask {
    height: 700px;
  }

  .testimonial__mask .testimonial__media {
    height: 100%;
    width: 61.25vw;
  }

  .testimonial__mask img {
    height: 100%;
    min-width: 100%;
    max-height: unset;
  }

  .testimonial__mask .testimonial__media {
    height: 100%;
  }
}

.testimonial__desc * {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

@media (min-width: 1024px) {
  .testimonial {
    height: 700px;
  }

  .testimonial__content {
    width: 39.25rem;
  }
}

.testimonial img {
  height: 406px;
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover; object-position: center;";
}

@media (min-width: 1024px) {
  .testimonial img {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .testimonial__quote-icon {
    transform: scale(2.75);
    transform-origin: left;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .testimonial.testimonial--right {
    /* This is a selector that will only affect IE 11 browser */
  }

  .testimonial.testimonial--right .testimonial__content {
    position: static;
    margin-left: -14rem;
  }

  .testimonial.testimonial--left .testimonial__content {
    position: static;
    margin-right: -14rem;
  }
}

.video-block {
  padding: 54px 0;
}

.careers .benefits {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 1024px) {
  .careers .benefits {
    height: 700px;
  }
}

.careers .benefits__accent--left {
  transform: rotateY(180deg) rotateX(180deg);
}

@media (max-width: 640px) {
  .careers .benefits__blurb-item {
    margin: 1rem auto;
    max-width: 280px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .careers .benefits__blurbs {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .careers .benefits__blurb-item {
    margin: 1rem auto;
  }
}

@media (min-width: 768px) {
  .careers .benefits__blurbs {
    min-width: 33.75rem;
    max-width: 33.75rem;
  }

  .careers .benefits__blurb-item {
    width: 15.938rem;
    height: 16.688rem;
  }

  .careers .benefits__blurb-item:nth-child(even) {
    margin-left: auto;
  }

  .careers .benefits__blurb-item:nth-child(3), .careers .benefits__blurb-item:nth-child(4) {
    margin-top: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .careers .benefits__blurbs {
    height: 35.126rem;
  }
}

.careers .benefits-blurb__desc {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

@media (min-width: 1024px) {
  .careers .benefits__body {
    margin: 0 2.875rem;
  }
}

.careers .team {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 1024px) {
  .careers .team {
    height: 700px;
  }
}

.careers .team .spotlight__card {
  height: 24.875rem;
}

@media (max-width: 640px) {
  .careers .team .spotlight__card {
    height: auto;
  }
}

.careers .team .spotlight_ui {
  bottom: 12px;
}

.careers .featured-careers__blurb {
  width: 21.875rem;
  height: 18.625rem;
  max-width: 90vw;
}

.careers .featured-careers__blurb a {
  color: #63a710;
  background-color: transparent;
  border-color: #63a710;
}

.careers .featured-careers__blurb:hover {
  background-color: #437f97;
  color: #ffffff;
}

.careers .featured-careers__blurb:hover .featured-careers__overline {
  color: #ffffff;
}

.careers .featured-careers__blurb:hover a {
  color: #6fc8ec;
  background-color: transparent;
  border-color: #6fc8ec;
  border-style: solid;
  border-width: 2px;
}

.careers .featured-careers__blurb:hover a:hover {
  color: #ffffff;
  background-color: #6fc8ec;
}

.careers .featured-careers__overline {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 2px;
}

.careers .featured-careers__desc {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.careers .gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.careers .gallery--desktop picture:nth-child(1) {
  width: 100%;
  height: 25.313rem;
}

.careers .gallery--desktop picture:nth-child(2) {
  width: 57.7272%;
  height: 22.813rem;
}

.careers .gallery--desktop picture:nth-child(3) {
  width: 27.813rem;
  height: 12.125rem;
  max-width: 40%;
}

.careers .gallery--mobile picture {
  height: 400px;
  width: 100%;
}
