:root {
    --title: black;
    --body: #333;
    --primary: #f03535;
    --white: white;
    --grey-background: #f0f0f0;
    --grey-border: rgba(0, 0, 0, .1);
}

.w-webflow-badge {
    display: none !important;
}

.w-layout-vflex {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

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

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

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

.w-pagination-previous, .w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block;
}

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

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

body {
    color: var(--title);
    font-family: Hanken Grotesk, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 80px;
    font-weight: 700;
    line-height: 150%;
}

h2 {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 49px;
    font-weight: 700;
    line-height: 140%;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 150%;
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 150%;
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
}

p {
    color: var(--body);
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

a {
    text-decoration: underline;
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}

ol {
    grid-row-gap: 20px;
    color: var(--body);
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 20px;
    display: flex;
}

img {
    max-width: 100%;
    display: inline-block;
}

label {
    text-align: left;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px;
}

figure {
    margin-bottom: 10px;
}

.container {
    width: 100%;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.navbar {
    z-index: 999;
    border-bottom: 1px none var(--primary);
    background-color: rgba(255, 255, 255, 0);
    padding-top: 24px;
    padding-bottom: 24px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.nav-menu {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.nav-menu-inner {
    grid-column-gap: 48px;
    justify-content: flex-start;
    margin-left: 48px;
    margin-right: auto;
    display: flex;
}

.nav-link {
    color: var(--title);
    text-transform: uppercase;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    transition: color .3s;
}

.nav-link:hover, .nav-link.w--current {
    color: var(--primary);
}

.brand {
    width: 100%;
    max-width: 145px;
}

.nav-button {
    border: 1px solid var(--primary);
    color: var(--primary);
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    padding: 9px 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 170%;
    transition: background-color .3s, color .3s;
}

.nav-button:hover {
    border-style: solid;
    border-color: var(--title);
    color: #fff;
    background-color: #000;
}

.title-section {
    margin-top: 92px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.title-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.style-top-section {
    padding-top: 80px;
    padding-bottom: 75px;
}

.main-heading {
    margin-bottom: 5px;
}

.body-large {
    font-size: 18px;
    font-weight: 400;
}

.heading-item-block {
    grid-column-gap: 180px;
    grid-row-gap: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    grid-template-rows: auto;
    grid-template-columns: 1fr 100px 100px;
    grid-auto-columns: 1fr;
    margin-bottom: 25px;
    padding-bottom: 25px;
    display: grid;
}

.style-top-wrapper {
    grid-row-gap: 150px;
    flex-direction: column;
    display: flex;
}

.font-inner {
    grid-column-gap: 147px;
    margin-bottom: 20px;
    display: flex;
}

.heading-block {
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.font-block {
    width: 453px;
    grid-column-gap: 46px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.heading-text {
    color: #000;
    font-size: 100px;
    font-weight: 500;
    line-height: 120%;
}

.body-small {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

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

.hading-inner-block {
    grid-column-gap: 180px;
    grid-row-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 100px 100px;
    grid-auto-columns: 1fr;
    padding-bottom: 30px;
    display: grid;
}

.font-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.d-none {
    display: none;
}

.font-name {
    font-size: 40px;
    font-weight: 400;
}

.color-block {
    width: 100%;
    max-width: 120px;
    grid-row-gap: 10px;
    text-align: center;
    flex-direction: column;
    display: flex;
}

.color-main {
    width: 120px;
    height: 120px;
}

.style-guide-title {
    margin-bottom: 30px;
}

.style-guide-section {
    padding-top: 75px;
    padding-bottom: 75px;
}

.style-guide-section.last {
    padding-bottom: 130px;
}

.color-wrapper {
    grid-column-gap: 20px;
    display: flex;
}

.last {
    margin-bottom: 0;
}

.bg-primary {
    background-color: var(--primary);
}

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

.bg-body {
    background-color: var(--body);
}

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

.black-bg {
    background-color: var(--title);
}

.black-color {
    color: var(--title);
}

.button-wrap {
    grid-column-gap: 30px;
    display: flex;
}

.primary-button {
    background-color: var(--primary);
    color: var(--white);
    letter-spacing: .5px;
    text-transform: uppercase;
    border-style: none;
    margin-left: 0;
    margin-right: 0;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 170%;
    transition: background-color .3s, color .3s;
}

.primary-button:hover {
    color: #fff;
    background-color: #000;
}

.primary-button.submit {
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: auto;
    right: 20px;
}

.primary-button.submit:hover, .primary-button.dark:hover {
    color: #000;
    background-color: #fff;
}

.secondary-button {
    color: var(--title);
    background-color: #fff;
    border: 1px solid #000;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 170%;
    transition: background-color .3s, color .3s;
}

.secondary-button:hover {
    color: #fff;
    background-color: #000;
}

.secondary-button.text-align-center {
    border-color: var(--primary);
    color: var(--primary);
    letter-spacing: .5px;
    text-transform: uppercase;
    flex: 0 auto;
}

.secondary-button.text-align-center:hover {
    border-color: var(--title);
    color: var(--white);
}

.rich-text {
    width: 100%;
    max-width: 968px;
}

.rich-text h2 {
    margin-bottom: 40px;
}

.rich-text ol {
    grid-row-gap: 15px;
    flex-direction: column;
    padding-left: 20px;
    display: flex;
}

.rich-text h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.rich-text p {
    margin-bottom: 20px;
}

.rich-text figure {
    margin-top: 40px;
    margin-bottom: 30px;
}

.rich-text blockquote {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px;
    line-height: 150%;
}

.rich-text h4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.rich-text ul {
    grid-row-gap: 15px;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 24px;
    list-style: square;
    display: flex;
}

.rich-text h5, .rich-text h6 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.rich-text img {
    height: 100%;
    max-height: 450px;
    min-height: 450px;
    object-fit: cover;
}

.rich-text a {
    color: var(--title);
    transition: color .3s;
}

.rich-text a:hover {
    color: var(--primary);
    text-decoration: none;
}

.footer {
    background-color: var(--grey-background);
    color: var(--white);
    justify-content: center;
    position: relative;
}

.footer-wrapper {
    grid-column-gap: 32px;
    display: flex;
}

.footer-top {
    grid-row-gap: 40px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.footer-middle {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .15);
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}

.footer-middle-inner {
    width: 100%;
    height: 1px;
    max-width: 11024px;
    background-color: rgba(255, 255, 255, .1);
    position: relative;
    transform: translate(-100%);
}

.footer-link-wrap {
    justify-content: space-between;
    display: flex;
}

.footer-menu-block {
    grid-column-gap: 44px;
    grid-row-gap: 48px;
    flex-direction: row;
    display: flex;
}

.footer-menu-block.social {
    display: none;
}

.footer-link {
    color: var(--title);
    font-weight: 500;
    text-decoration: none;
    transition: color .3s;
}

.footer-link:hover {
    color: var(--primary);
}

.footer-bottom {
    justify-content: space-between;
    font-size: 14px;
    line-height: 120%;
    display: flex;
}

.team-link {
    color: var(--primary);
    text-decoration: underline;
}

.team-link:hover {
    text-decoration: none;
}

.white-color {
    color: #fff;
}

.footer-image-block {
    width: 100%;
    max-width: 400px;
    background-color: var(--body);
    display: flex;
}

.coming-soon-section {
    height: 100vh;
    justify-content: center;
    align-items: center;
    display: flex;
}

.coming-soon-wrapper {
    width: 100%;
    max-width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.comingsoon-img-block {
    margin-top: 65px;
    margin-bottom: 50px;
}

.inquiry-title {
    font-size: 28px;
}

.coming-soon-paragraph {
    width: 100%;
    max-width: 432px;
    margin-left: auto;
    margin-right: auto;
}

.paragraph-link {
    color: var(--body);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    text-decoration: none;
    transition: border-color .3s;
}

.paragraph-link:hover {
    border-bottom: 1px solid #000;
}

.utility-password-content {
    width: 100%;
    max-width: 508px;
    text-align: center;
}

.error-404-content {
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
}

.utility-password-form {
    grid-row-gap: 50px;
    border: 1px solid #000;
    flex-direction: column;
    align-items: stretch;
    padding: 60px;
    display: flex;
}

.utility-password-wrap {
    height: 100vh;
    justify-content: center;
    align-items: center;
    display: flex;
}

.password-title-block {
    grid-row-gap: 15px;
    flex-direction: column;
    display: flex;
}

.password-bottom-wrapper {
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
}

.text-field {
    height: auto;
    border: 1px #000;
    border-bottom-style: solid;
    margin-bottom: 0;
    padding: 0 0 11px;
    font-size: 14px;
    font-weight: 400;
}

.text-field:focus {
    border-bottom-color: var(--primary);
}

.text-field::-ms-input-placeholder {
    color: var(--body);
}

.text-field::placeholder {
    color: var(--body);
}

.submit-button {
    color: var(--title);
    background-color: #fff;
    border: 1px solid #000;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 170%;
}

.changelog-section {
    padding-bottom: 300px;
}

.version-info-block {
    grid-column-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 90px 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.version-block {
    width: 90px;
    height: 90px;
    border: 1px solid #000;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.changelog-title {
    margin-bottom: 5px;
}

.disclaimer-heading {
    margin-bottom: 15px;
}

.licensing-section {
    padding-bottom: 150px;
}

.licensing-title {
    grid-column-gap: 15px;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.link {
    color: #333;
}

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

.info-content {
    margin-bottom: 30px;
}

.licensing-wrapper {
    grid-row-gap: 60px;
    flex-direction: column;
    display: flex;
}

.info-block {
    grid-row-gap: 30px;
    flex-direction: column;
    display: flex;
}

.licensing-label {
    margin-bottom: 5px;
}

.link-line {
    color: #333;
    text-decoration: underline;
}

.link-line:hover {
    text-decoration: none;
}

.privacy-policy-section {
    padding-bottom: 150px;
}

.info-paragraph {
    margin-bottom: 20px;
}

.info-title {
    margin-bottom: 15px;
}

.icon-list {
    grid-row-gap: 20px;
    flex-direction: column;
    margin-bottom: 20px;
    display: flex;
}

.icon-list-item {
    background-image: url('../images/tick-icon.svg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 36px;
}

.hero-section {
    z-index: 1;
    height: 100vh;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 140px;
    display: flex;
    position: relative;
}

.hero-wrapper {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--white);
    flex-direction: column;
    font-size: 30px;
    line-height: 150%;
    display: flex;
    position: relative;
}

.hero-title {
    color: var(--white);
    margin-bottom: 10px;
    font-size: 110px;
    font-weight: 900;
    line-height: 100%;
}

.hero-bottom-block {
    grid-column-gap: 20px;
    align-items: center;
    display: flex;
}

.center-line {
    width: 100%;
    height: 1px;
    max-width: 280px;
    background-color: rgba(255, 255, 255, .2);
}

.bottom-white-block {
    z-index: 1;
    grid-column-gap: 48px;
    background-color: var(--primary);
    color: var(--white);
    align-items: center;
    padding: 24px 35px;
    font-size: 24px;
    line-height: 150%;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.section {
    padding-top: 150px;
    padding-bottom: 150px;
}

.section-wrapper {
    grid-row-gap: 150px;
    flex-direction: column;
    display: flex;
}

.section-title-block {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
    display: flex;
}

.subtitle-top-block {
    grid-column-gap: 10px;
    display: flex;
}

.subtitle {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.future-wrapper {
    grid-column-gap: 32px;
    display: flex;
}

.future-image-block {
    width: 100%;
    height: 100%;
    max-height: 500px;
    max-width: 768px;
    min-height: 500px;
    background-color: var(--grey-background);
}

.future-content-block {
    width: 100%;
    max-width: 368px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.future-middle-line {
    width: 100%;
    height: 1px;
    background-color: #000;
    margin-top: 40px;
    margin-bottom: 20px;
}

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

.service-collection-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.service-inner-block {
    width: 100%;
    height: 100%;
    grid-row-gap: 40px;
    border: 1px solid var(--grey-border);
    color: var(--title);
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 30px;
    text-decoration: none;
    transition: border-color .3s;
    display: flex;
}

.service-inner-block:hover {
    border-color: #000;
}

.service-icon-block {
    object-fit: cover;
    overflow: hidden;
}

.service-thumb-icon {
    width: 48px;
    height: 48px;
}

.service-content-block {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
}

.bottom-section {
    padding-bottom: 150px;
}

.choose-us-section {
    background-color: var(--grey-background);
    background-image: url('../images/pexels-jeshootscom-834892.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 138px;
    padding-bottom: 138px;
}

.icon-list-block {
    grid-row-gap: 25px;
    flex-direction: column;
    padding-left: 0;
    display: flex;
    overflow: hidden;
}

.list-icon-item {
    background-image: url('../images/plus-icon.svg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 50px;
    font-size: 20px;
    line-height: 150%;
}

.states-wrapper {
    grid-column-gap: 32px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.states-left-block {
    text-align: left;
}

.states-right-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: none;
}

.title-outer-block {
    width: 90%;
    margin-bottom: 15px;
}

.statistic-block {
    width: 25%;
    height: 240px;
    border: 1px solid var(--grey-border);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px;
    display: flex;
}

.statistic-block.white-border {
    border-color: rgba(255, 255, 255, .23);
}

.work-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.invert {
    filter: invert();
}

.project-collection-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.project-block {
    grid-row-gap: 10px;
    flex-direction: column;
    text-decoration: none;
    display: flex;
}

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

.project-image-block {
    height: 100%;
    max-height: 380px;
    min-height: 380px;
    background-color: var(--body);
    position: relative;
    overflow: hidden;
}

.project-image-block.bg-grey {
    background-color: var(--grey-background);
}

.project-thumb-image {
    width: 100%;
    height: 100%;
    max-height: 380px;
    min-height: 380px;
    object-fit: cover;
}

.location-tag {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    color: var(--white);
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 4px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    position: absolute;
    top: auto;
    bottom: 20px;
    left: auto;
    right: 20px;
}

.blog-list-section {
    display: none;
}

.utility-error-wrap {
    justify-content: center;
    align-items: center;
    padding-top: 150px;
    padding-bottom: 150px;
    display: flex;
}

.review-slider {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    display: none;
}

.review-collection-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.review-block {
    grid-row-gap: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    display: flex;
}

.review-image-block {
    width: 60px;
    height: 100%;
    max-height: 60px;
    background-color: var(--grey-background);
    border-radius: 100%;
    overflow: hidden;
}

.review-content-block {
    height: 100%;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.review-content {
    color: var(--title);
    font-size: 20px;
    font-weight: 300;
    line-height: 150%;
}

.customer-name {
    color: var(--title);
    margin-bottom: 2px;
}

.company-name {
    font-size: 12px;
    font-weight: 400;
}

.left-arrow {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    transition: border-color .3s;
    display: flex;
    top: 56px;
    bottom: auto;
    left: auto;
    right: 50px;
}

.left-arrow:hover {
    border-color: #000;
}

.right-arrow {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    transition: border-color .3s;
    display: flex;
    top: 56px;
    bottom: auto;
    left: auto;
    right: 0%;
}

.right-arrow:hover {
    border-color: #000;
}

.blog-collection-item {
    border-bottom: 1px solid #d9d9d9;
    padding-top: 40px;
    padding-bottom: 40px;
}

.blog-collection-item:first-child {
    padding-top: 0;
}

.blog-collection-item:last-child {
    border-bottom-style: none;
    padding-bottom: 0;
}

.blog-item-block {
    color: var(--title);
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.blog-data-block {
    width: 100%;
    max-width: 968px;
    justify-content: space-between;
    display: flex;
}

.blog-details-link {
    color: var(--title);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

.blog-content-block {
    grid-column-gap: 32px;
    display: flex;
}

.blog-thumb-image {
    height: 100%;
    max-height: 175px;
    min-height: 175px;
    object-fit: cover;
}

.blog-title {
    width: 100%;
    max-width: 468px;
}

.blog-title-main {
    width: 100%;
    max-width: 900px;
    font-size: 56px;
}

.team-outer {
    grid-column-gap: 32px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.team-inner-block {
    grid-row-gap: 15px;
    flex-direction: column;
    display: flex;
}

.team-image-block {
    height: 100%;
    max-height: 320px;
    min-height: 320px;
    background-color: var(--grey-background);
}

.team-content-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.team-content-block._2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.team-tag {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 30px;
    padding: 4px 14px;
}

.our-team-image {
    width: 100%;
    height: 100%;
    max-height: 320px;
    min-height: 320px;
    object-fit: cover;
    object-position: 50% 50%;
}

.statistic-section {
    background-color: var(--primary);
    padding-top: 100px;
    padding-bottom: 100px;
}

.service-wrapper-about {
    justify-content: space-between;
    display: flex;
}

.service-block-wrapper {
    width: 100%;
    max-width: 568px;
}

.service-dropdown {
    width: 100%;
    flex-direction: column;
    display: flex;
    overflow: hidden;
}

.service-dropdown-toggle {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    padding-left: 0;
    padding-right: 0;
}

.service-collection-item {
    padding-bottom: 20px;
}

.service-collection-item:first-child {
    margin-top: -20px;
}

.service-collection-item:last-child {
    padding-bottom: 0;
}

.service-name-block {
    grid-column-gap: .33rem;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    display: flex;
}

.service-name {
    font-size: 18px;
    font-weight: 700;
}

.service-dropdown-list {
    background-color: rgba(0, 0, 0, 0);
    display: block;
    position: relative;
}

.service-subtext {
    width: 100%;
    max-width: 468px;
    padding-top: 15px;
}

.service-left-block {
    width: 100%;
    max-width: 468px;
}

.servive-paragraph {
    margin-bottom: 60px;
    font-size: 28px;
    line-height: 150%;
}

.service-span-text {
    font-weight: 400;
}

.about-hero-wrapper {
    grid-column-gap: 32px;
    justify-content: space-between;
    display: flex;
}

.about-hero-left {
    width: 100%;
    max-width: 368px;
}

.about-hero-right {
    width: 100%;
    max-width: 768px;
    grid-column-gap: 32px;
    grid-row-gap: 64px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.about-hero-paragraph {
    width: 100%;
    max-width: 668px;
}

.about-hero-image {
    width: 100%;
    height: 100%;
    max-height: 316px;
    min-height: 316px;
    background-color: var(--grey-background);
}

.about-hero-content {
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
}

.achievement-list-block {
    grid-row-gap: 15px;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    overflow: hidden;
}

.achievement-list-item {
    background-image: url('../images/list-dot.svg');
    background-position: 10.5px 30%;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
    padding-left: 24px;
    line-height: 170%;
}

.date-block {
    grid-column-gap: 5px;
    display: flex;
}

.date {
    color: var(--title);
}

.blog-main-section {
    padding-bottom: 80px;
}

.blog-main-image {
    width: 100%;
    height: 100%;
    max-height: 560px;
    min-height: 560px;
    object-fit: cover;
}

.blog-main-block {
    width: 100%;
    height: 100%;
    max-height: 560px;
    min-height: 560px;
    background-color: var(--grey-background);
}

.blog-richtext-block {
    justify-content: center;
    display: flex;
}

.service-main-block {
    width: 100%;
    height: 100%;
    max-height: 580px;
    min-height: 580px;
    background-color: var(--grey-background);
}

.service-main-image {
    width: 100%;
    height: 100%;
    max-height: 580px;
    min-height: 580px;
    object-fit: cover;
    object-position: 50% 50%;
}

.service-detail-section {
    padding-top: 60px;
}

.service-detail-wrapper {
    grid-column-gap: 32px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.service-detail-right {
    width: 100%;
    max-width: 268px;
    grid-row-gap: 138px;
    color: #fff;
    background-color: #000;
    background-image: url('../images/round-shape.svg');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-direction: column;
    padding: 40px 20px;
    font-size: 28px;
    line-height: 120%;
    display: flex;
}

.over-view-title {
    margin-bottom: 15px;
}

.over-view-details {
    width: 100%;
    max-width: 868px;
}

.over-view-details h2 {
    margin-bottom: 40px;
}

.over-view-details ol {
    grid-row-gap: 15px;
    flex-direction: column;
    padding-left: 20px;
    display: flex;
}

.over-view-details h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.over-view-details p {
    margin-bottom: 20px;
}

.over-view-details figure {
    margin-top: 40px;
    margin-bottom: 30px;
}

.over-view-details blockquote {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px;
    line-height: 150%;
}

.over-view-details h4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.over-view-details ul {
    grid-row-gap: 15px;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 24px;
    list-style: square;
    display: flex;
}

.over-view-details h5, .over-view-details h6 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.faq-wrapper {
    grid-column-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.faq {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
}

.que-title {
    width: 100%;
    grid-column-gap: 15px;
    justify-content: space-between;
    padding: 15px 20px;
    display: flex;
}

.ans {
    background-color: rgba(0, 0, 0, 0);
    display: block;
    position: relative;
    overflow: hidden;
}

.ans-box {
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

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

.vertical-line {
    width: 1px;
    height: 15px;
    background-color: #000;
    position: absolute;
}

.horizontal-line {
    width: 15px;
    height: 1px;
    background-color: #000;
}

.que {
    white-space: normal;
    font-size: 18px;
    font-weight: 400;
}

.faq-data {
    width: 50%;
    grid-row-gap: 25px;
    flex-direction: column;
    display: flex;
}

.contact-wrapper {
    grid-column-gap: 50px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.map-rich-text {
    width: 100%;
    height: 560px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.map-rich-text figure {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.contat-form {
    width: 100%;
    max-width: 568px;
    margin-bottom: 0;
}

.contact-form-inner {
    grid-column-gap: 32px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.contact-text-field {
    height: auto;
    border: 1px #000;
    border-bottom-style: solid;
    margin-bottom: 0;
    padding: 0 0 16px;
    font-size: 14px;
    font-weight: 400;
}

.contact-text-field:focus {
    border-bottom-color: var(--title);
}

.contact-text-field::-ms-input-placeholder {
    color: var(--title);
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

.contact-text-field::placeholder {
    color: var(--title);
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

.textarea {
    width: 100%;
    height: auto;
    max-width: 568px;
    border: 1px #000;
    border-bottom-style: solid;
    margin-bottom: 0;
    padding: 0 0 120px;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

.textarea:focus {
    border-bottom-color: var(--title);
}

.textarea::-ms-input-placeholder {
    color: var(--title);
    font-size: 16px;
    font-weight: 300;
}

.textarea::placeholder {
    color: var(--title);
    font-size: 16px;
    font-weight: 300;
}

.btn-block {
    margin-top: -10px;
}

.contact-right-block {
    width: 100%;
    max-width: 468px;
    grid-column-gap: 20px;
    grid-row-gap: 62px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.contact-block {
    width: 100%;
    max-width: none;
    grid-row-gap: 15px;
    flex-direction: column;
    display: flex;
}

.contact-top {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
}

.contact-bottom {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: row;
    display: flex;
}

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

.success-message {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000;
}

.error-message {
    text-align: center;
    background-color: #ffb1b1;
}

.pagination {
    grid-column-gap: 10px;
    justify-content: flex-end;
    padding-top: 40px;
}

.cta-section {
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-top: 80px;
    padding-bottom: 80px;
}

.cta-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.cta-title {
    width: 100%;
    max-width: 468px;
    font-size: 44px;
}

.cta-form {
    width: 100%;
    max-width: 500px;
    margin-bottom: 0;
}

.cta-form-inner {
    border: 1px solid #fff;
    padding: 12px 20px;
    position: relative;
}

.cta-text-field {
    height: 44px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/ic-mail.svg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px #000;
    margin-bottom: 0;
    padding: 10px 120px 10px 40px;
}

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

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

.success-message-white {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
}

.gallery-section {
    background-color: var(--grey-border);
    padding-top: 120px;
    padding-bottom: 120px;
}

.gallery-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.gallery-light-box {
    height: 100%;
    max-height: 320px;
    min-height: 320px;
    background-color: var(--body);
}

.gallery-image {
    width: 100%;
    height: 100%;
    max-height: 320px;
    min-height: 320px;
    object-fit: cover;
}

.project-main-block {
    width: 100%;
    height: 100%;
    max-height: 580px;
    min-height: 580px;
    background-color: var(--grey-background);
}

.project-main-image {
    width: 100%;
    height: 100%;
    max-height: 580px;
    min-height: 580px;
    object-fit: contain !important;
    object-position: 50% 50%;
}

.project-detail-section {
    padding-top: 60px;
    padding-bottom: 150px;
}

.project-detail-wrapper {
    grid-column-gap: 100px;
    display: flex;
}

.gallery-wrapper a {
    color: #000000;
    text-decoration: none;
}

.ref-gallery-name {
    text-decoration: none;
}

.ref-gallery-caption {
    text-decoration: none;
}

.project-left-block {
    width: 100%;
    max-width: 300px;
}

.project-right-block {
    width: 100%;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
}

.project-info-block {
    justify-content: space-between;
    display: flex;
}

.middle-line-project {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
    margin-top: 15px;
    margin-bottom: 15px;
}

.project-detail-block {
    grid-row-gap: 15px;
    flex-direction: column;
    display: flex;
}

.challenge-rich-text {
    width: 100%;
    max-width: 968px;
}

.challenge-rich-text h2 {
    margin-bottom: 40px;
}

.challenge-rich-text ol {
    grid-row-gap: 15px;
    flex-direction: column;
    padding-left: 20px;
    display: flex;
}

.challenge-rich-text h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.challenge-rich-text p {
    margin-bottom: 20px;
}

.challenge-rich-text figure {
    margin-top: 40px;
    margin-bottom: 30px;
}

.challenge-rich-text blockquote {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px;
    line-height: 150%;
}

.challenge-rich-text h4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.challenge-rich-text ul {
    grid-row-gap: 15px;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 24px;
    list-style: square;
    display: flex;
}

.challenge-rich-text h5, .challenge-rich-text h6 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.future-image {
    height: 100%;
    max-height: 500px;
    min-height: 500px;
    object-fit: cover;
}

.footer-image {
    height: 100%;
    max-height: 387px;
    min-height: 387px;
    object-fit: cover;
}

.about-left-image {
    height: 100%;
    max-height: 500px;
    min-height: 500px;
    object-fit: cover;
}

.about-right-image {
    height: 100%;
    max-height: 316px;
    min-height: 316px;
    object-fit: cover;
}

.footer-left {
    width: 100%;
    max-width: none;
    color: var(--title);
    padding-top: 100px;
    padding-bottom: 60px;
}

.blog-image-block {
    width: 100%;
    height: 100%;
    max-height: 175px;
    max-width: 268px;
    min-height: 175px;
    background-color: var(--grey-background);
    overflow: hidden;
}

.about-image-block {
    height: 100%;
    max-height: 500px;
    min-height: 500px;
    background-color: var(--grey-background);
}

.about-img-block {
    display: none;
}

.empty-state {
    border: 1px solid var(--title);
    text-align: center;
    background-color: #fff;
    padding: 24px;
}

.customer-image-block {
    width: 100%;
    height: 100%;
    max-height: 120px;
    max-width: 120px;
    min-height: 120px;
    background-color: var(--grey-background);
}

.customer-image {
    width: 100%;
    height: 100%;
    max-height: 120px;
    min-height: 120px;
    object-fit: cover;
}

.review-details-wrapper {
    grid-column-gap: 60px;
    align-items: center;
    display: flex;
}

.info-block-terms {
    grid-row-gap: 60px;
    flex-direction: column;
    display: flex;
}

.space-medium {
    height: 60px;
}

.is-red {
    color: var(--primary);
    font-size: 64px;
}

.icon-embed-xsmall {
    width: 1rem;
    height: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 0;
    display: flex;
}

.image {
    z-index: -1;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.lightbox-link {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.slider-hero {
    z-index: 0;
    height: 100%;
    align-items: center;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.slider-wrap {
    height: 100%;
    max-width: 1220px;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.slider-image {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.overlay {
    mix-blend-mode: normal;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(#fff 4%, rgba(255, 255, 255, 0) 24%);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

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

.text-block {
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}

.image-2 {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.heading {
    font-weight: 300;
}

.h2 {
    letter-spacing: -1px;
    font-size: 49px;
    font-weight: 600;
    line-height: 130%;
}

.space-small {
    height: 30px;
}

.text-span, .text-span-2 {
    color: var(--primary);
}

.counter {
    color: var(--primary);
    font-size: 64px;
}

.counter.is-black {
    color: var(--title);
}

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

.is-bold {
    font-weight: 700;
}

.large-text {
    font-size: 26px;
}

.flex-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: var(--primary);
    color: var(--white);
    padding: 50px 51px;
}

.map-wrap {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.flex-block-2 {
    max-width: 1220px;
}

.html-embed {
    width: 1220px;
    height: 800px;
    max-width: 1220px;
}

.logos-quote-divider {
    border-bottom: 1px solid #e4ebf3;
    padding: 60px 30px;
    position: relative;
}

.container-2 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.clients-wrapper-two {
    justify-content: space-between;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.clients-info-two {
    max-width: 350px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.clients-quote-two {
    margin-top: 10px;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.clients-divider {
    width: 90%;
    height: 1px;
    background-color: #e4ebf3;
    margin-top: 20px;
    margin-bottom: 20px;
}

.clients-info {
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    display: flex;
}

.clients-info-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 24px;
}

.clients-grid {
    grid-column-gap: 50px;
    grid-row-gap: 48px;
    flex-wrap: nowrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    display: grid;
}

.flex-block-3 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
}

.contact-text {
    font-size: 32px;
    font-weight: 700;
}

.space-8 {
    height: 8px;
}

.h5 {
    font-size: 22px;
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 70px;
    }

    h2 {
        font-size: 44px;
    }

    h3 {
        font-size: 30px;
    }

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

    .nav-menu {
        text-align: left;
        background-color: #fff;
        transform: translate(0, 1px);
    }

    .nav-menu-inner {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    .nav-link {
        margin-left: 0;
        margin-right: 0;
        padding: 20px;
    }

    .brand {
        padding-left: 0;
    }

    .nav-button {
        line-height: 170%;
    }

    .top-line {
        width: 25px;
        height: 1px;
        background-color: #000;
        margin-bottom: 8px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .menu-button {
        padding: 5px 0 5px 5px;
    }

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

    .middle-line {
        width: 25px;
        height: 1px;
        background-color: #000;
        padding-bottom: 0;
        padding-right: 0;
    }

    .bottom-line {
        width: 25px;
        height: 1px;
        background-color: #000;
        margin-top: 8px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .navbar-button-block {
        padding: 20px;
    }

    .title-wrapper {
        grid-column-gap: 20px;
    }

    .main-heading {
        margin-bottom: 5px;
    }

    .heading-item-block {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .font-inner {
        grid-column-gap: 10px;
        justify-content: space-between;
    }

    .font-block {
        grid-column-gap: 20px;
    }

    .hading-inner-block {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .font-name {
        font-size: 30px;
    }

    .style-guide-section.last {
        padding-bottom: 100px;
    }

    .primary-button.submit {
        top: 6px;
        bottom: 6px;
        right: 10px;
    }

    .rich-text img {
        max-height: 338px;
        min-height: 338px;
    }

    .footer-wrapper {
        grid-column-gap: 30px;
        justify-content: space-between;
    }

    .footer-middle {
        margin-top: 30px;
    }

    .footer-link-wrap {
        max-width: none;
    }

    .footer-bottom {
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .footer-image-block {
        max-width: 320px;
    }

    .comingsoon-img-block {
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .licensing-section, .privacy-policy-section {
        padding-bottom: 120px;
    }

    .hero-section {
        height: 600px;
        padding-bottom: 160px;
    }

    .hero-title {
        font-size: 80px;
    }

    .bottom-white-block {
        grid-column-gap: 30px;
        padding: 20px;
        font-size: 20px;
    }

    .section {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section-wrapper {
        grid-row-gap: 120px;
    }

    .future-wrapper {
        grid-column-gap: 20px;
    }

    .future-image-block {
        max-height: 360px;
        min-height: 360px;
    }

    .future-content-block {
        max-width: 32%;
    }

    .service-collection-list {
        grid-column-gap: 20px;
    }

    .service-inner-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bottom-section {
        padding-bottom: 120px;
    }

    .states-wrapper {
        grid-column-gap: 20px;
    }

    .states-right-block {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .title-outer-block {
        width: 100%;
    }

    .statistic-block {
        width: auto;
    }

    .project-image-block, .project-thumb-image {
        max-height: 240px;
        min-height: 240px;
    }

    .review-collection-list {
        grid-column-gap: 20px;
    }

    .review-block {
        padding: 20px;
    }

    .blog-item-block {
        grid-column-gap: 30px;
    }

    .blog-data-block, .blog-content-block {
        grid-column-gap: 20px;
    }

    .blog-title {
        font-size: 22px;
    }

    .blog-title-main {
        font-size: 40px;
    }

    .team-outer {
        grid-column-gap: 32px;
        grid-template-columns: 1fr 1fr;
    }

    .team-image-block, .our-team-image {
        max-height: 415px;
        min-height: 415px;
    }

    .service-wrapper-about {
        grid-column-gap: 30px;
    }

    .servive-paragraph {
        font-size: 26px;
    }

    .about-hero-wrapper {
        grid-column-gap: 30px;
        align-items: flex-start;
    }

    .about-hero-left {
        grid-row-gap: 20px;
        flex-direction: column;
        display: flex;
    }

    .about-hero-right {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    .about-hero-image {
        display: none;
    }

    .about-hero-content, .achievement-list-block {
        grid-row-gap: 10px;
    }

    .achievement-list-item {
        padding-bottom: 10px;
    }

    .hero-tablet-image {
        height: 100%;
        max-height: 200px;
        min-height: 200px;
        object-fit: cover;
        object-position: 50% 0%;
    }

    .blog-main-image, .blog-main-block {
        max-height: 460px;
        min-height: 460px;
    }

    .service-main-block, .service-main-image {
        max-height: 300px;
        min-height: 300px;
    }

    .faq-wrapper {
        grid-column-gap: 20px;
    }

    .que-title {
        grid-column-gap: 10px;
    }

    .contact-wrapper {
        grid-column-gap: 30px;
    }

    .map-rich-text {
        height: 500px;
    }

    .textarea {
        max-width: none;
    }

    .cta-wrapper {
        grid-column-gap: 30px;
    }

    .cta-title {
        font-size: 36px;
    }

    .cta-form-inner {
        padding: 6px 10px;
    }

    .gallery-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .gallery-light-box, .gallery-image {
        max-height: 200px;
        min-height: 200px;
    }

    .project-main-block, .project-main-image {
        max-height: 300px;
        min-height: 300px;
    }

    .project-detail-section {
        padding-bottom: 120px;
    }

    .project-detail-wrapper {
        grid-column-gap: 40px;
        align-items: flex-start;
    }

    .future-image {
        max-height: 360px;
        min-height: 360px;
    }

    .footer-image {
        max-height: none;
        min-height: auto;
    }

    .about-left-image {
        max-height: 318px;
        min-height: 318px;
    }

    .footer-left {
        padding-top: 40px;
    }

    .about-image-block {
        max-height: 318px;
        min-height: 318px;
    }

    .about-img-block {
        height: 100%;
        max-height: 200px;
        min-height: 200px;
        display: block;
    }

    .review-details-wrapper {
        grid-column-gap: 40px;
    }

    .html-embed {
        width: 100%;
    }

    .container-2 {
        max-width: 728px;
    }

    .clients-quote-two {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }

    .brand {
        max-width: 113px;
    }

    .title-wrapper {
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .style-top-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .main-heading {
        margin-bottom: 2px;
    }

    .font-inner {
        grid-row-gap: 40px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .font-block {
        width: auto;
        grid-template-columns: auto 1fr;
    }

    .heading-text {
        text-align: left;
        font-size: 50px;
        line-height: 100%;
    }

    .hading-inner-block {
        padding-bottom: 50px;
    }

    .font-name {
        font-size: 26px;
    }

    .color-block {
        max-width: 100%;
    }

    .color-main {
        width: 100%;
        height: 100px;
    }

    .style-guide-section {
        padding-top: 0;
        padding-bottom: 80px;
    }

    .style-guide-section.last {
        padding-bottom: 80px;
    }

    .color-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .rich-text blockquote {
        padding: 20px;
    }

    .rich-text img {
        max-height: 245px;
        min-height: 245px;
    }

    .footer {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .footer-middle-inner {
        display: none;
    }

    .footer-bottom {
        grid-row-gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .footer-image-block {
        display: none;
    }

    .comingsoon-img-block {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .error-404-content {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .utility-password-form {
        grid-row-gap: 40px;
        padding: 50px;
    }

    .utility-password-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .licensing-section {
        padding-bottom: 100px;
    }

    .info-content {
        margin-bottom: 40px;
    }

    .licensing-wrapper {
        grid-row-gap: 40px;
    }

    .info-block {
        grid-row-gap: 20px;
    }

    .licensing-label {
        line-height: 24px;
    }

    .privacy-policy-section {
        padding-bottom: 100px;
    }

    .info-paragraph {
        margin-bottom: 20px;
    }

    .info-title {
        margin-bottom: 15px;
    }

    .hero-section {
        height: 500px;
    }

    .hero-wrapper {
        font-size: 20px;
    }

    .hero-title {
        font-size: 60px;
    }

    .hero-bottom-block {
        grid-column-gap: 10px;
    }

    .bottom-white-block {
        grid-column-gap: 20px;
        padding: 16px;
        font-size: 16px;
    }

    .section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section-wrapper {
        grid-row-gap: 100px;
    }

    .section-title-block {
        margin-bottom: 30px;
    }

    .future-wrapper {
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .future-image-block {
        max-height: 300px;
        min-height: 300px;
    }

    .future-content-block {
        max-width: none;
        grid-row-gap: 40px;
    }

    .service-collection-list {
        grid-column-gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .bottom-section {
        padding-bottom: 100px;
    }

    .choose-us-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .icon-list-block {
        grid-row-gap: 15px;
    }

    .list-icon-item {
        background-position: 0 0;
        background-size: 25px;
        font-size: 18px;
    }

    .states-wrapper {
        grid-row-gap: 20px;
        flex-direction: column;
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
    }

    .states-left-block {
        padding-right: 0;
    }

    .states-right-block {
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 49% 49%;
        align-content: start;
        padding-left: 0;
        padding-right: 7px;
    }

    .statistic-block {
        padding: 30px;
    }

    .project-collection-list {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }

    .project-image-block, .project-thumb-image {
        max-height: 180px;
        min-height: 180px;
    }

    .location-tag {
        padding-left: 8px;
        padding-right: 8px;
        bottom: 10px;
        right: 10px;
    }

    .utility-error-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .review-collection-list {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .review-content-block {
        grid-row-gap: 30px;
    }

    .review-content {
        font-size: 18px;
    }

    .left-arrow, .right-arrow {
        top: 29px;
    }

    .blog-collection-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .blog-item-block {
        grid-column-gap: 20px;
    }

    .blog-data-block {
        grid-row-gap: 10px;
        flex-direction: column;
    }

    .blog-thumb-image {
        width: 100%;
        max-height: 160px;
        min-height: 160px;
    }

    .blog-title-main {
        font-size: 28px;
    }

    .team-outer {
        grid-row-gap: 40px;
    }

    .team-image-block, .our-team-image {
        max-height: 296px;
        min-height: 296px;
    }

    .service-wrapper-about {
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .service-dropdown-toggle {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .service-collection-item {
        padding-bottom: 14px;
    }

    .service-collection-item:first-child {
        margin-top: -14px;
    }

    .service-left-block {
        max-width: none;
    }

    .servive-paragraph {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .hero-tablet-image {
        max-height: 170px;
        min-height: 170px;
    }

    .blog-main-section {
        padding-bottom: 60px;
    }

    .blog-main-image, .blog-main-block {
        max-height: 340px;
        min-height: 340px;
    }

    .service-main-block, .service-main-image {
        max-height: 400px;
        min-height: 400px;
    }

    .service-detail-wrapper {
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .service-detail-right {
        max-width: none;
        grid-row-gap: 80px;
        font-size: 26px;
    }

    .over-view-details blockquote {
        padding: 20px;
    }

    .faq-wrapper {
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .faq-data {
        grid-row-gap: 20px;
        width: 100%;
    }

    .contact-wrapper {
        grid-row-gap: 40px;
        flex-direction: column;
    }

    .map-rich-text {
        height: auto;
    }

    .contact-form-inner {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }

    .textarea {
        padding-bottom: 80px;
    }

    .contact-right-block {
        max-width: none;
        grid-column-gap: 20px;
        grid-row-gap: 62px;
        grid-template-columns: 1fr 1fr;
    }

    .success-message {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #000;
    }

    .error-message {
        text-align: center;
        background-color: #ffcdcd;
        margin-top: 20px;
        padding: 20px;
    }

    .cta-wrapper {
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .cta-title {
        max-width: none;
        font-size: 32px;
    }

    .cta-form {
        max-width: none;
    }

    .success-message-white {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #000;
    }

    .gallery-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

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

    .project-main-block, .project-main-image {
        max-height: 400px;
        min-height: 400px;
    }

    .project-detail-section {
        padding-bottom: 100px;
    }

    .project-detail-wrapper {
        grid-row-gap: 40px;
        flex-direction: column;
    }

    .project-left-block {
        max-width: none;
    }

    .challenge-rich-text blockquote {
        padding: 20px;
    }

    .future-image {
        max-height: 300px;
        min-height: 300px;
    }

    .about-left-image {
        max-height: 276px;
        min-height: 276px;
    }

    .footer-left {
        padding-top: 0;
        padding-bottom: 0;
    }

    .blog-image-block {
        max-height: 160px;
        max-width: 50%;
        min-height: 160px;
    }

    .about-image-block {
        max-height: 276px;
        min-height: 276px;
    }

    .about-img-block {
        max-height: 170px;
        min-height: 170px;
    }

    .review-details-wrapper {
        grid-column-gap: 30px;
    }

    .info-block-terms {
        grid-row-gap: 40px;
    }

    .html-embed {
        height: 500px;
    }

    .logos-quote-divider {
        padding: 60px 15px;
    }

    .clients-wrapper-two {
        flex-direction: column;
    }

    .clients-info-two {
        max-width: none;
        margin-bottom: 40px;
    }

    .clients-grid {
        grid-column-gap: 40px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 15px;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    .nav-link {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .brand {
        width: 100%;
        max-width: 113px;
    }

    .navbar-button-block {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .title-section {
        margin-top: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .heading-item-block {
        width: 100%;
        min-width: auto;
        grid-row-gap: 20px;
        flex-direction: column;
        grid-template-columns: 180px 100px 100px;
        align-items: flex-start;
        margin-bottom: 15px;
        padding-bottom: 15px;
        display: block;
    }

    .style-top-wrapper {
        grid-row-gap: 50px;
    }

    .heading-block {
        grid-row-gap: 8px;
        margin-bottom: 8px;
    }

    .body-small {
        white-space: pre-wrap;
    }

    .hading-inner-block {
        grid-column-gap: 90px;
        grid-row-gap: 90px;
        grid-template-columns: 180px 100px 100px;
        display: none;
    }

    .color-main {
        width: 100%;
        height: 160px;
    }

    .style-guide-section.last {
        padding-bottom: 60px;
    }

    .color-wrapper {
        grid-column-gap: 15px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .button-wrap {
        grid-row-gap: 30px;
        flex-direction: column;
        align-items: flex-start;
    }

    .primary-button.submit {
        top: 10px;
        bottom: 10px;
        right: 10px;
    }

    .rich-text blockquote {
        padding: 14px;
    }

    .rich-text img {
        max-height: 160px;
        min-height: 160px;
    }

    .footer-top {
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .footer-link-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

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

    .comingsoon-img-block {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .inquiry-title {
        font-size: 24px;
    }

    .error-404-content {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .utility-password-form {
        grid-row-gap: 30px;
        padding: 30px;
    }

    .version-info-block {
        grid-column-gap: 15px;
        grid-template-columns: 70px 1fr;
    }

    .version-block {
        width: 70px;
        height: 70px;
    }

    .licensing-disclaimer {
        padding: 20px;
    }

    .licensing-section {
        padding-bottom: 80px;
    }

    .info-content {
        margin-bottom: 30px;
    }

    .licensing-wrapper {
        grid-row-gap: 80px;
    }

    .privacy-policy-section {
        padding-bottom: 80px;
    }

    .hero-section {
        height: 100vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/hero-image.webp');
        background-position: 0 0, 70%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero-wrapper {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-title {
        font-size: 42px;
    }

    .center-line {
        max-width: 115px;
    }

    .bottom-white-block {
        grid-column-gap: 11px;
        padding: 10px;
        font-size: 12px;
    }

    .section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section-wrapper {
        grid-row-gap: 80px;
    }

    .section-title-block {
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .future-image-block {
        max-height: 200px;
        min-height: 200px;
    }

    .service-collection-list {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .service-inner-block {
        grid-row-gap: 24px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .bottom-section {
        padding-bottom: 80px;
    }

    .list-icon-item {
        background-position: 0 8%;
        padding-left: 40px;
    }

    .states-right-block {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .statistic-block {
        height: 150px;
        align-items: center;
        padding: 20px;
    }

    .project-collection-list {
        grid-template-columns: 1fr;
    }

    .project-image-block, .project-thumb-image {
        max-height: 220px;
        min-height: 220px;
    }

    .review-slider {
        padding-bottom: 60px;
    }

    .review-block {
        padding: 14px;
    }

    .review-content {
        font-size: 16px;
    }

    .left-arrow {
        top: auto;
        bottom: 0%;
        left: 50%;
        right: 50%;
        transform: translate(-45px);
    }

    .right-arrow {
        top: auto;
        bottom: 0%;
        left: 50%;
        right: 50%;
        transform: translate(5px);
    }

    .blog-item-block {
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .blog-content-block {
        grid-row-gap: 10px;
        flex-direction: column;
    }

    .blog-thumb-image {
        max-height: 220px;
        min-height: 220px;
    }

    .blog-title-main {
        font-size: 24px;
    }

    .team-outer {
        grid-column-gap: 40px;
        grid-template-columns: 1fr;
    }

    .team-image-block {
        max-height: 380px;
        min-height: 380px;
    }

    .our-team-image._2 {
        margin-bottom: 16px;
    }

    .servive-paragraph {
        font-size: 22px;
    }

    .about-hero-wrapper {
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .about-hero-image {
        max-height: 240px;
        min-height: 240px;
        display: block;
    }

    .blog-main-image, .blog-main-block {
        max-height: 240px;
        min-height: 240px;
    }

    .service-main-block, .service-main-image {
        max-height: 260px;
        min-height: 260px;
    }

    .service-detail-right {
        grid-row-gap: 40px;
    }

    .over-view-details blockquote {
        padding: 14px;
    }

    .que-title, .ans-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .que-icon {
        width: 100%;
        height: 30px;
        max-width: 30px;
    }

    .vertical-line {
        height: 18px;
    }

    .horizontal-line {
        width: 18px;
    }

    .contact-form-inner {
        grid-template-columns: 1fr;
    }

    .textarea {
        padding-bottom: 60px;
    }

    .contact-right-block {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }

    .contact-block {
        max-width: none;
    }

    .contact-top {
        grid-row-gap: 5px;
    }

    .contact-bottom {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: column;
    }

    .cta-title {
        font-size: 26px;
    }

    .cta-form-inner {
        padding: 10px;
    }

    .cta-text-field {
        height: 46px;
        padding-left: 30px;
        padding-right: 110px;
    }

    .gallery-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .gallery-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .gallery-light-box, .gallery-image {
        max-height: 116px;
        min-height: 116px;
    }

    .project-main-block, .project-main-image {
        max-height: 260px;
        min-height: 260px;
    }

    .project-detail-section {
        padding-bottom: 80px;
    }

    .project-right-block {
        grid-row-gap: 10px;
    }

    .challenge-rich-text blockquote {
        padding: 14px;
    }

    .future-image {
        max-height: 200px;
        min-height: 200px;
    }

    .about-left-image {
        max-height: 380px;
        min-height: 380px;
    }

    .about-right-image {
        max-height: 240px;
        min-height: 240px;
    }

    .blog-image-block {
        max-height: 220px;
        max-width: 100%;
        min-height: 220px;
    }

    .about-image-block {
        max-height: 380px;
        min-height: 380px;
    }

    .about-img-block {
        display: none;
    }

    .customer-image-block {
        max-height: 140px;
        max-width: 140px;
        min-height: 140px;
    }

    .customer-image {
        max-height: 140px;
        min-height: 140px;
    }

    .review-details-wrapper {
        grid-row-gap: 30px;
        flex-direction: column;
        align-items: flex-start;
    }

    .is-red {
        font-size: 40px;
    }

    .h2 {
        font-size: 30px;
    }

    .flex-block {
        padding: 24px;
    }

    .html-embed {
        height: 450px;
    }

    .logos-quote-divider {
        padding-left: 0;
        padding-right: 0;
    }

    .container-2 {
        max-width: none;
    }

    .clients-quote-two {
        font-size: 24px;
        line-height: 32px;
    }

    .clients-info-image {
        margin-right: 16px;
    }

    .clients-grid {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .contact-text {
        font-size: 24px;
    }
}

#w-node-aa6ac27e-0b4b-ae0d-35ab-49160f4d1253-133e2286, #w-node-_73ed22f4-ed02-7a5b-550e-ead0454b40c8-133e2286, #w-node-_607b65e4-3e31-77ff-fa89-cae5c69c37fc-133e2286, #w-node-d48bd575-90f5-e843-f106-0f6f61b89b0f-133e2286, #w-node-_83d40992-fd12-64a3-d2a8-debe1dab3594-133e2286, #w-node-_85e112ae-1de6-fd95-b008-77fc1abb3295-133e2286, #w-node-fad07c8a-9612-cadb-1c56-f849aec57aab-133e2286, #w-node-_48cbf403-6663-f3b3-7282-faedc957106e-c9571062, #w-node-_48cbf403-6663-f3b3-7282-faedc957109b-c9571062 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0afa2de4-0d56-d33f-630f-95c2506f49c8-133e2289 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
}

#w-node-_35dc7d02-413b-2c37-9794-e2cb2b18792c-133e2289, #w-node-_27d81136-87e4-aff9-fb8c-84a10d389827-133e2289, #w-node-cad5c10f-7efd-5556-a53e-4043e07611f5-133e2289, #w-node-cad5c10f-7efd-5556-a53e-4043e07611fa-133e2289, #w-node-cad5c10f-7efd-5556-a53e-4043e07611ff-133e2289, #w-node-cad5c10f-7efd-5556-a53e-4043e0761204-133e2289, #w-node-_85a961d8-b36c-13bd-11dd-d9b0748d5b16-748d5b0d, #w-node-_85a961d8-b36c-13bd-11dd-d9b0748d5b1e-748d5b0d, #w-node-_85a961d8-b36c-13bd-11dd-d9b0748d5b26-748d5b0d, #w-node-_85a961d8-b36c-13bd-11dd-d9b0748d5b2e-748d5b0d, #w-node-_85a961d8-b36c-13bd-11dd-d9b0748d5b36-748d5b0d, #w-node-_85a961d8-b36c-13bd-11dd-d9b0748d5b3e-748d5b0d, #w-node-_94476fec-c1f8-ee71-f110-d93742bed53d-133e228b, #w-node-_94476fec-c1f8-ee71-f110-d93742bed540-133e228b {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#Napi-zpr-vu.w-node-_45d4e4ef-362c-9d4e-2654-146f35aa94fa-133e228d {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_634b2a12-7875-b92a-e1cb-dafe3974d197-133e228d {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
}

#w-node-_405035dd-ef1e-b154-2d55-dc5cf2028115-133e228d, #w-node-_6c950f89-aa42-dcac-1fd1-3cdf783a055f-133e228d, #w-node-_3eb07ec0-d09c-03fb-96a9-c2c811d09963-133e2291, #w-node-_3777a74b-7bf9-c457-fbf3-dc19a7db321b-133e2291, #w-node-ec19b941-cbba-26b3-bfdd-f480e78ca747-133e2291, #w-node-_0f0c6c49-9d68-d0de-3655-bb330c3de8f0-133e2291, #w-node-_54bffc02-9702-4142-4ab6-4f84409649d6-133e2291, #w-node-_6577f2bf-8e6a-7712-d5b8-6300f9a6f306-133e2291, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b68e-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b690-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b697-133e2297 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b69d-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b69f-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6a4-133e2297 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6ab-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6ac-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6af-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6b4-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6b9-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6bc-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6c0-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6c5-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6c8-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6cc-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6d1-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6d4-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6d8-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6dd-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6e0-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6e4-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6e9-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6ec-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6f0-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6f5-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6f8-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6fc-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b701-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b704-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b708-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b70d-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b710-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b714-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b719-133e2297, #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b71c-133e2297 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: end;
}

@media screen and (max-width: 991px) {
    #w-node-_0afa2de4-0d56-d33f-630f-95c2506f49c8-133e2289 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        justify-self: end;
    }

    #w-node-_27d81136-87e4-aff9-fb8c-84a10d389827-133e2289 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

@media screen and (max-width: 767px) {
    #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6ac-133e2297 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        justify-self: end;
    }
}

@media screen and (max-width: 479px) {
    #w-node-b95e986e-cbc6-47c8-9aa2-7884028d0217-028d01fe, #w-node-_35dc7d02-413b-2c37-9794-e2cb2b18792c-133e2289, #w-node-cad5c10f-7efd-5556-a53e-4043e07611ea-133e2289, #Napi-zpr-vu.w-node-_45d4e4ef-362c-9d4e-2654-146f35aa94fa-133e228d {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_634b2a12-7875-b92a-e1cb-dafe3974d197-133e228d {
        grid-area: span 1 / span 1 / span 1 / span 1;
        justify-self: end;
    }

    #w-node-a20f842d-7189-b1e4-ea0d-9fbcd355b6b4-133e2297 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}