/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */
   :root {
    --button-color: #04d3de;
    --white: #fff;
    --green: #082d2e;
    --bg-color:#051216;
    --bg-color2: #0B2727;
    --black: #000;
    --fontsize59: 3.688rem;
    --fontsize23: 1.438rem;
    --fonsize64: 4rem;
    --fonsize18: 1.125rem;
    --fontsize20: 1.25rem;
  }
   .w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
  }
  
  .hero {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100vh;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
  }
  
  .hero.for-about {
    height: auto;
    min-height: auto;
  }
  
  .hero.for-services {
    overflow: visible;
    height: 300vw;
    min-height: auto;
  }
  
  .hero.for-projects {
    overflow: visible;
    height: auto;
    min-height: auto;
  }
  
  .hero.for-project {
    height: auto;
    min-height: auto;
  }
  
  .hero.for-template-page {
    overflow: visible;
    height: auto;
    min-height: auto;
  }
  
  .hero.for-instructions {
    height: auto;
    min-height: auto;
  }
  
  .wide-container {
    width: 100%;
    max-width: 100%;
    padding-right: 8.33vw;
    padding-left: 8.33vw;
  }
  
  .wide-container.stretch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .wide-container.about-hero {
    padding-right: 0vw;
    padding-left: 0vw;
  }
  
  .wide-container.for-services {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    overflow: hidden;
    height: 100vh;
    padding-right: 0vw;
  }
  
  .hero-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .hero-container.extra-top-padding {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  
  .hero-container.extra-top-padding.for-project {
    overflow: hidden;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .hero-container.for-project {
    padding-bottom: 0px;
  }
  
  .hero-container.for-contact {
    padding-right: 0vw;
    padding-left: 80px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .hero-container.for-contact.for-template-page {
    padding-bottom: 120px;
  }
  
  .hero-text-content {
    margin-bottom: 32px;
  }
  
  .wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  
  .wrapper.horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .wrapper.center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .wrapper.padding-left {
    padding-left: 27vw;
  }
  
  .wrapper.smaller-padding-left {
    padding-left: 18.5vw;
  }
  
  .wrapper.for-awards-year {
    position: absolute;
    top: 0px;
    right: -4px;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
  
  .wrapper.rotated-header {
    position: absolute;
    margin-left: 22vw;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%);
    transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%);
  }
  
  .wrapper.contact-header {
    position: relative;
    left: -19vw;
    overflow: visible;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .wrapper.contact-header.absolute {
    position: absolute;
    left: -8vw;
  }
  
  .wrapper.overflow-visible {
    overflow: visible;
  }
  
  .heading-1 {
    font-size: 9vw;
    text-transform: uppercase;
  }
  
  .heading-1.outlined.bigger {
    font-size: 12vw;
  }
  
  .heading-1.higher-z-index {
    position: relative;
    z-index: 3;
  }
  
  .heading-1.hidden {
    opacity: 0;
    color: transparent;
  }
  
  .hero-paragraph-container {
    max-width: 440px;
    margin-top: 18px;
    margin-bottom: 28px;
  }
  
  .paragraph.for-license-guide {
    margin-top: 4px;
  }
  
  .primary-button {
    position: relative;
    display: inline-block;
    padding: 10px 28px;
    background-color: #222;
    text-decoration: none;
  }
  
  .primary-button.light {
    padding: 8px 24px;
    background-color: #fff;
  }
  
  .primary-button.light.for-projects {
    background-color: #222;
  }
  
  .primary-button.smaller {
    padding: 8px 24px;
  }
  
  .primary-button-text {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
  }
  
  .primary-button-text.dark {
    position: relative;
    z-index: 1;
    color: #222;
  }
  
  .primary-button-text.absolute {
    position: absolute;
  }
  
  .primary-button-shadow {
    position: absolute;
    left: 6px;
    bottom: -4px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.8);
  }
  
  .primary-button-shadow.light {
    z-index: 0;
    background-color: hsla(0, 0%, 100%, 0.6);
  }
  
  .home-hero-image-container {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 51vw;
    height: 55vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
  }
  
  .home-hero-image {
    position: absolute;
    bottom: 0px;
    z-index: 5;
    height: 125vh;
    max-width: none;
  }
  
  .home-hero-keywords-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .keyword-text {
    color: rgba(34, 34, 34, 0.6);
    font-size: 14px;
    font-weight: 600;
  }
  
  .keyword-circle {
    width: 4px;
    height: 4px;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 100%;
    background-color: rgba(34, 34, 34, 0.6);
  }
  
  .section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 120px;
    padding-bottom: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .section.home-about {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .section.desktop-no-padding-top {
    padding-top: 0px;
  }
  
  .section.experience-section {
    padding-top: 86px;
  }
  
  .section.about-horizontal-sticky-part {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .section.dark {
    background-color: #222;
  }
  
  .section.dark.for-services {
    height: 100vh;
  }
  
  .section.dark.for-project-work {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .section.projects-section {
    overflow: hidden;
    padding-top: 0px;
  }
  
  .section.overflow-hidden {
    overflow: hidden;
  }
  
  .section.for-gallery {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .section.for-instructions {
    overflow: hidden;
    padding-top: 0px;
  }
  
  .home-about-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 300vw;
    padding-left: 10vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .full-height-text-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    height: 100vh;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .section-title-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .section-title-wrapper.vertical {
    margin-top: 120px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%);
    -ms-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%);
    transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%);
  }
  
  .section-title-wrapper.vertical.for-awards {
    position: absolute;
  }
  
  .section-title-wrapper.for-services {
    display: none;
  }
  
  .section-title-wrapper.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .section-title-wrapper.for-project {
    display: none;
  }
  
  .section-title-wrapper.for-contact {
    display: none;
  }
  
  .section-outlined-heading {
    opacity: 0.05;
    color: rgba(34, 34, 34, 0.05);
    font-size: 14vw;
    line-height: 100%;
    font-weight: 700;
  }
  
  .section-outlined-heading.outlined {
    opacity: 0.05;
    color: #222;
    line-height: 100%;
    white-space: nowrap;
  }
  
  .section-outlined-heading.outlined.for-testimonial {
    white-space: nowrap;
  }
  
  .section-outlined-heading.outlined-white {
    color: #fff;
    white-space: nowrap;
  }
  
  .heading-2.absolute {
    position: absolute;
    -webkit-transform: translate(0px, 50%);
    -ms-transform: translate(0px, 50%);
    transform: translate(0, 50%);
    font-size: var(--fontsize59);
    font-weight: 600;
    top: -20%;
  }
  
  .heading-2.absolute.white {
    color: #fff;
  }
  
  .heading-2.absolute.white.for-awards {
    right: 10%;
  }
  
  .heading-2.absolute.bigger {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 6.8vw;
  }
  
  .section-paragraph-wrapper {
    max-width: 518px;
    margin-bottom: 28px;
    margin-top: 0rem;
  }
  
  
  .home-about-experience-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    display: -ms-grid;
    display: grid;
    width: 55%;
    height: 100vh;
    padding-right: 10vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
  
  .experience-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .experience-item.second {
    margin-bottom: 23vh;
  }
  
  .experience-item.third {
    margin-bottom: 30vh;
  }
  
  .vertical-line {
    width: 2px;
    height: 100%;
    background-color: var(--bg-color2);  }
  
  .vertical-line.white {
    background-color: #fff;
  }
  
  .line-circle {
    width: 12px;
    height: 12px;
    min-height: 12px;
    min-width: 12px;
    border-radius: 100%;
    background-color: var(--bg-color2);}
  
  .line-circle.white {
    background-color: #fff;
  }
  
  .line-circle.translate-left {
    -webkit-transform: translate(1px, 0px) translate(-50%, 0px);
    -ms-transform: translate(1px, 0px) translate(-50%, 0px);
    transform: translate(1px, 0px) translate(-50%, 0px);
  }
  
  .experience-number-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .experience-number {
    display: block;
    margin-top: 20px;
    color: transparent;
    font-size: 4.5vw;
    line-height: 90%;
    font-weight: 600;
  }
  
  .experience-number.absolute {
    position: absolute;
    top: 0px;
    display: block;
    opacity: 0;
    color: #222;
  }
  
  .experience-number.absolute.first {
    display: block;
    opacity: 1;
  }
  
  .experience-number.experience-content {
    margin-top: 0px;
    color: #222;
    line-height: 140%;
    font-weight: 700;
  }
  
  .experience-text {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
  
  .experience-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transform: translate3d(0px, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
  
  .home-about-inner-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 200vw;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  
  .track {
    height: 650vw;
  }
  
  .track.about {
    height: 650vw;
  }
  
  .track.for-projects {
    height: 660vw;
  }
  
  .camera {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  
  .frame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  
  .home-projects-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--bg-color2);
  }
  
  .project-item {
    width: 100vw;
    height: 100%;
    padding-left: 10vw;
  }
  
  .project-list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  
  .project {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .project-collection-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .project-image-wrapper {
    position: relative;
    width: 35vw;
    height: 70vh;
    -webkit-transform: rotate(5.2deg);
    -ms-transform: rotate(5.2deg);
    transform: rotate(5.2deg);
  }
  .all-projects-container .project-image-wrapper{ width: 29vw; }
  
  .project-image-wrapper.no-rotate {
    height: 78vh;
    padding-top: 4vh;
    padding-bottom: 4vh;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  .project-context {
    position: relative;
    left: -5vw;
  }
  
  .project-context.all-projects {
    left: auto;
  }
  
  .project-context.for-services {
    left: 0vw;
    margin-top: 12px;
    margin-bottom: 24px;
  }
  
  .project-type {
    color: #fff;
    font-size: 2.3vw;
    line-height: 140%;
    font-weight: 700;
  }
  
  .project-type.dark {
    color: #222;
    font-size: 2vw;
  }
  
  .big-text {
    max-width: 40vw;
    margin-top: 24px;
    margin-bottom: 64px;
    color: #fff;
    font-size: 5vw;
    line-height: 90%;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000;
  }
  
  .big-text.wider {
    position: relative;
    z-index: 1;
    max-width: 60vw;
  }
  
  .big-text.for-footer {
    max-width: none;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
  }
  
  .big-text.for-footer.relative {
    position: relative;
    left: 10vw;
  }
  
  .big-text.for-footer.dark {
    color: #222;
  }
  
  .big-text.for-menu {
    max-width: none;
    margin-top: 0px;
    margin-bottom: 0px;
    color: var(--black);
    text-align: center;
  }
  
  .big-text.dark-smaller {
    margin-top: 16px;
    margin-bottom: 28px;
    color: #222;
    font-size: 5.3vw;
  }
  
  .secondary-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
  }
  
  .secondary-button-wrapper {
    display: inline-block;
    margin-left: 8vw;
  }
  
  .secondary-button-wrapper.no-margin {
    position: relative;
    z-index: 1;
    margin-left: 0vw;
  }
  
  .secondary-button-text {
    color: #fff;
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
    text-decoration: none;
  }
  
  .secondary-button-text.for-footer.absolute {
    position: absolute;
  }
  
  .secondary-button-text.dark {
    color: #222;
  }
  
  .secondary-button-text.absolute {
    position: absolute;
  }
  
  .secondary-btn-text-wrapper {
    position: relative;
    overflow: hidden;
    margin-right: 14px;
  }
  
  .secondary-btn-arrow-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 46px;
    height: 46px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 100%;
  }
  
  .secondary-btn-arrow-wrapper.for-footer {
    overflow: hidden;
  }
  
  .secondary-btn-arrow-wrapper.dark {
    border-color: #222;
  }
  
  .arrow-right {
    position: absolute;
    width: 14px;
  }
  
  .arrow-right.translate-left {
    -webkit-transform: translate(-240%, 0px);
    -ms-transform: translate(-240%, 0px);
    transform: translate(-240%, 0px);
  }
  
  .project-outer-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .project-outer-image-wrapper.for-services {
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(-80%, 0px);
    -ms-transform: translate(-80%, 0px);
    transform: translate(-80%, 0px);
  }
  
  .project-image {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
    -o-object-fit: cover;
    object-fit: cover;
  }
  .project-image{ filter: initial !important; }
  
  .all-projects-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    padding-right: 8.33vw;
    padding-left: 8.33vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  
  .infinite-slider {
    position: absolute;
    top: 0px;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .inner-slider {
    position: relative;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  
  .slider-1.extension {
    position: absolute;
    top: 100%;
  }
  
  .slider-1.extension.second {
    top: 0%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  
  .slider-1.second {
    -webkit-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
  
  .outer-slider {
    width: 32vw;
    margin-right: 4vh;
    margin-left: 4vh;
    -webkit-transform: translate(-19vh, 0px) rotate(5.2deg);
    -ms-transform: translate(-19vh, 0px) rotate(5.2deg);
    transform: translate(-19vh, 0px) rotate(5.2deg);
  }
  
  .line-animations-container-mobile {
    display: none;
  }
  
  .slider {
    width: 22vw;
    height: 23vw;
    background-color: transparent;
  }
  
  .section-outlined-heading-trigger {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -5;
    height: 100vh;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .projects-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85vw;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .projects-title-wrapper.for-projects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
  }
  
  .projects-title-wrapper.for-projects.hidden-on-desktop {
    display: none;
  }
  
  .home-services-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 300vh;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .home-services-animation-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    padding-bottom: 30vh;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  
  .line-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80vh;
    padding-bottom: 2px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .line-wrapper.long {
    height: 100vh;
  }
  
  .line-wrapper.short {
    height: 40vh;
  }
  
  .line-wrapper.awards-short-line {
    height: 28vh;
  }
  
  .line-wrapper.awards-start-1 {
    height: 75vh;
  }
  
  .line-wrapper.awards-start-2 {
    height: 60vh;
  }
  
  .line-wrapper.awards-medium-line {
    height: 58vh;
  }
  
  .line-wrapper.awards-start-2 {
    height: 60vh;
  }
  
  .line-wrapper.awards-start-3 {
    height: 45vh;
  }
  
  .line-wrapper.awards-long-line {
    height: 88vh;
  }
  
  .line-wrapper.align-left {
    padding-left: 10%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .line-wrapper.align-left.shorter {
    height: 35vh;
  }
  
  .line-wrapper.align-left.medium {
    height: 70vh;
  }
  
  .line-wrapper.align-left.very-long {
    height: 105vh;
  }
  
  .animation-item-text {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
  }
  
  .animation-item-text.white {
    color: #fff;
  }
  
  .animation-item-text.for-testimonial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
  
  .animation-line-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .outer-line-wrapper {
    overflow: hidden;
  }
  
  .navbar {
    position: fixed;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 40px 4.15vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    mix-blend-mode: difference;
  }
  
  .navbar.for-menu {
    mix-blend-mode: normal;
  }
  
  .navbar-logo-container {
    position: relative;
    overflow: hidden;
    text-decoration: none;
  }
  
  .navbar-logo-text {
    font-family: 'Fontspring demo theseasons bd', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
  }
  
  .navbar-logo-text.absolute {
    position: absolute;
  }
  
  .menu-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .top-menu-line {
    width: 36px;
    height: 2px;
    background-color: #fff;
  }
  
  .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .bottom-menu-line {
    width: 56%;
    height: 2px;
    margin-top: 9px;
    background-color: #fff;
  }
  
  .menu {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 200;
    display: none;
    overflow: auto;
    background-color: var(--bg-color);
  }
  
  .menu-links-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15vw;
    padding-bottom: 10vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .menu-number-wrapper {
    margin-bottom: 21px;
  }
  
  .menu-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    margin-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
  }
  
  .menu-number-text {
    color: hsla(0, 0%, 100%, 0.5);
    line-height: 90%;
    font-weight: 700;
  }
  
  .menu-background-image {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    opacity: 0;
  }
  
  .menu-socials {
    position: fixed;
    top: 50%;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 4.15vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .menu-social {
    position: relative;
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 4px;
    text-decoration: none;
  }
  
  .menu-social-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  }
  
  .menu-social-text.absolute {
    position: absolute;
  }
  
  .full-width-image {
    width: 100%;
  }
  

  .service {
    position: absolute;
    left: 8.33vw;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .service.hidden {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
  }
  
  .service-text-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .service-paragraph-wrapper {
    max-width: 350px;
  }
  
  .service-image-content {
    width: 61%;
    height: 100%;
  }
  
  .service-image-wrapper {
    width: 100%;
    height: 75vh;
  }
  
  .infinite-words-slider {
    width: 100%;
    margin-top: 48px;
  }
  
  
  .word-slide-circle {
    min-height: 12px;
    min-width: 12px;
    margin-right: 22px;
    margin-left: 22px;
    border-radius: 100%;
    background-color: #fff;
  }
  
  .inner-words-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .projects-outer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .projects-title {
    width: 30%;
    padding-top: 120px;
    padding-bottom: 120px;
  }
  
  .projects-inner-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .project-image-wrapper-services {
    display: none;
  }
  
  .projects-hero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60vw;
    padding-top: 100px;
    padding-left: 8.33vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .projects-center-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .projects-slider {
    height: 100%;
  }
  
  .projects-slider-list {
    width: 100%;
    height: 100%;
  }
  
  .projects-slider-item {
    width: 100%;
    height: 100%;
  }
  
  .slide-nav {
    display: none;
  }
  
  .right-arrow {
    display: none;
  }
  
  .left-arrow {
    display: none;
  }
  
  .icon {
    display: none;
  }
  
  .icon-2 {
    display: none;
  }
  
  .discover-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .huge-arrow {
    width: 88px;
    margin-left: 46px;
  }
  
  .main-projects-container {
    height: 100vh;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #222;
  }
  
  
  .contact-image-wrapper.for-template-page {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    height: 100vh;
  }
  
  .contact-paragraph {
    max-width: 410px;
    margin-top: 28px;
  }
  
  .contact-line {
    width: 2px;
    height: 100%;
    margin-top: 22px;
    margin-bottom: 22px;
    background-color: #222;
  }
  
  .contact-line.for-template-page {
    height: 22.5vh;
  }
  
  .contact-line.transparent-background {
    background-color: transparent;
  }
  
  .contact-bold-text {
    font-size: 24px;
    font-weight: 700;
  }
  
  .mail-wrapper {
    margin-top: 4px;
    margin-bottom: 28px;
  }
  
  .mail-link {
    color: #222;
  }
  
  .social-link {
    position: relative;
    overflow: hidden;
    margin-right: 40px;
    text-decoration: none;
  }
  
  .social-link-text {
    color: #222;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
  }
  
  .social-link-text.absolute {
    position: absolute;
  }
  
  .contact-image-wrapper-mobile {
    display: none;
  }
  
  .template-info-container {
    max-width: 410px;
  }
  
  .template-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .template-info-paragraph {
    margin-top: 4px;
  }
  
  .license-link {
    color: #222;
    font-weight: 500;
  }
  
  .style-guide-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .dark-wrapper {
    background-color: #222;
  }
  
  .instruction-item {
    margin-top: 120px;
  }
  
  .instruction-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .instruction-paragraph {
    margin-top: 24px;
  }
  
  .instruction-image-wrapper {
    width: 100%;
    height: auto;
  }
  
  .utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  
  .utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .lock-image {
    width: 20vw;
    margin-bottom: 24px;
  }
  
  .hidden-label {
    display: none;
  }
  
  .password-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .page-not-found-wrapper {
    margin-top: 12px;
  }
  
  ._404-button-wrapper {
    margin-top: 32px;
  }
  
  .loadercustom, .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #222;
  }
  
  .perspective-wrapper {
    position: relative;
    z-index: 3;
    -webkit-perspective: 700px;
    perspective: 700px;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  
  .perspective-wrapper.horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .perspective-wrapper.horizontal.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .inner-contact-line {
    width: 100%;
    height: 100%;
    background-color: #222;
  }
  
  .cursor {
    position: fixed;
    z-index: 9500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75px;
    height: 75px;
    margin-top: -37.5px;
    margin-left: -37.5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    opacity: 1;
    mix-blend-mode: difference;
  }
  
  .cursor-inner {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    opacity: 1;
    outline-color: #fff;
    outline-offset: 0px;
    outline-style: solid;
    outline-width: 1px;
    mix-blend-mode: difference;
  }
  
  .medium-span {
    font-weight: 500;
  }
  
  .bold-text {
    font-weight: 300;
  }
  
  .page-padding {
    padding-right: 5%;
    padding-left: 5%;
  }
  
  .text-weight-semibold {
    font-weight: 600;
  }
  
  .pricing4_icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .pricing4_feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .pricing4_content-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .icon-1x1-xsmall {
    width: 1.5rem;
    height: 1.5rem;
  }
  
  .container-small {
    width: 100%;
    max-width: 48rem;
    margin-right: auto;
    margin-left: auto;
  }
  
  .button {
    padding: 0.75rem 1.5rem;
    border: 1px solid transparent;
    background-color: transparent;
    color: transparent;
    text-align: center;
  }
  
  .text-size-medium {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 1.125rem;
    text-align: center;
  }
  
  .heading-medium {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 700;
  }
  
  .pricing4_component {
    margin-bottom: 40px;
    padding: 2rem;
    border: 1px solid #000;
  }
  
  .heading-small {
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 700;
  }
  
  .pricing4_feature-icon-wrapper {
    margin-right: 1rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .padding-vertical {
    padding-right: 0rem;
    padding-left: 0rem;
  }
  
  .padding-vertical.padding-xhuge {
    text-align: center;
  }
  
  .margin-bottom {
    margin-top: 0rem;
    margin-right: 0rem;
    margin-left: 0rem;
  }
  
  .pricing4_divider {
    width: 100%;
    height: 1px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: transparent;
  }
  
  .text-align-center {
    text-align: center;
  }
  
  .pricing4_feature-list {
    display: -ms-grid;
    display: grid;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    grid-auto-columns: 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .max-width-large {
    width: 100%;
    max-width: 48rem;
  }
  
  .heading-xxlarge {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 700;
  }
  
  .icon-1x1-medium {
    width: 3rem;
    height: 3rem;
  }
  
  .heading-3 {
    margin-top: 60px;
    margin-bottom: 0px;
    text-align: center;
  }
  
  .tab-pane__name {
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 2.2rem;
  }
  
  .form-field-group__title {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #000;
    color: #c23333;
  }
  
  .tab-pane__name-prefix {
    color: #c23333;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  
  .tab-pane__right-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .tabs-menu-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .tab__link {
    margin-right: 0.5rem;
    margin-left: 0.25rem;
    padding: 1rem 2rem;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 1px 4px 12px 0 rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  .tab__link:hover {
    background-color: #c23333;
    box-shadow: 5px 5px 40px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color: #fff;
  }
  
  .tab__link:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
  }
  
  .tab__link.w--current {
    border-bottom-color: #1f1f1f;
    background-color: #c23333;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color: #fff;
  }
  
  .form-field__input {
    display: block;
    border-radius: 4px;
  }
  
  .tab-pane__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .tab-pane__left-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5rem 2rem 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 40%;
    -ms-flex: 0 40%;
    flex: 0 40%;
  }
  
  .tab-link__name-prefix {
    color: #c23333;
  }
  
  .tab-pane__image {
    margin-bottom: 1rem;
    border-radius: 10px;
    box-shadow: 1px 4px 12px 0 rgba(0, 0, 0, 0.05);
  }
  
  .tab-link__name {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
  
  .tab-pane__description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .form-field-group__wrapper {
    padding-top: 1rem;
  }
  
  .form-field__label {
    color: #1f1f1f;
    font-weight: 500;
  }
/*   
  .btn {
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px;
    padding: 7px 20px;
    border-radius: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0.08))), -webkit-gradient(linear, left top, left bottom, from(red), to(#e60f0f));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), linear-gradient(180deg, red, #e60f0f);
    box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 200;
  }
  
  .btn:hover {
    border-color: #e60f0f;
    background-color: red;
    background-image: none;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
  } */
  
  .form-block-2 {
    padding: 3rem;
  }
  
  .tabs-menu-3 {
    margin-top: 60px;
    text-align: center;
  }
  
  .tabs-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .page-padding-2 {
    margin-top: 60px;
    padding-right: 5%;
    padding-left: 5%;
  }
  
  .max-width-medium {
    width: 100%;
    max-width: 35rem;
  }
  
  .pricing1_icon-wrapper {
    margin-right: 1rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .pricing1_feature-list {
    display: -ms-grid;
    display: grid;
    margin-bottom: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    grid-auto-columns: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .text-size-medium-2 {
    font-size: 1.125rem;
  }
  
  .margin-vertical {
    margin-right: 0rem;
    margin-left: 0rem;
  }
  
  .pricing1_component {
    padding: 2rem;
    border: 1px solid #000;
  }
  
  .pricing1_feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .heading-xsmall {
    margin-bottom: 10px;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
  }
  
  .heading-xxlarge-2 {
    margin-bottom: 10px;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 700;
  }
  
  .tab-pane-tab-4 {
    text-align: center;
  }
  
  .container-2 {
    margin-top: 45px;
    margin-bottom: 45px;
    text-align: center;
  }
  
  .pricing18_plan {
    padding: 2rem;
    border: 1px solid #000;
  }
  
  .pricing18_icon-wrapper {
    margin-right: 1rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .pricing18_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .pricing18_components {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .pricing18_feature-list {
    display: -ms-grid;
    display: grid;
    margin-bottom: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    grid-auto-columns: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    text-align: left;
  }
  
  .container-large {
    width: 100%;
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
  }
  
  .pricing18_feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .pricing22_component {
    width: 100%;
  }
  
  .pricing22_bottom-row {
    padding-top: 2rem;
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    -ms-grid-columns: 1.5fr 1fr 1fr 1fr;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    background-color: transparent;
  }
  
  .pricing22_heading-row {
    margin-top: 2rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  
  .pricing22_top-row {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    -ms-grid-columns: 1.5fr 1fr 1fr 1fr;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    background-color: transparent;
  }
  
  .pricing22_feature {
    padding: 1rem 1.5rem;
  }
  
  .margin-top {
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }
  
  .pricing22_bottom-row-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
  }
  
  .pricing22_top-row-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
  }
  
  .pricing22_row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1.5fr 1fr 1fr 1fr;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .heading-xsmall-2 {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
  }
  
  .pricing22_row-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 1.5rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    text-align: center;
  }
  
  .heading-xxlarge-3 {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 700;
  }
  
  .pricing19_divider {
    width: 100%;
    height: 1px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: transparent;
  }
  
  .pricing19_icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .pricing19_feature-icon-wrapper {
    margin-right: 1rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .pricing19_content-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .pricing19_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .pricing19_feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .pricing19_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .pricing19_feature-list {
    display: -ms-grid;
    display: grid;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    grid-auto-columns: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    text-align: left;
  }
  
  .pricing19_plan {
    padding: 2rem;
    border: 1px solid #000;
  }
  
  .privacyheading {
    font-size: 4vw;
  }
  
  .text-span-7 {
    color: #fff;
    text-decoration: none;
  }
  
  @media screen and (min-width: 1280px) {
    .wide-container {
      margin-top: 25px;
    }
  
    .big-text.dark-smaller {
      font-size: 5.3vw;
    }
  
    .footer-link.secondary.smaller {
      color: #fff;
    }
  
    .footer-image-wrapper.no-pointer-events {
      left: -33.8vh;
      top: -293.188px;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile {
      display: none;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile.translate-up {
      display: none;
    }
  
    .navbar-logo-text {
      color: #f5f5f5;
    }
  
    .about-hero-image-wrapper {
      max-height: 110vh;
    }
  
    .about-description-container {
      margin-left: 48px;
    }
  
    .description-header-text {
      font-size: 36px;
    }
  
    .description-header-circle {
      min-height: 8px;
      min-width: 8px;
    }
  
    .service.hidden {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  
    .service-text-content {
      margin-top: 19vw;
    }
  
    .bold-text {
      font-weight: 300;
    }
  
    .link {
      text-decoration: none;
    }
  
    .text-weight-semibold {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
    }
  
    .section-pricing4 {
      margin-top: 45px;
      margin-bottom: 45px;
    }
  
    .margin-bottom.margin-small {
      text-align: center;
    }
  
    .text-align-center {
      text-align: center;
    }
  
    .max-width-large.align-center {
      max-width: none;
    }
  
    .tabs-menu-3 {
      margin-top: 60px;
    }
  
    .page-padding-2 {
      margin-top: 60px;
    }
  
    .page-padding-2.hide-tablet {
      text-align: center;
    }
  
    .heading-xsmall {
      margin-bottom: 10px;
    }
  
    .heading-xxlarge-2 {
      margin-bottom: 10px;
      font-size: 2.9rem;
    }
  
    .pricing18_components {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  
    .pricing18_feature-list {
      text-align: left;
    }
  
    .heading-xsmall-2 {
      text-align: center;
    }
  
    .heading-xxlarge-3 {
      text-align: center;
    }
  
    .pricing19_plan {
      text-align: left;
    }
  
    .heading-4 {
      margin-right: auto;
      margin-bottom: 40px;
      margin-left: auto;
      text-align: center;
    }
  
    .text-block-3 {
      text-align: center;
    }
  
    .text-block-4 {
      text-align: center;
    }
  
    .text-block-5 {
      text-align: center;
    }
  
    .privacyheading {
      font-size: 4vw;
    }
  
    .text-span-7 {
      color: #fff;
    }
  }
  
  @media screen and (min-width: 1440px) {
    .wide-container {
      max-width: none;
      margin-top: 40px;
      padding-right: 8.33vw;
      padding-left: 8.33vw;
    }
  
    .wide-container.stretch {
      max-width: 100%;
      padding-right: 8.33vw;
      padding-left: 8.33vw;
    }
  
    .hero-container {
      padding-top: 100px;
      padding-bottom: 70px;
    }
  
    .hero-container.extra-top-padding {
      padding-top: 120px;
    }
  
    .hero-container.for-contact {
      padding-right: 0vw;
      padding-bottom: 40px;
      padding-left: 100px;
    }
  
    .heading-1 {
      font-size: 9vw;
    }
  
    .home-hero-image-container {
      width: 51vw;
      height: 58vh;
    }
  
    .home-hero-image {
      height: 119vh;
      -webkit-transform: translate(-3%, 0px);
      -ms-transform: translate(-3%, 0px);
      transform: translate(-3%, 0px);
    }
  
    .experience-number.absolute {
      display: block;
    }
  
    .big-text.dark-smaller {
      margin-bottom: 36px;
      font-size: 5.3vw;
    }
  
    .footer-image-wrapper.no-pointer-events {
      left: -21.7vh;
      top: -216px;
      height: 102vh;
      min-height: 125vh;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile {
      display: none;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile.translate-up {
      display: none;
    }
  
    .footer-links-container {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
    }
  
    .main-links.for-smaller-footer {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  
    .socials-and-newsletter-container.for-smaller-footer {
      max-width: 37%;
    }
  
    .about-hero-image-wrapper {
      height: auto;
    }
  
    .testimonial-text-content {
      height: 75vh;
      padding-top: 9vh;
    }
  
    .testimonial-vertical-line.for-service {
      height: 12vh;
      min-height: 12vh;
    }
  
    .service-text-content {
      margin-top: 20vw;
    }
  
    .projects-hero {
      padding-top: 120px;
    }
  
    .text-span {
      color: #fff;
    }
  
    .bold-text {
      font-weight: 300;
    }
  
    .amiralilink {
      color: #fff;
    }
  
    .tabs-menu-3 {
      margin-top: 60px;
    }
  
    .page-padding-2 {
      margin-top: 60px;
    }
  
    .heading-xxlarge-2 {
      font-size: 3.1rem;
    }
  
    .container-2 {
      margin-top: 45px;
      margin-bottom: 45px;
      text-align: center;
    }
  
    .pricing18_components {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  
    .pricing18_feature-list {
      text-align: left;
    }
  
    .link-2 {
      color: #fff;
    }
  
    .bold-text-6 {
      font-size: 10vw;
    }
  
    .privacyheading {
      font-size: 4vw;
    }
  }
  
  @media screen and (min-width: 1920px) {
    .hero.for-services {
      height: 500vw;
    }
  
    .wide-container {
      display: block;
      margin-top: 0px;
      margin-right: auto;
      margin-left: auto;
      padding-right: 12vw;
      padding-left: 12vw;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
    }
  
    .wide-container.stretch {
      padding-right: 12vw;
      padding-left: 12vw;
    }
  
    .wide-container.center {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }
  
    .hero-container {
      padding-top: 5.56vw;
      padding-bottom: 3.89vw;
    }
  
    .hero-container.extra-top-padding {
      padding-top: 7vw;
    }
  
    .hero-container.for-contact {
      padding-bottom: 2.22vw;
      padding-left: 5.55vw;
    }
  
    .hero-container.for-contact.for-template-page {
      padding-bottom: 14vh;
    }
  
    .wrapper.for-awards-year {
      right: -0.22vw;
    }
  
    .wrapper.rotated-header {
      margin-left: 21vw;
    }
  
    .wrapper.contact-header {
      left: -16vw;
    }
  
    .wrapper.overflow-visible {
      text-align: left;
    }
  
    .heading-1 {
      font-size: 8vw;
      text-align: left;
    }
  
    .heading-1.outlined.bigger {
      font-size: 11.5vw;
    }
  
    .heading-1.projects-heading {
      text-align: right;
    }
  
    .heading-1.smaller-on-mobile {
      font-size: 4vw;
    }
  
    .heading-1.smaller-on-mobile.privacyheading {
      font-size: 5vw;
    }
  
    .hero-paragraph-container {
      max-width: 24.44vw;
      margin-top: 1vw;
      margin-bottom: 1.56vw;
    }
  
    .paragraph {
      font-size: var(--fonsize18);
      text-align: left;
      margin: 1.5rem 0 2rem;
      color: #000;
    }
  
    .paragraph.left {
      text-align: left;
    }
  
    .primary-button {
      padding: 0.56vw 1.56vw;
    }
  
    .primary-button.light {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 2.3vw;
      padding: 0.44vw 1.33vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .primary-button.smaller {
      height: 2.3vw;
      padding: 0.44vw 1.33vw;
    }
  
    .primary-button-text {
      font-size: 1vw;
    }
  
    .primary-button-shadow {
      left: 0.333vw;
      bottom: -0.222vw;
    }
  
    .home-hero-image-container {
      width: 47vw;
    }
  
    .home-hero-image {
      -webkit-transform: translate(-5%, 0px);
      -ms-transform: translate(-5%, 0px);
      transform: translate(-5%, 0px);
    }
  
    .keyword-text {
      font-size: 0.78vw;
    }
  
    .keyword-circle {
      width: 0.222vw;
      height: 0.222vw;
      margin-right: 1.11vw;
      margin-left: 1.11vw;
    }
  
    .section {
      padding-top: 14vh;
      padding-bottom: 14vh;
    }
  
    .section.experience-section {
      padding-top: 12vh;
    }
  
    .section.dark.for-services {
      margin-top: 40px;
    }
  
    .home-about-container {
      padding-left: 10vw;
    }
  
    .section-text-container {
      text-align: left;
    }
  
    .section-title-wrapper.vertical.for-awards {
      margin-top: 14vh;
    }
  
    .section-title-wrapper.for-services {
      display: none;
    }
  
    .section-outlined-heading.outlined {
      display: block;
    }
  
    .section-outlined-heading.outlined.for-testimonial {
      display: block;
      font-size: 13vw;
    }
  
    .section-paragraph-wrapper {
      max-width: 28.5vw;
      margin-bottom: 1.56vw;
    }
  
    .section-paragraph-wrapper.for-overview {
      max-width: 30vw;
    }
  
    .experience-item {
      margin-bottom: 3.56vw;
    }
  
    .line-circle {
      width: 0.67vw;
      height: 0.67vw;
      min-height: 0.67vw;
      min-width: 0.67vw;
    }
  
    .experience-number {
      display: block;
      margin-top: 1.11vw;
    }
  
    .experience-number.absolute {
      display: block;
    }
  
    .experience-number.absolute.first {
      display: block;
    }
  
    .experience-number.experience-content {
      display: block;
      white-space: nowrap;
    }
  
    .experience-text {
      max-width: none;
      font-size: 1vw;
    }
  
    .track.for-projects {
      height: 300vw;
    }
  
    .project-image-wrapper {
      width: 35vw;
    }
    .all-projects-container .project-image-wrapper{ width: 29vw; }
  
    .project-context.for-services {
      margin-top: 0.67vw;
      margin-bottom: 1.33vw;
    }
  
    .project-type.dark {
      text-align: left;
    }
  
    .big-text {
      margin-top: 1.33vw;
      margin-bottom: 3.56vw;
    }
  
    .big-text.dark-smaller {
      margin-top: 0.88vw;
      margin-bottom: 2.5vw;
      font-size: 5.3vw;
      text-align: left;
    }
  
    .secondary-button-text {
      font-size: 1.11vw;
    }
  
    .secondary-btn-text-wrapper {
      margin-right: 0.78vw;
    }
  
    .secondary-btn-arrow-wrapper {
      width: 2.56vw;
      height: 2.56vw;
    }
  
    .arrow-right {
      width: 0.78vw;
    }
  
    .all-projects-container {
      position: relative;
      padding-right: 12vw;
      padding-left: 12vw;
    }
  
    .outer-slider {
      margin-right: 1vh;
      margin-left: 1vh;
      -webkit-transform: translate(-17vh, 0px) rotate(5.2deg);
      -ms-transform: translate(-17vh, 0px) rotate(5.2deg);
      transform: translate(-17vh, 0px) rotate(5.2deg);
    }
  
    .slider {
      width: 21vw;
      height: 21.5vw;
    }
  
    .animation-item-text {
      margin-top: 0.44vw;
      margin-bottom: 0.44vw;
      font-size: 1.78vw;
    }
  
    .animation-item-text.for-testimonial {
      margin-top: 0vw;
      margin-bottom: 0vw;
    }
  
    .animation-item-text.for-testimonial.tagline {
      font-size: 1vw;
      line-height: 1.1;
      font-weight: 500;
    }
  
    .footer {
      padding-top: 14vh;
    }
  
    .footer-link {
      font-size: 1vw;
    }
  
    .footer-link.secondary.smaller {
      color: #848484;
      font-size: 0.78vw;
    }
  
    .footer-image-wrapper.no-pointer-events {
      display: block;
      height: 128vh;
      min-height: 128vh;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile {
      display: none;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile.translate-up {
      display: none;
    }
  
    .image {
      display: inline-block;
    }
  
    .footer-secondary-button-wrapper {
      margin-top: 1.78vw;
    }
  
    .footer-links-container {
      grid-column-gap: 1.78vw;
      grid-row-gap: 1.78vw;
    }
  
    .footer-links-container.for-smaller-footer {
      width: 40%;
    }
  
    .footer-link-wrapper {
      margin-top: 0.5vw;
      margin-bottom: 0.5vw;
    }
  
    .main-links.for-smaller-footer {
      margin-bottom: 3.85vw;
    }
  
    .socials-and-newsletter-container {
      margin-top: 2.22vw;
    }
  
    .social {
      min-height: 1.33vw;
      min-width: 1.33vw;
      margin-right: 1.56vw;
    }
  
    .newsletter-container {
      padding-top: 4.44vw;
      padding-bottom: 4.44vw;
    }
  
    .newsletter-container.for-smaller-footer {
      margin-top: 0.5vw;
    }
  
    .newsletter-form {
      font-size: 1vw;
    }
  
    .text-field {
      height: 2.3vw;
      margin-right: 0.67vw;
      padding: 0.52vw 0.67vw;
      font-size: 0.75vw;
    }
  
    .text-field.dark {
      min-width: 20vw;
    }
  
    .form-block {
      margin-top: 0.39vw;
    }
  
    .sent-message-container {
      margin-top: 0.56vw;
    }
  
    .error-text {
      font-size: 1vw;
    }
  
    .success-text {
      margin-top: 1vw;
      margin-bottom: 1vw;
      font-size: 1.22vw;
    }
  
    .lower-footer {
      padding-top: 1.67vw;
      padding-bottom: 1.67vw;
    }
  
    .navbar {
      padding: 2.22vw 6vw;
    }
  
    .navbar-logo-text {
      color: #222;
      font-size: 0vw;
      line-height: 144%;
    }
  
    .top-menu-line {
      width: 2vw;
    }
  
    .bottom-menu-line {
      width: 1.11vw;
      margin-top: 0.5vw;
    }
  
    .menu-number-wrapper {
      margin-bottom: 1.11vw;
    }
  
    .menu-link {
      margin-top: 3.33vw;
      margin-bottom: 3.33vw;
    }
  
    .menu-number-text {
      font-size: 1vw;
    }
  
    .menu-socials {
      padding-right: 6vw;
    }
  
    .menu-social {
      margin-top: 0.22vw;
      margin-bottom: 0.22vw;
    }
  
    .menu-social-text {
      font-size: 0.78vw;
    }
  
    .about-hero-title {
      padding-right: 12vw;
      padding-left: 12vw;
    }
  
    .about-hero-content {
      top: -1.89vw;
      padding-right: 12vw;
    }
  
    .about-hero-image-wrapper {
      height: 95vh;
      max-height: none;
      min-height: auto;
    }
  
    .about-description-container {
      margin-left: 2.67vw;
    }
  
    .description-item {
      margin-top: 1.67vw;
      margin-bottom: 1.67vw;
    }
  
    .description-header-text {
      font-size: 2vw;
    }
  
    .description-header-circle {
      min-height: 0.44vw;
      min-width: 0.44vw;
      margin-right: 0.88vw;
      margin-left: 0.88vw;
    }
  
    .description-item-paragraph {
      margin-top: 0.88vw;
    }
  
    .experience-container {
      margin-top: 2.65vw;
    }
  
    .experience {
      margin-top: 0.22vw;
      margin-bottom: 0.22vw;
    }
  
    .experience-content-text.smaller-outline.outlined {
      white-space: nowrap;
    }
  
    .awards-container {
      padding-left: 12vw;
    }
  
    .award-year {
      font-size: 0.67vw;
    }
  
    .sticky-item {
      padding-left: 12vw;
    }
  
    .testimonial-vertical-line {
      margin-top: 2.1vw;
      margin-bottom: 2.1vw;
    }
  
    .testimonial-vertical-line.for-service {
      margin-top: 0.67vw;
      margin-bottom: 1.22vw;
    }
  
    .testimonial-paragraph-wrapper {
      max-width: 19.5vw;
      margin-bottom: 0.44vw;
    }
  
    .testimonial-person-job {
      font-size: 1vw;
    }
  
    .progress-bar {
      height: 0.4vw;
    }
  
    .service {
      left: 12vw;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  
    .service.hidden {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  
    .service-text-content {
      margin-top: 18vw;
    }
  
    .service-paragraph-wrapper {
      max-width: 22vw;
    }
  
    .infinite-words-slider {
      margin-top: 2.65vw;
    }
  
    .outer-words-slider.to-left {
      margin-top: 0.44vw;
    }
  
    .slider-word {
      font-size: 4vw;
    }
  
    .slider-word.smaller-white-outline.outlined {
      max-width: 452px;
      font-size: 3.8vw;
    }
  
    .word-slide-circle {
      min-height: 0.67vw;
      min-width: 0.67vw;
      margin-right: 1.22vw;
      margin-left: 1.22vw;
    }
  
    .projects-title {
      padding-top: 14vh;
    }
  
    .projects-hero {
      padding-top: 7vw;
      padding-left: 12vw;
    }
  
    .huge-arrow {
      width: 4.85vw;
      margin-left: 2.54vw;
    }
  
  
    .project-main-image-container {
      margin-top: 1.33vw;
    }
  
    .contact-paragraph {
      max-width: 20vw;
      margin-top: 1.55vw;
    }
  
    .contact-line {
      margin-top: 1.22vw;
      margin-bottom: 1.22vw;
    }
  
    .contact-bold-text {
      font-size: 1.33vw;
    }
  
    .mail-wrapper {
      margin-top: 0.22vw;
      margin-bottom: 1.55vw;
    }
  
    .mail-link {
      font-size: 1vw;
    }
  
    .social-link {
      margin-right: 2.22vw;
    }
  
    .social-link-text {
      font-size: 0.77vw;
    }
  
    .template-info-container {
      max-width: 20vw;
    }
  
    .template-info-container.bigger {
      max-width: 30vw;
    }
  
    .template-info-paragraph {
      margin-top: 0.22vw;
    }
  
    .instruction-item {
      margin-top: 14vh;
    }
  
    .instruction-paragraph {
      margin-top: 1.33vw;
    }
  
    .lock-image {
      width: 15vw;
      margin-bottom: 1.33vw;
    }
  
    .password-container {
      margin-top: 1.56vw;
    }
  
    .page-not-found-wrapper {
      margin-top: 0.65vw;
    }
  
    ._404-button-wrapper {
      margin-top: 1.78vw;
    }
  
    .cursor {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .medium-span {
      font-weight: 500;
    }
  
    .text-span-2 {
      color: #fff;
    }
  
    .bold-text {
      font-weight: 300;
    }
  
    .text-span-3 {
      color: rgba(34, 34, 34, 0.9);
    }
  
    .text-span-4 {
      color: hsla(0, 0%, 100%, 0.95);
    }
  
    .text-span-6 {
      color: #fff;
    }
  
    .page-padding {
      margin-bottom: 100px;
    }
  
    .button.max-width-full {
      display: inline-block;
    }
  
    .text-size-medium {
      margin-top: 40px;
      margin-bottom: 40px;
    }
  
    .pricing4_component {
      margin-bottom: 60px;
    }
  
    .section-pricing4 {
      margin-top: 40px;
      margin-bottom: 40px;
    }
  
    .heading-xxlarge {
      font-size: 2.4rem;
    }
  
    .section-2 {
      margin-bottom: 200px;
    }
  
    .req {
      color: #eb5353;
    }
  
    .heading-3.subheadingpricing {
      font-size: 2vw;
    }
  
    .tabs {
      cursor: default;
    }
  
    .section-3 {
      display: block;
    }
  
    .tabs-menu-3 {
      margin-top: 60px;
      margin-bottom: 60px;
    }
  
    .page-padding-2 {
      margin-top: 40px;
    }
  
    .page-padding-2.hide-tablet {
      padding-right: 1%;
      padding-left: 1%;
    }
  
    .heading-xxlarge-2 {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 3rem;
    }
  
    .button-2 {
      text-align: center;
    }
  
    .container-2 {
      margin-top: 0px;
      margin-bottom: 0px;
      text-align: center;
    }
  
    .pricing18_plan {
      text-align: left;
    }
  
    .pricing18_components {
      grid-auto-flow: column;
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  
    .text-block {
      text-align: left;
    }
  
    .text-block-2 {
      text-align: left;
    }
  
    .tabs-2 {
      position: relative;
      width: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }
  
    .pricing22_top-row {
      -ms-grid-columns: 1.5fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    }
  
    .pricing22_row {
      -ms-grid-columns: 1.5fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    }
  
    .pricing22_row.background-color-lightgrey {
      -ms-grid-columns: 1.5fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    }
  
    .heading-xxlarge-3 {
      font-size: 1.8rem;
    }
  
    .pricing19_component {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .pricing19_feature-list {
      font-size: 16px;
    }
  
    .tab-link-tab-4 {
      cursor: default;
    }
  
    .bold-text-2 {
      font-size: 1.4rem;
    }
  
    .bold-text-3 {
      font-size: 1.4rem;
    }
  
    .bold-text-4 {
      font-size: 1.4rem;
    }
  
    .bold-text-5 {
      font-size: 1.4rem;
    }
  
    .text-block-6 {
      font-weight: 400;
    }
  
    .text-block-7 {
      font-size: 16px;
    }
  
    .container-3 {
      margin-top: 0px;
      margin-bottom: 20px;
    }
  
    .privacysubhead {
      margin-top: 12px;
      margin-bottom: 15px;
      font-size: 2vw;
    }
  
    .section-4 {
      margin-top: 100px;
      margin-bottom: 100px;
    }
  
    .privacyheading {
      font-size: 2vw;
    }
  }
  
  @media screen and (max-width: 991px) {
    .hero {
      height: auto;
      min-height: auto;
    }
  
    .hero.for-services {
      height: auto;
      padding-bottom: 100px;
    }
  
    .hero.for-projects {
      overflow: hidden;
    }
  
    .hero.for-contact {
      height: 100vh;
      min-height: 100vh;
    }
  
    .wide-container {
      margin-top: 70px;
      padding-right: 30px;
      padding-left: 30px;
    }
  
    .wide-container.home-services {
      overflow: hidden;
      padding-right: 0px;
      padding-left: 0px;
    }
  
    .wide-container.for-services {
      position: static;
      height: auto;
      padding-right: 30px;
    }
  
    .wide-container.my-work-container {
      padding-right: 0px;
      padding-left: 0px;
    }
  
    .hero-container {
      padding-top: 110px;
      padding-bottom: 60px;
    }
  
    .hero-container.extra-top-padding {
      padding-top: 120px;
    }
  
    .hero-container.for-contact {
      padding-left: 48px;
    }
  
    .hero-container.for-contact.for-template-page {
      padding-right: 30px;
      padding-bottom: 100px;
    }
  
    .hero-text-content {
      margin-bottom: 60px;
    }
  
    .wrapper.horizontal {
      overflow: visible;
    }
  
    .wrapper.horizontal.align-center {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .wrapper.padding-left {
      padding-left: 23vw;
    }
  
    .wrapper.smaller-padding-left {
      padding-left: 8.5vw;
    }
  
    .wrapper.rotated-header {
      margin-left: 70vw;
    }
  
    .wrapper.project-title-wrapper {
      padding-right: 30px;
      padding-left: 30px;
      text-align: center;
    }
  
    .wrapper.contact-header {
      left: -24.7vw;
    }
  
    .wrapper.contact-header.absolute {
      left: -15.2vw;
    }
  
    .heading-1 {
      font-size: 11vw;
    }
  
    .heading-1.outlined.bigger {
      font-size: 15.5vw;
    }
  
    .heading-1.projects-heading {
      text-align: right;
    }
  
    .heading-1.smaller-on-mobile {
      font-size: 13vw;
    }
  
    .hero-paragraph-container {
      max-width: 57vw;
    }
  
    .home-hero-image-container {
      width: 41vw;
      height: 58%;
    }
  
    .home-hero-image {
      left: 10%;
      height: 222%;
    }
  
    .section {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .section.home-about {
      padding-top: 100px;
      padding-bottom: 0px;
    }
  
    .section.desktop-no-padding-top {
      padding-bottom: 0px;
    }
  
    .section.experience-section {
      overflow: hidden;
      padding-top: 54px;
    }
  
    .section.about-horizontal-sticky-part {
      overflow: hidden;
    }
  
    .section.dark.for-services {
      height: auto;
      min-height: 80vh;
    }
  
    .section.dark.for-project-work {
      overflow: hidden;
      padding-top: 100px;
      padding-bottom: 76px;
    }
  
    .section.projects-section {
      padding-top: 100px;
    }
  
    .section.for-gallery {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .home-about-container {
      width: auto;
      height: auto;
      padding-left: 0vw;
    }
  
    .full-height-text-container {
      width: 100%;
      height: auto;
      padding-bottom: 100px;
    }
  
    .section-text-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .section-title-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  
    .section-title-wrapper.vertical.for-awards {
      position: relative;
      margin-top: 0px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  
    .section-title-wrapper.for-services {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 24px;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      white-space: nowrap;
    }
  
    .section-title-wrapper.for-project {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  
    .section-title-wrapper.for-loader {
      padding-left: 10vw;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
  
    .section-outlined-heading {
      font-size: 18.5vw;
    }
  
    .heading-2 {
      font-size: 5vw;
    }
  
    .heading-2.absolute {
      -webkit-transform: translate(0px, -25%);
      -ms-transform: translate(0px, -25%);
      transform: translate(0px, -25%);
      font-size: 7vw;
    }
  
    .heading-2.absolute.white.for-awards {
      right: auto;
    }
  
    .section-paragraph-wrapper {
      max-width: 620px;
    }
  
    .section-paragraph-wrapper.center-on-tablet {
      text-align: center;
    }
  
    .home-about-experience-container {
      position: static;
      display: none;
      width: 100%;
      height: auto;
      margin-right: 0vw;
    }
  
    .experience-number {
      margin-top: 0px;
      color: #222;
      font-size: 72px;
    }
  
    .experience-number.experience-content {
      font-size: 8vw;
    }
  
    .experience-text {
      position: absolute;
      bottom: 0px;
      -webkit-transform: translate(0px, 100%);
      -ms-transform: translate(0px, 100%);
      transform: translate(0px, 100%);
      white-space: nowrap;
    }
  
    .home-about-inner-container {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .track {
      width: 100%;
      height: auto;
    }
  
    .track.about {
      height: auto;
    }
  
    .track.for-projects {
      height: auto;
    }
  
    .camera {
      position: static;
      width: 100%;
      height: auto;
    }
  
    .frame {
      display: block;
      width: 100%;
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .home-projects-container {
      overflow: hidden;
      height: auto;
      padding: 100px 30px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .project-item {
      width: auto;
      padding-left: 0vw;
    }
  
    .project {
      left: 0;
      margin-bottom: 180px;
    }
  
    .project.for-services {
      left: 0vw;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  
    .project.for-services.all-projects {
      margin-bottom: 0px;
    }
  
    .project.for-projects {
      margin-top: 90px;
      margin-bottom: 90px;
    }
  
    .project-collection-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .project-image-wrapper {
      width: 50vw;
      height: 50vh;
    }
  
    .project-image-wrapper.no-rotate {
      width: 50vw;
      height: 50vh;
      padding: 0vh 3vw;
    }
  
    .project-type {
      font-size: 20px;
    }
  
    .project-type.dark {
      font-size: 20px;
    }
  
  
    .big-text.wider.no-pointer-events {
      max-width: 80vw;
    }
  
    .big-text.for-footer {
      color: #222;
    }
  
    .big-text.for-footer.dark.light-on-mobile {
      color: #fff;
    }
  
    .big-text.dark-smaller {
      margin-top: 18px;
      margin-bottom: 42px;
      font-size: 12vw;
    }
  
    .secondary-button-wrapper {
      margin-left: 7vw;
    }
  
    .secondary-button-text.for-footer {
      color: #222;
    }
  
    .secondary-button-text.for-footer.white-on-mobile {
      color: #fff;
    }
  
    .secondary-button-text.dark.light-on-mobile {
      color: #fff;
    }
  
    .secondary-button-text.absolute {
      position: absolute;
    }
  
    .secondary-btn-arrow-wrapper.for-footer {
      border-color: #222;
    }
  
    .secondary-btn-arrow-wrapper.for-footer.white-on-mobile {
      border-color: #fff;
    }
  
    .secondary-btn-arrow-wrapper.dark.light-on-mobile {
      border-color: #fff;
    }
  
    .arrow-right.white {
      opacity: 0;
    }
  
    .arrow-right.white.for-projects {
      opacity: 1;
    }
  
    .arrow-right.white.show-on-mobile {
      opacity: 1;
    }
  
    .arrow-right.translate-left {
      -webkit-transform: translate(0%, 0px);
      -ms-transform: translate(0%, 0px);
      transform: translate(0%, 0px);
    }
  
    .arrow-right.translate-left.for-projects {
      opacity: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  
    .arrow-right.translate-left.hide-on-mobile {
      opacity: 0;
    }
  
    .all-projects-container {
      position: relative;
      top: -43px;
      overflow: visible;
      width: 100%;
      height: auto;
      min-height: 55vh;
      padding-right: 0vw;
      padding-left: 0vw;
    }
  
    .infinite-slider {
      display: block;
    }
  
    .inner-slider {
      position: absolute;
    }
  
    .slider-1.extension {
      left: 0px;
      top: 0%;
      -webkit-transform: translate(100%, 0px);
      -ms-transform: translate(100%, 0px);
      transform: translate(100%, 0px);
    }
  
    .outer-slider {
      width: 100%;
      margin-right: 0vh;
      margin-left: 0vh;
      -webkit-transform: translate(0vh, 4vh) rotate(5.2deg);
      -ms-transform: translate(0vh, 4vh) rotate(5.2deg);
      transform: translate(0vh, 4vh) rotate(5.2deg);
    }
  
    .outer-slider.hidden {
      display: none;
    }
  
    .line-animations-container-mobile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 32px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
    }
  
    .line-animations-container-mobile.home-services {
      position: relative;
      margin-bottom: 18px;
    }
  
    .line-animations-container-mobile.for-awards {
      margin-top: 18px;
      margin-bottom: 0px;
    }
  
    .benefit-mobile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 32px;
      margin-bottom: 32px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .benefit-mobile.smaller-margin {
      margin-top: 24px;
      margin-bottom: 24px;
    }
  
    .benefit-line-mobile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 40vw;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .benefit-line-mobile.line-2 {
      width: 68vw;
    }
  
    .benefit-line-mobile.line-3 {
      width: 32vw;
    }
  
    .benefit-line-mobile.line-4 {
      width: 50vw;
    }
  
    .benefit-line-mobile.line-5 {
      width: 60vw;
    }
  
    .benefit-line-mobile.line-6 {
      width: 20vw;
    }
  
    .benefit-horizontal-line {
      width: 100%;
      height: 2px;
      padding-right: 0px;
      padding-bottom: 0px;
      background-color: #222;
    }
  
    .benefit-horizontal-line.white {
      background-color: #fff;
    }
  
    .benefit-circle {
      width: 10px;
      height: 10px;
      min-height: 10px;
      min-width: 10px;
      padding-right: 0px;
      padding-bottom: 0px;
      border-radius: 100%;
      background-color: #222;
    }
  
    .benefit-circle.white {
      background-color: #fff;
    }
  
    .experience-wrapper {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-left: 12px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .slider-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .slider {
      width: 70vw;
      height: 65vh;
      margin-left: 0vw;
    }
  
    .projects-title-wrapper {
      width: auto;
      height: auto;
    }
  
    .projects-title-wrapper.for-projects {
      margin-bottom: 100px;
    }
  
    .projects-title-wrapper.for-projects.hidden-on-desktop {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: auto;
      margin-bottom: 10px;
    }
  
    .home-services-container {
      height: auto;
      padding-top: 100px;
    }
  
    .home-services-animation-container {
      display: none;
    }
  
    .animation-item {
      width: 100%;
    }
  
    .animation-item-text {
      margin-top: 2px;
      margin-bottom: 2px;
      font-weight: 600;
    }
  
    .animation-item-text.for-testimonial {
      display: none;
    }
  
    .animation-line-column {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .outer-line-wrapper.for-services-project {
      display: none;
    }
  
    .footer {
      min-height: auto;
      padding-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: #fff;
    }
  
    .footer.light {
      background-color: #222;
    }
  
    .footer-link {
      color: hsla(0, 0%, 100%, 0.5);
    }
  
    .footer-link.title {
      display: block;
      margin-top: 9px;
      margin-bottom: 6px;
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      white-space: nowrap;
    }
  
    .footer-link.title.dark {
      color: #222;
    }
  
    .footer-link.title-on-mobile {
      color: #fff;
      font-size: 20px;
      font-weight: 600;
    }
  
    .footer-link.title-on-mobile.dark.dark-on-mobile {
      color: #222;
    }
  
    .footer-image-wrapper.no-pointer-events {
      position: static;
      display: none;
      width: 100%;
      height: 70vh;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile {
      position: absolute;
      left: -10vh;
      top: -155.188px;
      z-index: 0;
      display: block;
      width: auto;
      height: 75vh;
      min-height: auto;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile.translate-up {
      bottom: 2px;
      display: block;
    }
  
    .footer-container {
      padding-right: 0vw;
      padding-left: 0vw;
    }
  
    .footer-container.for-smaller-footer {
      padding-left: 0vw;
      background-color: #222;
    }
  
    .upper-footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .lets-talk-container {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 53vh;
      min-width: auto;
      padding-bottom: 15vh;
      padding-left: 29vh;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .footer-links-container {
      margin-top: 0vw;
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      -ms-grid-columns: 200px 27vw 200px auto;
      grid-template-columns: 200px 27vw 200px auto;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
    }
  
    .footer-links-container.for-smaller-footer {
      width: 100%;
      -ms-grid-columns: 200px 27vw 200px auto;
      grid-template-columns: 200px 27vw 200px auto;
    }
  
    .footer-links-column {
      width: 130px;
      padding-top: 8px;
      padding-bottom: 8px;
    }
  
    .footer-links-column.sideline-on-mobile {
      padding-top: 6px;
      padding-bottom: 6px;
      padding-left: 24px;
      border-left: 1px solid hsla(0, 0%, 100%, 0.5);
    }
  
    .footer-links-column.sideline-on-mobile.dark-on-mobile {
      border-left-color: rgba(34, 34, 34, 0.5);
    }
  
    .footer-links-column.secondary-column {
      margin-top: 42px;
    }
  
    .footer-links-column.secondary-column.mobile-only {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  
    .footer-link-wrapper.hide-on-mobile {
      display: none;
    }
  
    .main-links {
      padding-top: 80px;
      padding-right: 30px;
      padding-left: 30px;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      background-color: #222;
    }
  
    .main-links.light-on-mobile {
      background-color: #fff;
    }
  
    .main-links.for-smaller-footer {
      margin-bottom: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .socials-and-newsletter-container {
      width: 75%;
      margin-top: 80px;
      margin-bottom: 80px;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      border-left: 1px solid hsla(0, 0%, 100%, 0.5);
    }
  
    .socials-and-newsletter-container.dark-on-mobile {
      border-left-color: rgba(34, 34, 34, 0.5);
    }
  
    .socials-and-newsletter-container.for-smaller-footer {
      margin-top: 80px;
      margin-left: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .newsletter-container {
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
    }
  
    .newsletter-container.for-smaller-footer {
      padding-bottom: 0px;
    }
  
    .form-block {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .lower-footer {
      padding: 0px 30px 40px;
      grid-column-gap: 0px;
      -ms-grid-columns: 30vw auto;
      grid-template-columns: 30vw auto;
      background-color: #222;
    }
  
    .lower-footer.light-on-mobile {
      background-color: #fff;
    }
  
    .footer-line {
      left: 0vw;
      display: none;
    }
  
    .lower-footer-item {
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 24px;
      border-left: 1px solid hsla(0, 0%, 100%, 0.5);
    }
  
    .lower-footer-item.dark-on-mobile {
      border-left-color: #222;
    }
  
    .navbar {
      padding-right: 30px;
      padding-left: 30px;
    }
  
    .menu-links-container {
      padding-top: 20vw;
      padding-bottom: 12vw;
    }
  
    .menu-socials {
      padding-right: 30px;
    }
  
    .about-hero-title {
      padding-right: 30px;
      padding-left: 30px;
    }
  
    .about-hero-content {
      top: -26px;
      padding-right: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .about-hero-image-wrapper {
      width: 90vw;
      height: 50vh;
      max-height: none;
      min-height: auto;
      min-width: 90vw;
    }
  
    .about-description-container {
      margin-top: 24px;
      margin-left: 0px;
      padding-right: 30px;
      padding-left: 30px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .description-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-width: 620px;
      margin-top: 24px;
      margin-bottom: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
    }
  
    .description-header-text.outlined.smaller-outline.hidden-on-mobile {
      display: none;
    }
  
    .description-header-circle.hidden-on-mobile {
      display: none;
    }
  
    .description-item-paragraph {
      margin-top: 12px;
    }
  
    .experience-container {
      margin-top: 32px;
    }
  
    .experience-content-text.smaller-outline.outlined {
      font-size: 6.5vw;
    }
  
    .awards-container {
      overflow: hidden;
      height: auto;
      padding-top: 100px;
      padding-bottom: 76px;
      padding-left: 0vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .awards-inner-container {
      display: none;
    }
  
    .award-year {
      position: absolute;
      top: 0px;
      right: -4px;
      -webkit-transform: translate(100%, 0px);
      -ms-transform: translate(100%, 0px);
      transform: translate(100%, 0px);
    }
  
    .testimonials-container {
      padding: 100px 30px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .testimonials-intro {
      overflow: visible;
      width: 100%;
      height: auto;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .container-for-sticky-content {
      width: 100%;
      height: auto;
    }
  
    .container-for-sticky-content.for-project {
      overflow: hidden;
      padding-right: 30px;
      padding-left: 30px;
    }
  
    .sticky-item {
      position: static;
      overflow: visible;
      height: auto;
      margin-bottom: 80px;
      padding-left: 0vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
  
    .sticky-item.hidden {
      opacity: 1;
    }
  
    .sticky-item.hidden.last {
      margin-bottom: 0px;
    }
  
    .testimonial-text-content {
      width: 100%;
      padding-top: 0vh;
    }
  
    .testimonial-vertical-line {
      display: none;
    }
  
    .testimonial-paragraph-wrapper {
      max-width: 420px;
      margin-top: 24px;
      margin-bottom: 0px;
    }
  
    .testimonial-person-job {
      display: none;
    }
  
    .testimonial-person-job.for-mobile {
      display: block;
      margin-bottom: 24px;
      font-size: 24px;
    }
  
    .testimonial-image-content {
      width: 100%;
      border-left: 2px solid #222;
    }
  
    .testimonial-image-wrapper {
      position: relative;
      left: 30px;
      height: 50vh;
    }
  
    .testimonial-one-word-container {
      display: none;
    }
  
    .sticky-inner-container {
      width: 100%;
      height: auto;
      margin-top: 34px;
    }
  
    .progress-bar {
      display: none;
    }
  
    .service {
      position: static;
      left: 0vw;
      overflow: visible;
      margin-top: 80px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    .service.hidden {
      opacity: 1;
    }
  
    .service-text-content {
      margin-top: 24px;
    }
  
    .service-paragraph-wrapper {
      max-width: 620px;
    }
  
    .service-image-content {
      width: 100%;
      border-left: 2px solid #222;
    }
  
    .service-image-wrapper {
      position: relative;
      left: 30px;
      height: 50vh;
    }
  
    .slider-word {
      font-size: 64px;
    }
  
    .dark-wrapper.white-on-mobile {
      background-color: #fff;
    }
  
    .instruction-item {
      margin-top: 100px;
    }
  
    .lock-image {
      width: 30vw;
    }
  
    .cursor {
      display: none;
      opacity: 0;
    }
  
    .text-span-5 {
      color: #fff;
    }
  
    .heading-medium {
      font-size: 1.75rem;
    }
  
    .pricing4_component {
      margin-bottom: 40px;
    }
  
    .padding-vertical {
      padding-right: 0rem;
      padding-left: 0rem;
    }
  
    .margin-bottom {
      margin-top: 0rem;
      margin-right: 0rem;
      margin-left: 0rem;
    }
  
    .heading-xxlarge {
      font-size: 3.25rem;
    }
  
    .tab__link {
      padding: 0.5rem 1rem;
    }
  
    .tab-link__name {
      font-size: 1.2rem;
      line-height: 1.5rem;
    }
  
    .margin-vertical {
      margin-right: 0rem;
      margin-left: 0rem;
    }
  
    .heading-xxlarge-2 {
      font-size: 3.25rem;
    }
  
    .pricing18_components {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  
    .margin-top {
      margin-right: 0rem;
      margin-bottom: 0rem;
      margin-left: 0rem;
    }
  
    .heading-xxlarge-3 {
      font-size: 3.25rem;
    }
  
    .pricing19_component {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  
  @media screen and (max-width: 767px) {
    .hero {
      height: auto;
    }
  
    .hero.for-services {
      padding-bottom: 80px;
    }
  
    .hero.for-contact {
      height: auto;
      min-height: auto;
    }
  
    .wide-container {
      margin-top: 61px;
      padding-right: 24px;
      padding-left: 24px;
    }
  
    .wide-container.stretch {
      padding-right: 24px;
      padding-left: 24px;
    }
  
    .wide-container.for-services {
      padding-right: 24px;
    }
  
    .hero-container.for-contact {
      padding-right: 24px;
      padding-bottom: 80px;
      padding-left: 24px;
    }
  
    .hero-container.for-contact.for-template-page {
      overflow: hidden;
      padding-right: 24px;
      padding-bottom: 80px;
    }
  
    .wrapper.project-title-wrapper {
      padding-right: 24px;
      padding-left: 24px;
    }
  
    .wrapper.contact-header {
      left: 0vw;
      z-index: 3;
    }
  
    .wrapper.contact-header.absolute {
      position: relative;
      left: 0vw;
    }
  
    .wrapper.contact-header.hidden-on-mobile {
      display: none;
    }
  
    .hero-paragraph-container {
      max-width: 100%;
    }
  
    .home-hero-image {
      left: -10%;
      height: 210%;
      opacity: 0.5;
    }
  
    .section {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .section.home-about {
      padding-top: 70px;
      padding-bottom: 0px;
    }
  
    .section.experience-section {
      padding-top: 48px;
    }
  
    .section.dark.for-project-work {
      padding-top: 80px;
      padding-bottom: 62px;
    }
  
    .section.projects-section {
      padding-top: 80px;
    }
  
    .section.for-gallery {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .full-height-text-container {
      padding-bottom: 80px;
    }
  
    .section-text-container {
      padding-right: 24px;
      padding-left: 24px;
    }
  
    .section-title-wrapper.for-contact {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
  
    .heading-2 {
      font-size: 6vw;
    }
  
    .heading-2.absolute {
      font-size: 9vw;
    }
  
    .home-projects-container {
      padding: 80px 24px;
    }
  
    .project {
      left: -25.7vw;
      margin-bottom: 160px;
    }
  
    .project.for-projects {
      margin-top: 80px;
      margin-bottom: 80px;
    }
  
    .project-image-wrapper {
      width: 65vw;
      height: 65vw;
    }
  
    .project-image-wrapper.no-rotate {
      height: 65vw;
    }
  
    .project-type {
      font-size: 18px;
    }
  
    .project-type.dark {
      font-size: 18px;
    }
  
    .big-text {
      margin-top: 14px;
      margin-bottom: 34px;
    }
  
    .big-text.dark-smaller {
      margin-top: 14px;
      margin-bottom: 34px;
    }
  
    .all-projects-container {
      min-height: 72vw;
    }
  
    .line-animations-container-mobile {
      position: relative;
      left: -24px;
    }
  
    .line-animations-container-mobile.home-services {
      margin-bottom: 12px;
    }
  
    .line-animations-container-mobile.for-awards {
      left: -47px;
    }
  
    .benefit-mobile.smaller-margin {
      margin-top: 18px;
      margin-bottom: 18px;
    }
  
    .slider {
      height: 80vw;
    }
  
    .projects-title-wrapper.for-projects {
      margin-bottom: 80px;
    }
  
    .projects-title-wrapper.for-projects.hidden-on-desktop {
      margin-bottom: 0px;
    }
  
    .home-services-container {
      padding-top: 80px;
    }
  
    .animation-item-text {
      font-size: 28px;
    }
  
    .footer {
      padding: 0px;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile {
      left: -10vw;
      top: -102.188px;
      bottom: -1px;
      height: 110vw;
    }
  
    .footer-image-wrapper.no-pointer-events.for-mobile.translate-up {
      top: -103.188px;
    }
  
    .image {
      display: inline-block;
    }
  
    .lets-talk-container {
      height: 78vw;
      padding-bottom: 15vw;
      padding-left: 49vw;
    }
  
    .footer-secondary-button-wrapper {
      margin-top: 24px;
    }
  
    .footer-links-container {
      grid-row-gap: 70px;
      -ms-grid-columns: 40vw auto;
      grid-template-columns: 40vw auto;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
  
    .footer-links-container.for-smaller-footer {
      -ms-grid-columns: 40vw auto;
      grid-template-columns: 40vw auto;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
  
    .main-links {
      padding-top: 70px;
      padding-right: 24px;
      padding-left: 24px;
    }
  
    .socials-and-newsletter-container {
      width: 100%;
      margin-top: 70px;
      margin-bottom: 70px;
    }
  
    .socials-and-newsletter-container.for-smaller-footer {
      margin-top: 70px;
    }
  
    .text-field.dark {
      min-width: auto;
    }
  
    .lower-footer {
      padding-right: 24px;
      padding-bottom: 30px;
      padding-left: 24px;
      grid-column-gap: 0px;
      -ms-grid-columns: 40vw auto;
      grid-template-columns: 40vw auto;
    }
  
    .navbar {
      padding: 24px;
    }
  
    .menu-links-container {
      padding-top: 15vw;
      padding-bottom: 10vw;
    }
  
    .menu-link {
      margin-top: 40px;
      margin-bottom: 40px;
    }
  
    .menu-socials {
      padding-right: 24px;
    }

  
    .navbar {
      padding-right: 16px;
      padding-left: 16px;
    }
  
    .menu {
      overflow: visible;
      height: 100vh;
    }
  
    .menu-links-container {
      height: 85vh;
      padding-top: 8vh;
      padding-bottom: 0vw;
    }
  
    .menu-number-wrapper {
      margin-bottom: 8px;
    }
  
    .menu-link {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .menu-number-text {
      font-size: 12px;
    }
  
    .menu-socials {
      position: static;
      padding-right: 0px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  
    .menu-social {
      margin: 0px 16px;
    }
  
    .menu-underlay {
      position: absolute;
      top: 0px;
      z-index: -1;
      width: 100%;
      height: 200vh;
      background-color: #222;
    }
  
  }
  
  #w-node-_06be7ace-7d9b-3d58-ffee-e91ca4a04f32-4733f101 {
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  
  #w-node-e339b12f-da8f-ceec-f705-d7aec9f4b1c3-4733f101 {
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  
  #w-node-_9a00fc5d-1d03-ef98-e895-4b7080f90fa6-4733f101 {
    -ms-grid-row: span 3;
    grid-row-start: span 3;
    -ms-grid-row-span: 3;
    grid-row-end: span 3;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba63-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba68-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba6d-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba72-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_0d6eeceb-3f19-10af-7281-cdf1070e2f06-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba86-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba8b-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba90-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba95-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba9a-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080ba9f-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080bab8-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080babd-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080bac2-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-ece60e26-977c-4941-5e81-a7dcf080bac7-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960b82-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960b87-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960b8c-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960b91-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_0f1ca59c-0315-b437-a663-c4da5eb20850-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_535b7250-50cd-ef37-cdc0-bb6769b4e712-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-c4280483-f9db-1ce7-6b2b-cceba8a5c167-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960ba5-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960baa-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960baf-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960bd7-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960bdc-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960be1-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  #w-node-_6ed19321-0240-5e29-c43f-b9978d960be6-5433f10e {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  
  @media screen and (min-width: 1920px) {
    #w-node-_0d6eeceb-3f19-10af-7281-cdf1070e2f06-5433f10e {
      -webkit-align-self: start;
      -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
    }
  
    #w-node-ece60e26-977c-4941-5e81-a7dcf080ba9f-5433f10e {
      -webkit-align-self: start;
      -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
    }
  
    #w-node-_0f1ca59c-0315-b437-a663-c4da5eb20850-5433f10e {
      -webkit-align-self: start;
      -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
    }
  
    #w-node-_535b7250-50cd-ef37-cdc0-bb6769b4e712-5433f10e {
      -webkit-align-self: start;
      -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
    }
  
    #w-node-c4280483-f9db-1ce7-6b2b-cceba8a5c167-5433f10e {
      -webkit-align-self: start;
      -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
    }
  }
  ul, ol{ padding-left: 0; }
  .loadercustom,
  .loader{ display: flex; opacity: 1; }
  .project-context{ z-index: 22; }