:root {
  --0d2e11: #0d2e11;
  --light-slate-grey: #516353;
  --medium-blue-2: #150daa;
  --302cf5: #1e6525;
  --ghost-white: #ecf3ec;
  --1e6525: #17521d;
  --white: white;
  --gainsboro: #e0e0e0;
  --thistle: #d7d5ff;
  --ghost-white-2: #f0f2fc;
  --medium-blue: #1208d1;
  --lavender: #d4e5d4;
  --black: black;
  --light-grey: #cfcfcf;
  --midnight-blue: #19155e;
  --gainsboro-2: #e0e0e059;
  --grey: #777;
  --9165f7: #1badbd;
}

.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;
}

body {
  color: #333;
  font-family: DM Sans, sans-serif;
  font-size: .9rem;
  line-height: 20px;
}

h1 {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 54px;
}

h2 {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: var(--light-slate-grey);
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

ul {
  color: var(--medium-blue-2);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 30px;
}

ol {
  color: var(--medium-blue-2);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

blockquote {
  border-left: 5px solid var(--302cf5);
  color: var(--medium-blue-2);
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 10px 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 24px;
  display: flex;
  position: relative;
}

.section.hero-section {
  background-image: linear-gradient(#0006, #0006), url('../images/About-Us2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 80px;
}

.section.hero-section.promo {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Promo.jpg');
  background-position: 0 0, 50%;
}

.section.hero-section.cta {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Half.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.hero-section.testimonials {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Proposals.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.section.hero-section.contact-second {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Header-33.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  border-radius: 2px;
  padding-top: 80px;
}

.section.hero-section.about-second {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Header-44.jpg');
  background-position: 0 0, 50%;
  padding-top: 80px;
  padding-bottom: 120px;
}

.section.hero-section.third {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Header-22.jpg');
  background-position: 0 0, 50%;
  padding-top: 80px;
}

.section.hero-section.third.second-nav {
  padding-top: 140px;
}

.section.hero-section.second {
  background-image: linear-gradient(#0006, #0006), url('../images/Header-6.jpg');
  background-position: 0 0, 50% 30%;
  padding-top: 80px;
}

.section.hero-section.second.nav {
  padding-top: 140px;
}

.section.hero-section.features {
  background-image: linear-gradient(#0006, #0006), url('../images/Header-9.jpg');
  background-position: 0 0, 50%;
}

.section.hero-section.team {
  background-image: linear-gradient(#0006, #0006), url('../images/Header-8.jpg');
  background-position: 0 0, 50% 100%;
}

.section.hero-section.team.second-nav.example {
  height: auto;
}

.section.hero-section.blog-layout {
  background-image: linear-gradient(#0006, #0006), url('../images/Header-7.jpg');
  background-position: 0 0, 50%;
}

.section.hero-section.licensing {
  background-image: linear-gradient(to bottom, var(--302cf5), var(--302cf5));
  padding-top: 80px;
}

.section.hero-section.licensing.second-nav {
  padding-top: 140px;
}

.section.hero-section.intro {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Bulding-1.jpg');
  background-position: 0 0, 50% 0;
  padding-top: 160px;
}

.section.hero-section.about-vr1 {
  background-image: linear-gradient(#0006, #0006), url('../images/Intro.jpg');
  background-position: 0 0, 50% 60%;
  background-size: auto, cover;
  padding-top: 80px;
  padding-bottom: 120px;
}

.section.hero-section.about-vr1.second-nav {
  padding-top: 140px;
}

.section.hero-section.blog {
  background-image: linear-gradient(#0006, #0006), url('../images/Untitled-6.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 80px;
  padding-bottom: 120px;
}

.section.hero-section.second-nav {
  padding-top: 140px;
}

.section.gray {
  background-color: var(--ghost-white);
  border-top: 1px solid #d4e5d4;
  border-bottom: 1px solid #d4e5d4;
  padding-top: 7rem;
}

.section.cta-background {
  background-image: linear-gradient(#4760fcd9, #4760fcd9), url('../images/Intro.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section.facts {
  border-bottom: 1px #d7d5ff;
  padding-top: 0;
  padding-bottom: 0;
}

.section.less-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.less-padding.color {
  background-color: var(--302cf5);
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.testimonial-background {
  background-image: linear-gradient(#4760fcb3, #4760fcb3), url('../images/Half2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section.color {
  background-color: var(--1e6525);
}

.section.no-padding {
  padding: 0;
}

.section.no-bottom-padding {
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
}

.section.no-bottom-padding.line {
  border-top-style: solid;
}

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

.section.no-padding.line {
  border-top: 1px solid #d7d5ff;
  margin-bottom: 0;
}

.section.no-padding-bottom {
  padding-bottom: 0;
}

.section.line {
  border-top: 1px solid #d7d5ff;
}

.section.no-paddings {
  padding-top: 0;
  padding-bottom: 0;
}

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

.section.pricing {
  background-color: var(--302cf5);
  padding-top: 80px;
  padding-bottom: 120px;
}

.section.pricing.second-nav {
  padding-top: 140px;
}

.container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.container.smaller {
  max-width: 900px;
}

.container.blog {
  position: absolute;
}

.container.navigation {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container.footer {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.top-nav {
  background-color: var(--302cf5);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.navbar {
  background-color: #0000;
  flex-direction: column;
  display: flex;
  position: sticky;
}

.top-div {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.top-nav-info {
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.brand {
  border-right: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.navbar-div {
  border-bottom: 1px solid #d7d5ff;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.nav-menu {
  flex: 1;
  display: flex;
}

.nav-link {
  border-right: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--0d2e11);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 70px;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.nav-link.w--current {
  color: var(--302cf5);
}

.hero-slider {
  z-index: 50;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  inset: 0%;
}

.hero-slider.short {
  height: 100%;
  min-height: 400px;
}

.banner-slide {
  text-align: right;
}

.mask {
  width: 100%;
}

.hero-div-wrapper {
  z-index: 100;
  background-image: linear-gradient(#0009, #0009), url('../images/slide-1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 650px;
  display: flex;
  position: relative;
}

.hero-div-wrapper.second {
  background-image: linear-gradient(#0009, #0009), url('../images/slide-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.hero-div-wrapper.second-layout {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Half2.jpg');
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
}

.hero-div-wrapper.second-layout.blog {
  background-image: url('../images/Half2.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  height: 600px;
}

.hero-div-wrapper.fourth {
  background-image: linear-gradient(#fff9, #fff9), url('../images/Page-4.jpg');
  background-size: auto, cover;
  height: 100vh;
}

.hero-div-wrapper.third {
  background-image: linear-gradient(#0009, #0009), url('../images/slide-3.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.hero-div-wrapper.short {
  height: 100%;
  min-height: 400px;
  padding-top: 96px;
  padding-bottom: 96px;
}

.hero-div-wrapper.short.services {
  background-image: linear-gradient(#0009, #0009), url('../images/Electrical-services-hero-2880w.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.hero-div-wrapper.short.repairs {
  background-image: linear-gradient(#0009, #0009), url('../images/Electrical-repair-hero-2880w.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.hero-div-wrapper.short.installation {
  background-image: linear-gradient(#0009, #0009), url('../images/Electrical-installation-hero-2880w.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.hero-div-wrapper.short.contact {
  background-image: linear-gradient(#0009, #0009), url('../images/Contact-hero-2880w-1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.right-arrow {
  color: var(--white);
  background-color: #302cf5;
  width: 80px;
  height: 80px;
  font-size: 18px;
  inset: auto 0 0% auto;
}

.left-arrow {
  background-color: var(--302cf5);
  width: 80px;
  height: 80px;
  font-size: 18px;
  inset: auto 80px 0% auto;
}

.hero-slide-info {
  text-align: left;
  width: 55%;
  margin-right: 0;
}

.hero-slide-info.author {
  width: 55%;
  display: flex;
}

.hero-slide-info.center {
  width: 70%;
  margin-top: 0;
  padding: 40px;
}

.hero-slide-info.center.second {
  margin-top: -40px;
  margin-right: 0;
}

.hero-slide-info.padding {
  margin-top: 100px;
}

.hero-slide-info.left {
  margin-right: auto;
}

.sub-text {
  background-color: var(--302cf5);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 10px;
  font-family: DM Sans, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
}

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

.sub-text.center {
  border: 1px none var(--thistle);
  color: var(--302cf5);
  text-align: center;
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.sub-text.center.contact {
  background-color: var(--ghost-white-2);
  border-style: none;
  border-width: 0;
  margin-top: 60px;
  padding-left: 10px;
  padding-right: 10px;
  font-style: normal;
}

.sub-text.center.name {
  background-color: var(--medium-blue);
  color: var(--white);
  text-align: left;
  border-style: none;
  margin-left: 0;
  margin-right: 0;
  padding: 3px 10px;
  font-weight: 500;
}

.sub-text.center.name.title {
  background-color: var(--302cf5);
  text-align: left;
  padding-bottom: 3px;
  font-weight: 500;
}

.sub-text.center.name.portfolio-sub {
  background-color: var(--0d2e11);
}

.sub-text.center.white {
  background-color: var(--white);
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: DM Sans, sans-serif;
}

.sub-text.center.minus {
  background-color: var(--white);
  border-style: solid;
  justify-content: center;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  display: flex;
  position: absolute;
}

.sub-text.left {
  border: 1px none var(--302cf5);
  color: var(--302cf5);
  background-color: #0000;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.sub-text.darker {
  background-color: var(--1e6525);
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.sub-text.video {
  align-items: center;
  height: 40px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  display: flex;
}

.sub-text.lighter {
  background-color: #ffffff30;
}

.hero-slide-title {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.hero-slide-title.white {
  color: var(--white);
  text-align: center;
  text-transform: none;
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}

.hero-slide-title.center {
  margin-top: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.hero-slide-title.center.smaller {
  font-size: 24px;
  line-height: 34px;
}

.button {
  background-color: var(--302cf5);
  text-transform: uppercase;
  padding: 12px 40px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .4s;
}

.button:hover {
  background-color: var(--1e6525);
}

.button.second-in-line {
  background-color: var(--302cf5);
  margin-left: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.button.second-in-line:hover {
  background-color: var(--1e6525);
  color: var(--white);
}

.button.white {
  background-color: var(--white);
  color: var(--302cf5);
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.button.white:hover {
  background-color: var(--medium-blue-2);
  color: var(--white);
}

.button.white.margin {
  margin-right: 10px;
}

.button.outline {
  border: 1px solid var(--white);
  background-color: #0000;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: color .4s, background-color .4s;
}

.button.outline:hover {
  background-color: var(--white);
  color: var(--1e6525);
}

.button.outline.dark {
  border-color: var(--302cf5);
  color: var(--302cf5);
}

.button.outline.dark:hover {
  background-color: var(--302cf5);
  color: var(--white);
}

.button.outline.hero-submit:hover {
  background-color: var(--medium-blue);
  color: var(--white);
}

.button.purchase-button {
  background-color: var(--302cf5);
  font-weight: 700;
  transition: background-color .4s;
}

.button.purchase-button:hover {
  background-color: var(--1e6525);
}

.button.line-blue {
  border: 1px solid var(--1e6525);
  color: var(--1e6525);
  background-color: #0000;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.button.line-blue:hover {
  background-color: var(--1e6525);
  color: var(--white);
}

.button.line-blue.margin {
  margin-right: 10px;
}

.button.full {
  text-align: center;
  width: 100%;
}

.button.hero {
  padding: .75rem 2.5rem;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.button.marggins {
  margin-right: 10px;
}

.button.margin-top {
  margin-top: 16px;
}

.top-padding {
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.slide-nav {
  font-size: 9px;
  bottom: -64px;
}

.section-title {
  color: var(--0d2e11);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
}

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

.section-title.center {
  color: var(--0d2e11);
  text-align: center;
  font-family: DM Sans, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
}

.section-title.center.white {
  color: var(--white);
}

.section-title.center.percentual {
  text-transform: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
}

.section-title.center.lower {
  text-transform: none;
  margin-bottom: 24px;
}

.grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.padding {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  display: grid;
}

.section-title-div {
  margin-bottom: 60px;
}

.section-title-div.center {
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
}

.section-title-div.center.percentual {
  border: 1px solid #d7d5ff;
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.section-title-div.center.percentual.no-paddings {
  margin-bottom: 0;
}

.section-title-div.center.top {
  z-index: 2;
  margin-bottom: 0;
  position: relative;
}

.section-title-div.center.margin-bottom {
  margin-bottom: 40px;
}

.features-card {
  border: 1px solid var(--lavender);
  background-color: #fff;
  border-radius: .25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-card.contact {
  height: auto;
}

.features-card.categories {
  background-color: var(--white);
  align-items: center;
  width: 100%;
  height: 100px;
  margin-bottom: 0;
  padding-top: 20px;
  font-size: 14px;
}

.small-features-title {
  color: var(--302cf5);
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.feature-title {
  color: var(--0d2e11);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.feature-title.smaller {
  margin-bottom: 20px;
  font-size: 16px;
}

.feature-title.category {
  font-size: 12px;
}

.features-plus {
  background-color: var(--white);
  color: var(--0d2e11);
  border-top: 1px solid #d4e5d4;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 0;
  display: flex;
}

.features-plus.center {
  background-color: #0000;
  border-top: 1px solid #d7d5ff;
  justify-content: center;
  padding-left: 0;
}

.features-plus.middle {
  justify-content: center;
  padding-left: 0;
}

.features-plus.categorie {
  justify-content: center;
  height: 30px;
  padding-left: 0;
}

.white-plus, .black-plus {
  display: none;
}

.image-by-side {
  background-image: url('../images/Untitlecd-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  align-items: flex-end;
  height: 500px;
  display: flex;
}

.image-by-side.big {
  height: 800px;
}

.info-by-side {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-left: 8%;
  padding-right: 8%;
  display: flex;
}

.info-by-side.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.info-by-side.sticky {
  flex: 1;
  margin-top: 120px;
  margin-bottom: 120px;
  position: sticky;
  top: 120px;
}

.info-by-side.left {
  margin-bottom: 8%;
  padding-left: 0%;
}

.info-by-side.image {
  justify-content: center;
  align-items: center;
  padding-right: 16%;
}

.second-features-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 40px;
  padding: 20px;
  display: flex;
  position: relative;
}

.features-icon {
  background-color: var(--302cf5);
  background-image: url('../images/icons8-encashment-car-64_1icons8-encashment-car-64.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  flex: none;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.features-icon.one {
  background-color: var(--302cf5);
  background-image: url('../images/icons8-marketing-64_1icons8-marketing-64.png');
  flex: none;
  width: 60px;
}

.features-icon.design {
  background-color: var(--302cf5);
  background-image: url('../images/icons8-design-80_1icons8-design-80.png');
}

.features-icon.three {
  background-color: var(--302cf5);
  background-image: url('../images/icons8-combo-chart-80_1icons8-combo-chart-80.png');
}

.features-icon.fourth {
  background-color: var(--302cf5);
  background-image: url('../images/icons8-decline-64_1icons8-decline-64.png');
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

.features-icon.sixth {
  background-image: url('../images/icons8-financial-analytics-100_1icons8-financial-analytics-100.png');
}

.facts-wrapper {
  align-items: center;
  width: 100%;
}

.facts-wrapper.line {
  border: 1px solid #d7d5ff;
  width: 70%;
  margin-top: 60px;
}

.facts-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.facts-grid.three {
  grid-template-columns: 1fr 1fr 1fr;
}

.facts-card {
  background-color: var(--white);
  border-right: 1px solid #d7d5ff;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.facts-card.right {
  border-right-style: none;
}

.facts-nr {
  color: var(--0d2e11);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.big-facts {
  color: var(--302cf5);
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.big-facts.color {
  background-color: var(--1e6525);
  color: var(--white);
  letter-spacing: 2px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 24px;
}

.big-facts.smaller {
  font-size: 12px;
  line-height: 22px;
}

.testimonials-slider {
  background-color: #0000;
  height: auto;
}

.testimonial-image {
  z-index: 0;
  background-image: url('../images/Team-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 80px;
  height: 80px;
  margin: -40px auto 20px;
  display: inline-block;
  position: static;
  overflow: visible;
}

.testimonial-image.sec {
  background-image: url('../images/Team-4.jpg');
}

.testimonial-image.third {
  background-image: url('../images/Team-3.jpg');
}

.testimonial-image.fourth {
  background-image: url('../images/Team-1.jpg');
  margin-left: auto;
  margin-right: auto;
}

.testimonial-image.fifth {
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-image.sixth {
  background-image: url('../images/Team-2.jpg');
  margin-left: auto;
  margin-right: auto;
}

.tittle {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.tittle.dark {
  color: var(--0d2e11);
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.paragraph.testimonials {
  color: var(--0d2e11);
  text-align: center;
  margin-top: 20px;
  font-style: italic;
  line-height: 30px;
}

.paragraph.testimonials.big {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 34px;
}

.paragraph.testimonials.left {
  color: var(--light-slate-grey);
  text-align: left;
}

.arrow-left, .arrow-right {
  display: none;
}

.question-link {
  color: var(--black);
  background-color: #0000;
  border: 1px solid #d7d5ff;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.faq-answer {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--lavender);
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  font-family: Roboto, sans-serif;
}

.faq-item {
  text-align: left;
  border: 1px solid #fff0;
  width: 100%;
  margin-top: 0;
  padding: 0 0 20px;
}

.faq-text-block {
  overflow: hidden;
}

.faq-plus {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  display: flex;
}

.white-plus-faq {
  display: none;
}

.blog-card {
  width: 96%;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.blog-card.second.sidebar {
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
}

.blog-image {
  background-image: url('../images/Untitled-1-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 260px;
  position: relative;
}

.blog-image.second {
  background-image: url('../images/About-Us2.jpg');
}

.blog-content {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--lavender);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer-brand {
  border-right: 1px none var(--gainsboro);
  background-color: var(--1e6525);
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.footer-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 70px;
  display: flex;
}

.footer-copy.margin {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
}

.footer-social {
  display: flex;
}

.footer-social-icon {
  border-left: 1px solid #d7d5ff;
  border-right: 1px solid #d7d5ff;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
  position: relative;
}

.footer-social-icon._2 {
  border-left-style: none;
}

.footer-social-icon._2.line {
  border-left-style: none;
  border-right-style: solid;
}

.footer-social-icon.dark {
  border-left-color: #f0f2fa54;
  border-right-color: #f0f2fa54;
}

.footer-social-icon.line {
  background-color: var(--white);
  border: 1px solid #d7d5ff;
  width: 50px;
  height: 50px;
}

.features-overlay {
  align-items: flex-end;
  padding-bottom: 30px;
  padding-left: 30px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pricing-table {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  padding: 0 0 40px;
  transition: box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
}

.pricing-table:hover {
  transform: scale(1.05);
  box-shadow: 0 3px 12px #19155e1a;
}

.pricing-table.tab-pricing {
  border-color: var(--lavender);
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 520px;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
  transition-property: none;
}

.pricing-table.tab-pricing:hover {
  box-shadow: none;
  transform: none;
}

.pricing-table.tab-pricing.padding {
  height: 510px;
  padding-top: 40px;
}

.list-item {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.page-wrapper {
  font-family: Roboto, sans-serif;
}

.hero-slide-nav {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  margin-left: auto;
  margin-right: 160px;
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 9px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.skills-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

.skills-title {
  color: #fff;
  text-align: left;
  font-weight: 400;
}

.skills-title.dark {
  color: var(--black);
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.skills-values {
  color: #fff;
  text-align: right;
  font-weight: 400;
}

.skills-values.dark {
  color: var(--1e6525);
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.skills-containner {
  background-color: #ffffff40;
  width: 100%;
  height: 8px;
}

.skills-containner.dark {
  background-color: #ebebeb;
}

.skills-progress-line {
  background-color: var(--1e6525);
  width: 85%;
  height: 100%;
}

.skills-progress-line._2 {
  width: 65%;
}

.skills-progress-line._3 {
  width: 72%;
}

.info-side {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding: 20px 8%;
  display: flex;
}

.full-div {
  width: 100%;
}

.gallery-grid-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 100%;
  margin-top: 0;
  display: grid;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 400px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.tab-info {
  align-items: center;
  width: 100%;
  height: 168px;
  padding: 0 40px 0 80px;
  display: flex;
  position: relative;
}

.feature-tabs {
  width: 60%;
}

.tabs-content {
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  align-items: center;
  width: 40%;
  height: auto;
  margin-top: -1px;
  margin-left: 0;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.pricing-card {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.tab-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

.circle-check {
  border: 1px solid var(--gainsboro);
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 0;
  display: flex;
}

.pricing-tab {
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--lavender);
  background-color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 20px;
  padding: 0;
  display: flex;
}

.pricing-tab.w--current {
  background-color: var(--ghost-white);
  padding: 0;
}

.pricing-tab.bottom {
  border-bottom-style: solid;
}

.check-list.padding-top-bottom {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
  display: flex;
}

.check-list.padding-top-bottom.line {
  border: 1px solid #e4e8ee;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.second-list-item {
  text-align: left;
  width: 100%;
}

.check-text-block {
  color: #677081;
  background-color: #0000;
  border: 1px #e4e8ee;
  border-bottom-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: Lato, sans-serif;
}

.check-text-block.second-vr {
  color: var(--0d2e11);
  border-bottom-style: solid;
}

.check-text-block.second-vr.bottom, .check-text-block.second-vr.no-border {
  border-bottom-style: none;
}

.check-text-block.first {
  color: #677081;
  background-color: #0000;
  border: 1px #e4e8ee;
  border-bottom-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
}

.check-text-block.first.second-vr {
  border-bottom-style: solid;
}

.title-price {
  color: #677081;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.title-price.check-text {
  float: none;
  color: var(--0d2e11);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  display: block;
}

.title-price.check-text.light {
  color: #19155e66;
}

.title-price.check-text-light {
  float: none;
  color: #19155e66;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  display: block;
}

.title-div-services {
  flex: 1;
  margin-bottom: 0;
  padding: 2.5rem 48px 1.5rem;
}

.title-div-services.categories {
  padding-left: 0;
  padding-right: 0;
}

.divider {
  background-color: var(--302cf5);
  width: 10%;
  height: 3px;
}

.divider.center {
  width: 6rem;
  margin-left: auto;
  margin-right: auto;
}

.divider.center.white {
  background-color: var(--white);
}

.divider.center.fix {
  width: 12%;
}

.third-text {
  color: var(--white);
  font-family: DM Sans, sans-serif;
}

.icon {
  color: var(--white);
}

.logotype-sponcor {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.sponsor-text-logo {
  z-index: 999;
  text-align: center;
  background-color: #fff;
  width: 25%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: absolute;
  inset: -17px 0;
}

.loyal-client {
  color: var(--0d2e11);
  letter-spacing: 2px;
  margin-top: -10px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.sponsor-link {
  box-shadow: none;
  opacity: .7;
  text-align: center;
  background-color: #fff;
  border: 1px #0000001a;
  border-top: 1px solid #d7d5ff;
  border-left: 1px solid #d7d5ff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 18px 40px;
  transition: opacity .3s;
  display: flex;
}

.sponsor-link:hover {
  opacity: .95;
}

.sponsor-link.left-border {
  border-right-style: solid;
  border-right-color: #e4ecf6;
}

.sponsor-link.bottom-border {
  border-color: #d7d5ff #e4ecf6 #d7d5ff #d7d5ff;
  border-bottom-style: solid;
}

.sponsor-link.bottom-border.left-border {
  background-color: #fff;
  border-color: #d7d5ff;
}

.sponsor-link.small {
  background-color: #0000;
  width: 16.66%;
}

.title-header {
  color: #212c42;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 48px;
}

.title-header.clients {
  margin-top: 0;
}

.sponsor-wrapper {
  justify-content: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.sponsor-wrapp-children {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.sponsor-wrapp-children.bottom {
  position: absolute;
}

.top-link {
  color: var(--white);
  margin-left: 2px;
}

.close-top {
  background-color: var(--1e6525);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  padding: 1px 5px;
  position: absolute;
  right: 12px;
}

.hero-copy {
  color: var(--ghost-white);
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.hero-copy.dark {
  color: var(--light-slate-grey);
}

.italic-text {
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.italic-text-link {
  color: var(--medium-blue);
  font-family: DM Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
}

.italic-text-link:hover {
  color: var(--medium-blue-2);
}

.link {
  color: var(--0d2e11);
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.link:hover {
  color: var(--1e6525);
  text-decoration: underline;
}

.link.w--current {
  font-family: DM Sans, sans-serif;
}

.features-paragraph {
  text-align: center;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
}

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

.features-paragraph.author {
  margin-bottom: 0;
}

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

.flex.full {
  width: 100%;
}

.cta-info {
  text-align: center;
}

.cta-title {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.cta-title.dark {
  color: var(--0d2e11);
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.team-tab {
  opacity: .85;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-image: url('../images/Untitlecd-1.jpg');
  background-position: 0 0;
  background-size: 125px;
  border-radius: 6px;
  width: 80px;
  height: 80px;
  margin-left: 15px;
  margin-right: 15px;
  transition: transform .4s, opacity .4s;
}

.team-tab:hover {
  opacity: 1;
  transform: scale(1.15);
}

.team-tab.w--current {
  background-image: url('../images/Team-1.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 10px;
  width: 120px;
  height: 120px;
}

.team-tab.first {
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.team-tab.third {
  background-image: url('../images/Untitlecd-1.jpg');
  background-position: 50% 100%;
}

.team-tab.second {
  background-image: url('../images/Team-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.second-tab-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.tabs {
  text-align: center;
  font-family: Open Sans, sans-serif;
}

.team-tab-info {
  width: 600px;
}

.star {
  margin-left: 3px;
  margin-right: 3px;
}

.vertical {
  z-index: 10;
  color: var(--white);
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -50px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%)rotate(-90deg);
}

.vertical.dark {
  color: var(--light-slate-grey);
}

.hero-section {
  min-height: 650px;
  padding-top: 85px;
  position: relative;
}

.hero-section.short {
  min-height: 350px;
}

.team-new-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-block-twitter {
  margin-left: 0;
  margin-right: 0;
}

.team-new-image {
  z-index: 5;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(to top, #000000a1, #0000);
  background-position: 0 0, 0 0;
  background-size: 125px, auto;
  border-radius: 10px;
  height: 380px;
  position: relative;
  transform: translate(0, -65px);
}

.team-new-image:hover {
  box-shadow: 0 5px 10px #0003;
}

.team-new-image.third {
  background-image: url('../images/Team-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
}

.team-new-image.first {
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
}

.team-new-image.second {
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
}

.team-new-image.fourth {
  background-image: url('../images/Team-2.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
}

.info-team {
  text-align: center;
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.info-team.on-top {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-social {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
}

.team-social-block {
  border-style: none;
  padding-bottom: 13px;
  padding-left: 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-social-block.sidebar {
  width: auto;
  margin-top: 20px;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.fourth-social-icon {
  background-color: #e9e9e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .2s;
  display: flex;
}

.fourth-social-icon.twitter-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twitter-logo-silhouette-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0 2px 2px 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: -1px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.twitter-icon:hover {
  border-color: var(--light-slate-grey);
  opacity: 1;
  background-color: #0000;
}

.fourth-social-icon.twitter-icon.light {
  opacity: .6;
  background-color: #fff;
  border-style: none;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.fourth-social-icon.twitter-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.googleplus-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/icon-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.googleplus-icon:hover {
  border-color: var(--light-slate-grey);
  opacity: 1;
  background-color: #0000;
}

.fourth-social-icon.googleplus-icon.light {
  opacity: .6;
  background-color: #fff;
  border-style: none;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.fourth-social-icon.googleplus-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.facebook-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 2px 0 0 2px;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.facebook-icon:hover {
  border-color: var(--light-slate-grey);
  opacity: 1;
  background-color: #0000;
}

.fourth-social-icon.facebook-icon.light {
  opacity: .6;
  background-color: #fff;
  border-style: none;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.fourth-social-icon.facebook-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.instagram-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/instagram-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-bottom: -1px;
  margin-right: 5px;
  padding-top: 0;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.instagram-icon:hover {
  border-color: var(--light-slate-grey);
  opacity: 1;
  background-color: #0000;
}

.fourth-social-icon.instagram-icon.light {
  opacity: .6;
  background-color: #fff;
  border-style: none;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.fourth-social-icon.instagram-icon.light:hover {
  opacity: 1;
}

.team-new-card {
  background-color: #fc6f00;
  border-bottom: 1px solid #fc6f00;
  border-radius: 10px;
  width: 25%;
  margin-bottom: 60px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  position: relative;
  transform: translate(0, 40px);
}

.team-new-card.three {
  background-color: var(--1e6525);
  text-align: center;
  border-style: none;
  border-radius: 0;
  margin-bottom: 80px;
}

.gallery-lightbox {
  position: relative;
  overflow: hidden;
}

.gallery-thumbnail {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  padding-left: 0;
}

.side-video {
  background-image: url('../images/About-Us2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 100%;
  height: 500px;
  text-decoration: none;
  display: flex;
}

.play-button {
  background-color: var(--1e6525);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 3px 10px;
  display: flex;
}

.tab-price {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  margin-right: 20px;
  padding-right: 20px;
  display: flex;
}

.tab-price.centered {
  align-items: center;
  margin-right: 0;
  padding-right: 0;
}

.tab-price.line {
  border-right: 1px solid #d9dcec;
  align-items: center;
  width: 30%;
  margin-right: 40px;
  padding-right: 20px;
}

.check-tab {
  background-color: var(--302cf5);
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.block-div {
  padding: 20px 40px;
}

.blog-overlay {
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blog-overlay.single {
  background-image: linear-gradient(#0006, #0006);
}

.blog-tag {
  background-color: var(--302cf5);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
}

.blog-tag.center {
  border: 1px solid var(--thistle);
  color: var(--0d2e11);
  text-align: center;
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
}

.blog-tag.center.name {
  z-index: 10;
  background-color: var(--1e6525);
  color: var(--white);
  border-style: none;
  margin-left: 0;
  margin-right: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.blog-tag.center.name.middle {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto;
}

.blog-tag.center.name.middle.static {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  left: 50%;
  transform: translate(-50%);
}

.client-div-wrapper {
  width: 100%;
  max-width: 1200px;
  margin-top: 60px;
}

.client-div-wrapper.no-padding {
  margin-top: 0;
}

.cta-message {
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.message-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.message-title.dark {
  color: var(--0d2e11);
  font-family: DM Sans, sans-serif;
}

.message-icon {
  border: 2px solid var(--white);
  background-color: var(--white);
  height: 50px;
  margin-right: 20px;
}

.info-card {
  border: 1px solid var(--lavender);
  background-color: var(--302cf5);
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding: 0 0 0 40px;
  display: flex;
}

.info-card.paddings {
  margin-top: 60px;
}

.info-content {
  width: 50%;
  margin-right: 40px;
}

.info-title {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.info-title.white {
  color: var(--white);
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.info-link {
  color: var(--0d2e11);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.info-link.white {
  color: var(--white);
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.info-link.white:hover {
  color: #fffc;
}

.div-image-cta {
  background-image: url('../images/About-Us2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 300px;
}

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

.copy-wrapper {
  width: 70%;
}

.info-price {
  margin-bottom: 0;
}

.star-div {
  text-align: center;
  justify-content: center;
  display: flex;
}

.star-div.right {
  justify-content: flex-start;
}

.testimonial-card-third {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  flex-direction: column;
  align-items: stretch;
  margin-top: 40px;
  padding: 0 55px 40px;
  display: flex;
  position: static;
  overflow: visible;
}

.bottom-padding {
  margin-bottom: 20px;
}

.testimonial-second {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  padding: 40px 55px;
  display: flex;
  position: static;
  overflow: visible;
}

.testimonial-second-image {
  z-index: 0;
  background-image: url('../images/Team-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 80px;
  height: 80px;
  margin-top: 0;
  margin-bottom: 20px;
  display: inline-block;
  position: static;
  overflow: visible;
}

.testimonial-second-image.sec {
  background-image: url('../images/Team-4.jpg');
}

.testimonial-second-image.third {
  background-image: url('../images/Team-3.jpg');
}

.testimonial-second-image.fourth {
  background-image: url('../images/Team-1.jpg');
}

.testimonial-second-image.fifth {
  background-image: url('../images/Team-2.jpg');
}

.testimonial-second-image.sixth {
  background-image: url('../images/Team-4.jpg');
}

.fifth-div {
  flex-direction: column;
  display: flex;
}

.title-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.price-wrapper {
  background-image: linear-gradient(#0006, #0006), url('../images/Header-9.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  display: flex;
}

.price-wrapper.silver {
  background-image: linear-gradient(#0006, #0006), url('../images/Header-8.jpg');
  background-position: 0 0, 50% 100%;
}

.price-wrapper.gold {
  background-image: linear-gradient(#0006, #0006), url('../images/Header-7.jpg');
  background-position: 0 0, 50%;
}

.price-row {
  width: 100%;
}

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

.centered-features {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 50px;
  display: flex;
}

.third-features {
  border: 1px solid var(--lavender);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer-div {
  border-top: 1px solid #d4e5d4;
  justify-content: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.footer-div.lighter {
  border-top-color: #f0f2fa54;
}

.footer-link-bottom {
  color: #343e52;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  text-decoration: none;
  transition: color .4s;
}

.footer-link-bottom:hover {
  color: var(--302cf5);
}

.footer-link-bottom.white {
  color: #fff;
  letter-spacing: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  transition: color .4s;
}

.footer-link-bottom.white:hover {
  color: #ffffffb3;
}

.footer-link-bottom.white.contact, .footer-link-bottom.contact {
  margin-right: 0;
}

.section-footer {
  padding-top: 50px;
  padding-bottom: 90px;
  position: relative;
}

.section-footer.black {
  background-color: #161433;
  border: 1px solid #0000;
}

.under-line {
  opacity: .25;
  background-color: #f44a66;
  width: 110%;
  height: 5px;
  margin-top: -6px;
  position: absolute;
  top: 107px;
  left: 0;
  transform: translate(-105%);
}

.under-line.social-line {
  background-color: #f44a66;
  width: 100%;
  height: 5px;
  margin-top: -6px;
  top: 32px;
}

.copyright-text {
  color: var(--light-slate-grey);
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  display: inline-block;
}

.lighter-link {
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.lighter-link:hover {
  text-decoration: underline;
}

.lighter-link.dark {
  color: var(--0d2e11);
}

.lighter-link.dark:hover {
  color: var(--302cf5);
}

.container-template {
  text-align: center;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: static;
}

.column-navigation {
  text-align: left;
  justify-content: flex-end;
  width: auto;
  margin-bottom: 10px;
  display: flex;
}

.copyright {
  color: #aaa;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 22px;
  display: flex;
}

.copyright.left {
  justify-content: flex-end;
}

.footer-social-link {
  color: #777;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.footer-social-link:hover {
  color: #f44a66;
}

.footer-line-divider {
  color: #d7d5ff;
  padding-left: 8px;
  padding-right: 8px;
}

.footer-section {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.lighter-paragraph {
  color: var(--light-slate-grey);
  margin-bottom: 16px;
  line-height: 24px;
}

.lighter-paragraph.paddings {
  margin-bottom: 20px;
}

.lighter-paragraph.linked {
  margin-bottom: 0;
}

.lighter-paragraph.linked:hover {
  font-weight: 700;
}

.footer-block {
  text-align: left;
  border-right: 1px #d4e5d4;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 20px;
}

.footer-block.about-us {
  border-right-style: none;
  border-right-color: #d4e5d4;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 24px;
  display: flex;
}

.footer-block.about-us.lighter {
  height: 440px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-block.lighter {
  border-right-color: #f0f2fa54;
  height: 440px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-block.lighter.no-line {
  border-right-style: none;
}

.footer-block.second {
  border-right-style: none;
  border-right-color: #d4e5d4;
  padding-top: 88px;
}

.footer-block.no-line {
  border-right-style: none;
}

.footer-sub-link {
  color: var(--light-slate-grey);
  border-bottom: 1px #ffffff12;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s;
  display: block;
}

.footer-sub-link:hover {
  color: var(--302cf5);
  font-weight: 700;
}

.footer-sub-link.posts {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.footer-sub-link.posts.dark {
  color: var(--light-slate-grey);
  padding-bottom: 0;
}

.footer-sub-link.no-hover {
  cursor: auto;
  margin-bottom: 0;
}

.footer-sub-link.no-hover:hover {
  font-weight: 400;
}

.footer-sub-link.minor {
  margin-bottom: 0;
}

.footer-sub-link.minor:hover {
  font-weight: 400;
  text-decoration: underline;
}

.footer-sub-link.minor.w--current {
  margin-bottom: 0;
}

.footer-sub-link.minor.w--current:hover {
  text-underline-offset: 2px;
  font-weight: 400;
  text-decoration: underline;
}

.content-section {
  text-align: center;
  background-color: #161433;
  justify-content: center;
  align-items: center;
  padding: 0 10px 70px 20px;
  display: flex;
  position: relative;
}

.content-section.white-footer {
  background-color: var(--white);
  border-top: 1px solid #ecf3ec;
  flex-flow: column;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer-heading {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 19px;
}

.footer-heading.white {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.footer-heading.less {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 700;
}

.footer-heading.less.white {
  font-weight: 700;
}

.grid-column {
  border: 0 solid #f0f2fa54;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
}

.div-address {
  text-align: left;
  width: 300px;
}

.hero-image-mask {
  width: 100%;
  margin-left: 0;
}

.hero-image-mask.left {
  margin-left: 0;
  margin-right: 0;
}

.section-image {
  background-image: url('../images/About-Us2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
}

.section-image.big {
  height: auto;
}

.section-image.big.on-top {
  background-image: url('../images/Header-9.jpg');
  height: 300px;
}

.section-image.right {
  background-image: url('../images/Header-7.jpg');
}

.section-list {
  color: var(--0d2e11);
  margin-top: 12px;
}

.section-list-item {
  margin-bottom: 5px;
}

.side-blocks {
  width: 100%;
  display: flex;
}

.half-section {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.half-section.image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  min-height: 700px;
}

.half-section.padding {
  padding-left: 8%;
  padding-right: 8%;
}

.half-section.padding.gray {
  background-color: var(--ghost-white);
}

.grid-team {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.grid-team.half-side {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.team-image {
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
  position: relative;
}

.team-image.second {
  background-image: url('../images/Team-1.jpg');
}

.team-image.third {
  background-image: url('../images/Team-4.jpg');
}

.team-image.fourth {
  background-image: url('../images/Team-2.jpg');
}

.team-image.small-team {
  height: 320px;
}

.team-wrapper {
  position: relative;
}

.team-social-div {
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-social-div.white-content {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.about-image {
  background-image: url('../images/About-Us2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 500px;
  margin-bottom: 60px;
}

.about-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 700px;
  margin-bottom: 60px;
  display: flex;
}

.column-about {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.column-about.padding {
  margin-top: 60px;
}

.center {
  text-align: center;
}

.grid-about {
  width: 80%;
}

.text-field-blog-sidebar {
  float: left;
  color: var(--0d2e11);
  background-color: #f7f9fd;
  border: 1px solid #e4e8ee;
  border-radius: 0;
  min-width: 100%;
  height: 44px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  line-height: 24px;
}

.text-field-blog-sidebar:hover {
  border-bottom-color: #e4e8ee;
}

.text-field-blog-sidebar.message {
  color: var(--0d2e11);
  height: auto;
  min-height: 140px;
}

.text-field-blog-sidebar.white {
  background-color: var(--white);
}

.form-block-contact {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.left-form {
  text-align: left;
}

.contact-content {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e4ecf691;
  border-radius: 10px;
  height: auto;
  padding: 45px 24px;
  position: relative;
  right: -45px;
  box-shadow: 7px 7px 25px #525b731f;
}

.contact-content.new {
  z-index: 0;
  box-shadow: none;
  border-color: #d7d5ff;
  border-radius: 0;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 30px;
  display: block;
  position: static;
}

.contact-content.new.side {
  width: 100%;
}

.success-message {
  color: #fff;
  text-align: center;
  background-color: #34cf2c;
  border-radius: 0;
  font-family: Roboto, sans-serif;
}

.cta-button {
  background-color: var(--302cf5);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
  height: 48px;
  padding: 12px 24px;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  transition: box-shadow .4s;
}

.cta-button:hover {
  background-color: var(--1e6525);
  box-shadow: 0 2px 4px #282b314a;
}

.cta-button.full {
  width: 100%;
}

.center-button-block {
  text-align: left;
  width: 100%;
}

.field-label-alternative {
  color: #343e52;
  text-align: left;
  text-transform: none;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
}

.field-label-alternative.contact-us-field {
  color: #3f3f3f;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
}

.field-label-alternative.contact-us-field.gray {
  color: var(--0d2e11);
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.error-message-second {
  color: #fff;
  text-align: center;
  background-color: red;
  border-radius: 10px;
  padding: 20px;
  font-family: Roboto, sans-serif;
}

.grid-contact {
  grid-template-rows: auto auto auto auto;
}

.side-contact {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e4ecf691;
  border-radius: 10px;
  height: auto;
  padding: 45px 24px;
  position: relative;
  right: -45px;
  box-shadow: 7px 7px 25px #525b731f;
}

.side-contact.v2 {
  z-index: 0;
  box-shadow: none;
  z-index: 0;
  box-shadow: none;
  border-color: #d4e5d4;
  border-radius: 0;
  width: 60%;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 30px;
  display: block;
  position: static;
}

.link-contact {
  color: var(--0d2e11);
  text-decoration: none;
}

.link-contact:hover {
  text-decoration: underline;
}

.dropdown {
  background-color: var(--white);
  border-right: 1px solid #d7d5ff;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 70px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  display: flex;
}

.nav-name {
  color: var(--0d2e11);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.dropdown-list {
  padding-top: 12px;
}

.dropdown-list.w--open {
  background-color: var(--white);
  perspective-origin: 50% 0;
  border: 1px solid #d7d5ff;
  border-top-style: none;
  padding-bottom: 12px;
  top: 70px;
}

.dropdown-link {
  color: var(--0d2e11);
  padding-left: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
}

.dropdown-link:hover {
  background-color: var(--ghost-white);
}

.dropdown-link.w--current {
  color: var(--1e6525);
}

.social-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.features-image {
  background-image: url('../images/Half.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
  margin-top: 0;
  position: static;
  top: 0;
}

.features-image.second {
  background-image: url('../images/Header-44.jpg');
}

.features-image.third {
  background-image: url('../images/development.jpg');
}

.insta-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.insta-image {
  background-image: url('../images/Untitled-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
  position: relative;
}

.insta-image.second {
  background-image: url('../images/Untitled-6.jpg');
}

.insta-image.third {
  background-image: url('../images/Header-44.jpg');
}

.insta-image.fourth {
  background-image: url('../images/Header-6.jpg');
}

.insta-image.fifth {
  background-image: url('../images/Half2.jpg');
}

.insta-image.sixth {
  background-image: url('../images/support.jpg');
}

.insta-image.seventh {
  background-image: url('../images/development.jpg');
}

.insta-overlay {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.navbar-second {
  top: 0;
}

.navbar-second.example {
  flex-direction: column;
  display: block;
}

.sticky-side {
  border-left: 1px #d7d5ff;
  border-right: 1px solid #d7d5ff;
  width: 57.2656%;
  padding: 120px 40px 120px 20px;
}

.sticky-wrapper {
  align-items: flex-start;
  display: flex;
}

.vertical-line {
  background-color: #d7d5ff;
  width: 1px;
  height: 120px;
}

.vertical-line.taller {
  height: 240px;
}

.image-review {
  background-color: #0000;
  background-image: url('../images/Team-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #d7d5ff;
  border-radius: 10px;
  width: 150px;
  height: 150px;
  padding: 10px;
}

.image-review.fourth {
  background-image: url('../images/Team-2.jpg');
}

.image-review.second {
  background-image: url('../images/Team-4.jpg');
  border-width: 1px;
  border-color: #d7d5ff;
}

.image-review.third {
  background-image: url('../images/Team-3.jpg');
}

.block {
  border: 1px solid var(--lavender);
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 600px;
  display: flex;
  position: relative;
}

.block.white {
  background-color: var(--white);
}

.quote-square {
  background-color: #fff;
  border-top: 1px solid #e4e8ee;
  border-right: 1px solid #e4e8ee;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25%;
  right: -11px;
  transform: rotate(45deg);
}

.quote-square.left {
  left: -11px;
  right: auto;
  transform: rotate(225deg);
}

.second-features-info {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.review-paragraph {
  z-index: 1;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  display: block;
  position: static;
  top: 4%;
  left: auto;
  right: 33%;
}

.features-second-card {
  background-color: #fff;
  border: 1px solid #e4e8ee;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  left: -34px;
  overflow: visible;
}

.features-second-card:hover {
  transform: rotate(0);
}

.features-second-card.small {
  z-index: 5;
  flex-direction: column;
  width: 270px;
  max-width: none;
  height: 150px;
  margin-bottom: 0;
  display: flex;
  bottom: auto;
  left: auto;
  right: 0;
}

.review {
  z-index: 1;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-style: italic;
  display: flex;
  position: absolute;
  top: -10%;
  left: -10%;
  right: auto;
}

.review._2 {
  top: -10%;
  left: auto;
  right: -10%;
}

.review._3 {
  top: auto;
  bottom: -10%;
  left: -10%;
}

.review._4 {
  inset: auto -10% -10% auto;
}

.middle-quote {
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  margin: auto;
  display: flex;
}

.third-image {
  filter: invert(4%);
  position: absolute;
}

.process-icon {
  background-color: #465cff;
  border: 3px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  box-shadow: 0 6px 12px #525b7333;
}

.process-icon.center {
  z-index: 1;
  background-image: linear-gradient(#ff3c00, #ff9500);
  border-style: none;
  border-radius: 27%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: auto;
}

.process-icon.center.pink {
  background-image: linear-gradient(#8556fd, #d656fd);
}

.process-icon.center.blue {
  background-image: linear-gradient(#214af0, #2fb9f8);
}

.process-line {
  background-color: #d7d5ff;
  flex-direction: column;
  width: 1px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.image-process-div {
  text-align: right;
  background-color: #fff;
  background-image: url('../images/development.jpg');
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #e4e8ee;
  border-top-color: #d7d5ff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  height: 300px;
  padding: 40px;
  display: flex;
}

.image-process-div.right {
  text-align: left;
  background-image: url('../images/Proposals.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  height: 300px;
}

.image-process-div.research {
  background-image: url('../images/Research.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-process-div.support {
  background-image: url('../images/support.jpg');
  background-position: 50%;
}

.title-procces {
  color: var(--0d2e11);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.title-procces.right {
  color: var(--0d2e11);
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
}

.process-card {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.process-card.right, .process-card.left {
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.second-divider {
  background-color: #3f3f3f1a;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.process {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  padding: 120px 15px 32px;
  display: flex;
  position: relative;
}

.process-info {
  width: 40%;
}

.process-info.left {
  text-align: right;
  background-color: #fff;
  border: 1px solid #d7d5ff;
  border-radius: 6px;
  width: 40%;
  height: 300px;
  padding: 40px;
  font-size: 15px;
  line-height: 24px;
}

.process-info.right {
  text-align: left;
  background-color: #fff;
  border: 1px solid #d7d5ff;
  border-radius: 6px;
  height: 300px;
  padding: 40px;
  font-size: 15px;
}

.icon-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 64px;
  display: flex;
  position: static;
}

.horizontal-line {
  text-align: center;
  background-color: #d7d5ff;
  flex: 0 auto;
  width: 100%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.gray-paragraph {
  color: #343e52;
}

.gray-paragraph.left {
  color: var(--light-slate-grey);
  text-align: right;
}

.gray-paragraph.right {
  color: var(--light-slate-grey);
  text-align: left;
}

.grid-testimonials {
  grid-column-gap: 16px;
  background-color: var(--ghost-white);
  padding: 20px;
}

.contact-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.contact-image {
  background-image: url('../images/About-Us2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
}

.faq-wrapper {
  border-left: 1px solid #d7d5ff;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 20px;
}

.faq-wrapper.no-padding, .faq-wrapper.bottom {
  margin-top: 0;
}

.question-box {
  background-color: var(--1e6525);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: flex;
}

.question-div {
  color: var(--0d2e11);
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
  margin-left: -20px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  display: flex;
}

.question-div.answer {
  width: 100%;
  margin-top: 0;
}

.answer-div {
  width: 70%;
  font-weight: 400;
}

.answer-box {
  background-color: #6278ff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: flex;
}

.prticing-table {
  border: 1px solid var(--lavender);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 510px;
  padding: 0 40px 40px;
  display: flex;
  position: relative;
}

.pricing-link {
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0%;
}

.pricing-button {
  background-color: var(--ghost-white-2);
  color: var(--black);
  text-transform: uppercase;
  border-top: 1px solid #d7d5ff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 0;
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  text-decoration: none;
  display: flex;
}

.pricing-column {
  width: 100%;
}

.big-paragraph {
  font-size: 16px;
  line-height: 30px;
}

.icon-image {
  color: #b9b6f1;
}

.breadcrumbs-block {
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 13px;
  line-height: 23px;
  display: flex;
}

.link-header-page {
  color: #8796b4;
  background-color: #0000;
  border: 1px solid #a9bce0;
  border-radius: 10px;
  margin-right: 0;
  padding: 5px 10px;
  font-family: Roboto, sans-serif;
  text-decoration: none;
}

.link-header-page:hover {
  text-decoration: underline;
}

.link-header-page.white {
  color: #fff;
  border-style: none;
  border-color: #fff;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
}

.link-header-page.white:hover {
  text-decoration: none;
}

.line-midd {
  background-color: #a9bce0;
  width: 15px;
  height: 1px;
  margin-left: 0;
  margin-right: 0;
}

.line-midd.white-line {
  background-color: #fff;
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.blog-author {
  border: 3px solid var(--white);
  background-image: url('../images/Team-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 70px;
  height: 70px;
  margin-top: -62px;
  margin-left: auto;
  box-shadow: 0 4px 8px #0000004d;
}

.blog-author.center {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.faq-flex {
  grid-template-rows: auto;
}

.column {
  align-items: center;
  width: 100%;
  display: flex;
}

.link-blog {
  text-decoration: none;
}

.blog-link {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  padding: 20px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
  position: relative;
}

.blog-link:hover {
  box-shadow: 0 3px 9px #0000001a;
}

.blog-post {
  background-image: url('../images/Header-6.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: 45%;
  height: auto;
  min-height: 250px;
  display: flex;
  position: relative;
}

.post-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 10px 16px 10px 30px;
  display: flex;
}

.blog-post-author {
  border: 3px solid var(--white);
  background-image: url('../images/Team-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  box-shadow: 0 4px 8px #0000004d;
}

.blog-post-author.horizontal {
  box-shadow: none;
  border: 0 #0000;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.author-wrapper {
  background-color: var(--white);
  align-items: center;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-right: 10px;
  display: flex;
}

.read-more {
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  width: auto;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  transition: color .4s;
}

.read-more:hover {
  border-bottom: 1px none var(--1e6525);
  color: var(--302cf5);
  text-decoration: none;
}

.collection-item.sidebar {
  width: 100%;
  padding-left: 0;
}

.collection-iteam.sidebar {
  width: 50%;
}

.features-wrapper {
  display: flex;
}

.features-content {
  background-color: var(--302cf5);
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.features-content.middle-border {
  border-left: 1px solid #d7d5ff63;
  border-right: 1px solid #d7d5ff63;
}

.animation-square {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.features-animation-icon {
  border: 1px solid var(--white);
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.white-icon {
  z-index: 1;
  position: relative;
}

.dark-icon-features {
  z-index: 1;
  position: absolute;
}

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

.features-block {
  align-items: flex-start;
  display: flex;
}

.testimonial-by-side {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  padding: 40px 55px;
  display: flex;
  position: static;
  overflow: visible;
}

.search-form {
  background-color: var(--white);
  align-items: center;
  width: 100%;
  max-width: 470px;
  height: auto;
  padding: 8px;
  display: flex;
}

.search-input {
  color: var(--0d2e11);
  border: 0 #000;
  flex: 1;
  margin-bottom: 0;
  padding: 12px 16px;
  font-family: Roboto, sans-serif;
}

.search-image {
  margin-left: 16px;
}

.search-result-item {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  color: var(--black);
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 24px;
  padding: 20px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 25px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
}

.search-result-item:hover {
  box-shadow: 6px 6px 16px #0000001a;
}

.search-heading {
  color: var(--black);
  margin-bottom: 8px;
  font-family: DM Sans, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.search-resolution-url {
  color: var(--302cf5);
}

.page-not-found {
  color: var(--0d2e11);
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.image-div {
  width: 100px;
  height: 100px;
}

.image-div.icons {
  background-image: linear-gradient(#dde1e7, #dde1e7);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100px;
  display: flex;
}

.image-div.mockups {
  background-color: #0000;
  background-image: url('../images/Illustration2.svg');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
}

.image-div.mockups.fifth {
  background-color: #3f74ff;
  background-image: url('../images/icons8-design-80_1icons8-design-80.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 42px;
}

.image-div.logo {
  background-image: url('../images/Logo-Hera.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-right: 40px;
}

.licence-item-wrapper {
  background-color: #fff;
  border: 1px solid #d7d5ff;
  border-radius: 5px;
  align-items: center;
  width: 60%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  box-shadow: 0 1px 2px #2e323c17;
}

.licence-item-wrapper.center {
  justify-content: center;
  width: 50%;
}

.licence-links-wrapper {
  color: #717177;
  flex: 1;
  justify-content: space-between;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.column-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.column-icons {
  margin-bottom: 10px;
}

.column-icons.no-padding {
  margin-bottom: 0;
}

.licence-link {
  color: var(--0d2e11);
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.licence-link:hover {
  color: var(--302cf5);
  text-decoration: underline;
}

.icon-div {
  width: 30px;
  height: 30px;
}

.icon-div.image {
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin: 1px;
}

.icon-div.image.sec {
  background-image: url('../images/Half.jpg');
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.four {
  background-image: url('../images/Header-9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.third {
  background-image: url('../images/support.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.gray-space {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.gray-space.dark {
  background-color: var(--medium-blue);
}

.gray-space.blue {
  background-color: var(--302cf5);
}

.row {
  width: 100%;
  margin-bottom: 90px;
}

.divider-second {
  background-color: #3f3f3f1a;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.divider-second.padding {
  margin-top: 100px;
  margin-bottom: 80px;
}

.logo-image {
  width: 188px;
}

.blog-and-sidebar {
  justify-content: space-between;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.right-collection-wrapper {
  width: 66.66%;
  padding-left: 0;
  padding-right: 0;
}

.icon-header-second {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.icon-header-second.padding-bottom {
  margin-bottom: 30px;
}

.sidebar-header {
  border-bottom: 1px #e4e8ee;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.sidebar {
  text-align: left;
  background-color: #0000;
  width: 30%;
  padding: 0 0 15px 20px;
}

.sidebar.left {
  padding-left: 40px;
}

.form {
  padding: 0;
}

.collection-sidebar {
  width: 50%;
  padding: 6px;
  font-family: Roboto, sans-serif;
}

.sidebar-block {
  background-color: #0000;
  border: 1px #d7d5ff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 0 0 25px;
}

.sidebar-block:hover {
  border-color: #e4e8ee;
}

.sidebar-block.subscribe {
  height: auto;
}

.sidebar-block.no-paddings {
  margin-bottom: 0;
}

.error-message {
  color: #fff;
  text-align: center;
  background-color: red;
  border-radius: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

.sucess-mesage {
  color: #fff;
  background-color: #40c30d;
  border-radius: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

.about-author {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.about-author.list {
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  transition: transform .4s;
}

.about-author.list:hover {
  transform: translate(10px);
}

.author-photo {
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 72px;
  max-width: 100%;
  height: 72px;
  margin-right: 16px;
}

.author-photo.smaller {
  width: 42px;
  height: 42px;
}

.author-photo.big {
  width: 200px;
  height: 200px;
  margin-right: 20px;
}

.about-author-info {
  color: var(--black);
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  margin-bottom: 24px;
  line-height: 24px;
  display: flex;
}

.about-author-info.list {
  margin-bottom: 0;
}

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

.author-tittle {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 400;
}

.author-tittle.blog {
  margin-bottom: 0;
  font-weight: 700;
}

.link-categories {
  width: 100%;
  padding: 0;
  text-decoration: none;
}

.sidebar-categories {
  flex-flow: wrap;
  margin: -6px;
  display: flex;
}

.info-post {
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  display: flex;
}

.post-icon {
  margin-right: 6px;
}

.in-line-posts {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-block {
  text-decoration: none;
}

.breadcrumbs-wrapper {
  opacity: 1;
  border-top: 1px solid #d9dcec5c;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.link-author {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.big-header {
  color: #d9dcec69;
  letter-spacing: 10px;
  margin-bottom: -44px;
  font-size: 120px;
  line-height: 130px;
}

.layouts {
  flex-flow: wrap;
  align-content: stretch;
  width: 100%;
  padding: 4px;
  display: flex;
}

.layout {
  width: 50%;
  padding: 4px;
}

.layout-card {
  background-color: var(--ghost-white-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.layout-card:hover {
  background-color: #e3e5f3;
}

.layout-image {
  z-index: 1;
  background-image: url('../images/Screen-Shot-2020-04-20-at-9.53.50-AM.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 400px;
  height: 240px;
  margin-top: 32px;
  margin-bottom: 32px;
  position: relative;
}

.layout-image.second {
  background-image: url('../images/Screen-Shot-2020-04-20-at-9.53.40-AM.jpg');
  background-position: 50%;
}

.layout-image.third {
  background-image: url('../images/Screen-Shot-2020-04-20-at-9.53.18-AM.jpg');
}

.layout-image.fourth {
  background-image: url('../images/Screen-Shot-2020-04-20-at-9.53.04-AM.jpg');
}

.layout-image.fifth {
  background-image: url('../images/Screen-Shot-2020-04-20-at-9.52.47-AM.jpg');
}

.components {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.components-link {
  background-color: var(--white);
  color: var(--0d2e11);
  text-transform: uppercase;
  border: 1px solid #d7d5ff;
  flex: 30%;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.components-link:hover {
  background-color: var(--1e6525);
  color: var(--white);
  text-decoration: none;
}

.facts-card-v-2 {
  border-right: 1px solid #d7d5ff;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.facts-card-v-2.first {
  border-left: 1px solid #d7d5ff;
}

.last {
  filter: invert();
}

.hero-wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.hero-wrapper.space-between {
  background-color: var(--302cf5);
  background-image: linear-gradient(#4760fcc7, #4760fcc7), url('../images/Lines.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  justify-content: space-between;
}

.hero-info {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  padding-left: 3%;
  padding-right: 8%;
  display: flex;
}

.hero-slider-div {
  width: 50%;
}

.hero-slider-div.less-within {
  width: 40%;
}

.hero-slide-image {
  background-image: linear-gradient(#19155e66, #19155e66), url('../images/Untitled-1-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-slide-image.half {
  background-image: url('../images/Untitled-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero-slide-image.new {
  background-image: url('../images/Untitled-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.vertical-div {
  flex: 1;
  align-items: center;
  height: 100%;
  margin-right: 15px;
  display: flex;
}

.vertical-div.shrink {
  flex: 0 auto;
}

.verticals-text {
  color: #8280a8;
  text-align: center;
  text-transform: uppercase;
  width: 400px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  left: -165px;
  right: auto;
  transform: rotate(-90deg);
}

.verticals-text.white {
  color: var(--white);
  transform: rotate(-90deg);
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-padding.margin {
  padding-right: 10px;
}

.half-side-image {
  background-image: url('../images/Half.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.half-side-image.second {
  background-image: url('../images/Half2.jpg');
}

.hero-image {
  background-image: linear-gradient(#19155e66, #19155e66), url('../images/Untitled-1-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-image.half {
  background-image: linear-gradient(#302cf54d, #302cf54d), url('../images/Untitled-7.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 100vh;
}

.hero-image.half.hero {
  background-image: url('../images/Untitled-1.jpg');
  background-position: 0%;
  background-size: cover;
}

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

.form-second {
  display: flex;
}

.text-field {
  border: 1px solid var(--white);
  height: 50px;
  margin-bottom: 0;
}

.second-link {
  color: #19155e;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.second-link:hover {
  color: #302cf5;
  text-decoration: underline;
}

.second-link.white {
  color: var(--white);
}

.features-animation-second {
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.second-animation-square {
  background-color: #fff;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.side-image-grid {
  grid-template-rows: auto;
  align-items: center;
}

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

.grid-image, .grid-image-second, .grid-image-third {
  height: auto;
  transform: translate(0, 20px);
}

.skech-grid, .skech-grid-second, .skech-grid-third {
  height: 300px;
  transform: translate(0, 20px);
}

.dropdown-list-second.w--open {
  background-color: #fff;
  width: 200px;
  padding: 10px 0;
  left: 0;
  box-shadow: 0 6px 28px #30364d3d;
}

.second-brand {
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.nav-button {
  align-items: center;
  display: flex;
}

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

.second-dropdown {
  background-color: #0000;
}

.second-nav-link {
  color: var(--0d2e11);
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  transition: background-color .4s;
}

.second-nav-link:hover {
  background-color: var(--ghost-white);
  color: var(--1e6525);
  font-weight: 500;
}

.second-nav-link.w--current {
  color: #282f4b;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.second-dropdown-link {
  color: var(--black);
  background-color: #fff;
  border-radius: 6px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
  transition: color .2s;
}

.second-dropdown-link:hover {
  color: var(--1e6525);
}

.second-dropdown-link.w--current {
  color: var(--1e6525);
  border-radius: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.second-navbar {
  z-index: 1000;
  border-bottom: 1px solid var(--ghost-white-2);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 85px;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.dropdown-toggle {
  color: var(--0d2e11);
  background-color: #0000;
  border-radius: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  transition: color .4s;
}

.dropdown-toggle:hover {
  color: var(--1e6525);
  border-radius: 0;
}

.wrapper-navigation {
  height: auto;
  position: static;
}

.preload {
  z-index: 9998;
  background-color: var(--302cf5);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0;
}

.bold-text {
  font-family: Roboto, sans-serif;
}

.portfolio-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.portfolio-light-box {
  border: 1px solid var(--lavender);
  background-image: url('../images/5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 350px;
  text-decoration: none;
  transition: transform .4s;
  display: flex;
}

.portfolio-light-box:hover {
  transform: translate(0, -10px);
}

.portfolio-light-box.second {
  background-image: url('../images/6.jpg');
}

.portfolio-light-box.three {
  background-image: url('../images/4.jpg');
}

.portfolio-light-box.fourth {
  background-image: url('../images/1.jpg');
}

.portfolio-light-box.fifth {
  background-image: url('../images/2.jpg');
}

.portfolio-light-box.sixth {
  background-image: url('../images/3.jpg');
}

.portfolio-content {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 12px 25px;
  display: flex;
  position: relative;
}

.portfolio-text {
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.portfolio-icon {
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
  position: relative;
}

.white-portfolio-icon {
  display: none;
  position: absolute;
}

.hidden {
  display: none;
}

.cta-button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #426381;
  border-radius: 0;
  height: 48px;
  padding: 12px 24px;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  transition: box-shadow .1s;
}

.cta-button-2:hover {
  background-color: #37546e;
  box-shadow: 0 2px 4px #282b314a;
}

.cta-button-2.w--current {
  text-transform: none;
}

.cta-button-2.top-padding {
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
}

.form-2 {
  grid-row-gap: 12px;
  text-align: left;
  flex-direction: column;
  display: flex;
}

.auto_input-field {
  color: var(--0d2e11);
  background-color: #fff;
  border: 1px solid #d4e5d4;
  align-items: center;
  height: 44px;
  margin-right: -1px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.auto_input-field:active, .auto_input-field:focus {
  border-color: var(--302cf5);
}

.auto_input-field::placeholder {
  color: #b6b6b6;
}

.auto_input-field.text-area {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 104px;
}

.error-message-second-2 {
  color: #551213;
  text-align: center;
  background-color: #992d2f29;
  border-radius: 0;
  padding: 20px;
  font-family: Roboto, sans-serif;
}

.auto_checkbox {
  color: var(--1e6525);
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
}

.auto_checkbox.w--redirected-checked {
  border: 1px solid var(--302cf5);
  background-color: var(--302cf5);
  margin-top: 0;
  margin-left: 0;
}

.auto_checkbox.w--redirected-focus {
  box-shadow: none;
  border-color: #4760fc;
  margin-top: 0;
  margin-left: 0;
}

.auto_checkbox.w--redirected-focus-visible {
  margin-top: 0;
  margin-left: 0;
}

.auto_field-label {
  color: #2b353d;
  flex: 0 auto;
  width: 100%;
  font-weight: 500;
}

.auto_field-label.checkbox {
  color: #37546e;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
}

.success-message-2 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
}

.input-wrap {
  flex: 1;
}

.feature-title-2 {
  color: #37546e;
  text-transform: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.field-label {
  color: var(--0d2e11);
}

.checkbox-field {
  align-items: center;
  margin-bottom: 16px;
  padding-left: 0;
  display: flex;
}

.input-split {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  display: flex;
}

.footer-link-block {
  color: var(--light-slate-grey);
  width: 100%;
  height: auto;
  margin-bottom: 16px;
  text-decoration: none;
}

.footer-link-block:hover {
  color: var(--302cf5);
}

.image-2 {
  width: 88%;
}

.paragraph-2 {
  font-weight: 400;
  line-height: 1.6;
}

.powered-by {
  color: var(--light-slate-grey);
  font-weight: 500;
  text-decoration: none;
}

.list {
  color: var(--light-slate-grey);
  font-weight: 400;
}

.white-link {
  color: var(--ghost-white);
}

.material-symbols-sharp {
  font-family: Material Symbols Sharp, sans-serif;
  font-size: 24px;
  font-weight: 200;
}

.bold-text-2 {
  line-height: 1.2;
}

@media screen and (max-width: 991px) {
  .section.no-padding.line {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.navigation {
    padding-left: 0;
    padding-right: 0;
  }

  .top-nav {
    display: none;
  }

  .navbar {
    background-color: var(--white);
    flex-direction: row;
    justify-content: center;
    height: 70px;
  }

  .top-div {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
  }

  .brand, .brand.w--current {
    border-right-style: none;
    justify-content: flex-start;
    height: auto;
    padding-left: 20px;
  }

  .navbar-div {
    width: 100%;
    height: 70px;
  }

  .nav-menu {
    background-color: var(--white);
    flex: 0 auto;
    align-items: center;
    max-height: 90vh;
    padding-bottom: 20px;
    position: absolute;
    top: auto;
    overflow: scroll;
  }

  .nav-link {
    justify-content: flex-start;
    width: 100%;
  }

  .hero-slider {
    height: auto;
  }

  .hero-div-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-div-wrapper.second-layout.blog {
    background-image: linear-gradient(#0000, #0000), url('../images/Half2.jpg');
    background-size: auto, cover;
    height: 600px;
  }

  .hero-slide-info, .hero-slide-info.author {
    width: 70%;
  }

  .hero-slide-info.center {
    width: 90%;
  }

  .sub-text.center.name, .sub-text.center.name.title {
    text-align: left;
  }

  .section-title {
    text-align: center;
  }

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

  .grid.padding {
    grid-template-rows: auto auto;
  }

  .section-title-div.center.top {
    margin-bottom: 0;
  }

  .features-card {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .features-card.contact {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-by-side.big {
    margin-bottom: 20px;
  }

  .info-by-side {
    margin-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .info-by-side.image {
    margin-bottom: 40px;
    padding-right: 0%;
  }

  .faq-item {
    text-align: left;
    display: block;
  }

  .blog-card {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-card.second {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-image.second {
    width: 100%;
  }

  .footer-brand {
    display: none;
  }

  .footer-copy {
    padding-left: 0;
  }

  .footer-copy.margin {
    text-align: left;
    padding-left: 10px;
  }

  .pricing-table {
    width: 80%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .gallery-grid-container {
    align-self: stretch;
  }

  .tab-info {
    text-align: left;
    width: 100%;
  }

  .feature-tabs {
    justify-content: center;
    width: 100%;
    display: block;
  }

  .tabs-content {
    background-color: #0000;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
    flex-direction: column;
    width: 100%;
  }

  .pricing-card {
    flex: 0 auto;
    align-self: auto;
  }

  .tab-wrapper {
    flex-direction: column-reverse;
    width: 80%;
  }

  .pricing-tab {
    justify-content: space-between;
    margin-right: 0;
  }

  .divider.center.fix {
    width: 12%;
  }

  .sponsor-text-logo {
    width: 40%;
  }

  .flex {
    display: block;
  }

  .flex.full {
    flex-direction: column;
  }

  .cta-info {
    width: 80%;
  }

  .vertical {
    display: none;
  }

  .hero-section {
    min-height: 650px;
    padding-top: 70px;
  }

  .team-new-wrapper {
    flex-wrap: wrap;
    display: flex;
  }

  .fourth-social-icon {
    cursor: pointer;
  }

  .team-new-card.three {
    width: 48%;
    margin-bottom: 120px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .cta-message {
    width: 90%;
  }

  .testimonial-card-third {
    text-align: center;
    width: 80%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-second {
    width: 80%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .footer-div.lighter {
    padding-left: 20px;
  }

  .column-navigation {
    text-align: center;
    justify-content: flex-start;
  }

  .copyright {
    text-align: center;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .copyright.left {
    text-align: left;
  }

  .footer-line-divider {
    display: inline-block;
  }

  .footer-block {
    border-top: 1px solid #d4e5d4;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
  }

  .footer-block.about-us {
    margin-bottom: 0;
    padding-left: 20px;
  }

  .footer-block.about-us.lighter {
    padding-left: 20px;
  }

  .footer-block.lighter {
    border-top: 1px solid #f0f2fa54;
  }

  .footer-block.lighter.no-line {
    border-right-style: none;
    padding-left: 20px;
  }

  .footer-block.lighter.second {
    border-right-style: none;
  }

  .footer-block.second {
    border-right: 0 #0000;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    display: flex;
  }

  .footer-block.no-line {
    border-right-style: none;
  }

  .content-section {
    padding-left: 20px;
    padding-right: 10px;
  }

  .content-section.white-footer {
    border-top-style: none;
  }

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

  .div-address {
    margin-bottom: 40px;
  }

  .side-blocks {
    flex-direction: column;
  }

  .half-section.image {
    width: 100%;
  }

  .half-section.padding.gray {
    width: 100%;
    padding-bottom: 8%;
  }

  .half-section.gray {
    width: 100%;
  }

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

  .column-about {
    flex-flow: column;
  }

  .form-block-contact {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-content {
    width: 110%;
    right: 0;
  }

  .contact-content.new {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .field-label-alternative {
    font-size: 12px;
    line-height: 22px;
  }

  .side-contact {
    width: 110%;
    right: 0;
  }

  .side-contact.v2 {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .dropdown {
    flex-direction: column;
    width: 100%;
    height: auto;
    display: block;
  }

  .dropdown-list.w--open {
    position: static;
  }

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

  .sticky-side {
    border-right-style: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 40px;
  }

  .sticky-wrapper {
    flex-direction: column;
    display: block;
  }

  .block {
    width: 600px;
  }

  .features-second-card {
    margin-bottom: 60px;
  }

  .image-process-div, .image-process-div.right, .process-info.left, .process-info.right {
    height: 330px;
  }

  .prticing-table {
    width: 80%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .menu-button {
    padding-top: 23px;
  }

  .menu-button.w--open {
    background-color: var(--white);
    color: var(--black);
    padding-bottom: 23px;
  }

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

  .column {
    display: block;
  }

  .column.flex {
    flex-direction: column-reverse;
    display: flex;
  }

  .collection-item {
    width: 50%;
  }

  .collection-item.full, .collection-item.sidebar {
    width: 100%;
  }

  .collection-iteam {
    width: 47%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .collection-iteam.sidebar {
    width: 100%;
  }

  .features-wrapper, .features-content {
    flex-direction: column;
  }

  .features-content.middle-border {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #d7d5ff63;
    border-bottom-width: 1px;
    border-bottom-color: #d7d5ff63;
  }

  .about-info {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .testimonial-by-side {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .licence-item-wrapper {
    width: 80%;
  }

  .licence-item-wrapper.center {
    width: 70%;
  }

  .blog-and-sidebar {
    flex-direction: row;
    padding-left: 20px;
    padding-right: 20px;
  }

  .right-collection-wrapper {
    width: 60%;
  }

  .sidebar-header {
    width: auto;
  }

  .sidebar {
    width: 40%;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar.left {
    width: 40%;
    margin-left: 0;
    margin-right: 20px;
  }

  .collection-sidebar {
    width: 50%;
  }

  .sidebar-block {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-author {
    flex-direction: column;
  }

  .about-author.list {
    align-items: flex-start;
  }

  .author-photo.sidebar {
    margin-bottom: 10px;
  }

  .breadcrumbs-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .layout {
    width: 100%;
  }

  .licence-info {
    flex: 1;
  }

  .hero-wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .hero-info {
    width: 100%;
    margin-bottom: 80px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .hero-slider-div, .hero-slider-div.less-within {
    width: 100%;
  }

  .hero-slide-image {
    padding-left: 24px;
    padding-right: 24px;
  }

  .vertical-div {
    flex: 0 auto;
    width: 40px;
    height: 700px;
    position: absolute;
    top: 0;
    left: 20px;
  }

  .verticals-text {
    display: none;
    left: -190px;
  }

  .no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .no-padding.margin {
    padding-right: 10px;
  }

  .hero-image {
    padding-left: 24px;
    padding-right: 24px;
  }

  .skech-grid-second, .skech-grid-third {
    height: auto;
  }

  .dropdown-list-second.w--open {
    border-radius: 0;
  }

  .second-brand {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-right: 56px;
  }

  .nav-button {
    flex: none;
    display: none;
  }

  .second-menu-button {
    color: #282f4b;
    justify-content: center;
    align-items: center;
    padding-top: 23px;
    padding-bottom: 23px;
    display: flex;
  }

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

  .second-nav-link {
    color: var(--0d2e11);
  }

  .second-nav-link:hover {
    border-radius: 0;
  }

  .second-nav-link.w--current {
    background-color: var(--ghost-white);
    color: var(--0d2e11);
  }

  .second-navbar {
    height: 70px;
    position: fixed;
  }

  .dropdown-toggle {
    color: var(--black);
    border-radius: 0;
  }

  .second-nav-menu {
    z-index: 102;
    background-color: var(--white);
  }

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

  .input-split {
    flex-direction: column;
  }

  .image-2 {
    width: 75%;
  }

  .paragraph-2 {
    text-align: center;
  }

  .rich-text-block {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .section.less-padding {
    flex-direction: column;
  }

  .container.navigation {
    padding-left: 1px;
    padding-right: 1px;
  }

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

  .hero-slider {
    height: auto;
  }

  .hero-div-wrapper.second-layout {
    justify-content: flex-start;
    height: 850px;
  }

  .right-arrow {
    width: 60px;
    height: 60px;
  }

  .left-arrow {
    width: 60px;
    height: 60px;
    right: 60px;
  }

  .hero-slide-info {
    width: 80%;
  }

  .hero-slide-info.author {
    width: 100%;
  }

  .hero-slide-info.center {
    width: 100%;
    margin-top: 0;
  }

  .hero-slide-info.center.second {
    margin-top: 120px;
  }

  .sub-text.center.name, .sub-text.center.name.title {
    text-align: left;
  }

  .button.white.margin {
    margin-bottom: 10px;
  }

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

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

  .section-title-div.center.top {
    margin-bottom: 0;
  }

  .features-card {
    height: auto;
  }

  .image-by-side {
    margin-bottom: 20px;
  }

  .image-by-side.big {
    height: 600px;
  }

  .info-by-side {
    margin-top: 0%;
    margin-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .info-by-side.sticky {
    position: static;
  }

  .info-by-side.responsive-margin {
    margin-bottom: 8%;
  }

  .second-features-card {
    margin-bottom: 0;
  }

  .facts-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

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

  .facts-card {
    border-bottom: 1px solid #d7d5ff;
    border-right-style: none;
  }

  .blog-card {
    width: 100%;
  }

  .footer-copy {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
  }

  .footer-copy.margin {
    text-align: left;
    height: auto;
    padding-left: 0;
  }

  .footer-social.in-card {
    margin-bottom: 20px;
  }

  .hero-slide-nav {
    width: 70px;
    height: 60px;
    margin-right: 120px;
  }

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: none;
  }

  .tab-info {
    width: auto;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .divider.center.fix {
    width: 12%;
  }

  .sponsor-text-logo {
    width: 50%;
    font-size: 14px;
  }

  .sponsor-link {
    width: 100%;
  }

  .sponsor-link.bottom-border {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .sponsor-link.bottom-border.left-border {
    border-bottom-style: solid;
  }

  .sponsor-link._2 {
    border-right-style: solid;
  }

  .sponsor-link.small {
    width: 33.3333%;
  }

  .flex {
    display: block;
  }

  .cta-info {
    width: 90%;
  }

  .cta-title, .cta-title.dark {
    font-size: 40px;
    line-height: 50px;
  }

  .team-tab-info {
    width: auto;
  }

  .vertical {
    margin-left: -80px;
    display: none;
  }

  .vertical.dark {
    margin-left: -80px;
  }

  .hero-section {
    min-height: auto;
  }

  .team-new-wrapper {
    display: block;
  }

  .team-new-card.three {
    width: 96%;
    margin-bottom: 120px;
  }

  .block-div {
    margin-left: 0;
    margin-right: 0;
  }

  .cta-message {
    flex-direction: column;
    width: 100%;
  }

  .message-title {
    margin-bottom: 20px;
  }

  .message-icon {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .info-card {
    flex-direction: column;
    padding-left: 0;
  }

  .info-content {
    width: 100%;
    padding: 45px;
  }

  .div-image-cta {
    width: 100%;
    padding-top: 40px;
  }

  .testimonial-second {
    width: 100%;
  }

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

  .footer-div {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
  }

  .column-navigation {
    text-align: center;
    justify-content: flex-start;
  }

  .copyright.left {
    text-align: left;
  }

  .footer-line-divider.darker {
    padding-left: 4px;
    padding-right: 4px;
  }

  .footer-block {
    margin-top: 0;
    margin-bottom: 0;
  }

  .footer-block.about-us {
    margin-bottom: 0;
  }

  .footer-block.lighter.no-line {
    border-right-style: none;
  }

  .footer-sub-link.no-hover, .footer-sub-link.minor.w--current {
    margin-bottom: 0;
  }

  .content-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section.white-footer {
    border-top-style: none;
  }

  .footer-heading.white {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-image-mask {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

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

  .about-div {
    width: auto;
  }

  .column-about {
    display: block;
  }

  .form-block-contact {
    width: 100%;
  }

  .contact-content {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    right: 0;
  }

  .contact-content.new {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .side-contact {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    right: 0;
  }

  .side-contact.v2 {
    width: 100%;
    margin-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .sticky-side {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .vertical-line.taller {
    height: 200px;
  }

  .image-review {
    width: 120px;
    height: 120px;
  }

  .block {
    width: auto;
    height: 460px;
  }

  .features-second-card.small {
    width: 250px;
    height: 120px;
  }

  .review {
    align-items: flex-start;
    left: -7%;
  }

  .review._2 {
    right: -7%;
  }

  .review._3 {
    left: -7%;
  }

  .review._4 {
    right: -7%;
  }

  .middle-quote {
    width: 460px;
    height: 460px;
  }

  .process-line {
    margin-left: 20px;
  }

  .image-process-div {
    display: none;
  }

  .title-procces.right {
    text-align: left;
  }

  .process-card.right {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .process-card.left {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .process {
    align-items: flex-start;
  }

  .process-info.left {
    text-align: left;
    width: 90%;
    height: auto;
    margin-left: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .process-info.right {
    width: 90%;
    height: auto;
    margin-left: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon-wrapper {
    width: 40px;
    position: absolute;
  }

  .horizontal-line {
    width: 80%;
    display: none;
  }

  .gray-paragraph.left {
    text-align: left;
  }

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

  .contact-image {
    display: none;
  }

  .breadcrumbs-block {
    width: 80%;
  }

  .link-blog {
    width: 100%;
    height: 100%;
  }

  .collection-item {
    width: 100%;
  }

  .collection-iteam {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .about-info {
    margin-top: 40px;
  }

  .testimonial-by-side, .licence-item-wrapper {
    width: 100%;
  }

  .licence-item-wrapper.center {
    width: 80%;
  }

  .blog-and-sidebar {
    flex-direction: column;
  }

  .right-collection-wrapper {
    flex: 0 auto;
    width: 100%;
  }

  .sidebar-header {
    width: auto;
  }

  .sidebar {
    width: 100%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sidebar.left {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-sidebar {
    width: 50%;
  }

  .sidebar-block {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .author-photo.sidebar {
    width: 72px;
  }

  .link-categories {
    width: 100%;
    display: flex;
  }

  .big-header {
    letter-spacing: 3px;
    font-size: 100px;
    line-height: 120px;
  }

  .components-link {
    flex-basis: 100%;
  }

  .facts-card-v-2 {
    border-bottom: 1px solid #d7d5ff;
    border-right-style: none;
  }

  .facts-card-v-2._2 {
    border-bottom: 1px solid #d7d5ff;
    border-left: 1px #d7d5ff;
    border-right-style: solid;
  }

  .facts-card-v-2._3 {
    border-style: none solid;
    border-top-width: 1px;
    border-top-color: #d7d5ff;
    border-left-width: 1px;
    border-left-color: #d7d5ff;
  }

  .facts-card-v-2.first {
    border-right-style: solid;
  }

  .facts-card-v-2._4 {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .hero-wrapper {
    padding-bottom: 0;
  }

  .skech-grid {
    height: auto;
  }

  .second-brand {
    padding-left: 0;
  }

  .nav-button {
    display: none;
  }

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

@media screen and (max-width: 479px) {
  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.gray {
    padding-left: 24px;
  }

  .section.less-padding.color {
    flex-direction: column;
  }

  .container.navigation {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-slider {
    height: auto;
  }

  .hero-div-wrapper.second-layout {
    height: 900px;
  }

  .right-arrow {
    width: 50px;
    height: 50px;
  }

  .left-arrow {
    width: 50px;
    height: 50px;
    right: 50px;
  }

  .hero-slide-info {
    width: 100%;
  }

  .hero-slide-info.author {
    flex-direction: column;
  }

  .hero-slide-info.center {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-text.center.name, .sub-text.center.name.title {
    text-align: left;
  }

  .hero-slide-title, .hero-slide-title.white {
    font-size: 30px;
    line-height: 40px;
  }

  .button.second-in-line {
    margin-top: 10px;
    margin-left: 0;
  }

  .button.white.margin {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .button.search-button {
    width: 100%;
  }

  .button.marggins {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .section-title.center {
    font-size: 34px;
    line-height: 44px;
  }

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

  .section-title-div.center.percentual, .features-card, .features-card.contact {
    width: 100%;
  }

  .image-by-side.big {
    height: 400px;
  }

  .info-by-side {
    padding-left: 0%;
    padding-right: 0%;
  }

  .second-features-card {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .facts-card {
    border-bottom: 1px solid #d7d5ff;
  }

  .testimonials-slider {
    width: 100%;
  }

  .footer-copy {
    padding-left: 10px;
  }

  .footer-social-icon {
    border-top: 1px solid #d7d5ff;
    border-bottom: 1px solid #d7d5ff;
  }

  .footer-social-icon._2.dark {
    border-bottom-color: #f0f2fa54;
  }

  .footer-social-icon.dark {
    border-top: 1px solid #f0f2fa54;
    border-bottom-color: #f0f2fa54;
  }

  .pricing-table {
    width: 100%;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .hero-slide-nav {
    width: 50px;
    height: 50px;
    margin-right: 100px;
  }

  .info-side {
    padding-left: 0%;
    padding-right: 0%;
  }

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .utility-page-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .utility-page-content {
    width: 100%;
  }

  .tab-info {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tabs-content {
    height: auto;
  }

  .tab-wrapper {
    width: 100%;
  }

  .title-div-services {
    padding-left: 20px;
    padding-right: 20px;
  }

  .divider.center, .divider.center.fix {
    width: 12%;
  }

  .sponsor-text-logo {
    justify-content: center;
    align-items: center;
    width: 82%;
    display: flex;
  }

  .loyal-client {
    margin-top: 0;
    font-size: 16px;
    line-height: 28px;
  }

  .sponsor-link {
    width: 100%;
  }

  .title-header {
    font-size: 32px;
    line-height: 38px;
  }

  .title-header.clients {
    margin-bottom: 0;
  }

  .cta-info {
    width: 100%;
  }

  .cta-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }

  .cta-title.dark {
    font-size: 30px;
    line-height: 40px;
  }

  .team-tab.w--current {
    margin-left: 5px;
    margin-right: 5px;
  }

  .team-tab.first {
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .team-tab.third {
    margin-left: 5px;
    margin-right: 5px;
  }

  .team-tab.second {
    margin-bottom: 20px;
  }

  .second-tab-menu {
    flex-direction: column;
  }

  .vertical, .vertical.dark {
    margin-left: -90px;
  }

  .tab-price.line {
    border-bottom: 1px solid #d9dcec;
    border-right-style: none;
    width: 100%;
  }

  .block-div {
    width: 100%;
    height: 100%;
  }

  .cta-message {
    text-align: center;
    flex-direction: column;
  }

  .info-card {
    flex-direction: column;
    padding-left: 0;
  }

  .info-card.paddings {
    flex-direction: column;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .info-content {
    width: 100%;
    margin-right: 0;
    padding: 20px;
  }

  .div-image-cta {
    width: 100%;
    padding-top: 40px;
  }

  .copy-wrapper, .testimonial-card-third {
    width: 100%;
  }

  .testimonial-second {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .third-features {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-div {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .footer-div.lighter {
    flex-direction: column;
  }

  .footer-link-bottom, .footer-link-bottom.white {
    margin-left: 6px;
    margin-right: 6px;
  }

  .section-footer {
    padding-bottom: 200px;
  }

  .section-footer.black {
    height: auto;
    padding-bottom: 200px;
  }

  .column-navigation {
    flex-wrap: wrap;
    width: 100%;
  }

  .copyright {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-block {
    border-top-style: none;
    border-bottom: 1px solid #d4e5d4;
    border-right-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-block.about-us {
    border-bottom: 1px #d7d5ff;
    border-right-style: none;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-block.about-us.lighter {
    border-bottom: 1px solid #f0f2fa54;
    border-right-style: none;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-block.lighter {
    border-top-style: none;
    border-bottom: 1px solid #f0f2fa54;
    border-right-style: none;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-block.lighter.no-line {
    border-bottom-style: none;
  }

  .footer-block.second {
    border-top-style: none;
    border-bottom-color: #d4e5d4;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-block.no-line {
    border-bottom-style: none;
  }

  .content-section {
    padding-bottom: 180px;
  }

  .grid-column, .grid-team.half-side {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .about-div {
    width: auto;
  }

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

  .text-field-blog-sidebar {
    min-width: auto;
  }

  .form-block-contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-content {
    width: 100%;
    position: static;
    right: 0;
  }

  .contact-content.new {
    width: 100%;
    padding: 30px 0;
  }

  .grid-contact {
    width: 100%;
  }

  .side-contact {
    width: 100%;
    position: static;
    right: 0;
  }

  .side-contact.v2 {
    width: 100%;
    margin-top: 0;
    padding: 30px 20px;
  }

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

  .sticky-side {
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-wrapper {
    width: 100%;
  }

  .vertical-line.taller {
    height: 160px;
  }

  .block {
    width: 100%;
    height: 100%;
  }

  .review-paragraph {
    width: 100%;
  }

  .features-second-card.small {
    width: auto;
    height: auto;
  }

  .review {
    display: none;
  }

  .process-icon.center {
    margin-left: 0;
  }

  .process-line {
    margin-left: 10px;
  }

  .image-process-div {
    display: none;
  }

  .title-procces.right {
    text-align: left;
  }

  .process-card.right {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .process-card.left {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .process {
    align-items: flex-start;
    padding: 80px 0 0;
  }

  .process-info.left {
    text-align: left;
    width: 100%;
    margin-left: 30px;
  }

  .process-info.right {
    width: 100%;
    height: auto;
    margin-left: 30px;
  }

  .icon-wrapper {
    width: 40px;
    position: absolute;
  }

  .horizontal-line {
    display: none;
  }

  .gray-paragraph.left {
    text-align: left;
  }

  .prticing-table, .breadcrumbs-block {
    width: 100%;
  }

  .blog-link {
    flex-direction: column;
  }

  .blog-post {
    width: 100%;
  }

  .post-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .features-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonial-by-side {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-form {
    flex-flow: column wrap;
  }

  .search-input {
    margin-bottom: 10px;
  }

  .search-image {
    display: none;
  }

  .image-div {
    flex: 0 auto;
    width: 100px;
  }

  .image-div.logo {
    margin-right: 20px;
  }

  .licence-item-wrapper {
    justify-content: space-between;
    width: auto;
    padding: 15px 15px 14px;
  }

  .licence-item-wrapper.center {
    width: 100%;
  }

  .licence-links-wrapper {
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
  }

  .licence-link {
    margin-right: 10px;
    font-size: 12px;
    line-height: 22px;
  }

  .gray-space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-and-sidebar {
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar-header {
    width: auto;
  }

  .sidebar {
    padding-left: 0;
  }

  .collection-sidebar {
    width: 100%;
  }

  .author-photo.sidebar {
    width: 280px;
    height: 280px;
  }

  .in-line-posts {
    flex-direction: column;
    align-items: flex-start;
  }

  .big-header {
    margin-bottom: -30px;
    font-size: 65px;
    line-height: 90px;
  }

  .layout-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .layout-image {
    width: 100%;
    height: 120px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .facts-card-v-2 {
    border-bottom: 1px solid #d7d5ff;
  }

  .facts-card-v-2._2 {
    border-left: 1px none var(--lavender);
  }

  .facts-card-v-2._3 {
    border-top-style: none;
    border-right-style: solid;
  }

  .hero-wrapper {
    padding-bottom: 0;
  }

  .hero-info, .hero-slider-div {
    width: 100%;
  }

  .verticals-text {
    display: none;
  }

  .skech-grid {
    height: auto;
  }
}

#w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-a77bb0cb, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-a77bb0cb, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-aab2d8d2, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-aab2d8d2, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-b06f78fe, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-b06f78fe, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-7f9fdad5, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-7f9fdad5, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-c7abd689, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-c7abd689 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-da4e3586-9f76-4fc8-3be6-d7fe7e499035-7e49902c {
    place-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-a77bb0cb, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-a77bb0cb, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-aab2d8d2, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-aab2d8d2, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-b06f78fe, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-b06f78fe, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-7f9fdad5, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-7f9fdad5, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da0fe-c7abd689, #w-node-_54f39345-153a-fc16-5e7f-6f020f7da10c-c7abd689 {
    grid-column: span 1 / span 1;
  }
}