:root {
  --white: white;
  --main-blue: #0a47d3;
  --acc-orange: #f37c00;
  --black: black;
  --gray: #3e4446;
  --acc-blue: #2399f5;
  --off-white: #f7f9fb;
  --acc-light-blue: #6db5e5;
  --acc-green: #57b126;
}

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

.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-form-formrecaptcha {
  margin-bottom: 8px;
}

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

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

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figcaption {
  opacity: 1;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.divider {
  background-color: #eee;
  height: 1px;
}

.styleguide-content-wrap {
  text-align: center;
}

.section {
  background-color: var(--white);
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 10px;
}

.section.cc-cta {
  background-color: var(--main-blue);
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
}

.section.cc-home-wrap {
  background-color: var(--white);
  padding-top: 0;
  padding-bottom: 0;
}

.section.cc-store-home-wrap {
  padding-top: 0;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.container {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.container.cc-blog-detail {
  flex-flow: column;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light, .paragraph-bigger.cc-bigger-white-light {
  opacity: .6;
}

.primary-button {
  background-color: var(--main-blue);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  margin-right: 30px;
  padding: 20px 30px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.primary-button:hover {
  background-color: var(--acc-orange);
  color: #fff;
}

.primary-button:active {
  background-color: #43464d;
}

.primary-button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button.cc-contact-us {
  z-index: 5;
  position: relative;
}

.primary-button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button.cc-white-button:hover {
  background-color: #fffc;
}

.primary-button.cc-white-button:active {
  background-color: #ffffffe6;
}

.label {
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-light {
  opacity: .6;
}

.label.cc-blog-date {
  opacity: 1;
  color: var(--black);
  margin-top: 20px;
  font-weight: 400;
}

.label.cc-blog-date.blue-line.padding {
  text-align: center;
  width: 100%;
  max-width: 40%;
}

.label.cc-blog-date.blue-line.padding.blue-span-text {
  font-weight: 400;
}

.label.cc-blog-date.blue-line.category-field {
  color: var(--main-blue);
  text-align: center;
  max-width: 30%;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 90%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  font-family: Lato, sans-serif;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.rich-text figcaption {
  opacity: .6;
}

.rich-text figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

.paragraph-light {
  opacity: 1;
  color: var(--gray);
  font-family: Lato, sans-serif;
}

.heading-jumbo {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 64px;
  line-height: 80px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 460px;
  padding: 30px;
  display: flex;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.menu {
  z-index: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.navigation-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.navigation {
  background-color: #0000;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0;
  display: flex;
}

.navigation-item {
  opacity: 1;
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
  color: var(--main-blue);
}

.navigation-item:active {
  opacity: .8;
  color: var(--main-blue);
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-item.blog-nav, .navigation-item.blog-nav.w--current {
  display: none;
}

.logo-image {
  display: block;
}

.navigation-items {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.cta-text {
  width: 100%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.cta-wrap {
  text-align: center;
  justify-content: center;
  display: flex;
}

.intro-header {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 620px;
  margin-bottom: 100px;
  display: flex;
}

.intro-header.cc-subpage {
  color: #fff;
  background-color: #000;
  background-image: none;
  height: 480px;
}

.intro-content {
  text-align: center;
  width: 70%;
  max-width: 1140px;
}

.intro-content.cc-homepage {
  margin-bottom: 20px;
}

.motto-wrap {
  text-align: center;
  width: 80%;
  margin-bottom: 85px;
  margin-left: auto;
  margin-right: auto;
}

.about-story-wrap {
  text-align: center;
  width: 80%;
  margin: 80px auto;
}

.our-services-grid {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 120px;
}

.section-heading-wrap {
  text-align: center;
  margin-bottom: 80px;
}

.service-icon {
  margin-bottom: 30px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.contact-form-wrap {
  border: 1px solid #eee;
  padding: 45px 50px 50px;
}

.contact-form-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 2.5fr 1fr;
  align-items: start;
}

.details-wrap {
  margin-bottom: 30px;
}

.get-in-touch-form {
  flex-direction: column;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.text-field.blue-line {
  border-width: 1.5px;
  border-color: var(--main-blue);
  border-radius: 7px;
}

.contact-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-heading-wrap {
  margin-bottom: 40px;
}

.contact-heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}

.map {
  height: 460px;
  line-height: 20px;
}

.contact-team-name-wrap {
  margin-bottom: 30px;
}

.our-contacts {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  text-align: center;
  grid-template: ". . ."
  / 1fr 1fr 1fr;
}

.contact-team-details-wrap {
  margin-top: 30px;
}

.contact-team-pic {
  background-color: #f4f4f4;
  height: 150px;
  margin-bottom: 30px;
}

.team-pic {
  background-color: #f4f4f4;
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
}

.team-members {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
}

.team-member-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.team-member-name {
  opacity: 1;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.projects-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
                 "."
                 "."
                 / 1fr;
}

.project-name-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.project-cover-link {
  margin-bottom: 40px;
}

.project-cover-link:hover {
  opacity: .8;
}

.project-cover-link:active {
  opacity: .7;
}

.project-overview-header {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-1---wide.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 620px;
  display: flex;
}

.project-overview-header.cc-project-2-header {
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 50%;
}

.project-overview-header.cc-project-3-header {
  background-image: url('../images/portfolio-3---wide.svg');
  background-size: cover;
}

.project-details-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: start;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.detail-header-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  width: 90%;
  height: 620px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-list-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: grid;
}

.blog-item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
}

.blog-preview-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 7px;
  width: 100%;
  height: 218px;
  margin-bottom: 20px;
  transition: opacity .6s;
  display: block;
}

.blog-preview-image:hover {
  opacity: .8;
}

.blog-preview-image:active {
  opacity: .7;
}

.blog-summary-wrap {
  text-align: left;
  width: 90%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.blog-heading-link {
  color: var(--main-blue);
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: .8;
}

.blog-heading-link:active {
  opacity: .7;
}

.contact-email-link {
  opacity: .6;
  margin-bottom: 5px;
}

.contact-email-link:hover {
  opacity: 1;
}

.contact-email-link:active {
  opacity: .8;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.home-content-wrap {
  margin-top: 80px;
}

.home-section-wrap {
  margin-bottom: 30px;
}

.section-heading {
  color: var(--gray);
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 65px;
  font-weight: 700;
  line-height: 72px;
}

.section-heading.white-text {
  color: var(--white);
}

.section-heading.white-text.centered-text {
  text-align: center;
}

.section-heading.white-text.centered-text-60 {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.section-heading.centered-hero {
  text-align: center;
}

.hero-grid {
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1.3fr .7fr;
  align-items: center;
  margin-bottom: 100px;
}

.hero-grid.cc-about-2 {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: ". .";
}

.intro-text {
  width: 80%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.collection-wrap {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.work-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.blog-heading {
  text-align: center;
  margin-bottom: 60px;
}

.blog-preview-wrap {
  width: 33.33%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 45px;
}

.business-article-heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  text-decoration: none;
}

.business-article-heading:hover {
  opacity: .8;
}

.business-article-heading:active {
  opacity: .7;
}

.secondary-button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.secondary-button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.home-hero {
  background-image: url('../images/Vector-Home-Hero.svg');
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: scroll;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-bottom: 100px;
}

.text-span {
  color: var(--main-blue);
}

.paragraph-heros {
  color: var(--gray);
  font-family: Lato, sans-serif;
  font-size: 20px;
}

.paragraph-heros.white-text {
  color: var(--white);
}

.paragraph-heros.white-text.centered-60 {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-heros.white-text.padding {
  padding-bottom: 30px;
}

.paragraph-heros.white-text.centered-80 {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-heros.padding-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.paragraph-heros.text-70 {
  width: 80%;
}

.paragraph-heros.centered-60 {
  text-align: center;
}

.text-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  letter-spacing: 0;
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: inline-flex;
}

.btn-outlined {
  border: 1.5px solid var(--main-blue);
  color: var(--main-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0a47d300;
  border-radius: 15px;
  margin-right: 30px;
  padding: 20px 30px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.btn-outlined:hover {
  background-color: var(--acc-orange);
  color: #fff;
}

.btn-outlined:active {
  background-color: #43464d;
}

.btn-outlined.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.btn-outlined.cc-contact-us {
  z-index: 5;
  position: relative;
}

.btn-outlined.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.btn-outlined.cc-white-button:hover {
  background-color: #fffc;
}

.btn-outlined.cc-white-button:active {
  background-color: #ffffffe6;
}

.image {
  width: 400px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-2 {
  z-index: 0;
  width: 400px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block {
  position: relative;
}

.hero-image-float-left {
  z-index: 1;
  width: 400px;
  position: absolute;
  inset: 120px 100% 0% 0%;
}

.hero-image-float-right {
  z-index: 0;
  width: 450px;
  position: absolute;
  inset: -90px 0% auto auto;
}

.container-2 {
  width: 1280px;
}

.cont-hero {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1290px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.div-1-hero {
  width: 50%;
  margin-top: -40px;
}

.grid {
  grid-template-columns: 1.3fr 1fr;
}

.blue-section {
  background-color: var(--main-blue);
  margin-top: -40px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 100px;
}

.blue-section.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.blue-section.cc-home-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.blue-section.cc-store-home-wrap {
  padding-top: 0;
}

.h2-left {
  color: var(--gray);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 45px;
  font-weight: 600;
}

.h2-left.white-text {
  color: var(--white);
}

.h2-left.gray-text {
  color: var(--gray);
}

.left-paragraph {
  color: var(--gray);
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.left-paragraph.white-text {
  color: var(--white);
  font-weight: 400;
}

.left-paragraph.white-text._70-text {
  max-width: 80%;
}

.left-paragraph.white-text.justified {
  text-align: justify;
}

.left-paragraph.white-text.bold {
  font-weight: 700;
}

.left-paragraph._70-percent {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.left-paragraph._16-pt {
  padding-left: 30px;
  font-size: 16px;
  font-weight: 400;
}

.left-paragraph.bold {
  font-weight: 400;
}

.left-paragraph.small-text-style {
  letter-spacing: 0;
  text-transform: none;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.left-paragraph.no-decoration {
  text-decoration: none;
}

.left-paragraph.no-decoration.contact-info {
  font-size: 22px;
  font-weight: 700;
}

.light-blue-span {
  color: var(--acc-blue);
}

.icon-text {
  font-family: Bitter, serif;
}

.image-3 {
  display: inline-block;
}

.btn-arrow-right {
  margin-left: 10px;
  display: inline-block;
}

.services-heading-left {
  text-align: center;
  flex: 0 auto;
  width: 50%;
  max-width: 50%;
  margin-bottom: 50px;
}

.home-services {
  text-align: center;
  margin-bottom: 60px;
}

.services-heading-right {
  text-align: center;
  width: 50%;
  max-width: 50%;
  margin-bottom: 60px;
}

.services-btn-white {
  border: 2px solid var(--white);
  background-color: var(--main-blue);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 20px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: flex;
}

.services-btn-white:hover {
  background-color: var(--acc-orange);
  color: #fff;
}

.services-btn-white:active {
  background-color: #43464d;
}

.services-btn-white.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.services-btn-white.cc-contact-us {
  z-index: 5;
  position: relative;
}

.services-btn-white.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.services-btn-white.cc-white-button:hover {
  background-color: #fffc;
}

.services-btn-white.cc-white-button:active {
  background-color: #ffffffe6;
}

.services-heading-right-copy {
  text-align: center;
  width: 50%;
  max-width: 50%;
  margin-bottom: 60px;
}

.text-btn-services {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  letter-spacing: 0;
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: inline-flex;
}

.text-btn-services.mobile {
  text-align: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-btn-services.mobile:hover {
  color: var(--black);
}

.text-btn-services.small-text-centered {
  font-size: 18px;
}

.text-btn-services.small-text-centered:hover {
  color: var(--gray);
}

.primary-button-white {
  background-color: var(--white);
  color: var(--main-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  margin-right: 30px;
  padding: 20px 30px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.primary-button-white:hover {
  background-color: var(--acc-orange);
  color: #fff;
}

.primary-button-white:active {
  background-color: #43464d;
}

.primary-button-white.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button-white.cc-contact-us {
  z-index: 5;
  position: relative;
}

.primary-button-white.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button-white.cc-white-button:hover {
  background-color: #fffc;
}

.primary-button-white.cc-white-button:active {
  background-color: #ffffffe6;
}

.container-btn-center-align {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.container-btn-center-align.padding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.white-centered-divider {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-image: url('../images/Vector-Blue-Sections.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7%;
  padding-bottom: 15%;
  display: flex;
}

.white-centered-divider.padding {
  padding-top: 2%;
  padding-bottom: 10%;
}

.white-centered-divider.off-white-bg {
  background-color: var(--off-white);
}

.h2-centered {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 52px;
}

.h2-centered.white-text {
  color: var(--white);
}

.h2-centered.blue-text {
  color: var(--main-blue);
}

.h2-centered.gray-text {
  color: var(--gray);
}

.h2-centered.gray-text.centered-60 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.h2-centered.centered-70 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.blue-span-text {
  color: var(--main-blue);
}

.grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-3 {
  max-width: 33%;
}

.div-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: center flex-start;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  padding-bottom: 3%;
  display: inline-grid;
}

.why-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--off-white);
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 400px;
  padding: 30px;
  display: flex;
}

.h3-left {
  color: var(--main-blue);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.text-block-2 {
  color: var(--gray);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.h3-gray {
  color: var(--gray);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.h3-gray.blue-text {
  color: var(--main-blue);
}

.h3-gray.white-text {
  color: var(--white);
}

.h3-gray.white-text.button-like {
  background-color: var(--acc-orange);
  border-radius: 20px;
  padding: 20px;
}

.container-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 400px;
  min-height: 250px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.div-flex-col {
  grid-column-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-left: 0;
  margin-right: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  display: flex;
}

.div-block-5 {
  justify-content: center;
  display: flex;
}

.primary-button-centered {
  background-color: var(--main-blue);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.primary-button-centered:hover {
  color: #fff;
  background-color: #32343a;
}

.primary-button-centered:active {
  background-color: #43464d;
}

.primary-button-centered.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button-centered.cc-contact-us {
  z-index: 5;
  position: relative;
}

.primary-button-centered.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button-centered.cc-white-button:hover {
  background-color: #fffc;
}

.primary-button-centered.cc-white-button:active {
  background-color: #ffffffe6;
}

.div-block-6 {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0%;
}

.blue-section-blue-divider {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--main-blue);
  flex-flow: column;
  margin-top: -10px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 100px;
  display: flex;
}

.blue-section-blue-divider.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.blue-section-blue-divider.cc-home-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.blue-section-blue-divider.cc-store-home-wrap {
  padding-top: 0;
}

.text-span-2 {
  color: var(--acc-light-blue);
}

.container-50 {
  text-align: center;
  max-width: 50%;
  margin-top: auto;
  margin-bottom: auto;
}

.container-40 {
  text-align: center;
  max-width: 45%;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: -80px;
}

.image-20 {
  margin: 0;
}

.container-60 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  max-width: 55%;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 20px;
  display: flex;
}

.container-40-margin {
  text-align: center;
  max-width: 45%;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
}

.container-expand {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 3% 0%;
  display: flex;
}

.white-box-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--off-white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
  max-width: 400px;
  min-height: 250px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.grid-5-col {
  grid-template: "Area"
  / 1fr 1fr 1fr 1fr 1fr;
  place-items: center stretch;
  max-width: 1200px;
}

.acc-orange {
  color: var(--acc-orange);
  padding-bottom: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}

.centered-paragraph {
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.centered-paragraph.white-text {
  color: var(--white);
}

.centered-paragraph.white-text._70-text {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.centered-paragraph.white-text.justified {
  text-align: justify;
}

.centered-paragraph._16-pt {
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 20px;
}

.centered-paragraph._70-text {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.centered-paragraph._80-text {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

._5-col-container {
  text-align: center;
}

.white-centered-gray-divider {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-image: url('../images/Vector-Gray-Sections.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4%;
  padding-bottom: 10%;
  display: block;
}

.white-centered-gray-divider.padding {
  padding-top: 0%;
  padding-bottom: 5%;
}

.gray-centered {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--off-white);
  flex-flow: column;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  padding-bottom: 7%;
  display: flex;
}

._3-col-container {
  background-color: var(--white);
  text-align: left;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.grid-3-col {
  grid-template: "Area"
  / 1fr 1fr 1fr;
  place-items: stretch center;
}

._5-col-container-copy {
  text-align: center;
}

.white-container-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.col-white-image {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 1000px;
  min-height: 500px;
  max-height: 500px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 30px;
  display: flex;
}

.container-61 {
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  min-height: 600px;
  max-height: 800px;
}

.container-62 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: stretch;
  padding: 10px 30px 30px;
  display: flex;
}

.gray-centered-copy {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--off-white);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  padding-bottom: 10%;
  display: flex;
}

.white-centered {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--white);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4%;
  padding-bottom: 7%;
  display: flex;
}

.white-centered.padding {
  padding-top: 10%;
  padding-bottom: 5%;
}

.grid-2-col {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template: "Area"
  / 1fr 1fr;
  place-items: stretch center;
}

.col-2-400 {
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  max-height: 500px;
}

.services-btn-white-centered {
  border: 2px solid var(--white);
  background-color: var(--main-blue);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-right: 0;
  padding: 20px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.services-btn-white-centered:hover {
  background-color: var(--acc-orange);
  color: #fff;
}

.services-btn-white-centered:active {
  background-color: #43464d;
}

.services-btn-white-centered.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.services-btn-white-centered.cc-contact-us {
  z-index: 5;
  position: relative;
}

.services-btn-white-centered.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.services-btn-white-centered.cc-white-button:hover {
  background-color: #fffc;
}

.services-btn-white-centered.cc-white-button:active {
  background-color: #ffffffe6;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
}

.footer-col-izq {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding-right: 100px;
  display: flex;
}

.footer-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.footer-headers {
  color: var(--main-blue);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 23px;
  font-weight: 600;
}

.footer-menu {
  grid-column-gap: 300px;
  grid-row-gap: 300px;
  flex-flow: column;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.footer-menu-15 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
}

.social-media-icons {
  grid-column-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.image-21 {
  margin-right: 20px;
}

.copyright {
  background-color: var(--main-blue);
  max-width: 1290px;
  height: 2px;
  max-height: 2px;
}

.blue-line {
  border: 1.5px solid var(--main-blue);
  border-radius: 7px;
  max-width: 1290px;
}

.blue-line.text-area-field {
  min-height: 100px;
}

.copyright-text {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Lato, sans-serif;
  font-size: 14px;
}

.footer-text-copyright {
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 14px;
}

.div-2-hero-desktop {
  width: 40%;
  position: relative;
}

.div-block-7 {
  width: 60%;
  margin-top: -30px;
}

.div-left {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.div-2-hero-mobile {
  width: 40%;
  display: none;
  position: relative;
}

.soluciones-hero {
  background-image: url('../images/Vector-soluciones-hero.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: scroll;
  height: 590px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-bottom: 90px;
}

.solutions-numbers {
  background-color: var(--main-blue);
  margin-top: -20px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-bottom: 10%;
}

.solutions-numbers.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.solutions-numbers.cc-home-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.solutions-numbers.cc-store-home-wrap {
  padding-top: 0;
}

.white-numbers {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  font-family: Plus Jakarta Sans, sans-serif;
  display: flex;
}

.acc-white {
  color: var(--white);
  padding-bottom: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}

.left-container-white-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 30px 30px;
  display: flex;
}

.button-list-like {
  border: 2px solid var(--main-blue);
  background-color: var(--white);
  color: var(--gray);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: block;
}

.button-list-like:hover {
  background-color: var(--white);
  color: var(--main-blue);
}

.button-list-like:active {
  background-color: #43464d;
}

.button-list-like.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-like.cc-contact-us {
  z-index: 5;
  position: relative;
}

.button-list-like.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-like.cc-white-button:hover {
  background-color: #fffc;
}

.button-list-like.cc-white-button:active {
  background-color: #ffffffe6;
}

.button-list-like.centered {
  text-align: center;
}

.col-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 940px;
  min-height: 400px;
  max-height: 500px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.grid-solutions-benefits {
  grid-template: "Area"
  / 1fr 1fr;
  place-items: center;
  max-width: 1000px;
  padding-top: 0%;
  padding-bottom: 0%;
}

.container-63 {
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: stretch start;
  width: 100%;
  max-width: 1000px;
  padding-top: 3%;
  display: grid;
}

.image-22 {
  width: 90%;
}

.grid-4-col {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template: "Area"
  / 1fr 1fr 1fr 1fr;
  place-items: stretch center;
}

.container-64 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  max-width: 340px;
  min-height: 140px;
  padding: 20px 3%;
  display: flex;
}

.icon-cols {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.icons-size {
  width: 55px;
  height: 55px;
}

.left-paragraph-inner {
  text-align: left;
  padding-left: 2%;
  padding-right: 2%;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.left-paragraph-inner.white-text {
  color: var(--white);
}

.left-paragraph-inner.white-text._70-text {
  max-width: 80%;
}

.left-paragraph-inner.white-text.justified {
  text-align: justify;
}

.left-paragraph-inner.centered-mobile.width-340 {
  max-width: 340px;
}

.gray-centered-blue-divider {
  background-color: var(--off-white);
  background-image: url('../images/Vector-blue-section-version-2.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1%;
  padding-bottom: 10%;
  display: block;
}

.container-white {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--off-white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 400px;
  min-height: 320px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.container-light-blue-flex {
  background-color: var(--acc-blue);
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 250px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.blue-section-blue {
  background-color: var(--main-blue);
  flex-flow: column;
  margin-top: -10px;
  padding-top: 20px;
  padding-bottom: 100px;
  display: flex;
}

.blue-section-blue.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.blue-section-blue.cc-home-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.blue-section-blue.cc-store-home-wrap {
  padding-top: 0;
}

.div-flex-vertical {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-flex-50 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4.negative-margin-20 {
  margin-left: -20px;
  margin-right: 20px;
}

.automation-acc {
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.automation-acc.white-text {
  color: var(--white);
}

.automation-acc.white-text.button-like {
  background-color: var(--acc-orange);
  text-align: center;
  border-radius: 20px;
  padding: 20px;
}

.div-flex-50-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  padding: 20px 50px 20px 20px;
  display: flex;
}

.div-flex-50-left.white-bg {
  background-color: var(--white);
  border-radius: 20px;
}

.div-flex-50-left.white-bg.padding {
  min-height: 250px;
  padding: 3%;
}

.div-flex-50-left.div-flex-blue-line.gray-bg {
  background-color: var(--off-white);
}

.div-flex-50-left.div-flex-blue-line.gray-bg.padding {
  padding: 40px;
}

.container-65 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 1290px;
  display: flex;
}

.general-flex-container {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 1290px;
  display: flex;
}

.container-66 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.grid-5 {
  grid-template-rows: auto;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.div-flex-col-centered {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-left: 0;
  margin-right: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  display: flex;
}

.centered-div {
  margin-left: auto;
  margin-right: auto;
}

.centered-div._3-padding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.services-btn-blue {
  border: 2px solid var(--main-blue);
  color: var(--main-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 20px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: flex;
}

.services-btn-blue:hover {
  background-color: var(--acc-orange);
  color: #fff;
}

.services-btn-blue:active {
  background-color: #43464d;
}

.services-btn-blue.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.services-btn-blue.cc-contact-us {
  z-index: 5;
  position: relative;
}

.services-btn-blue.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.services-btn-blue.cc-white-button:hover {
  background-color: #fffc;
}

.services-btn-blue.cc-white-button:active {
  background-color: #ffffffe6;
}

.services-heading-left-bot {
  text-align: center;
  flex: 0 auto;
  width: 50%;
  max-width: 50%;
  margin-bottom: 0;
}

.container-btn-center-left {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1290px;
  margin-left: 0;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.blue-hero {
  background-color: var(--main-blue);
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-bottom: 90px;
}

.centered-hero {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1290px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.white-hero-cont {
  background-color: var(--white);
  background-image: url('../images/Vector-Blue-Originacion-Hero.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 100px;
}

.white-hero-cont.padding {
  padding-bottom: 50px;
}

.centered-hero-image-float {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1290px;
  height: 200px;
  margin-bottom: 50px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.centered-hero-image-float.margin {
  margin-bottom: 200px;
}

.image-centered-hero {
  margin: -100px;
  overflow: visible;
}

.general-flex-container-negative {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 1290px;
  margin-top: -100px;
  display: flex;
}

.div-flex-col-centered-white {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-left: 0;
  margin-right: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  display: flex;
}

.white-centered-3 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--white);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  padding-bottom: 3%;
  display: flex;
}

.white-centered-3.padding {
  padding-bottom: 0%;
}

.white-centered-divider-3 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-image: url('../images/Vector-Blue-Sections.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  padding-bottom: 10%;
  display: flex;
}

.white-centered-divider-3.padding {
  padding-top: 0%;
}

.grid-2-col-copy {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template: "Area"
  / 1fr 1fr;
  place-items: stretch center;
}

.col-2-400-transparent {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  max-height: 500px;
}

.grid-6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div-customize {
  background-color: var(--off-white);
  border-radius: 20px;
  width: 200px;
  margin-top: -20px;
  padding: 30px 10px 20px;
}

.div-customize.centered-div.gray-background {
  background-color: var(--off-white);
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-block-3 {
  padding: 2%;
}

.left-paragraph-copy {
  color: var(--gray);
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.left-paragraph-copy.white-text {
  color: var(--white);
}

.left-paragraph-copy.white-text._70-text {
  max-width: 80%;
}

.left-paragraph-copy.white-text.justified {
  text-align: justify;
}

.left-paragraph-copy._70-percent {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.div-customize-general, .icon-customize-section {
  margin-left: auto;
  margin-right: auto;
}

.div-customize-tail {
  background-color: var(--off-white);
  border-radius: 20px;
  width: 200px;
  margin-top: 20px;
  padding: 30px 10px 20px;
}

.div-customize-tail.centered-div.gray-background {
  background-color: var(--off-white);
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-9 {
  background-color: var(--off-white);
  width: 90%;
  height: 2px;
  margin: 40px auto -50px;
}

.white-container-specialty {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 400px;
  min-height: 320px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.primary-button-mobile {
  background-color: var(--main-blue);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  margin-right: 30px;
  padding: 20px 30px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.primary-button-mobile:hover {
  background-color: var(--acc-orange);
  color: #fff;
}

.primary-button-mobile:active {
  background-color: #43464d;
}

.primary-button-mobile.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button-mobile.cc-contact-us {
  z-index: 5;
  position: relative;
}

.primary-button-mobile.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button-mobile.cc-white-button:hover {
  background-color: #fffc;
}

.primary-button-mobile.cc-white-button:active {
  background-color: #ffffffe6;
}

.img-left-margin-admin {
  width: 50%;
  margin-top: -100px;
  margin-right: -100px;
}

.image-right-margin-admin {
  width: 45%;
  margin-top: 0;
  margin-left: -100px;
  margin-right: 0;
}

.image-negative-margin {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-10 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.grid-4-col-50 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template: "Area"
  / 1fr 1fr 1fr 1fr;
  place-items: stretch stretch;
}

.blue-section-blue-divider-copy {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--main-blue);
  flex-flow: column;
  margin-top: -10px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 100px;
  display: flex;
}

.blue-section-blue-divider-copy.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.blue-section-blue-divider-copy.cc-home-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.blue-section-blue-divider-copy.cc-store-home-wrap {
  padding-top: 0;
}

.blue-section-blue-divider-copy.padding {
  padding-bottom: 30px;
}

.image-24 {
  margin-left: auto;
  margin-right: auto;
}

.grid-3-centered-map {
  z-index: 100;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1.2fr 1.2fr;
}

.grid-3-centered-map.padding {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.image-25 {
  z-index: 0;
  width: 800px;
  margin: -100px;
  position: absolute;
  inset: 0% 0% auto;
  overflow: clip;
}

.centered-div-image-background-desktop {
  background-image: url('../images/Anfexi-Dashboard-automatizacion.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
}

.centered-div-image-background-desktop._3-padding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.grid-3-centered-map-wide {
  z-index: 100;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1.2fr 1.2fr;
  width: 1200px;
}

.grid-3-centered-map-wide.padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.centered-div-image-background-mobile {
  background-image: url('../images/Anfexi-Dashboard-automatizacion.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.centered-div-image-background-mobile._3-padding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.centered-div-image-background-mobile-2 {
  background-image: url('../images/Anfexi-Dashboard-automatizacion.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.centered-div-image-background-mobile-2._3-padding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.white-container-specialty-gray {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--off-white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  max-width: 600px;
  min-height: 200px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.white-hero-cont-gray {
  background-color: var(--white);
  background-image: url('../images/Vector-Gray-Sections.svg'), url('../images/Vector-Blue-Originacion-Hero.svg');
  background-position: 50% 100%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 100px;
}

.white-hero-cont-gray.padding {
  padding-bottom: 50px;
}

.general-flex-container-negative-padding {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 1290px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
}

.container-4-gray {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--off-white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 400px;
  min-height: 250px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.text-span-3 {
  color: var(--main-blue);
}

.grid-3-col-gap-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "Area"
  / 1fr 1fr 1fr;
  place-items: stretch center;
}

.blue-hero-col {
  background-color: var(--main-blue);
  background-image: url('../images/Blue-white-shape.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
}

.centered-hero-50 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  max-width: 60%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.hero-image-50 {
  width: 100%;
  margin: 0 0 0 auto;
}

.centered-hero-40 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  max-width: 40%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.container-67 {
  max-width: 1290px;
  display: flex;
}

.centered-60 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.centered-60._3-padding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.centered-40 {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.centered-40._3-padding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.container-68 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.div-flex-2-col {
  grid-column-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-left: 0;
  margin-right: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  display: flex;
}

.div-block-11 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.button-list-col-like {
  border: 2px solid var(--main-blue);
  background-color: var(--white);
  color: var(--gray);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: block;
}

.button-list-col-like:hover {
  background-color: var(--white);
  color: var(--main-blue);
}

.button-list-col-like:active {
  background-color: #43464d;
}

.button-list-col-like.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-col-like.cc-contact-us {
  z-index: 5;
  position: relative;
}

.button-list-col-like.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-col-like.cc-white-button:hover {
  background-color: #fffc;
}

.button-list-col-like.cc-white-button:active {
  background-color: #ffffffe6;
}

.button-list-col-like.centered {
  text-align: center;
}

.div-block-11-negative {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -20px;
  display: flex;
}

.list-custom {
  padding-left: 0;
  list-style-type: none;
}

.list-custom.padding {
  margin-top: 10px;
  margin-bottom: 0;
}

.list-item-custom {
  background-image: url('../images/check.svg');
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.padding {
  margin-top: 0;
  margin-bottom: 0;
}

.container-500 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 550px;
  min-height: 350px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
}

.div-60 {
  width: 70%;
  margin-top: -30px;
}

.div-40 {
  width: 40%;
  margin-top: -30px;
}

._2-divider {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  padding-left: 3%;
  padding-right: 3%;
  font-family: Plus Jakarta Sans, sans-serif;
  display: flex;
}

.grid-8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr;
}

.h3-white {
  color: var(--white);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.h3-white.blue-text {
  color: var(--main-blue);
}

.h3-white.white-text {
  color: var(--white);
}

.h3-white.white-text.button-like {
  background-color: var(--acc-orange);
  border-radius: 20px;
  padding: 20px;
}

.div-divider {
  background-color: var(--white);
  width: 3px;
  max-width: 2px;
  margin-left: auto;
  margin-right: auto;
}

.flex-columns {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.div-block-12 {
  grid-column-gap: 30px;
  display: flex;
}

.div-flex-blue-line {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--main-blue);
  border-radius: 20px;
  flex-flow: column;
  padding: 20px;
  display: flex;
  position: relative;
}

.div-flex-2-col-centered {
  grid-column-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-left: 0;
  margin-right: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  display: flex;
}

.container-main-blue {
  background-color: var(--main-blue);
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 300px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: block;
}

.div-block-13 {
  display: flex;
}

.title-div {
  padding-bottom: 20px;
}

.grid-9 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-5-col-wide {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  grid-template: "Area"
  / 1fr 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  width: 100%;
  max-width: 100%;
}

.nosotros-hero {
  background-image: url('../images/Vector-soluciones-hero.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: scroll;
  height: 590px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-bottom: 90px;
}

.div-block-14, .div-block-15 {
  width: 50%;
}

.div-flex-columns-5050 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  display: flex;
}

.text-field-45.blue-line, .text-field-3.blue-line {
  border: 1.5px solid var(--main-blue);
  border-radius: 7px;
}

.form_field {
  width: 47%;
}

.form_col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  padding-bottom: 15px;
  display: flex;
}

.form_full {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-around;
  padding-bottom: 15px;
  display: block;
}

.text-span-instructions {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.select-field {
  border: 1.5px solid var(--main-blue);
  background-color: #fff;
  border-radius: 7px;
}

.contact-section {
  background-image: url('../images/Vector-Home-Hero.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 50px;
  padding-bottom: 150px;
}

.flex-horizontal-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.div-centered {
  margin-left: auto;
  margin-right: auto;
}

.image-26 {
  width: 90%;
  margin-top: -120px;
}

.blog-hero {
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

._70-wrap {
  width: 70%;
}

.centered-70 {
  margin-left: auto;
  margin-right: auto;
}

.centered-70.flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.form_newsletter {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.newsletter_form {
  justify-content: center;
  align-items: stretch;
  padding-bottom: 15px;
  display: flex;
}

.button-newsletter {
  background-color: var(--main-blue);
  border-radius: 10px;
  height: 38px;
  margin-left: -30px;
  padding: 8px 30px 8px 40px;
  font-size: 14px;
  line-height: 14px;
}

.button-newsletter.blue-line {
  border: 1.5px solid var(--main-blue);
  border-radius: 7px;
}

.blog-section {
  background-color: var(--white);
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 10px;
}

.blog-section.cc-cta {
  background-color: var(--main-blue);
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
}

.blog-section.cc-home-wrap {
  background-color: var(--white);
  padding-top: 0;
  padding-bottom: 0;
}

.blog-section.cc-store-home-wrap {
  padding-top: 0;
}

.collection-list-wrapper-2 {
  display: flex;
}

.icon {
  color: var(--main-blue);
}

.dropdown-list {
  background-color: var(--main-blue);
  display: none;
}

.navigation-item-white {
  opacity: 1;
  color: var(--white);
  letter-spacing: 0;
  text-transform: none;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item-white:hover {
  background-color: var(--acc-orange);
  opacity: .9;
  color: var(--white);
}

.navigation-item-white:active {
  opacity: .8;
  color: var(--white);
}

.navigation-item-white.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item-white.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item-white.w--current:active {
  opacity: .7;
  color: #32343a;
}

.button-main-blue {
  background-color: var(--main-blue);
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 30px;
  display: block;
}

.success-message {
  background-color: var(--acc-green);
}

.text-block-4 {
  color: var(--white);
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.error-message {
  background-color: #d43434;
}

.text-block-5 {
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.blog-detail-header-wrap---inner {
  flex-flow: column;
  width: 90%;
  margin: 60px auto;
  display: flex;
}

.heading {
  color: var(--main-blue);
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 700;
}

.div-flex-vertical-centered {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-normal {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  letter-spacing: 0;
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: inline-flex;
}

.text-normal:hover {
  color: var(--black);
}

.text-normal.small-text-centered {
  font-size: 18px;
}

.text-block-7 {
  width: 60%;
  font-family: Lato, sans-serif;
}

.button-list-col-likeno-hover {
  border: 2px solid var(--main-blue);
  background-color: var(--white);
  color: var(--gray);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: block;
}

.button-list-col-likeno-hover:hover {
  background-color: var(--white);
  color: var(--gray);
}

.button-list-col-likeno-hover:active {
  background-color: var(--white);
}

.button-list-col-likeno-hover.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-col-likeno-hover.cc-contact-us {
  z-index: 5;
  position: relative;
}

.button-list-col-likeno-hover.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-col-likeno-hover.cc-white-button:hover {
  background-color: #fffc;
}

.button-list-col-likeno-hover.cc-white-button:active {
  background-color: #ffffffe6;
}

.button-list-col-likeno-hover.centered {
  text-align: center;
}

.button-list-like-booking {
  border: 2px solid var(--main-blue);
  background-color: var(--white);
  color: var(--gray);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: block;
}

.button-list-like-booking:hover {
  background-color: var(--white);
  color: var(--main-blue);
}

.button-list-like-booking:active {
  background-color: #43464d;
}

.button-list-like-booking.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-like-booking.cc-contact-us {
  z-index: 5;
  position: relative;
}

.button-list-like-booking.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button-list-like-booking.cc-white-button:hover {
  background-color: #fffc;
}

.button-list-like-booking.cc-white-button:active {
  background-color: #ffffffe6;
}

.button-list-like-booking.centered {
  text-align: center;
}

.text-btn-services-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  letter-spacing: 0;
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: inline-flex;
}

.text-btn-services-copy.mobile {
  text-align: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-btn-services-copy.mobile:hover {
  color: var(--black);
}

.text-btn-services-copy.small-text-centered {
  font-size: 18px;
}

.text-btn-services-copy.small-text-centered:hover {
  color: var(--gray);
}

.div-border-container {
  border: 2px solid var(--main-blue);
  background-color: var(--white);
  border-radius: 15px;
  width: 100%;
  padding: 25px;
}

@media screen and (max-width: 991px) {
  .section {
    padding: 5% 3%;
  }

  .section.cc-cta {
    padding: 3% 0;
  }

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

  .primary-button {
    justify-content: center;
  }

  .primary-button.cc-contact-us {
    display: none;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu {
    margin-left: 30px;
    position: static;
  }

  .navigation-wrap {
    background-color: #fff;
  }

  .navigation {
    padding: 25px 30px;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
  }

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

  .navigation-items {
    background-color: #fff;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .our-services-grid {
    text-align: center;
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .service-icon {
    display: inline-block;
  }

  .contact-form-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .our-contacts {
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .team-members {
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .team-member-title-wrap {
    margin-bottom: 30px;
  }

  .project-details-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .detail-header-image {
    height: 460px;
  }

  .blog-item {
    width: 80%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .section-heading {
    font-size: 55px;
    line-height: 60px;
  }

  .section-heading.white-text.centered-text-60.left-content {
    text-align: left;
    margin-left: 0;
  }

  .hero-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .hero-grid.cc-about-2 {
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         ".";
  }

  .intro-text {
    width: auto;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-preview-wrap {
    text-align: center;
    width: 80%;
    padding-right: 15px;
  }

  .home-hero {
    background-position: 30% 100%;
    background-size: auto;
    height: 70vh;
    padding-top: 50px;
  }

  .paragraph-heros.white-text.centered-60 {
    width: 90%;
  }

  .paragraph-heros.white-text.centered-80 {
    text-align: left;
    margin-left: 0;
  }

  .btn-outlined {
    justify-content: center;
  }

  .btn-outlined.cc-contact-us {
    display: none;
  }

  .hero-image-float-left {
    width: 250px;
    position: static;
    bottom: auto;
    left: 100px;
    right: 0;
  }

  .hero-image-float-right {
    position: static;
  }

  .cont-hero {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-1-hero {
    width: 60%;
  }

  .grid {
    grid-template-rows: auto;
    grid-template-columns: 1.3fr;
    grid-auto-flow: row;
    margin-left: 5%;
    margin-right: 2%;
    padding-left: 0%;
  }

  .blue-section {
    padding-bottom: 7%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .blue-section.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .h2-left {
    font-size: 40px;
  }

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

  .h2-left.left-60 {
    width: 60%;
  }

  .left-paragraph._70-percent {
    width: 90%;
  }

  .left-paragraph.centered-mobile {
    text-align: center;
  }

  .services-btn-white {
    justify-content: center;
  }

  .services-btn-white.cc-contact-us {
    display: none;
  }

  .text-btn-services {
    text-align: left;
    line-height: 28px;
  }

  .text-btn-services.mobile {
    font-size: 16px;
    line-height: 22px;
  }

  .primary-button-white {
    justify-content: center;
  }

  .primary-button-white.cc-contact-us {
    display: none;
  }

  .white-centered-divider.off-white-bg {
    padding-top: 3%;
    padding-bottom: 5%;
  }

  .h2-centered {
    font-size: 40px;
  }

  .h3-gray {
    font-size: 22px;
    line-height: 26px;
  }

  .container-4 {
    width: 45%;
    max-width: 45%;
    min-height: 300px;
  }

  .div-flex-col {
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .primary-button-centered {
    justify-content: center;
  }

  .primary-button-centered.cc-contact-us {
    display: none;
  }

  .blue-section-blue-divider {
    padding-left: 3%;
    padding-right: 3%;
  }

  .blue-section-blue-divider.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .image-20 {
    margin-top: 15%;
  }

  .container-60 {
    order: -1;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .container-40-margin {
    order: -1;
    width: 50%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .container-expand {
    flex-flow: column;
  }

  .white-box-container {
    width: 45%;
    max-width: 45%;
    min-height: 240px;
  }

  .grid-5-col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
  }

  .centered-paragraph._70-text, .centered-paragraph._80-text {
    width: 90%;
  }

  .white-centered-gray-divider {
    padding-top: 7%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .gray-centered {
    padding-left: 5%;
    padding-right: 5%;
  }

  .grid-3-col {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .container-62 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .white-centered {
    padding-left: 3%;
    padding-right: 3%;
  }

  .services-btn-white-centered {
    justify-content: center;
  }

  .services-btn-white-centered.cc-contact-us {
    display: none;
  }

  .footer-text-copyright.copyright-text {
    margin-left: 0;
    margin-right: 0;
  }

  .div-2-hero-desktop {
    width: 40%;
  }

  .div-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .div-2-hero-mobile {
    width: 40%;
    display: none;
  }

  .soluciones-hero {
    background-position: 30% 100%;
    background-size: auto;
    height: 65vh;
    padding-top: 50px;
  }

  .solutions-numbers {
    padding-bottom: 7%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .solutions-numbers.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .left-container-white-section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .button-list-like {
    justify-content: center;
    padding: 10px 20px;
  }

  .button-list-like.cc-contact-us {
    display: none;
  }

  .grid-4-col {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .gray-centered-blue-divider {
    padding-left: 3%;
    padding-right: 3%;
  }

  .container-white {
    width: 45%;
    max-width: 45%;
    min-height: 400px;
  }

  .container-light-blue-flex {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
  }

  .blue-section-blue {
    padding-bottom: 50px;
    padding-left: 3%;
    padding-right: 3%;
  }

  .blue-section-blue.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .automation-acc.white-text.button-like {
    border-radius: 20px;
  }

  .div-flex-50-left.div-flex-blue-line.gray-bg.padding.tablet-full-width {
    width: 100%;
  }

  .general-flex-container {
    max-width: 100%;
  }

  .centered-div.left-content {
    margin-left: 0;
    margin-right: 0;
  }

  .services-btn-blue {
    justify-content: center;
  }

  .services-btn-blue.cc-contact-us {
    display: none;
  }

  .container-btn-center-left {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .blue-hero {
    background-image: none;
    height: 35vh;
    padding-top: 50px;
  }

  .centered-hero {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .white-hero-cont {
    background-position: 30% 100%;
    background-size: auto;
    height: 25vh;
    padding-top: 0;
  }

  .centered-hero-image-float {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .white-centered-3 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .white-centered-divider-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .grid-6 {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .left-paragraph-copy._70-percent {
    width: 90%;
  }

  .left-paragraph-copy.centered-mobile {
    text-align: center;
  }

  .div-block-9 {
    display: none;
  }

  .white-container-specialty {
    width: 45%;
    max-width: 45%;
    min-height: 300px;
  }

  .primary-button-mobile {
    justify-content: center;
  }

  .primary-button-mobile.cc-contact-us {
    display: none;
  }

  .img-left-margin-admin {
    margin-top: -50px;
    margin-right: -50px;
  }

  .image-right-margin-admin {
    margin-left: -20px;
  }

  .image-negative-margin {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: -60px;
    display: flex;
  }

  .grid-4-col-50 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .blue-section-blue-divider-copy {
    padding-left: 3%;
    padding-right: 3%;
  }

  .blue-section-blue-divider-copy.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-3-centered-map.padding {
    width: 90%;
  }

  .grid-3-centered-map-wide {
    width: 100%;
  }

  .white-container-specialty-gray {
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
  }

  .white-hero-cont-gray {
    background-image: url('../images/Vector-Gray-Sections.svg'), url('../images/Vector-Blue-Originacion-Hero.svg');
    background-position: 50% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 100%;
    padding-top: 50px;
    padding-bottom: 2%;
  }

  .general-flex-container-negative-padding {
    margin-top: -50px;
    padding: 60px 5% 0;
  }

  .container-4-gray {
    width: 45%;
    max-width: 45%;
    min-height: 300px;
  }

  .grid-3-col-gap-40 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .blue-hero-col {
    background-image: none;
    height: 100%;
    padding-top: 50px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .centered-hero-50 {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .hero-image-50 {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
  }

  .centered-hero-40 {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-67 {
    flex-flow: row;
  }

  .centered-40 {
    margin-top: auto;
    margin-bottom: auto;
  }

  .div-flex-2-col {
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .button-list-col-like {
    justify-content: center;
    padding: 10px 20px;
  }

  .button-list-col-like.cc-contact-us {
    display: none;
  }

  .container-500 {
    width: 45%;
    max-width: 45%;
    min-height: 300px;
  }

  .h3-white {
    font-size: 22px;
    line-height: 26px;
  }

  .div-flex-2-col-centered {
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .container-main-blue {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
  }

  .grid-5-col-wide {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: start center;
  }

  .nosotros-hero {
    background-position: 30% 100%;
    background-size: auto;
    height: 70vh;
    padding-top: 50px;
  }

  .div-block-14.div-flex-vertical.tablet-full-width {
    width: 100%;
  }

  .div-flex-columns-5050 {
    flex-flow: column;
    padding-left: 5%;
    padding-right: 5%;
  }

  .blog-hero {
    background-position: 30% 100%;
    background-size: auto;
    height: 65vh;
    padding-top: 50px;
  }

  .blog-section {
    padding: 5% 3%;
  }

  .blog-section.cc-cta {
    padding: 3% 0;
  }

  .navigation-item-white {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item-white:hover {
    background-color: #f7f8f9;
  }

  .navigation-item-white:active {
    background-color: #eef0f3;
  }

  .button-main-blue {
    width: 100%;
    max-width: 100%;
    min-height: auto;
  }

  .blog-detail-header-wrap---inner {
    width: 70%;
  }

  .text-normal {
    text-align: left;
    line-height: 28px;
  }

  .text-normal.mobile {
    font-size: 16px;
    line-height: 22px;
  }

  .text-block-7 {
    width: 80%;
  }

  .button-list-col-likeno-hover {
    justify-content: center;
    padding: 10px 20px;
  }

  .button-list-col-likeno-hover.cc-contact-us {
    display: none;
  }

  .button-list-like-booking {
    justify-content: center;
    padding: 10px 20px;
  }

  .button-list-like-booking.cc-contact-us {
    display: none;
  }

  .text-btn-services-copy {
    text-align: left;
    line-height: 28px;
  }

  .text-btn-services-copy.mobile {
    font-size: 16px;
    line-height: 22px;
  }

  .div-border-container {
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-cta {
    padding: 15px;
  }

  .section.cc-home-wrap, .section.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .primary-button {
    margin-left: auto;
    margin-right: auto;
  }

  .primary-button.left-mobile {
    margin-left: 0;
  }

  .rich-text {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .cta-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-content {
    width: 80%;
  }

  .our-services-grid {
    grid-row-gap: 60px;
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .text-field.cc-contact-field, .text-field.cc-textarea {
    text-align: left;
  }

  .team-pic {
    height: 300px;
    margin-bottom: 30px;
  }

  .team-member-name {
    font-size: 16px;
    line-height: 28px;
  }

  .project-name-wrap {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .blog-detail-header-wrap {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .section-heading.white-text.centered-text-60 {
    width: 100%;
  }

  .home-hero {
    flex-flow: column;
    display: flex;
  }

  .paragraph-heros.white-text.centered-60 {
    width: 90%;
  }

  .btn-outlined {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-image-float-left, .hero-image-float-right {
    width: 50%;
    position: static;
  }

  .cont-hero {
    flex-flow: column;
  }

  .blue-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10%;
  }

  .blue-section.cc-cta {
    padding: 15px;
  }

  .blue-section.cc-home-wrap, .blue-section.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .h2-left.left-60 {
    width: 80%;
  }

  .left-paragraph.white-text._70-text {
    max-width: 100%;
  }

  .services-heading-left {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }

  .services-heading-right {
    width: 100%;
    max-width: 100%;
  }

  .text-btn-services.mobile {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .container-btn-center-align {
    text-align: center;
  }

  .container-btn-center-align.left-mobile {
    margin-left: 0;
    padding-top: 30px;
  }

  .white-centered-divider {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 3%;
    padding-right: 3%;
  }

  .h2-centered.gray-text.centered-60 {
    width: 90%;
  }

  .h2-centered.gray-text.left-mobile {
    text-align: left;
  }

  .container-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 45%;
    max-width: 50%;
    display: flex;
  }

  .div-flex-col {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .blue-section-blue-divider {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .blue-section-blue-divider.cc-cta {
    padding: 15px;
  }

  .blue-section-blue-divider.cc-home-wrap, .blue-section-blue-divider.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container-60 {
    width: 100%;
  }

  .container-40-margin {
    width: 70%;
  }

  .container-expand {
    text-align: center;
    flex-flow: column;
  }

  .white-box-container {
    width: 100%;
    max-width: 100%;
    min-height: 200px;
  }

  .grid-5-col {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .centered-paragraph._80-text {
    text-align: left;
    margin-left: 0;
  }

  .white-centered-gray-divider {
    padding: 10% 5% 15%;
  }

  .gray-centered, .white-centered {
    padding-left: 5%;
    padding-right: 5%;
  }

  .grid-2-col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr 1fr;
  }

  .footer-col-izq {
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 30px;
  }

  .div-2-hero-desktop {
    display: none;
  }

  .div-block-7 {
    width: 100%;
  }

  .div-2-hero-mobile {
    width: 100%;
    margin-left: -20px;
    padding-bottom: 5%;
    display: flex;
  }

  .soluciones-hero {
    flex-flow: column;
    display: flex;
  }

  .solutions-numbers {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10%;
  }

  .solutions-numbers.cc-cta {
    padding: 15px;
  }

  .solutions-numbers.cc-home-wrap, .solutions-numbers.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .white-numbers {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding-bottom: 3%;
  }

  .button-list-like.centered {
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-solutions-benefits {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image-22 {
    width: 100%;
  }

  .grid-4-col {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .icon-cols {
    width: 90%;
  }

  .left-paragraph-inner.white-text._70-text {
    max-width: 100%;
  }

  .left-paragraph-inner.centered-mobile {
    text-align: center;
  }

  .gray-centered-blue-divider {
    padding-left: 5%;
    padding-right: 5%;
  }

  .gray-centered-blue-divider.margin {
    padding-left: 0%;
    padding-right: 0%;
  }

  .container-white {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
    max-width: 100%;
    min-height: 250px;
    padding: 50px;
    display: flex;
  }

  .container-light-blue-flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .blue-section-blue {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .blue-section-blue.cc-cta {
    padding: 15px;
  }

  .blue-section-blue.cc-home-wrap, .blue-section-blue.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .div-flex-50 {
    width: 100%;
  }

  .grid-4.negative-margin-20 {
    margin-left: 0;
    margin-right: 0;
  }

  .automation-acc.white-text.button-like {
    font-size: 18px;
  }

  .div-flex-50-left {
    width: 100%;
  }

  .grid-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-flex-col-centered {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }

  .services-btn-blue {
    margin-right: 0;
  }

  .services-heading-left-bot {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }

  .container-btn-center-left {
    text-align: center;
  }

  .blue-hero {
    flex-flow: column;
    height: 42vh;
    display: flex;
  }

  .centered-hero {
    flex-flow: column;
  }

  .white-hero-cont {
    background-position: 50% 0;
    background-size: 100%;
    flex-flow: column;
    height: 20vh;
    display: flex;
  }

  .white-hero-cont.padding {
    padding-bottom: 100px;
  }

  .centered-hero-image-float {
    flex-flow: column;
  }

  .div-flex-col-centered-white {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }

  .white-centered-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .white-centered-3.padding {
    padding-top: 10%;
  }

  .white-centered-divider-3 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 3%;
    padding-right: 3%;
  }

  .grid-2-col-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-6 {
    grid-template-columns: 1fr 1fr;
  }

  .left-paragraph-copy.white-text._70-text {
    max-width: 100%;
  }

  .white-container-specialty {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
    max-width: 100%;
    min-height: 250px;
    display: flex;
  }

  .grid-4-col-50 {
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .blue-section-blue-divider-copy {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .blue-section-blue-divider-copy.cc-cta {
    padding: 15px;
  }

  .blue-section-blue-divider-copy.cc-home-wrap, .blue-section-blue-divider-copy.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .image-24 {
    width: 40%;
  }

  .grid-3-centered-map {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr 1fr;
  }

  .grid-3-centered-map.padding, .grid-3-centered-map-wide {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .white-container-specialty-gray {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
    max-width: 100%;
    min-height: 150px;
    display: flex;
  }

  .white-hero-cont-gray {
    background-image: url('../images/Vector-Gray-Sections.svg'), url('../images/Vector-Blue-Originacion-Hero.svg');
    background-position: 50% 100%, 50% -1%;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 100%;
    flex-flow: column;
    padding-top: 50px;
    display: flex;
  }

  .white-hero-cont-gray.padding {
    padding-bottom: 100px;
  }

  .container-4-gray {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 45%;
    max-width: 50%;
    display: flex;
  }

  .grid-3-col-gap-40 {
    grid-template-columns: 1fr;
  }

  .blue-hero-col {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .centered-hero-50 {
    flex-flow: column;
  }

  .hero-image-50 {
    margin-left: 0;
  }

  .centered-hero-40 {
    flex-flow: column;
  }

  .container-67 {
    flex-flow: column;
    width: 100%;
    max-width: 100%;
  }

  .centered-60, .centered-40 {
    width: 100%;
  }

  .div-flex-2-col {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .button-list-col-like.centered {
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-500 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 45%;
    max-width: 50%;
    display: flex;
  }

  .div-60 {
    width: 100%;
    margin-top: 0;
  }

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

  ._2-divider {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding-bottom: 3%;
  }

  .div-flex-2-col-centered {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .container-main-blue {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .grid-5-col-wide {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .nosotros-hero {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .blog-hero {
    flex-flow: column;
    display: flex;
  }

  .blog-section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .blog-section.cc-cta {
    padding: 15px;
  }

  .blog-section.cc-home-wrap, .blog-section.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .button-main-blue {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    display: flex;
  }

  .blog-detail-header-wrap---inner {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .text-normal.mobile {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .button-list-col-likeno-hover.centered, .button-list-like-booking.centered {
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-btn-services-copy.mobile {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .div-border-container {
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  .primary-button {
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 10px;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .menu {
    margin-left: 15px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .cta-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .status-message.cc-no-data, .contact-form-grid {
    width: 100%;
  }

  .our-contacts {
    width: 90%;
  }

  .team-members {
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .project-details-grid {
    width: 100%;
  }

  .blog-detail-header-wrap, .blog-item {
    width: 100%;
    max-width: none;
  }

  .section-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .home-hero {
    height: 900px;
    padding-bottom: 100px;
    display: flex;
  }

  .paragraph-heros {
    font-size: 18px;
  }

  .paragraph-heros.white-text.centered-60 {
    width: 99%;
  }

  .paragraph-heros.text-70.padding-30 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block {
    font-size: 14px;
    line-height: 24px;
  }

  .btn-outlined {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hero-image-float-left {
    z-index: 0;
    width: 90%;
    margin-left: 20px;
    position: relative;
    top: 0;
    left: 0;
  }

  .hero-image-float-right {
    order: 0;
    width: 90%;
    margin-top: -100px;
    margin-left: -20px;
  }

  .cont-hero {
    padding-bottom: 0;
  }

  .blue-section {
    margin-top: -30px;
    padding-top: 100px;
  }

  .h2-left {
    font-size: 35px;
    line-height: 38px;
  }

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

  .left-paragraph {
    font-size: 16px;
  }

  .left-paragraph.white-text.justified {
    text-align: left;
  }

  .left-paragraph.white-text.justified.centered {
    text-align: center;
  }

  .left-paragraph.no-decoration.contact-info {
    font-size: 18px;
  }

  .services-btn-white {
    margin-right: 0;
  }

  .text-btn-services {
    font-size: 16px;
  }

  .primary-button-white {
    margin-right: 0;
  }

  .container-btn-center-align.padding {
    padding-bottom: 7%;
  }

  .white-centered-divider {
    background-position: 50% 100%;
    background-size: 250%;
    padding: 10% 5% 20%;
  }

  .white-centered-divider.off-white-bg {
    padding-bottom: 15%;
  }

  .h2-centered {
    font-size: 35px;
    line-height: 38px;
  }

  .h2-centered.gray-text.centered-60.left-mobile {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .h2-centered.centered-70 {
    width: 90%;
  }

  .h2-centered.cta-text {
    font-size: 30px;
    line-height: 38px;
  }

  .container-4 {
    width: 100%;
    max-width: 100%;
  }

  .div-flex-col {
    padding-left: 2%;
    padding-right: 2%;
  }

  .container-40-margin {
    width: 90%;
  }

  .grid-5-col {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .centered-paragraph.white-text {
    font-size: 16px;
  }

  .centered-paragraph.white-text._70-text {
    max-width: 100%;
  }

  .centered-paragraph._70-text.left-mobile, .centered-paragraph._80-text.left-mobile {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .white-centered-gray-divider {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 20%;
    padding-bottom: 20%;
  }

  .white-centered-gray-divider.padding {
    padding-left: 3%;
    padding-right: 3%;
  }

  .gray-centered {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: -5px;
    padding-top: 10%;
  }

  .container-61 {
    max-height: 900px;
  }

  .container-62 {
    padding-left: 6%;
    padding-right: 6%;
  }

  .white-centered {
    padding-top: 7%;
  }

  .grid-3 {
    flex-flow: column;
    grid-template-columns: 1.5fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-col-izq, .footer-col, .footer-menu-15 {
    justify-content: center;
    align-items: center;
  }

  .div-2-hero-mobile {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0%;
  }

  .soluciones-hero {
    height: 750px;
    padding-bottom: 100px;
    display: flex;
  }

  .solutions-numbers {
    margin-top: -30px;
    padding-top: 100px;
  }

  .button-list-like.centered {
    width: 90%;
  }

  .grid-4-col {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .icon-cols {
    width: 100%;
  }

  .left-paragraph-inner.white-text.justified {
    text-align: left;
  }

  .left-paragraph-inner.white-text.justified.centered {
    text-align: center;
  }

  .left-paragraph-inner.centered-mobile {
    font-size: 16px;
  }

  .gray-centered-blue-divider {
    margin-top: -5px;
    padding-top: 10%;
  }

  .container-white {
    width: 100%;
    max-width: 100%;
    padding: 30px;
  }

  .container-light-blue-flex {
    width: 100%;
    max-width: 100%;
  }

  .blue-section-blue {
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-flex-50 {
    max-width: 100%;
  }

  .grid-4, .grid-4.negative-margin-20 {
    grid-template-columns: 1fr;
  }

  .div-flex-50-left {
    padding-left: 0;
    padding-right: 0;
  }

  .div-flex-50-left.white-bg.padding {
    padding-left: 10%;
    padding-right: 10%;
  }

  .div-flex-50-left.div-flex-blue-line.gray-bg.padding.tablet-full-width {
    padding: 20px;
  }

  .general-flex-container {
    max-width: 100%;
  }

  .general-flex-container.gap {
    grid-row-gap: 20px;
  }

  .grid-5 {
    grid-template-rows: auto;
    display: block;
  }

  .centered-div {
    margin-left: 2%;
    margin-right: 2px;
  }

  .blue-hero {
    height: 450px;
    padding-bottom: 70px;
    display: flex;
  }

  .centered-hero {
    padding-bottom: 0;
  }

  .white-hero-cont {
    height: 120px;
    padding-bottom: 100px;
    display: flex;
  }

  .centered-hero-image-float {
    max-width: 100%;
    height: 200px;
    padding-bottom: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .image-centered-hero {
    margin-top: -90px;
  }

  .general-flex-container-negative {
    max-width: 100%;
  }

  .white-centered-3 {
    padding-top: 7%;
  }

  .white-centered-divider-3 {
    background-position: 50% 100%;
    background-size: 250%;
    padding: 10% 5% 20%;
  }

  .grid-6 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .left-paragraph-copy.white-text.justified {
    text-align: left;
  }

  .left-paragraph-copy.white-text.justified.centered {
    text-align: center;
  }

  .white-container-specialty {
    width: 100%;
    max-width: 100%;
  }

  .primary-button-mobile {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
  }

  .img-left-margin-admin {
    width: 55%;
    margin-top: -90px;
    margin-right: -40px;
  }

  .image-right-margin-admin {
    width: 55%;
    margin-top: -60px;
  }

  .image-negative-margin {
    max-width: 100%;
    margin-top: -20px;
  }

  .grid-4-col-50 {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .image-24 {
    width: 70%;
  }

  .grid-3-centered-map.padding {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .centered-div-image-background-desktop {
    display: none;
  }

  .centered-div-image-background-mobile {
    display: block;
  }

  .centered-div-image-background-mobile-2 {
    background-image: none;
    display: block;
  }

  .white-container-specialty-gray {
    width: 100%;
    max-width: 100%;
  }

  .white-hero-cont-gray {
    padding-bottom: 60px;
    display: flex;
  }

  .general-flex-container-negative-padding {
    max-width: 100%;
    margin-top: -100px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-4-gray {
    width: 100%;
    max-width: 100%;
    min-height: 250px;
  }

  .blue-hero-col {
    height: 100%;
    padding-bottom: 70px;
    display: flex;
  }

  .centered-hero-50, .centered-hero-40 {
    padding-bottom: 0;
  }

  .centered-60, .centered-40 {
    margin-left: 2%;
    margin-right: 2px;
  }

  .container-68 {
    max-width: 100%;
  }

  .div-flex-2-col {
    padding-left: 2%;
    padding-right: 2%;
  }

  .div-block-11 {
    margin-top: 0;
  }

  .button-list-col-like.centered {
    width: 90%;
  }

  .div-block-11-negative {
    margin-top: 0;
  }

  .container-500 {
    width: 100%;
    max-width: 100%;
  }

  .grid-8 {
    grid-template-columns: 1fr;
  }

  .h3-white.centered-paragraph {
    margin-left: auto;
    margin-right: auto;
  }

  .flex-columns {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
  }

  .div-block-12 {
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .div-flex-2-col-centered {
    padding-left: 2%;
    padding-right: 2%;
  }

  .container-main-blue {
    width: 100%;
    max-width: 100%;
  }

  .grid-5-col-wide {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .nosotros-hero {
    height: 750px;
    padding-bottom: 100px;
    display: flex;
  }

  .form_field {
    width: 100%;
  }

  .form_col {
    flex-flow: column;
  }

  .flex-horizontal-left {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
  }

  .blog-hero {
    height: 750px;
    padding-bottom: 100px;
    display: flex;
  }

  .button-main-blue {
    width: 100%;
    max-width: 100%;
    min-height: auto;
  }

  .blog-detail-header-wrap---inner {
    width: 100%;
    max-width: none;
  }

  .text-normal {
    font-size: 16px;
  }

  .image-27 {
    align-self: center;
    margin-left: 15%;
    margin-right: auto;
  }

  .text-block-6 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .text-block-7 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 15%;
    margin-right: auto;
    font-family: Lato, sans-serif;
    display: block;
  }

  .image-28 {
    margin-left: 15%;
  }

  .button-list-col-likeno-hover.centered, .button-list-like-booking.centered {
    width: 90%;
  }

  .text-btn-services-copy {
    font-size: 16px;
  }
}

#w-node-c4acf239-7edd-4d41-b9ca-66029c9cc686-f96bd02a {
  grid-area: Area;
  place-self: center;
}

#w-node-_6ff0f387-a5dc-9c59-1dd2-855dcfd1eb2a-f96bd02a, #w-node-_9ad5d16c-faf5-3d1f-1e2d-f1857093a09f-f96bd02a, #w-node-fecb0236-63c2-79b7-0280-639e5a4b019c-f96bd02a, #w-node-e99b0f5f-dadf-1324-1327-fa896bce886c-f96bd02a, #w-node-c83365a3-a86b-1bd6-19bc-88e7087d19c9-f96bd02a, #w-node-e866c8d8-3a3b-c175-ce8c-9ede84b1c80e-f96bd02a, #w-node-_531f9f74-8a07-3160-be83-1afb69ce190c-f96bd02a, #w-node-_92d1e407-5f3d-a517-5938-d67ca9e76d16-f96bd02a, #w-node-_92d1e407-5f3d-a517-5938-d67ca9e76d1d-f96bd02a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-f96bd030 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-f96bd030 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-f96bd032 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-f96bd032 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cdc-f96bd033 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38ce3-f96bd033 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cea-f96bd033 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-f96bd034 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-f96bd034 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5e5cd5d2-24b0-2d5d-d4a5-65dd67b8dbc5-9be1af0f {
  grid-area: Area;
  place-self: center;
}

#w-node-_5e5cd5d2-24b0-2d5d-d4a5-65dd67b8dbca-9be1af0f, #w-node-_5e5cd5d2-24b0-2d5d-d4a5-65dd67b8dbcf-9be1af0f, #w-node-_5e5cd5d2-24b0-2d5d-d4a5-65dd67b8dbd4-9be1af0f, #w-node-_5e5cd5d2-24b0-2d5d-d4a5-65dd67b8dbd9-9be1af0f, #w-node-b4286e0e-6d4d-f11b-54ba-b2f0bbddc736-9be1af0f, #w-node-b4286e0e-6d4d-f11b-54ba-b2f0bbddc73d-9be1af0f, #w-node-c83365a3-a86b-1bd6-19bc-88e7087d19c9-9be1af0f, #w-node-_197345e3-ab3c-75a1-94b6-ca7c9a74c174-9be1af0f, #w-node-_277f433d-1d9b-d728-7885-8eb765f513f4-9be1af0f, #w-node-f9382c24-499d-745c-cf6b-2f1cfdd9669b-9be1af0f, #w-node-_0acccb1f-4281-b385-56f1-59e9baf75683-9be1af0f, #w-node-_0acccb1f-4281-b385-56f1-59e9baf7568a-9be1af0f, #w-node-_0acccb1f-4281-b385-56f1-59e9baf75691-9be1af0f, #w-node-_01070722-8d3a-ed59-7921-ff1a31c82148-bb0927af, #w-node-_01070722-8d3a-ed59-7921-ff1a31c8214f-bb0927af, #w-node-_01070722-8d3a-ed59-7921-ff1a31c82148-138afebc, #w-node-_01070722-8d3a-ed59-7921-ff1a31c8214f-138afebc, #w-node-b12db72a-61b4-895e-46de-b3962799b34d-e68d6a95, #w-node-b12db72a-61b4-895e-46de-b3962799b354-e68d6a95, #w-node-b12db72a-61b4-895e-46de-b3962799b35b-e68d6a95, #w-node-_01070722-8d3a-ed59-7921-ff1a31c82148-e68d6a95, #w-node-_01070722-8d3a-ed59-7921-ff1a31c8214f-e68d6a95, #w-node-de21fb94-d126-51d0-faf1-7b0f064ce663-55ed782f, #w-node-de21fb94-d126-51d0-faf1-7b0f064ce665-55ed782f, #w-node-b12db72a-61b4-895e-46de-b3962799b34d-55ed782f, #w-node-b12db72a-61b4-895e-46de-b3962799b354-55ed782f, #w-node-b12db72a-61b4-895e-46de-b3962799b35b-55ed782f, #w-node-_01070722-8d3a-ed59-7921-ff1a31c82148-55ed782f, #w-node-_01070722-8d3a-ed59-7921-ff1a31c8214f-55ed782f, #w-node-_01070722-8d3a-ed59-7921-ff1a31c82148-e81a4dfd, #w-node-_01070722-8d3a-ed59-7921-ff1a31c8214f-e81a4dfd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_421df62a-c217-12af-eee8-27f88a387928-f96bd030, #w-node-_421df62a-c217-12af-eee8-27f88a387928-f96bd032, #w-node-_421df62a-c217-12af-eee8-27f88a387928-f96bd034 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_30821af4-f9ac-9fff-6e9d-21df4a395697-51e627e8, #w-node-b4286e0e-6d4d-f11b-54ba-b2f0bbddc736-9be1af0f, #w-node-de21fb94-d126-51d0-faf1-7b0f064ce663-55ed782f {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8140201c-394f-c980-9801-0c7efb60a1d5-51e627e8 {
    place-self: center;
  }

  #w-node-de21fb94-d126-51d0-faf1-7b0f064ce665-55ed782f {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}