.gradient-blue h1.banner-h1 strong {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.gradient-blue strong:before {
    content: "";
    width: 100%;
    height: 24px;
    background: linear-gradient(to right, #6CC5F5 0%, #9DD8F8 45%, transparent 100%);
    display: flex;
    position: absolute;
    bottom: 0;
    left: -4px;
    z-index: -1;
}

section.section.header.sticky {
    background: transparent;
}

.menu-popup-sidebar {
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.menu-popup-sidebar.is-active {
    transform: translateX(0);
}

.menu-popup-sidebar {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 998;
}

.menu-popup-sidebar.is-active {
    opacity: 1;
    visibility: visible;
}

ul.nav-menu-list li .nav-menu-link {
    position: relative;
    display: inline-block;
    z-index: 1;
}

h4.h4.subtitle:before {
    content: "";
    width: 100%;
    height: 15px;
    background: linear-gradient(to right, #6CC5F5 0%, #9DD8F8 45%, transparent 100%);
    display: flex;
    position: absolute;
    bottom: -1px;
    left: -6px;
    z-index: -1;
}

..at-start .nav-btn.nav-prev {
    display: none;
}

.tb-readmore-text{
    position: relative;
    display: inline-block;
    z-index: 1;
}

.tb-readmore-text::before{
    content: "";
    position: absolute;
    left: -4px;
    bottom: 0;
    width: calc(100% + 4px);
    height: 10px;

    background: linear-gradient(
        to right,
        #6CC5F5 0%,
        #9DD8F8 45%,
        transparent 100%
    );

    z-index: -1;

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform 1s ease-out;
}

.tb-readmore-text:hover::before{
    transform: scaleX(1);
}

.tb-readmore-text:not(:hover)::before{
    transform-origin: right center;
}

.mobile {
    display: none;
}

body.no-scroll {
    overflow: hidden;
}

.our-work-slider .swiper-wrapper {
    align-items: stretch;
}

.our-work-slider .swiper-wrapper .swiper-slide {
    height: auto;
}

.our-work-slider .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: stretch;
}

.our-work-slider .swiper-wrapper .swiper-slide img.slider-image {
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.footer-logo-block {
    margin-right: 63px;
}

.owl-item.project-item:hover .owl-divider {
    background: #80d2fd;
}

.owl-item.project-item h4.h4.owl-title {
    position: relative;
    z-index: 1;
}

.owl-item.project-item h4.h4.owl-title:before{
    position: relative;
    display: inline-block;
    z-index: 1;
}

.owl-item.project-item h4.h4.owl-title:before{
    content: "";
    position: absolute;
    left: -4px;
    top: 12px;
    width: calc(100% + 4px);
    height: 12px;
    background: linear-gradient(
        to right,
        #6CC5F5 0%,
        #9DD8F8 45%,
        transparent 100%
    );
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 1s ease-out;
}

.owl-item.project-item:hover h4.h4.owl-title:before{
    transform: scaleX(1);
}

.owl-item.project-item:not(:hover) h4.h4.owl-title:before{
    transform-origin: right center;
}

.svg.avid-logo.owsp.w-embed {
    inset: auto auto -60px -118px;
}

.gx-rows {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.2vw, 16px);
}

.gx-marquee .splide__track {
    overflow: hidden;
}

.gx-css-marquee .splide__list {
    display: flex !important;
    width: max-content;
    transform: none;
    will-change: transform;
}

.gx-css-marquee .splide__slide{ flex:0 0 calc((100vw - 56px)/3); margin-right:14px; }

.gx-css-marquee[data-dir="right"] .splide__list {
    animation: gx-right var(--gx-dur) linear infinite;
}

.gx-css-marquee[data-dir="left"] .splide__list {
    animation: gx-left var(--gx-dur) linear infinite;
}

.gx-css-marquee:hover .splide__list {
    animation-play-state: paused;
}

#gx-gallery.is-paused .splide__list {
    animation-play-state: paused;
}

@keyframes gx-right {
    from {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes gx-left {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.gx-item {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66%;
    overflow: hidden;
    background: var(--surface);
    box-shadow: var(--shadow);
    cursor: pointer;
    text-decoration: none;
}

.gx-item img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s cubic-bezier(.2, .7, .2, 1), filter .4s ease;
    filter: grayscale(.06) saturate(.97);
}

.gx-item:hover img {
    transform: scale(1.05);
    filter: grayscale(0) saturate(1);
}

.gx-zoom {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(26, 26, 24, .30);
    opacity: 0;
    transition: opacity .28s ease;
}

.gx-item:hover .gx-zoom,
.gx-item:focus-visible .gx-zoom {
    opacity: 1;
}

.gx-zoom svg {
    width: 50px;
    height: 50px;
    transform: scale(.8);
    transition: transform .35s cubic-bezier(.2, .7, .2, 1);
}

.gx-item:hover .gx-zoom svg {
    transform: scale(1);
}

.gx-item:focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 3px;
}

.owsp-location {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.owsp-location:before {
    content: "";
    width: 100%;
    height: 16px;
    background: linear-gradient(to right, #6CC5F5 0%, #9DD8F8 30%, transparent 100%);
    display: flex;
    position: absolute;
    bottom: -2px;
    left: -5px;
    z-index: -1;
}

.rp-swiper-slide a.rp-item-link-block:hover .rp-item-content {
    border-color: #80d2fd;
}

.h4.rp-item-title {
    position: relative;
    display: inline-block;
    z-index: 1;
    width: fit-content;
}






.tom-button-trig.w--redirected-checked {
    background: #80d2fd;
}

.tom-button-trig.w--redirected-checked~span.tom-button-title {
    color: #000;
}

.cuf-container .w-form {
    margin-bottom: 0;
}

.avid-logo__door {
    transform-box: fill-box;
    transform-origin: right center;
    transform: perspective(700px) rotateY(0deg);
    transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
    backface-visibility: visible;
}

.avid-logo.is-open .avid-logo__door {
    transform: perspective(700px) rotateY(180deg);
}

@keyframes avid-door {

    0%,
    100% {
        transform: perspective(700px) rotateY(0deg);
    }

    50% {
        transform: perspective(700px) rotateY(180deg);
    }
}

.avid-logo.is-flip .avid-logo__door {
    animation: avid-door 0.9s ease-in-out;
}

.header-logo-icon {
    display: none;
    height: 34px;
    width: auto;
    color: #000;
}

.section.header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    transform: translateY(-100%);
    transition: transform .45s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
}

.section.header.sticky.is-visible {
    transform: translateY(0);
}

.section.header.sticky .header-logo {
    display: none;
}

.section.header.sticky .logo-block {
    display: inline-flex;
    align-items: center;
}

.section.header.sticky .header-logo-icon {
    display: inline-block;
}

.section.header.sticky.is-visible a.button.primary-color {
    background: #fff;
}
.section.header.sticky.is-visible .row-container {
    padding-top: 20px;
    padding-bottom: 20px;
}
section.section.header.sticky.is-visible .row-container {
    background: #80d2fd;
    position: relative;
}
.section.header.sticky.is-visible svg.header-logo-icon {
    position: absolute;
    top: 0;
    height: 100%;
    left: -17px;
}
section.section.header.sticky.is-visible a.link-block.back-button {
    display: none;
}
.section.header.sticky {
    padding-top: 0;
}
section.section.header.not-hp.sticky.is-visible svg.header-logo-icon {
    left: -20px;
}
:root{
  --line:#131315;
  --marker:#47d7ac;
  --arrow-size:        18px;
  --gap-content-arrow: 70px;
  --gap-arrow-line:     55px;
  --gap-line-year:     50px;
  --line-y: 90px;
}
 /* ---- DESKTOP / TABLET (>=601px): horizontal, draggable, wheel ---- */
  .history{ position:relative; height:auto; padding:90px 0; overflow:hidden; background:#fff; cursor:grab; }
  .history.is-dragging{ cursor:grabbing; user-select:none; -webkit-user-select:none; }
  .history__track{ width:max-content; will-change:transform; }
  .timeline{
    position:relative; display:flex; align-items:flex-start; width:max-content;
    gap:clamp(75px,75px,210px); padding-left:70px; padding-right:130px;
    background:linear-gradient(var(--line),var(--line)) 0 calc(var(--line-y) - 0.75px) / 100% 1.5px no-repeat;
  }
  .timeline::before{ content:""; position:absolute; left:0;  top:var(--line-y); width:10px; height:10px; border-radius:50%; background:var(--line); transform:translate(-50%,-50%); }
  .timeline::after { content:""; position:absolute; right:0; top:var(--line-y); width:10px; height:10px; border-radius:50%; background:var(--line); transform:translate(50%,-50%);  }
  .milestone{ flex:0 0 auto; width:clamp(230px,20vw,300px); height:auto; display:flex; flex-direction:column; align-items:center; text-align:center; }
  .milestone__label{
    min-height:3.1em; display:flex; align-items:flex-end; justify-content:center;
    margin:0 0 var(--gap-content-arrow); max-width:260px; font-size:14px; line-height:1.55;
    font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  }
  .milestone__label:before,.milestone__label:after{ display:none; }
  .milestone__label > *,.milestone__label p{ margin:0; font-size:inherit; line-height:inherit; }
  .milestone__marker{ display:flex; justify-content:center; line-height:0; margin:0 0 var(--gap-arrow-line); z-index:2; }
  .milestone__marker svg{ display:block; height:var(--arrow-size); width:auto; }
  .milestone__marker path{ fill:var(--marker); }
  .milestone__year{ margin:var(--gap-line-year) 0 0; font-size:21px; font-weight:800; letter-spacing:.01em; }

  /* ---- MOBILE (<=600px): vertical stack, no drag/scroll ---- */
  @media (max-width:600px){
    .history{ height:auto; overflow:visible; cursor:default; padding:48px 24px; }
    .history__track{ width:100%; transform:none !important; }

    .timeline{
      flex-direction:column; align-items:stretch; width:100%;
      gap:75px; padding:0;
      background:linear-gradient(var(--line),var(--line)) var(--line-x) 0 / 1.5px 100% no-repeat;
    }
    .timeline::before{ left:var(--line-x); top:0;   right:auto; bottom:auto; transform:translate(-50%,-50%); }  /* top dot */
    .timeline::after { left:var(--line-x); top:auto; right:auto; bottom:0;   transform:translate(-50%, 50%); }  /* bottom dot */

    .milestone{ flex-direction:row; align-items:center; width:100%; height:auto; text-align:left; }

    .milestone__year{ order:1; flex:0 0 auto; width:64px; margin:0; text-align:right; }

    .milestone__marker{
      order:2; flex:0 0 auto; width:var(--arrow-size); overflow:visible;
      margin:0 var(--gap-content-arrow) 0 calc(var(--gap-line-year) + var(--gap-arrow-line));
    }
    .milestone__marker svg{ transform:rotate(90deg); }   /* up-arrow → points right */

    .milestone__label{
      order:3; flex:1 1 auto; display:block; height:auto !important; min-height:0;
      max-width:none; margin:0; text-align:right; align-items:initial;
    }
  }



section.section.header.not-hp.sticky.is-visible svg.header-logo-icon {
    left: -20px;
}
.our-work-slider .swiper-slide {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
}
.our-work-slider .swiper-slide-active {
  opacity: 1;
  transform: translateY(0);
}
.our-work-slider .swiper-slide-active.is-slide-animating {
  opacity: 0;
  transform: translateY(24px);
}
.section.header.sticky.is-scroll-locked {
  transform: translateY(-100%) !important;
}

.blueprint {
  position: relative;
  overflow: visible;
}
  .banner-blueprint {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

  .banner-photo {
  z-index: 1;
}

.banner-blueprint {
  z-index: 2;
  will-change: transform;
}

/*html.is-banner-locked {
  overflow: hidden;
}*/

  /* ---------- Home page: fixed, scroll-linked header ---------- */
  .header.home-nav,
  .section.header.home-nav {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: transform .45s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
  }

  /* lets the hp-section3 scroll-lock hide this header too —
     requires STICKY_MENU_SELECTOR = '.section.header' in that script */
  .section.header.home-nav.is-scroll-locked {
    transform: translateY(-100%) !important;
  }

  /* Blue background: fully transparent through the whole reveal,
     then switches to solid the instant the border finishes passing
     (bgLead-adjusted) — a hard cut, no fade in either direction.    */
  .header.home-nav .row-container {
    position: relative;
    z-index: 0;
  }
  .header.home-nav .row-container::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: #80D2FD;               /* = banner border-bottom blue */
    opacity: 0;
    z-index: -1;
    pointer-events: none;
  }
  .header.home-nav.bg-solid .row-container::before {
    opacity: 1;                        /* no transition — instant cut */
  }

  /* Home: wordmark fades out while the banner triangle flies in */
  .header.home-nav .header-logo {
    transition: opacity .25s ease;
  }
  .header.home-nav.logo-swapped .header-logo {
    opacity: 0;                        /* keeps its box — layout stays put */
  }

  /* injected icon: hidden in these modes by default (the real
     triangle flies instead); classic pages keep using it            */
  .header.home-nav .header-logo-icon,
  .section.header.inner-fixed.sticky.is-visible.scroll-reveal .header-logo-icon {
    display: none !important;
  }

  /* HOME MOBILE fallback — your CSS hides the banner triangle below
     768px, so when scrolled the compact icon appears in the bar
     instead, crossfading with the wordmark. Driven by the triangle's
     actual visibility, so desktop keeps the single flying logo.     */
  .header.home-nav.icon-fallback .logo-block {
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .header.home-nav.icon-fallback .header-logo-icon {
    display: block !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: var(--dock-h, 65px);       /* follows HOME_CFG.dockHeight */
    width: auto;
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;              /* the logo link takes the click */
  }
  .header.home-nav.icon-fallback.logo-swapped .header-logo-icon {
    opacity: 1;
  }

  /* Homepage mobile buttons row: collapses once scrolling starts */
  body.homepage .header.home-nav.nav-scrolled .row.header.mobile {
    display: none !important;
  }

  /* ---------- Inner pages: layout-stable scroll-linked reveal ---- */
  .header.inner-fixed,
  .section.header.inner-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(var(--hdr-y, 0px));
    transition: none;
    will-change: transform;
  }
  .section.header.inner-fixed.sticky.is-visible.scroll-reveal {
    transform: translateY(var(--reveal-px, 0px)) !important;  /* JS-computed
                                       pixels, not a CSS percentage — stays
                                       correct even if something else (e.g.
                                       your own CSS) changes the header's
                                       rendered height mid-transition        */
    opacity: var(--reveal, 0);      /* fades in as it slides — same progress.
                                       Fade done sooner than the slide?
                                       use: calc(var(--reveal, 0) * 1.5)      */
    transition: none !important;
  }

  /* ---------- The traveling banner triangle (rides a real link) ---- */
  .logo-flying {
    display: block;
    z-index: 1001;                     /* above the fixed header (1000) */
    transform-origin: top left;
    will-change: transform;
    transition: none !important;       /* scroll-driven, no easing lag */
    cursor: pointer;
    pointer-events: auto !important;   /* the link box takes the click */
  }
  .logo-flying svg,
  .logo-flying img {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;              /* …not the graphic inside it */
  }
  body.no-scroll .logo-flying {        /* nav menu open — stay beneath it */
    z-index: 999;
  }
  /* while flying, door state changes are instant (no mid-shrink swing).
     The door's CLOSED position comes from your own CSS transform — we
     no longer override it; the is-open class is locked out in JS so
     the door stays shut and flush against the logo body.            */
  .logo-flying .avid-logo__door {
    transition: none !important;
  }


  .section.header {
    padding-top: 0;
}
  .header.home-nav.logo-swapped .logo-block {
    height: 55px;
}
  .section.header.home-nav.logo-swapped .row-container {
    padding-top: 0;
    padding-bottom: 0;
}
  .header.home-nav.logo-swapped .header-logo-icon {
    left: -20px;
    transform: translateY(-51%);
}

.careers .svg.menu-button-icon svg line {
    stroke: #000;
}

.shadow-border::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 220px;
    background: linear-gradient(180deg, #80d2fd 0%, #80d2fd 40%, #FFFFFF 100%);
    pointer-events: none;
    z-index: -1;
}

.display-in-sticky {
    display: none;
}
  .section.header.inner-fixed.sticky.is-visible.scroll-reveal .display-in-sticky {
    display: flex;
}
section.section.header.home-nav.logo-swapped a.button.primary-color {
    background: #ffff;
}
  .slide-content {
    max-width: 100%;
}
  [data-modal="positions"].is-open { display: flex; }
  body.position-modal-open { overflow: hidden; }
  [data-modal="positions"] [data-lenis-prevent] { overflow-x: hidden; }
.subtitle {
    position: relative;
}
  .open-position-item:hover {
    background: #80d2fd;
}
  .open-position-item:hover .op-item-title, .open-position-item:hover .op-phar, .open-position-item:hover .readmore-text {
    color: #000;
}
  .section.header.inner-fixed.sticky.is-visible.scroll-reveal svg line {
    stroke: #000;
}

.ow-banner-image.contact-us {
    max-height: none;
    height: 505px;
}
  .gradient-blue strong:before {
    content: "";
    width: 100%;
    height: 24px;
    background: linear-gradient(to right, #6CC5F5 0%, #9DD8F8 45%, transparent 100%);
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: -1;
    transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1s ease-out;
}

h4.h4.subtitle::before,
.subtitle::before, .owsp-location::before {
  content: "";
  width: 100%;
  height: 15px;
  background: linear-gradient(to right, #6CC5F5 0%, #9DD8F8 45%, transparent 100%);
  display: flex;
  position: absolute;
  bottom: -1px;
  left: -6px;
  z-index: -1;

  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1s ease-out;
}

.nav-menu-link{
    position: relative;
    display: inline-block;
    z-index: 1;
}

.nav-menu-link::before{
    content: "";
    position: absolute;
    left: -4px;
    bottom: 0;
    width: calc(100% + 4px);
    height: 18px;

    background: linear-gradient(
        to right,
        #6CC5F5 0%,
        #9DD8F8 45%,
        transparent 100%
    );

    z-index: -1;

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform 1s ease-out;
}

.nav-menu-link:hover::before{
    transform: scaleX(1);
}

.nav-menu-link:not(:hover)::before{
    transform-origin: right center;
}

h4.h4.subtitle.in-view::before,
.subtitle.in-view::before, .owsp-location.in-view::before{
  transform: scaleX(1);
}

.gradient-blue strong.in-view::before {
  transform: scaleX(1);
}
a.button.black:hover {
    background: #80d2fd;
    color: #000;
}
  a.button.primary-color:hover {
    color: #fff;
    background: #000;
}
  .nav-btn.nav-next:hover svg rect {
    fill: #000;
}
  .nav-btn.nav-next:hover svg path {
    fill: #fff;
}
  .nav-btn.nav-prev:hover svg rect {
    fill: #80d2fd;
}
  .nav-btn.nav-prev:hover svg path {
    fill: #000;
}
.black-bg .nav-btn.nav-prev svg rect {
    fill: #fff;
}
  .black-bg .nav-btn.nav-prev svg path {
    fill: #000;
}
  section.section.header.home-nav.logo-swapped a.button.primary-color:hover, .section.header.inner-fixed.sticky.is-visible.scroll-reveal a.button.primary-color:hover {
    background: #000;
    opacity: 1;
}
  section.section.header.home-nav.logo-swapped a.button.black:hover, .section.header.inner-fixed.sticky.is-visible.scroll-reveal a.button.black:hover {
    background: #fff;
    color: #000;
    opacity: 1;
}
  .blue-bg .global-button.black:hover {
    background: #fff;
    color: #000;
    opacity: 1;
}
  .blue-bg .global-button.white:hover {
    background: #000;
    color: #fff;
    opacity: 1;
}
  .black-bg .nav-btn.nav-btn--prev:hover svg rect, .black-bg .nav-btn.nav-prev:hover svg rect {
    fill: #80d2fd;
}
  .black-bg .nav-btn.nav-btn--prev:hover svg path, .black-bg .nav-btn.nav-prev:hover svg path, .blue-bg .nav-btn.nav-btn--prev:hover svg rect, .blue-bg .nav-btn.nav-btn--next:hover svg path {
    fill: #000;
}
  .black-bg .nav-btn.nav-btn--next:hover svg rect, .black-bg .nav-btn.nav-next:hover svg rect, .blue-bg .nav-btn.nav-btn--prev:hover svg path, .blue-bg .nav-btn.nav-btn--next:hover svg rect {
    fill: #fff;
}
  .black-bg .nav-btn.nav-btn--next:hover svg path, .black-bg .nav-btn.nav-next:hover svg path {
    fill: #000;
}
  .blue-bg .nav-btn.nav-btn--prev:hover svg rect {
    fill: black;
}
  input.stf-button.w-button:hover,input.git-submit.w-button:hover {
    background: #000;
    color: #fff;
}
  a.wa-cta-button:hover {
    background: #fff;
    color: #000;
}
.tom-button:hover .tom-button-trig {
    background: #80d2fd;
}
  .tom-button:hover span {
    color: #000;
}
  .tom-button:hover .svg.tom-button-icon svg path {
    stroke: #000;
}
  .w-form-formradioinput--inputType-custom.w--redirected-checked ~ .svg svg path {
    stroke: #000;
}
section.section.header.home-nav.nav-scrolled.logo-swapped.bg-complete {
    position: fixed !important;
}
  .menu-popup-sidebar {
    right: 0;
    top: 0;
}
  body.homepage {
    overflow-x: hidden;
}



body.menu-open{
    overflow:hidden;
}

.sidebar-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);

    opacity:0;
    visibility:hidden;

    transition:opacity .35s;

    pointer-events:none;

    z-index:2147483646;
}

.sidebar-overlay.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.menu-popup-sidebar{
    opacity: 1;
    visibility: visible;
    position:fixed;

    top:0;
    right:0;

    width:min(420px,100%);
    height:100dvh;

    background:#fff;

    transform:translate3d(100%,0,0);

    transition:transform .45s cubic-bezier(.76,0,.24,1);

    z-index:2147483647;

    overflow:hidden;

    isolation:isolate;

    backface-visibility:hidden;

    contain:paint;
}

.menu-popup-sidebar.active{
    transform:translate3d(0,0,0);
}

.menu-popup-container{

    height:100%;

    overflow-y:auto;

    overflow-x:hidden;

    -webkit-overflow-scrolling:touch;

    overscroll-behavior:contain;
}

.menu-popup-container::-webkit-scrollbar{
    width:6px;
}

.menu-popup-container::-webkit-scrollbar-thumb{
    background:#d2d2d2;
}
.tbpf-list .tbpf-list-item:hover {
    background: #80d2fd;
}
  .tbpf-list .tbpf-list-item:hover .pharagraph {
    color: #000;
}
.pharagraph.white.tbpf-link:hover {
    color: #fff;
}
  .otb-item:hover {
    border-color: #80d2fd;
}
.otb-item:hover img.ot-image {
    filter: grayscale(100%);
}
 [data-modal].is-open { display: flex; }
  body.av-modal-open { overflow: hidden; }
  [data-modal] [data-lenis-prevent] { overflow-x: hidden; }
  .preference-block .pref-row {
    margin-bottom: 18px;
}
  .preference-block .pref-row:last-child {
    margin-bottom: 0;
}
  .track-div {
    overflow: hidden;
}
  .fill-div.data-pref-fill {
    border-radius: 100px;
    overflow: hidden;
}
  .fill-div.data-pref-fill:before {
    content: "";
    background: linear-gradient(90deg, #80D2FD 0%, #47D7AC 100%);
    position: absolute;
    width: 542px;
    height: 100%;
    display: flex;
}
  .tb-carousel .image {
    height: 100%;
}
  .tom-button-title {
    width: auto;
    margin-left: 0px;
}
.slider-image {
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 100%,
    20% 100%,
    0% 70%
  );
}

  .tb-carousel .image {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 75%);
}
.owl-cl {
    grid-auto-rows: auto;
}
.owl-item.project-item:hover {
    border-color: #80d2fd;
}
  .tb-carousel .tb-content h5 {
    letter-spacing: -3%;
}
  .global-content h3 {
    font-size: 36px;
    margin-top: 80px;
    margin-bottom: 60px;
    font-weight: 500;
    letter-spacing: -6%;
    line-height: 1.2em;
}
  .milestone__label {
    min-height: 3.215em;
    margin-bottom: 35px;
}
  .rp-item-content {
    margin-bottom: 0;
    margin-top: auto;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background: #47d7ac;
    border: 0;
    border-radius: 0;
}





@media only screen and (max-width: 1680px) {
   .owl-search-and-filter {
        gap: 35px;
    } 
     .section.header.inner-fixed.sticky.is-visible.scroll-reveal .container.w-container .header:after {
    display: none;
}
  .banner-image {
    height: 480px;
}
  body.homepage .logo-flying {
    left: -1px !important;
}
  .owsp-banner-title-block {
    padding-left: 365px;
}
}

@media only screen and (max-width: 1440px) {
    .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 144px;
        padding-right: 144px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .row.left-padding {
        padding-left: 144px;
    }

    .row.left-and-right-padding {
        padding-left: 144px;
        padding-right: 144px;
    }

    .slide.left-padding {
        padding-left: 144px;
    }

    .tb-carousel {
        padding-left: 144px;
    }

    .tb-header {
        padding-left: 144px;
        padding-right: 144px;
    }

    .stay-in-touch-block.left-and-right-padding {
        padding-left: 144px;
        padding-right: 144px;
    }

    .footer-row {
        padding-left: 144px;
        padding-right: 144px;
    }

    .section.no-logo-header {
        z-index: 9999;
        padding-top: 77px;
        position: absolute;
    }

    .our-work-block.left-padding {
        padding-left: 144px;
        position: relative;
    }

    .owsp-banner {
        padding-left: 144px;
    }

    .owsp-banner-title {
        padding: 40px 144px 60px;
    }

    .owsp-content-block {
        padding: 210px 144px 160px;
    }

    .owsp-history-block {
        padding: 90px 144px 100px;
    }

    .related-projects {
        padding: 80px 144px;
    }

    .cu-info-block {
        padding: 110px 144px 70px;
    }

    .cu-form {
        padding-left: 144px;
        padding-right: 144px;
    }

    .map-block {
        padding: 72px 144px;
    }
    .svg.avid-logo.owsp.w-embed svg {
    max-width: 435px;
    height: fit-content;
}
    .svg.avid-logo.owsp.w-embed {
    inset: auto auto -61px -109px;
}
    section.section.header.sticky.is-visible .row-container .column:last-child {
    padding-right: 144px;
}
  .left-and-right-padding, .ow-lists.left-and-right-padding {
        padding-left: 144px;
        padding-right: 144px;
    }
  .footer-links {
    max-width: 810px;
}
  .pharagraph.fl-text.address {
    max-width: 390px;
}
  .left-padding {
    padding-left: 144px;
}
  .owsp-banner-title-block {
    padding-left: 335px;
}
        section.section.header .row-container .column {
        padding-right: 144px;
    }
        .otb-title {
        max-width: 1100px;
    }
}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {
    .row.vertical-center.space-between.left-and-right-padding.header {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 128px;
        padding-right: 128px;
    }

    .svg.header-logo svg {
        width: auto;
    }

    .button {
        max-width: 148px;
        min-height: 32px;
    }

    .svg.menu-button-icon svg {
        width: 24px;
        height: 21px;
    }

    .menu-popup-container {
        padding: 96px 58px 100px 20px;
    }

    .nav-menu-list-item {
        text-align: right;
        padding-right: 36px;
    }

    .nav-menu-link {
        font-size: 24px;
    }

    .nav-menu-list {
        grid-column-gap: 41px;
        grid-row-gap: 41px;
        padding-bottom: 15px;
    }

    .nav-ext-link-text {
        font-size: 20px;
    }

    a.social-icon img {
        width: 38px;
    }

    .banner-logo {
        width: 100%;
        max-width: 253px;
        position: absolute;
        inset: auto 0% 63px -63px;
    }

    .h1-title.banner-h1 {
        max-width: 540px;
        font-size: 36px;
    }

    .gradient-blue strong:before {
        height: 20px;
    }

    .row.left-and-right-padding.banner-content {
        padding-top: 37px;
        padding-bottom: 39px;
    }

    .section.banner-section {
        border-bottom: 33px solid #80d2fd;
    }

    .menu-popup-sidebar {
        max-width: 334px;
    }

    .row.left-padding {
        padding-left: 128px;
    }

    .row.left-and-right-padding {
        padding-left: 128px;
        padding-right: 128px;
    }

    .row.left-and-right-padding.hp-section2-row1 {
        padding-top: 182px;
        padding-bottom: 144px;
    }

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

    .hp-sect2-row1-block {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .h2.hp-sect2-title {
        max-width: 345px;
    }

    .pharagraph {
        font-size: 20px;
        line-height: 1.4em;
    }

    .wa-cl-list .pharagraph {
    font-size: 16px;
}

    .slide.left-padding {
        padding-left: 128px;
    }

    .slide-tag {
        font-size: 16px;
        max-width: 172px;
        min-height: 43.5px;
    }

    .our-work-slider .content-block {
        grid-column-gap: 17px;
        grid-row-gap: 17px;
        padding-left: 33px;
        padding-right: 45px;
    }

    .h4 {
        font-size: 20px;
    }

    h4.h4.subtitle:before {
        height: 13px;
        bottom: -2px;
        left: -4px;
    }

    .our-work-slider .slide-content {
        grid-column-gap: 77px;
        grid-row-gap: 77px;
    }

    .nav-arrows svg {
        width: 37px;
        height: 37px;
    }

    .want-to-know-more-block {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .h3 {
        font-size: 32px;
    }

    .the-blueprint {
        padding-top: 122px;
        padding-bottom: 131px;
    }

    .tb-carousel {
        padding-left: 128px;
    }

    .tb-header {
        padding-left: 128px;
        padding-right: 128px;
        margin-bottom: 62px;
    }

    .nav-arrows {
        grid-column-gap: 33px;
        grid-row-gap: 33px;
    }

    .h5 {
        margin-bottom: 14px;
        font-size: 20px;
    }

    .tb-block {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding: 21px;
    }

    .swiper-slide.tb-swiper-slide {
        max-width: 497px;
    }

    .tb-carousel .image {
        width: 100%;
        max-width: 207.8px;
    }

    .stay-in-touch-block.left-and-right-padding {
        padding-left: 128px;
        padding-right: 128px;
    }

    .stay-in-touch-block {
        padding-top: 77px;
        padding-bottom: 101px;
    }

    .stayintouch-head-text {
        grid-column-gap: 19px;
        grid-row-gap: 19px;
        max-width: 377px;
    }

    .st-form {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .stf-email {
        min-height: 46px;
        font-size: 16px;
        margin-bottom: 0;
    }

    .stf-button {
        min-width: 128px;
        min-height: 32px;
        padding: 5px 15px;
    }

    .section.pattern-section {
        min-height: 70px;
    }

    .footer-row {
        padding-left: 128px;
        padding-right: 128px;
        padding-top: 68px;
        padding-bottom: 64px;
    }

    .svg.footer-logo svg {
        max-width: 146px;
    }

    .fl-right {
        grid-column-gap: 22px;
        grid-row-gap: 22px;
    }

    .pharagraph.fl-text.address {
        max-width: 320px;
    }

    .social-links.footer {
        grid-column-gap: 31px;
        grid-row-gap: 31px;
    }

    .ow-title-block {
        padding-left: 144px;
        padding-right: 144px;
    }

    .owsp-banner {
        padding-left: 128px;
    }

    .owsp-banner-title {
        padding: 35px 128px 50px;
    }

    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -50px -119px;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 411px;
    }

    .owsp-content-block {
        padding: 165px 128px 135px;
    }

    .owsp-history-block {
        padding: 80px 128px 90px;
    }

    .related-projects {
        padding: 70px 128px;
    }

    .cuib-row2 {
        margin-top: 55px;
        padding: 15px 10px;
    }

    .cuf-form {
        min-height: auto;
        padding: 75px;
    }

    .tom-button-block {
        gap: 45px;
    }

    .git-two-col-forms {
        gap: 45px;
    }
    section.section.header .row-container .column {
    padding-right: 0;
}
    .sticky .row.vertical-center.space-between.left-and-right-padding.header {
    padding-right: 0;
}
  .sticky .row.vertical-center.space-between.left-and-right-padding.header .column:last-child {
    padding-right: 128px;
}
      .left-and-right-padding, .ow-lists.left-and-right-padding {
        padding-left: 128px;
        padding-right: 128px;
    }
  section.section.header.not-hp.sticky.is-visible svg.header-logo-icon {
    left: -20px;
}
  .our-work-block.left-padding {
        padding-left: 128px;
    }
.ow-title-block {
        padding-left: 128px;
        padding-right: 128px;
    }
      .cu-info-block {
        padding: 110px 128px 70px;
    }
  .cu-form {
        padding-left: 128px;
        padding-right: 128px;
    }
  .map-block {
        padding: 72px 128px;
    }
  .section.header.home-nav.logo-swapped .row.vertical-center.space-between.left-and-right-padding.header {
    padding-right: 0;
}
  .section.header.home-nav.logo-swapped .row.vertical-center.space-between.left-and-right-padding.header .row-container {
    padding-right: 128px;
}
  .footer-links {
        max-width: 735px;
    }
  .pharagraph.fl-text.address {
        max-width: 400px;
    }
  .banner-image {
    height: 545px;
}
  .banner-logo {
        inset: auto 0% 50px -63px;
    }
  .ow-banner-image.banner-photo, .ow-banner-image.banner-blueprint {
    height: 400px;
}
  .ow-banner-image.contact-us {
    height: 400px;
}
  .logo-flying svg, .logo-flying img {
    height: 100%;
    width: auto;
}
  .nav-menu-link::before {
    height: 13px;
}
  .left-padding {
        padding-left: 128px;
    }
      body.homepage .logo-flying {
        left: 0px !important;
    }
      .svg.avid-logo.owsp.w-embed {
        inset: auto auto -50px -109px;
    }
  .wa-cta h3.h3.small {
    font-size: 28px;
}
    .footer-links {
    gap: 100px;
}
}

@media only screen and (max-width: 1024px) {
    .container.with-left-pattern {
        background-size: 90px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 100px;
        padding-right: 100px;
    }

    .banner-logo {
        width: 100%;
        max-width: 196px;
        position: absolute;
        inset: auto 0% 50px -49px;
    }

    .svg.header-logo svg {
        width: auto;
    }

    .svg.menu-button-icon svg {
        width: 18px;
        height: 16px;
    }

    .button {
        max-width: 142px;
        min-height: 30px;
    }

    .header-buttons {
        grid-column-gap: 29px;
        grid-row-gap: 29px;
    }

    .menu-popup-sidebar {
        max-width: 327px;
    }

    .menu-popup-container {
        padding: 96px 55px 100px 20px;
    }

    .row.left-padding {
        padding-left: 100px;
    }

    .row.left-and-right-padding.banner-content {
        padding-top: 31.5px;
        padding-bottom: 23px;
    }

    .h1-title.banner-h1 {
        max-width: 436px;
        font-size: 30px;
    }

    .gradient-blue strong:before {
        height: 15px;
        bottom: 7px;
        left: -5px;
    }

    .row.left-and-right-padding {
        padding-left: 100px;
        padding-right: 100px;
    }

    .section.banner-section {
        border-bottom: 25px solid #80d2fd;
    }

    .row.left-and-right-padding.hp-section2-row1 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .h2-title {
        font-size: 30px;
    }

    .h2.hp-sect2-title {
        max-width: 297px;
    }

    .hp-sect2-row1-block {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }

    .hp-sect2-row1-block p.pharagraph.white {
        max-width: 478px;
    }

    .swiper-slide.with-left-pattern {
        background-size: 90px;
    }

    .slide.left-padding {
        padding-left: 100px;
    }

    .slide-tag {
        font-size: 16px;
        max-width: 185px;
        min-height: 40px;
    }

    .our-work-slider .content-block {
        grid-column-gap: 13px;
        grid-row-gap: 13px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .nav-arrows {
        grid-column-gap: 26px;
        grid-row-gap: 26px;
    }

    .our-work-slider .slide-content {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .nav-arrows svg {
        width: 28px;
        height: 28px;
    }

    .want-to-know-more-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .h3 {
        font-size: 30px;
    }

    .button.global-button {
        min-width: 175px;
        min-height: 32px;
    }

    .the-blueprint {
        padding-top: 95px;
        padding-bottom: 76px;
    }

    .tb-header {
        padding-left: 100px;
        padding-right: 100px;
        margin-bottom: 45px;
    }

    .tb-carousel {
        padding-left: 100px;
    }

    .swiper-slide.tb-swiper-slide {
        max-width: 435px;
    }

    .tb-block {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        padding: 19px;
    }

    .h5 {
        margin-bottom: 20px;
    }

    .pharagraph.small.tb-phar {
        margin-bottom: 20px;
    }

    .tb-carousel .image {
        width: 100%;
        max-width: 181px;
    }

    .stay-in-touch-block {
        padding-top: 64px;
        padding-bottom: 68px;
    }

    .stay-in-touch-block.left-and-right-padding {
        padding-left: 100px;
        padding-right: 27px;
        gap: 27px;
    }

    .stayintouch-head-text {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        max-width: 430px;
    }

    .st-form {
        grid-column-gap: 0;
        grid-row-gap: 0;
    }

    .stay-in-touch-form-block {
        width: 100%;
        max-width: 436px;
        margin-bottom: 0;
    }

    .stf-email {
        margin-bottom: 21px;
        min-height: 35px;
    }

    .section.pattern-section {
        min-height: 54px;
    }

    .stf-button {
        min-width: 126px;
        min-height: 32px;
        padding: 5px 15px;
    }

    .footer-row {
        padding-left: 50px;
        padding-right: 72px;
        padding-top: 52px;
        padding-bottom: 50px;
    }

    .svg.footer-logo svg {
        max-width: 113px;
    }

    .footer-logo-block {
        margin-right: 43px;
    }

    .fl-right {
        grid-column-gap: 17px;
        grid-row-gap: 17px;
    }

    .social-links.footer {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .swiper-slide.tb-swiper-slide {
        background: #fff;
        height: auto;
    }

    .footer-links {
        grid-column-gap: 105px;
        grid-row-gap: 105px;
        justify-content: space-between;
        display: flex;
    }

    .our-work-block.left-padding {
        padding-left: 80px;
        padding-top: 66px;
    }

    .our-work-block .svg.avid-logo svg {
        max-width: 275px;
    }

    .h1.h1-title.big-title {
        font-size: 64px;
    }

    .h1.h1-title.big-title.overlap {
        margin-bottom: -37px;
    }

    .ow-title-block {
        padding-top: 30px;
        padding-left: 75px;
        padding-right: 75px;
    }

    .our-work-block .svg.avid-logo {
        inset: auto auto -155px -68px;
    }

    .ow-blue-divider {
        background-color: #80d2fd;
        min-height: 56px;
    }

    .section.no-logo-header {
        padding-top: 70px;
    }

    .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 80px;
        padding-right: 80px;
    }

    .ow-lists.left-and-right-padding {
        padding-top: 75px;
        padding-bottom: 85px;
    }

    .owl-sf.filter {
        width: 100%;
        max-width: 290px;
    }

    .owl-sf.search {
        width: 100%;
        max-width: 475px;
    }

    .owl-search-and-filter {
        margin-bottom: 65px;
    }

    .owl-cl {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }

    .owl-content-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 18px;
    }

    .owsp-banner {
        padding-left: 100px;
    }

    body.single-page-our-works .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 100px;
        padding-right: 100px;
    }

    .owsp-banner-title {
        padding: 30px 100px 40px;
    }

    .h1.h1-title.owsp-title {
        font-size: 30px;
    }

    .owsp-location {
        font-size: 20px;
    }

    .owsp-location:before {
        content: "";
        width: 100%;
        height: 11px;
        background: linear-gradient(to right, #6CC5F5 0%, #9DD8F8 30%, transparent 100%);
        display: flex;
        position: absolute;
        bottom: 0px;
        left: -3px;
        z-index: -1;
    }

    .svg.arrow-down svg {
        width: 42px;
    }

    .owsp-banner-title-block {
        gap: 45px;
    }

    .owsp-banner-divider {
        background-color: #80d2fd;
        min-height: 25px;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 325px;
    }

    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -40px -118px;
    }

    .owsp-content-block {
        padding: 115px 100px 95px;
    }

    .owsp-feat-item-text {
        font-size: 16px;
    }

    .owsp-feat-item {
        gap: 18px;
        margin-bottom: 37px;
    }

    .owsp-cb-ct {
        max-width: 370px;
        margin-top: 32px;
        font-size: 18px;
    }

    .owsp-cb-text {
        border-left: 2px solid #000;
        padding-left: 15px;
    }

    .owsp-history-block {
        padding: 60px 100px 55px;
    }

    .owsp-history-block .rich-text-block {
        padding-left: 12px;
        font-size: 16px;
    }

    .owsp-history-block .rich-text-block p:last-child {
        margin-bottom: 0;
    }

    .related-projects {
        padding: 55px 100px;
    }

    .section.owsp-section5 {
        border-bottom: 8px solid #80d2fd;
    }


    .rp-item-content {
        padding-top: 15px;
        padding-bottom: 15px;
        gap: 10px;
        border-bottom: 2px solid #fff;
    }

   

    .owsp-rp-block {
        margin-bottom: 30px;
    }

    .cu-info-block {
        padding: 55px 80px 70px;
    }

    .h4.cu-title,
    .h4.cu-title-copy {
        font-size: 30px;
    }

    .pharagraph.big-phar {
        font-size: 18px;
    }

    .cu-form {
        padding-left: 80px;
        padding-right: 80px;
    }

    .cuf-form {
        min-height: auto;
        padding: 45px;
    }

    .tom-button-block {
        gap: 20px;
    }

    .git-two-col-forms {
        gap: 55px;
    }

    .tom-button-block {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .pharagraph.git-label {
        margin-bottom: 12px;
    }

    .git-two-col-forms {
        margin-bottom: 30px;
    }

    .git-contactme {
        gap: 30px;
        margin-bottom: 30px;
    }

    .git-submit {
        margin-top: 35px;
    }

    .map-block {
        padding: 68px 80px;
    }
    .svg.avid-logo.owsp.w-embed svg {
    max-width: 300px;
    height: fit-content;
}
    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -41px -75px;
    }
    .sticky .row.vertical-center.space-between.left-and-right-padding.header .column:last-child {
    padding-right: 100px;
}
section.section.header.not-hp.sticky.is-visible svg.header-logo-icon {
    left: -20px;
}
    .left-and-right-padding, .ow-lists.left-and-right-padding {
        padding-left: 100px;
        padding-right: 100px;
    }
 .our-work-block.left-padding {
        padding-left: 100px;
    }
 .ow-title-block {
        padding-left: 100px;
        padding-right: 100px;
    }
      .cu-info-block {
        padding: 55px 100px 70px;
    }
  .cu-form {
        padding-left: 100px;
        padding-right: 100px;
    }
  .map-block {
        padding: 68px 100px;
    }
  .why-avid-section1 .why-avid {
    padding-top: 55px;
    padding-bottom: 70px;
}
  .wa-head-title {
    gap: 40px;
    margin-bottom: 60px;
}
  .wa-cta {
    margin-bottom: 90px;
    padding: 12px 45px 12px 45px;
}
  .h3.small {
    font-size: 20px;
}
  .button.wa-cta-button {
    min-height: 32px;
}
  .wa-itb-image {
    max-width: 328px;
    min-height: 430px;
}
  .wa-itb {
    padding: 25px 40px 25px 25px;
}
  .wa-image-text-block {
    gap: 70px;
    margin-bottom: 80px;
}
  .wa-title-and-content {
    gap: 35px;
    margin-bottom: 50px;
}
  .wa-tc-title {
    width: 100%;
    max-width: 320px;
}
  .wa-two-column-list {
    gap: 55px;
    margin-bottom: 40px;
}
  .wa-itb.text-right {
    padding: 25px 25px 40px 25px;
}
  .pharagraph.wa-phar {
    margin-bottom: 105px;
}
.section.header.home-nav.logo-swapped .row.vertical-center.space-between.left-and-right-padding.header .row-container {
    padding-right: 100px;
}
      .footer-links {
        max-width: 565px;
    }
  .footer-links {
        max-width: 565px;
        gap: 20px;
    }
  .pharagraph.fl-text.address {
        max-width: 335px;
    }
      .our-work-block .svg.avid-logo.small svg {
        max-width: 120px;
    }
  .our-work-block .svg.avid-logo.small {
    inset: auto auto -90px -30px;
}
  .banner-image {
    height: 420px;
}
  .banner-logo {
        inset: auto 0% 6px -49px;
    }
  .logo-flying svg, .logo-flying img {
    height: 100%;
    width: auto;
}
  .ow-banner-image {
    height: 320px;
}
  .ow-banner-image.banner-photo, .ow-banner-image.banner-blueprint {
    height: 315px;
}
  .ow-banner-image.contact-us {
    height: 310px;
}
  .wa-cl-list-block ul.wa-cl-list .pharagraph {
    font-size: 14px;
}
  .h4.owl-title {
    font-size: 18px;
}
  .owl-location {
    font-size: 14px;
}
  .left-padding {
    padding-left: 100px;
    padding-right: 0;
}
  .left-padding.careers {
    padding-top: 100px;
    padding-bottom: 35px;
}
   .left-and-right-padding.career-benefits {
    padding-top: 35px;
    padding-bottom: 40px;
}
  .career-benefits-block {
    margin-bottom: 80px;
}
  .left-and-right-padding.open-position {
    padding-top: 40px;
    padding-bottom: 95px;
}
  .open-position-item {
    padding: 25px 25px;
}
  .h3.small.white.op-item-title {
    margin-bottom: 90px;
}
  .collection-list {
    gap: 40PX;
}
  .modal-card {
    padding: 45px;
}
  .tbp-filter {
    background-color: #e2e2e2;
    margin-bottom: 65px;
    padding: 30px 30px;
}
  .tb-filter-checkbox {
    background-color: #000;
    width: 21px;
    height: 21px;
    margin-top: 0;
    margin-left: -13px;
    min-width: 21px;
}
  .tbpf-list {
    grid-template-columns: 1fr 1fr;
}
  .h2.h2-title.black.bold._404-title {
    text-align: center;
    margin-bottom: 35px;
    font-size: 36px;
}
  ._404-content-wrapper {
    max-width: 430px;
}
  .h2.h2-title.black._404-subtitle {
    text-align: center;
    margin-bottom: 100px;
    font-size: 36px;
}
  ._404-block svg {
    max-width: 97px;
}
  .left-and-right-padding._404-block {
    height: 100vh;
    padding-top: 245px;
}
  .slide-media {
    min-height: 620px;
}
  .slider-image {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 73%);
}
  .owsp-history-block .rich-text-content {
    font-size: 20px;
}
      .svg.avid-logo.owsp.w-embed {
        inset: auto auto -41px -75px;
    }
      .owsp-banner-title-block {
        padding-left: 230px;
    }
  .h1.h1-title.owsp-title.left {
    max-width: 420px;
}
  .global-map-block .svg svg {
    max-width: 410px;
    height: auto;
}
  .left-and-right-padding.why-avid.wwa-top-block {
    padding-top: 75px;
    padding-bottom: 35px;
}
  .left-padding.history-slide {
    padding-top: 35px;
    padding-bottom: 50px;
}
  .milestone__label {
    min-height: 1.5em;
}
  .left-and-right-padding.number-counter-block, .left-and-right-padding.mission-vision-block, .left-and-right-padding.lenc {
    padding-top: 35px;
    padding-bottom: 40px;
}
  .ncb-wrapper {
    gap: 65px;
}
  .ncb-item {
    gap: 15px;
    padding: 25px;
}
  .counter-number {
    font-size: 48px;
}
  .pharagraph.white.counter-text {
    font-size: 16px;
}
  .milestone__label {
    font-size: 16px;
}
  .milestone__label {
    min-height: 1.5em;
    margin-bottom: 25px;
}
  .milestone__year {
    font-size: 20px;
    font-weight: bolder;
    margin-top: 45px;
}
  .whoweare .pharagraph {
    font-size: 16px;
}
  .mv-wrapper {
    margin-top: 65px;
}
  .left-and-right-padding.mission-vision-block {
    padding-bottom: 105px;
}
  .left-and-right-padding.lenc {
    padding-top: 45px;
    padding-bottom: 45px;
}
  .otb-header {
    margin-bottom: 95px;
}
  .omv-title {
    font-size: 36px;
}
  .pharagraph.ot-position {
    margin-bottom: 30px;
}
  .ot-image {
    margin-bottom: 25px;
}
  .ot-name-info {
    margin-bottom: 15px;
}
  .left-and-right-padding.our-team-block {
    padding-top: 135px;
    padding-bottom: 95px;
}
  .pm-left-content {
    width: 100%;
    max-width: 245px;
}
  h3.h3.small.pm-name {
    font-size: 24px;
}
  .pharagraph.big-phar.left.bold.pm-position {
    margin-top: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
  .track-div {
    min-height: 20px;
}
  .pref-label {
    margin-bottom: 12px;
}
  .pharagraph.mv-phar {
    max-width: 500px;
}
  .footer-logo-block.w--current {
    margin-right: 20px;
}
      .pharagraph.fl-text.address {
        max-width: 375px;
    }
      .footer-links {
        max-width: 600px;
    }
    .cb-item .pharagraph {
    font-size: 16px;
}
        .wa-cta h3.h3.small {
        font-size: 20px;
        letter-spacing: -3%;
    }
.stayintouch-head-text p.pharagraph {
    font-size: 18px;
}
}

@media only screen and (max-width: 991px) {
    .hp-sect2-row1-block p.pharagraph.white {
        max-width: 485px;
    }
    .footer-links {
        max-width: 565px;
        gap: 20px;
    }
    .cb-item .pharagraph {
    font-size: 14px;
}
    .wa-cta h3.h3.small {
        font-size: 24px;
    }
    .wa-itb .pharagraph {
    font-size: 18px;
}
        .stay-in-touch-form-block {
        max-width: 402px;
    }
}

@media (max-width:900px){ .gx-css-marquee .splide__slide{ flex-basis:calc((100vw - 42px)/2); } }
@media (max-width:640px){ .gx-css-marquee .splide__slide{ flex-basis:calc(100vw - 28px); } }

@media only screen and (max-width: 800px) {
    .row.vertical-center.space-between.left-and-right-padding.header {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 65px;
        padding-right: 65px;
    }

    .row.left-padding {
        padding-left: 65px;
    }

    .container.with-left-pattern {
        background-size: 55px;
    }

    .row.left-and-right-padding.banner-content {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .row.left-and-right-padding {
        padding-left: 65px;
        padding-right: 65px;
    }

    .section.banner-section {
        border-bottom: 15px solid #80d2fd;
    }

    .row.left-and-right-padding.hp-section2-row1 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .slide.left-padding {
        padding-left: 65px;
    }

    .swiper-slide.with-left-pattern {
        background-size: 55px;
    }

    .want-to-know-more-block {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 65px;
        padding-right: 65px;
    }

    .the-blueprint {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .tb-header {
        padding-left: 65px;
        padding-right: 65px;
        margin-bottom: 35px;
    }

    .tb-carousel {
        padding-left: 65px;
    }

    .stay-in-touch-block.left-and-right-padding {
        padding-left: 65px;
        padding-right: 65px;
    }

    .stay-in-touch-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section.pattern-section {
        min-height: 40px;
    }

    .footer-row {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .footer-logo-block {
        margin-right: 25px;
    }

    .footer-links {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
    }

    .pharagraph.fl-text.address {
        max-width: 275px;
    }

    .fl-right {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .social-links.footer {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .menu-popup-sidebar {
        max-width: 290px;
    }

    .owl-cl {
        grid-template-columns: 1fr 1fr;
    }
    .sticky .row.vertical-center.space-between.left-and-right-padding.header .column:last-child {
    padding-right: 65px;
}
      .left-and-right-padding, .ow-lists.left-and-right-padding {
        padding-left: 65px;
        padding-right: 65px;
    }
  .our-work-block.left-padding {
        padding-left: 65px;
    }
      .ow-title-block {
        padding-left: 65px;
        padding-right: 65px;
    }
      .cu-info-block {
        padding: 55px 65px 70px;
    }
      .cu-form {
        padding-left: 65px;
        padding-right: 65px;
    }
      .map-block {
        padding: 68px 65px;
    }
      .owsp-banner {
        padding-left: 65px;
    }
  .owsp-banner-title {
        padding: 30px 65px 40px;
    }
  .owsp-content-block {
        padding: 115px 65px 95px;
    }
      .owsp-history-block {
        padding: 60px 65px 55px;
    }
  .related-projects {
        padding: 55px 65px;
    }
.section.header.home-nav.logo-swapped .row.vertical-center.space-between.left-and-right-padding.header .row-container {
    padding-right: 65px;
}
  .footer-logo-block.w--current {
    margin-right: 35px;
}
      .footer-links {
        max-width: 440px;
        gap: 10px;
    }
      .pharagraph.fl-text.address {
        max-width: 270px;
    }
      .stay-in-touch-form-block {
        max-width: 370px;
    }
  .want-to-know-more-block h3 {
    font-size: 28px;
}
  .owl-search-and-filter {
        gap: 25px;
    }
      .owl-sf.search {
        width: 100%;
        max-width: 100%;
    }
  .owl-sf.filter {
        width: 100%;
        max-width: 100%;
    }
  .wa-cta h3.h3.small {
    font-size: 20px;
}
  .wa-image-text-block, .wa-image-text-block.reverse {
    gap: 40px;
    align-items: stretch;
}
  .wa-itb-image {
        max-width: 328px;
        min-height: 430px;
        height: auto;
    }
  .wa-itb-image {
    max-width: 40%;
}
  .ncb-wrapper {
        gap: 36px;
    }
  .pharagraph.mv-phar {
    max-width: 370px;
}
        .cuib-details .pharagraph {
        font-size: 16px;
    }
        .h1.h1-title.owsp-title.left {
        max-width: 370px;
    }
        .stayintouch-head-text {
        max-width: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: flex;
    }

    .svg.header-logo svg {
        width: 395px;
        height: auto;
    }

    .row.vertical-center.space-between.left-and-right-padding.header {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 55px;
        padding-right: 55px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header:first-child {
        padding-top: 0px;
        padding-bottom: 00px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header:last-child {
        padding-bottom: 0px;
    }

    .svg.menu-button-icon svg {
        width: 37px;
        height: 33px;
    }

    .button {
        max-width: 175px;
        min-height: 44px;
        font-size: 20px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header:last-child .header-buttons {
        justify-content: flex-end;
    }

    section.section.header.sticky .row.vertical-center.space-between.left-and-right-padding.header:first-child {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    section.section.header.sticky .row.vertical-center.space-between.left-and-right-padding.header:last-child {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .menu-popup-sidebar {
        max-width: 100%;
    }

    .menu-popup-container {
        padding: 100px 210px 100px 210px;
        display: flex;
    }

    .nav-menu-list {
        grid-column-gap: 62px;
        grid-row-gap: 62px;
        padding-bottom: 125px;
        border: 0;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }

    .nav-menu-list-item {
        text-align: right;
        padding-right: 0;
    }

    .nav-menu-link {
        font-size: 36px;
    }

    .nav-ext-link-text {
        font-size: 32px;
    }

    .navigation-extra-links {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        align-items: center;
    }

    a.social-icon img {
        width: 68px;
    }

    .social-links {
        grid-column-gap: 21px;
        grid-row-gap: 21px;
    }

                .close-menu-button {
        top: auto;
        bottom: 0;
        left: auto;
        width: 22px;
        align-items: center;
        justify-content: center;
        z-index: 11;
        right: 0;
        position: relative;
        margin-top: 85px;
    }

    .nav-menu-list,
    .navigation-extra-links {
        position: relative;
        z-index: 99;
        background: #fff;
    }

    img.banner-logo {
        display: none;
    }

    .row.left-padding {
        padding-left: 0;
    }

    .row.left-and-right-padding.banner-content {
        padding-top: 115px;
        padding-bottom: 115px;
        padding-left: 0;
        padding-right: 0;
        background: #fff;
    }

    .row.left-and-right-padding.banner-content .banner-content-block {
        justify-content: center;
        padding-left: 55px;
        padding-right: 55px;
    }

    .h1-title.banner-h1 {
        max-width: 430px;
        font-size: 40px;
        text-align: center;
    }

    .gradient-blue strong:before {
        height: 30px;
        bottom: -7px;
        left: -5px;
    }

    .container.with-left-pattern {
        background-size: 110px;
    }

    .section.banner-section {
        border-bottom: 55px solid #80d2fd;
    }

    .row.left-and-right-padding {
        padding-left: 55px;
        padding-right: 55px;
    }

    .row.left-and-right-padding.hp-section2-row1 {
        padding-top: 135px;
        padding-bottom: 135px;
    }

    .hp-sect2-row1-block {
        flex-wrap: wrap;
        justify-content: center;
    }

    .hp-sect2-row1-block .divider {
        display: none;
    }

    .h2.hp-sect2-title {
        max-width: 395px;
    }

    .h2.hp-sect2-title h2.h2-title {
        text-align: center;
        font-size: 40px;
    }

    .hp-sect2-row1-block {
        flex-wrap: wrap;
        justify-content: center;
        gap: 65px;
    }

    .pharagraph {
        font-size: 24px;
    }

    .hp-sect2-row1-block p.pharagraph.white {
        text-align: center;
    }

    .slide.left-padding {
        padding-left: 45px;
    }

    .slide.left-padding {
        padding-left: 0;
        flex-wrap: wrap;
    }

    .slide-content,
    .slide-media {
        max-width: 100%;
    }

    .our-work-slider .slide-content {
        padding-left: 55px;
        padding-top: 135px;
        padding-right: 120px;
        gap: 160px;
    }

    .h4 {
        font-size: 32px;
    }

    .our-work-slider .slide-content h4.h4.subtitle {
        margin-bottom: 55px;
    }

    h4.h4.subtitle:before {
        height: 20px;
        bottom: -1px;
        left: -2px;
    }

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

    .our-work-slider .slide-content .h2-title {
        max-width: 375px;
        margin-bottom: 140px;
    }

    .our-work-slider .slide-content h4.h4.subtitle {
        width: fit-content;
    }

    .our-work-slider .content-block {
        flex-direction: column;
        gap: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .nav-arrows {
        margin-bottom: 65px;
        gap: 50px;
    }

    .swiper-slide.with-left-pattern {
        background-size: 115px;
    }

    .nav-arrows svg {
        width: 55px;
        height: 55px;
    }

    .slide-tag {
        font-size: 22px;
        max-width: 210px;
        min-height: 55px;
    }

    .swiper-slide.with-left-pattern.w-dyn-item.swiper-slide-active {
        height: auto;
    }

    .swiper-slide.with-left-pattern.w-dyn-item.swiper-slide-active .slide.left-padding {
        height: 100%;
    }

    .slider-image {
        height: 100%;
        object-fit: cover;
    }

    .blueprint__swiper {
        overflow: visible !important;
    }

    .blueprint__swiper .swiper-wrapper {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
        gap: 16px;
        transform: none !important;
        width: 100% !important;
    }

    .blueprint__swiper .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
    }

    .want-to-know-more-block {
        padding-top: 100px;
        padding-bottom: 120px;
        gap: 80px;
        padding-left: 55px;
        padding-right: 55px;
        flex-direction: column;
        background-image: linear-gradient(180deg, #80d2fd7d, #fff 100%);
    }

    .h3 {
        font-size: 36px;
    }

    .buttons-block {
        flex-direction: column;
        gap: 20px;
    }

    .button.global-button {
        min-width: 270px;
        min-height: 65px;
        font-size: 20px;
    }

    .the-blueprint .tb-nav-arrows {
        display: none;
    }

    .the-blueprint {
        padding-top: 120px;
        padding-bottom: 110px;
    }

    .tb-header {
        padding-left: 55px;
        padding-right: 55px;
        margin-bottom: 60px;
    }

    .tb-carousel {
        padding-left: 55px;
        padding-right: 55px;
    }

    .blueprint__swiper .swiper-wrapper {
        gap: 30px;
    }

    .swiper-slide.tb-swiper-slide {
        max-width: 100%;
    }

    .tb-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        padding: 30px 30px 30px 30px;
        align-items: stretch;
    }

    .h5 {
        font-size: 24px;
    }

    .pharagraph.small {
        font-size: 24px;
    }

    .tb-readmore {
        font-size: 20px;
    }

    .tb-carousel .image {
        width: 100%;
        max-width: 230px;
    }

    .tb-see-all-link {
        margin-left: 0;
        font-size: 20px;
    }

    .tb-see-all-link strong.bold-text {
        bottom: 0;
        margin-top: 50px;
    }

    .stay-in-touch-block {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .stay-in-touch-block.left-and-right-padding {
        padding-left: 55px;
        padding-right: 55px;
        flex-direction: column;
        align-items: flex-start;
    }

    .stayintouch-head-text {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        max-width: 100%;
        margin-bottom: 65px;
    }

    .stay-in-touch-form-block {
        max-width: 100%;
    }

    .stf-email {
        font-size: 24px;
        min-height: 68px;
        padding-left: 27px;
        margin-bottom: 75px;
    }

    .stf-button {
        font-size: 20px;
        min-height: 55px;
        min-width: 220px;
        margin: auto;
    }

    .section.pattern-section {
        min-height: 66px;
    }

    .footer-row {
        padding-left: 55px;
        padding-right: 55px;
        padding-top: 110px;
        padding-bottom: 85px;
        flex-direction: column;
    }

    .footer-row a.footer-logo-block {
        order: 3;
    }

    .footer-row .footer-links {
        order: 1;
    }

    .footer-row .social-links.footer {
        order: 2;
    }

    .footer-row .footer-links {
        flex-direction: column;
    }

    .footer-row .footer-links {
        flex-direction: column-reverse;
        width: 100%;
        gap: 110px;
    }

    .fl-right {
        gap: 25px;
        align-items: center;
    }

    .fl-left {
        gap: 50px;
        flex-direction: column-reverse;
        align-items: center;
    }

    .pharagraph.fl-text.address {
        max-width: 435px;
        text-align: center;
    }

    .footer-row .social-links.footer {
        margin: auto;
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .social-links.footer a.social-icon {
        width: 72px;
        height: auto;
    }

    .footer-logo-block {
        width: 100%;
        margin: auto;
        margin-right: 0;
    }

    .footer-row a.footer-logo-block .svg.footer-logo {
        justify-content: center;
        width: 100%;
    }

    .svg.footer-logo svg {
        max-width: 280px;
        width: 100%;
    }

    .svg.footer-logo {
        max-width: 100%;
    }

    .button.global-button.white {
        background: #80d2fd;
    }

    .tb-carousel .image {
        height: auto;
        object-fit: cover;
        object-position: left;
    }

    .our-work-block.left-padding {
        padding-left: 60px;
        padding-top: 60px;
    }

    img.ow-banner-image {
        min-height: 300px;
        object-fit: cover;
    }

    .our-work-block .svg.avid-logo svg {
        max-width: 235px;
    }

    .ow-title-block {
        padding-top: 25px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h1.h1-title.big-title.overlap {
        margin-bottom: -42px;
    }

    .our-work-block .svg.avid-logo {
        inset: auto auto -156px -59px;
    }

    .ow-blue-divider {
        min-height: 40px;
    }

    .owl-search-and-filter {
        flex-wrap: nowrap;
        gap: 36px;
    }

    .owl-sf.filter {
        width: 100%;
        max-width: 100%;
    }

    .owl-sf.filter .w-form {
        margin-bottom: 0;
    }

    .owl-sf.search {
        width: 100%;
        max-width: 100%;
    }

    .ow-lists.left-and-right-padding {
        padding-top: 55px;
        padding-bottom: 65px;
    }

    .owl-search-and-filter {
        margin-bottom: 75px;
    }

    .owsp-banner {
        padding-left: 55px;
    }

    body.single-page-our-works .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 65px;
        padding-right: 65px;
    }

    .owsp-banner-title {
        padding: 20px 55px 30px;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 275px;
    }

    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -199px -69px;
    }

    a.link-block.back-button {
        display: none;
    }

    .header-buttons.owsp-header {
        justify-content: flex-end;
    }

    .owsp-content-block {
        padding: 75px 55px 50px;
    }

    .owsp-feat-item {
        gap: 15px;
        margin-bottom: 30px;
    }

    body.single-page-our-works .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 65px;
        padding-right: 65px;
    }

    .owsp-banner {
        padding-left: 65px;
    }

    a.link-block.back-button {
        display: none;
    }

    .header-buttons.owsp-header {
        justify-content: flex-end;
    }

    .owsp-banner-title {
        padding: 20px 65px 30px;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 275px;
    }

    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -199px -68px;
    }

    .owsp-content-block {
        padding: 80px 65px 65px;
    }

    .owsp-feat-item {
        gap: 15px;
        margin-bottom: 30px;
    }

    .owsp-feat-item svg {
        width: 12px;
        height: auto;
    }

    .owsp-history-block {
        padding: 50px 55px 45px;
    }

    .related-projects {
        padding: 45px 55px;
    }

    .svg.banner-logo {
        display: none;
    }
    .svg.avid-logo.owsp.w-embed svg {
    max-width: 250px;
    height: fit-content;
}
        .svg.avid-logo.owsp.w-embed {
        inset: auto auto -40px -63px;
    }
    .sticky .row.vertical-center.space-between.left-and-right-padding.header .column:last-child {
    padding-right: 55px;
}
  .row.vertical-center.space-between.left-and-right-padding.header.mobile {
    display: none;
}
body.homepage .row.vertical-center.space-between.left-and-right-padding.header.mobile .header-buttons {
    justify-content: center;
}
  body.homepage .sticky .row.vertical-center.space-between.left-and-right-padding.header.mobile {
    display: none;
}
  .our-work-slider .slide-media {
    max-height: 420px;
}
  .our-work-slider .slide .slide-media {
    margin-top: auto;
    margin-bottom: 0;
}
      .left-and-right-padding, .ow-lists.left-and-right-padding {
        padding-left: 55px;
        padding-right: 55px;
    }
  section.section.header.not-hp.sticky.is-visible svg.header-logo-icon {
        left: -22px;
    }
      .our-work-block.left-padding {
        padding-left: 55px;
    }
  .ow-title-block {
        padding-left: 55px;
        padding-right: 55px;
    }
  .cu-info-block {
        padding: 55px 55px 70px;
    }
      .cu-form {
        padding-left: 55px;
        padding-right: 55px;
    }
      .map-block {
        padding: 68px 55px;
    }
  .why-avid-section1 .why-avid {
    padding-top: 70px;
    padding-bottom: 100px;
}
      .wa-head-title {
        gap: 65px;
        margin-bottom: 70px;
    }
  .why-avid .pharagraph {
      font-size: 20px;
      letter-spacing: -6%;
}
  .wa-cta {
    margin-bottom: 80px;
    width: calc(100% + 110px);
    position: relative;
    left: -55px;
    padding: 35px 100px;
    flex-direction: column;
    gap: 25px;
}
  .why-avid h3.h3.small {
    font-size: 24px;
}
  .button.wa-cta-button {
    max-width: 270px;
    min-height: 65px;
}
  .wa-image-text-block.reverse {
    flex-direction: column-reverse;
    gap: 80px;
}
      .wa-itb-image {
        max-width: 100%;
        min-height: 240px;
        max-height: 240px;
    }
.wa-itb {
    min-height: 420px;
    width: 100%;
    max-width: 100%;
}
  .wa-title-and-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 65px;
    margin-bottom: 30px;
}
  .wa-two-column-list {
    flex-direction: column;
    gap: 45px;
    margin-bottom: 75px;
}
  .wa-image-text-block {
    flex-direction: column-reverse;
}
  .section.header.inner-fixed.sticky.is-visible.scroll-reveal .header-logo-icon {
    height: 79px !important;
    left: -24px;
}
      .banner-image {
        height: 490px;
    }
  .banner-image {
    object-position: center;
}
  .section.header.inner-fixed.sticky.is-visible.scroll-reveal .display-in-sticky {
    display: none;
}
  .ow-banner-image.banner-photo, .ow-banner-image.banner-blueprint {
    height: 300px;
    min-height: 300px;
}
  .ow-banner-image.contact-us {
    height: 300px;
}
  .header.home-nav.logo-swapped .header-logo-icon {
    left: -17px;
}
  .svg.avid-logo.owsp.w-embed {
        inset: auto auto -40px -72px;
    }
  .footer-section {
    border: 0 #000;
    border-top: 10px solid #80d2fd;
}
  .nav-menu-link::before {
    height: 18px;
}
      .svg.header-logo svg {
        width: 245px;
        height: auto;
    }
      .button {
        max-width: 140px;
        min-height: 40px;
        font-size: 18px;
    }
  .social-links.footer-social {
    width: 100%;
    order: 2;
    justify-content: center;
    margin-top: 90px;
    margin-bottom: 90px;
}
  .menu-popup-sidebar.active {
    width: 100%;
}
  .image-and-text-overlap-img {
    flex-direction: column;
}
  .itoi-image-cont {
    min-height: 355px;
}
  .left-padding {
        padding-left: 55px;
        padding-right: 0;
    }
  .itoi-black {
    max-width: 100%;
    padding-right: 55px;
}
  .career-benefits-block {
    grid-template-columns: 1fr 1fr;
}
  .h3.small.cta-title {
    font-size: 24px;
    text-align: center;
}
  .collection-list {
    grid-template-columns: 1fr;
}
      .slider-image {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%);
    }
  .our-work-slider .content-block {
    min-height: 505px;
}
  .our-work-slider .content-block .pharagraph.small-ls {
    margin-bottom: 0;
    margin-top: auto;
}
  .stay-in-touch-form-block {
        max-width: 100%;
    }
  .stay-in-touch-form-block form#email-form input.stf-button.w-button {
    margin-left: 0;
}
  .h4.owl-title {
        font-size: 20px;
        letter-spacing: -3%;
    }
  a.button.global-button.black.owsp-cb-file.mobile {
    display: none;
}
    a.button.global-button.black.owsp-cb-file.desktop {
    display: flex;
}
      .owsp-banner {
        padding-left: 55px;
    }
      .owsp-content-block {
        padding: 115px 55px 95px;
    }
  .owsp-history-block {
        padding: 60px 55px 55px;
    }
      .related-projects {
        padding: 55px 55px;
    }
  .owsp-banner-title-block {
        padding-left: 140px;
    }
  .menu-popup-sidebar {
    padding-top: 0px;
    padding-bottom: 0px;
}
    .menu-popup-container {
        padding: 100px 210px 100px 210px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .hp-section3,
    .hp-section3 .container,
    .our-work-slider,
    .our-work-slider .swiper,
    .our-work-slider .swiper-slide,
    .our-work-slider .slide {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
    }
    .our-work-slider .slide-media img.slider-image {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    .hp-section3 .container {
        height: 100% !important;
    }
  }

@media (max-width: 767px) {
    .blueprint__swiper {
        overflow: visible !important;
    }

    .blueprint__swiper .swiper-wrapper {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 16px;
        transform: none !important;
        width: 100% !important;
        grid-auto-rows: 1fr
    }

    .blueprint__swiper .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
    }

    .gx-marquee .splide__slide {
        width: clamp(320px, 26vw, 340px);
    }

    .cuib-row1 {
        flex-direction: column;
    }
    body.homepage .row.vertical-center.space-between.left-and-right-padding.header.mobile {
    display: flex;
    padding-bottom: 105px;
}
  .header-buttons .desktop {
        display: none;
    }
      .svg.header-logo svg {
        width: 182px;
        height: auto;
    }
      .button {
        max-width: 175px;
        min-height: 44px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .tb-carousel .image {
        width: 100%;
        max-width: 175px;
    }

    .owl-cl {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .owl-item {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .owl-content-block {
        grid-column-gap: 20px;
        grid-row-gap: 15px;
        margin-top: 30px;
    }

    .owsp-banner-image {
        max-height: 100%;
        min-height: 585px;
        object-position: right;
    }

    .svg.arrow-down {
        display: none;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 260px;
    }

    .h1.h1-title.owsp-title {
        font-size: 40px;
    }

    .owsp-banner-title {
        padding: 40px 65px 50px;
    }

    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -259px -65px;
    }

    .owsp-content-block {
        padding: 60px 55px 85px;
    }

    .owsp-content-block {
        padding: 60px 55px 85px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .owsp-cb-ct {
        max-width: 100%;
        margin-top: 0;
        font-size: 20px;
        line-height: 1.4em;
    }

    .owsp-feat-item-text {
        font-size: 20px;
    }

    .owsp-feat-item {
        gap: 15px;
        margin-bottom: 40px;
    }

    .owsp-feat-item:last-child {
        margin-bottom: 0;
    }

    .owsp-history-block .rich-text-block {
        padding-left: 20px;
        font-size: 24px;
    }

    .owsp-rp-block {
        justify-content: center;
    }

    .owsp-rp-block {
        margin-bottom: 60px;
    }

    .related-projects .tb-nav-arrows {
        justify-content: center;
        margin-top: 65px;
    }

    .h4.rp-item-title {
        font-size: 24px;
    }

    .rp-item-content {
        padding-top: 20px;
        padding-bottom: 25px;
        gap: 30px;
        border-bottom: 2px solid #fff;
    }

    .rp-location {
        font-size: 20px;
    }

    section.section.cup-section1 .h1.h1-title.big-title.overlap {
        margin-bottom: -40px;
    }

    .h4.cu-title,
    .h4.cu-title-copy {
        font-size: 40px;
    }

    .cuib-details {
        max-width: 380px;
        gap: 20px;
        margin-top: 20px;
    }

    .cuib-details.schedule {
        max-width: 420px;
    }

    .cu-info-block {
        padding: 70px 0 70px;
    }

    .cuib-row1 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .cuib-row2 {
        background-color: #47d7ac;
        margin-top: 70px;
        padding: 25px 100px;
    }

    .pharagraph.big-phar {
        font-size: 24px;
    }

    .cu-info-block {
        padding: 70px 0 60px;
    }

    .cuf-form {
        min-height: auto;
        padding: 30px;
    }

    .tom-button-block {
        flex-direction: column;
    }

    .tom-button {
        min-height: 65px;
    }

    .git-two-col-forms {
        flex-direction: column;
        gap: 40px;
    }

    .git-contactme {
        flex-direction: column;
    }

    .git-submit {
        margin: auto;
        margin-top: 40px;
        max-width: 270px;
        min-height: 65px;
        display: block;
    }

    .map-block {
        padding: 70px 60px;
    }

    .cu-form {
        padding-left: 60px;
        padding-right: 60px;
    }
        .svg.avid-logo.owsp.w-embed {
        inset: auto auto -40px -62px;
    }
    .owl-search-and-filter {
        flex-wrap: wrap;
    }
    .cu-info-block {
        padding: 70px 0 60px;
    }
  .cuib-row1 {
        padding-left: 55px;
        padding-right: 55px;
    }
  .tom-button.cmethod {
    max-width: 100%;
}
  .why-avid h3.h3.small {
    text-align: center;
}
  .section.header.inner-fixed.sticky.is-visible.scroll-reveal .display-in-sticky {
    display: none;
}
      .section.header.inner-fixed.sticky.is-visible.scroll-reveal .header-logo-icon {
        height: 68px !important;
        left: -21px;
    }
  .ow-title-block.small-logo {
    padding-top: 0px;
}
  .ow-banner-image.banner-photo, .ow-banner-image.banner-blueprint {
    height: 100%;
    min-height: 230px;
}
  .wa-cta.no-marg.cu-cta {
    width: 100%;
    left: 0;
}
      .svg.avid-logo.owsp.w-embed {
        inset: auto auto -40px -62px;
    }
      .h1-title.banner-h1 {
        max-width: 395px;
    }
  .nav-arrows {
    padding-left: 32px;
}
      .our-work-slider .slide-media {
        max-height: 400px;
        min-height: 360px;
    }
  .tb-content .pharagraph.small, .tb-content h5 {
    font-size: 20px;
}
  .pharagraph.fl-text.address {
        max-width: 100%;
    }
      .menu-popup-container {
        padding: 100px 100px 100px 100px;
        overflow: scroll;
        display: flex;
    }
  .owsp-cb-features {
    width: 100%;
}
  .button.global-button.black.owsp-cb-file {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
  .careers .image-and-text-overlap-img .pharagraph {
    font-size: 16px;
}
  .career-benefits .career-benefits-block .cb-item .pharagraph {
    font-size: 16px;
}
  h3.h3.op-item-title {
    font-size: 32px;
}
  .open-position .open-position-block .pharagraph {
    font-size: 16px;
}
  .career-benefits-block {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
  .wa-cl-list-block {
    width: 100%;
}
  .career-benefits-block .pharagraph {
    font-size: 16px;
}
  .pharagraph.white.op-phar {
    margin-bottom: 75px;
}
  h3.h3.small.cta-title.op-modal-title {
    text-align: left;
}
  a.button.wa-cta-button.green.w-button {
    font-size: 16px;
    min-height: 36px;
    max-width: 160px;
}
  .h3.small.cta-title.op-modal-title {
    margin-bottom: 60px;
    font-size: 32px;
}
  .open-position-block .modal-card {
        padding: 40px;
        padding-top: 100px;
        max-height: 90vh;
    }
  .svg.op-modal-close-button {
    top: 40px;
    right: 30%;
}
.op-modal-arrow-nav {
    position: absolute;
    top: -59px;
    left: 30%;
}
  .tbp-filter-form {
    flex-direction: column;
}
  .opa-list {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
  .post-type-filter {
    margin-left: 0;
    margin-top: 40px;
}
      .tbpf-list {
        grid-template-columns: 1fr;
        gap: 60px;
    }
  .pharagraph.bold.tbpf-text {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3%;
    font-size: 18px;
    line-height: 1.2em;
}
  .tbpf-header {
    margin-bottom: 20px;
}
  .pharagraph.semibold.white.tbpf-title {
    font-size: 24px;
    margin-bottom: 20px;
}
  .pharagraph.white.tbpf-excerpt {
    font-size: 20px;
}
  .pharagraph.white.tbpf-link {
    font-size: 16px;
    margin-top: 15px;
}
      body.page-404 .row.vertical-center.space-between.left-and-right-padding.header.mobile {
        display: flex;
    }
  body.page-404 .row.vertical-center.space-between.left-and-right-padding.header:last-child .header-buttons {
        justify-content: center;
    }
  .left-and-right-padding._404-block {
        height: 100vh;
        padding-top: 325px;
    }
      .h2.h2-title.black._404-subtitle {
        text-align: center;
        margin-bottom: 90px;
        font-size: 36px;
    }
  .button.black._404-button {
    margin-bottom: 90px;
}
  a.button.global-button.black.owsp-cb-file.mobile {
    display: flex;
}
    a.button.global-button.black.owsp-cb-file.desktop {
    display: none;
}
      .owsp-banner-title {
        padding: 30px 55px 40px;
    }
  .related-projects .nav-arrows.blueprint__nav {
    gap: 25px;
}
  .owsp-cb-features .owsp-feat-item {
    margin-left: 66px;
}
      .owsp-content-block {
        gap: 80px;
    }
  .button.global-button.black.owsp-cb-file {
    margin-top: 70px;
}
        .want-to-know-more-block h3 {
        font-size: 36px;
    }
        .footer-row {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .button.global-button {
        min-width: 200px;
        min-height: 42px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .row.vertical-center.space-between.left-and-right-padding.header:first-child {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .container.with-left-pattern {
        background-size: 100px;
    }

    .svg.header-logo svg {
        width: 290px;
        height: auto;
    }

    .svg.menu-button-icon svg {
        width: 27px;
        height: 24px;
    }

    .header-buttons {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header:last-child {
        padding-bottom: 0px;
    }

    .button {
        max-width: 160px;
        min-height: 40px;
        font-size: 16px;
    }

    .menu-popup-container {
        padding: 100px 80px 100px 80px;
        display: flex;
    }

    .nav-menu-link {
        font-size: 32px;
    }

    .nav-menu-list {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
        padding-bottom: 120px;
    }

    .nav-ext-link-text {
        font-size: 20px;
    }

    .navigation-extra-links {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }

    .social-icon {
        width: 42px;
        height: 42px;
    }

    .social-links {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .close-menu-button {
        bottom: 135px;
        width: 21px;
    }

    .h1-title.banner-h1 {
        max-width: 430px;
        font-size: 36px;
        text-align: center;
    }

    .row.left-and-right-padding.banner-content {
        padding-top: 70px;
        padding-bottom: 85px;
    }

    .section.banner-section {
        border-bottom: 40px solid #80d2fd;
    }

    .row.left-and-right-padding.hp-section2-row1 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .h2.hp-sect2-title h2.h2-title {
        font-size: 36px;
    }

    .pharagraph {
        font-size: 20px;
    }

    .our-work-slider .slide-content {
        padding-left: 55px;
        padding-top: 100px;
        padding-right: 60px;
        gap: 40px;
    }

    .swiper-slide.with-left-pattern {
        background-size: 100px;
    }

    .gradient-blue strong:before {
        height: 16px;
        bottom: 2px;
        left: -5px;
    }

    .h4 {
        font-size: 24px;
    }

    h4.h4.subtitle:before {
        height: 15px;
        bottom: -1px;
        left: -2px;
    }

    .our-work-slider .content-block {
        flex-direction: column;
        gap: 0;
        padding-left: 20px;
        padding-right: 0;
        border-left: 1px solid #000;
    }

    .our-work-slider .slide-content h4.h4.subtitle {
        margin-bottom: 40px;
    }

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

    .our-work-slider .slide-content .h2-title {
        max-width: 300px;
        margin-bottom: 60px;
    }

    .our-work-slider .pharagraph {
        font-size: 24px;
    }

    .nav-arrows svg {
        width: 40px;
        height: 40px;
    }

    .slide-tag {
        font-size: 16px;
        max-width: 168px;
        min-height: 41px;
    }

    .nav-arrows {
        margin-bottom: 30px;
        gap: 45px;
    }

    .want-to-know-more-block {
        padding-top: 80px;
        padding-bottom: 80px;
        gap: 50px;
        padding-left: 55px;
        padding-right: 55px;
    }

    .button.global-button {
        min-width: 200px;
        min-height: 42px;
        font-size: 16px;
    }

    .the-blueprint {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .tb-header {
        padding-left: 55px;
        padding-right: 55px;
        margin-bottom: 35px;
    }

    .tb-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 20px 20px 20px 20px;
        align-items: stretch;
    }

    .h5 {
        font-size: 20px;
    }

    .h5 {
        margin-bottom: 15px;
    }

    .pharagraph.small {
        font-size: 16px;
    }

    .pharagraph.small.tb-phar {
        margin-bottom: 15px;
    }

    .tb-readmore {
        font-size: 16px;
    }

    .tb-carousel .image {
        width: 100%;
        max-width: 127px;
    }

    .tb-see-all-link strong.bold-text {
        bottom: 0;
        margin-top: 35px;
    }

    .tb-see-all-link {
        margin-left: 0;
        font-size: 24px;
    }

    .stay-in-touch-block {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .stayintouch-head-text {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .stf-email {
        font-size: 20px;
        min-height: 50px;
        padding-left: 20px;
        margin-bottom: 55px;
    }

    .stf-button {
        font-size: 16px;
        min-height: 40px;
        min-width: 160px;
        margin: auto;
    }

    .section.pattern-section {
        min-height: 50px;
    }

    .footer-row {
        padding-left: 55px;
        padding-right: 55px;
        padding-top: 80px;
        padding-bottom: 60px;
        flex-direction: column;
    }

    .footer-row .footer-links a.pharagraph {
        font-size: 16px;
    }

    .fl-right {
        gap: 20px;
    }

    .footer-row .footer-links {
        gap: 80px;
    }

    .fl-left {
        gap: 35px;
    }

    .footer-row .social-links.footer {
        margin: auto;
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .social-links.footer a.social-icon {
        width: 55px;
        height: auto;
    }

    .svg.footer-logo svg {
        max-width: 205px;
        width: 100%;
    }

    .h3 {
        font-size: 32px;
    }

    .our-work-block.left-padding {
        padding-left: 55px;
        padding-top: 45px;
    }

    .our-work-block .svg.avid-logo {
        inset: auto auto -154px -46px;
    }

    .our-work-block .svg.avid-logo svg {
        max-width: 185px;
    }

    .ow-title-block {
        padding-top: 22px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .h1.h1-title.big-title {
        font-size: 46px;
    }

    .h1.h1-title.big-title.overlap {
        margin-bottom: -30px;
    }

    .ow-lists.left-and-right-padding {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    .owl-search-and-filter {
        margin-bottom: 50px;
    }

    .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 45px;
        padding-right: 45px;
    }

    .owsp-banner-image {
        max-height: 100%;
        min-height: 435px;
        object-position: right;
    }

    body.single-page-our-works .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 48px;
        padding-right: 48px;
    }

    .owsp-banner-title {
        padding: 35px 55px 40px;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 200px;
        height: auto;
    }

    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -156px -50px;
    }

    .owsp-content-block {
        padding: 45px 55px 60px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .owsp-feat-item {
        gap: 12px;
        margin-bottom: 30px;
    }

    .owsp-history-block {
        padding: 40px 55px 35px;
    }

    .related-projects {
        padding: 40px 55px;
    }

    .cu-info-block {
        padding: 55px 0 50px;
    }


    .cuib-row2 {
        background-color: #47d7ac;
        margin-top: 50px;
        padding: 25px 65px;
    }

    .map-block {
        padding: 50px 55px;
    }
        .svg.avid-logo.owsp.w-embed {
        inset: auto auto -40px -59px;
    }
    body.homepage .row.vertical-center.space-between.left-and-right-padding.header.mobile {
    padding-bottom: 70px;
}
      section.section.header.not-hp.sticky.is-visible svg.header-logo-icon {
        left: -19px;
    }
      .cuib-row2 {
        padding: 25px 55px;
    }
     .cu-info-block {
        padding: 55px 0 50px;
    }
      .why-avid-section1 .why-avid {
        padding-top: 55px;
        padding-bottom: 75px;
    }
  .wa-head-title {
        gap: 40px;
        margin-bottom: 55px;
    }
  .wa-cta {
    margin-bottom: 60px;
    width: calc(100% + 110px);
    position: relative;
    left: -55px;
    padding: 30px 50px;
    flex-direction: column;
    gap: 20px;
}
  .wa-image-text-block.reverse {
    flex-direction: column-reverse;
    gap: 65px;
    margin-bottom: 50px;
}
  .wa-title-and-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 25px;
}
  .wa-cl-list-block {
    flex-direction: column;
}
  .wa-two-column-list {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 45px;
}
      .wa-image-text-block {
        gap: 55px;
        margin-bottom: 50px;
    }
      .pharagraph.wa-phar {
        margin-bottom: 50px;
    }
  .section.header.home-nav.logo-swapped .row.vertical-center.space-between.left-and-right-padding.header:first-child .row-container {
    padding-bottom: 0;
    padding-top: 0;
}
      .section.header.inner-fixed.sticky.is-visible.scroll-reveal .header-logo-icon {
        height: 62px !important;
        left: -19px;
    }
      .our-work-block .svg.avid-logo.small svg {
        max-width: 75px;
    }
      .our-work-block .svg.avid-logo.small {
        inset: auto auto -80px -19px;
    }
  section.section.cup-section1 .h1.h1-title.big-title.overlap {
        margin-bottom: -30px;
    }
      .banner-image {
        height: 360px;
    }
      img.ow-banner-image {
        min-height: 215px;
        object-fit: cover;
        height: 100%;
    }
  .ow-banner-image.banner-photo, .ow-banner-image.banner-blueprint {
    height: 100%;
    min-height: 185px;
}
      .ow-banner-image.contact-us {
        height: 230px;
    }
  .owsp-banner-title-block {
    flex-direction: row-reverse;
}
      .svg.avid-logo.owsp.w-embed {
        inset: auto auto -40px -50px;
    }
  .single-page-our-works .logo-flying svg, .single-page-our-works .logo-flying img {
    height: 100%;
}
  .tb-content .pharagraph.small, .tb-content h5 {
    font-size: 18px;
}
      .svg.header-logo svg {
        width: 135px;
        height: auto;
    }
      .menu-popup-container {
        padding: 100px 80px 100px 80px;
        overflow: scroll;
        display: flex;
    }
  p.pharagraph.small.tb-phar {
    font-size: 16px;
}
  body.single-page-our-works a.logo-flying {
    left: 0px !important;
}
      .h3.small.cta-title.op-modal-title {
        margin-bottom: 30px;
        font-size: 32px;
    }
  .pharagraph.op-modal-phar {
    margin-bottom: 30px;
}
  .opa-list {
    grid-template-columns: 1fr;
}
      .left-and-right-padding._404-block {
        height: 100vh;
        padding-top: 300px;
        padding-bottom: 60px;
    }
  .h2.h2-title.black.bold._404-title {
        text-align: center;
        margin-bottom: 15px;
        font-size: 32px;
    }
      .h2.h2-title.black._404-subtitle {
        text-align: center;
        margin-bottom: 90px;
        font-size: 32px;
    }
      .our-work-slider .content-block {
        min-height: 435px;
    }
      .our-work-slider .slide-media {
        max-height: 310px;
        min-height: 310px;
    }
  .svg.avid-logo.owsp.w-embed svg {
        max-width: 200px;
    }
      .owsp-banner-title-block {
        padding-left: 10px;
    }
      .owsp-cb-features .owsp-feat-item {
        margin-left: 40px;
    }
      .owsp-content-block {
        gap: 55px;
    }
      .close-menu-button {
        bottom: 0;
    }
        .want-to-know-more-block h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 440px) {
    .row.left-and-right-padding {
        padding-left: 45px;
        padding-right: 45px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header {
        padding-left: 45px;
        padding-right: 45px;
    }

    .row.left-and-right-padding.banner-content .banner-content-block {
        padding-left: 45px;
        padding-right: 45px;
    }

    .our-work-slider .slide-content {
        padding-left: 45px;
        padding-right: 45px;
    }

    .want-to-know-more-block {
        padding-left: 45px;
        padding-right: 45px;
    }

    .tb-header {
        padding-left: 45px;
        padding-right: 45px;
    }

    .tb-carousel {
        padding-left: 45px;
        padding-right: 45px;
    }

    .stay-in-touch-block.left-and-right-padding {
        padding-left: 45px;
        padding-right: 45px;
    }

    .footer-row {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    body.single-page-our-works .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 40px;
        padding-right: 40px;
    }

    .owsp-banner-title {
        padding: 30px 45px 35px;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 200px;
        height: auto;
    }

        .svg.avid-logo.owsp.w-embed {
        inset: auto auto -30px -50px;
    }

    .owsp-content-block {
        padding: 40px 45px 50px;
        flex-wrap: wrap;
        gap: 25px;
    }

    .owsp-feat-item {
        gap: 12px;
        margin-bottom: 25px;
    }

    .owsp-history-block {
        padding: 35px 45px 30px;
    }

    .related-projects {
        padding: 40px 45px;
    }
    .sticky .row.vertical-center.space-between.left-and-right-padding.header .column:last-child {
    padding-right: 45px;
}
  .left-and-right-padding, .ow-lists.left-and-right-padding {
        padding-left: 45px;
        padding-right: 45px;
    }
      .our-work-block.left-padding {
        padding-left: 45px;
    }
      .ow-title-block {
        padding-left: 45px;
        padding-right: 45px;
    }
      .cuib-row1 {
        padding-left: 45px;
        padding-right: 45px;
    }
      .cuib-row2 {
        padding: 25px 45px;
    }
      .cu-form {
        padding-left: 45px;
        padding-right: 45px;
    }
      .map-block {
        padding: 50px 45px;
    }
  .owsp-banner {
        padding-left: 45px;
    }
  .wa-cta {
    margin-bottom: 60px;
    width: calc(100% + 90px);
    position: relative;
    left: -45px;
    padding: 30px 50px;
    flex-direction: column;
    gap: 20px;
}
      .owsp-banner-title {
        padding: 20px 35px 30px;
    }
  .svg.avid-logo.owsp.w-embed {
       inset: auto auto -30px -40px;
    }
      body.single-page-our-works a.logo-flying {
        left: 0 !important;
    }
      .career-benefits-block {
        grid-template-columns: 1fr;
        gap: 30px;
    }
  .svg.arrow-green {
    margin-top: 0px;
}
  .op-modal-arrow-nav {
    position: absolute;
    top: -59px;
    left: 20%;
}
  .owsp-content-block {
        padding: 115px 45px 95px;
    }
  .owsp-history-block {
        padding: 60px 45px 55px;
    }
  .related-projects {
        padding: 55px 45px;
    }
  .owsp-banner-title-block {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .row.vertical-center.space-between.left-and-right-padding.header:first-child {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .svg.header-logo svg {
        width: 255px;
        height: auto;
    }

    .svg.menu-button-icon svg {
        width: 24px;
        height: 21px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header {
        padding-left: 35px;
        padding-right: 35px;
    }

    .header-buttons {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .row.vertical-center.space-between.left-and-right-padding.header:last-child {
        padding-bottom: 0px;
    }

    .row.left-and-right-padding.banner-content {
        padding-top: 60px;
        padding-bottom: 75px;
    }

    .row.left-and-right-padding.banner-content .banner-content-block {
        justify-content: center;
        padding-left: 35px;
        padding-right: 35px;
    }

    .h1-title.banner-h1 {
        font-size: 32px;
        text-align: center;
    }

    .section.banner-section {
        border-bottom: 35px solid #80d2fd;
    }

    .row.left-and-right-padding.hp-section2-row1 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .row.left-and-right-padding {
        padding-left: 35px;
        padding-right: 35px;
    }

    .h2.hp-sect2-title h2.h2-title {
        font-size: 32px;
    }

    .pharagraph {
        font-size: 16px;
    }

    .our-work-slider .slide-content {
        padding-left: 35px;
        padding-top: 85px;
        padding-right: 35px;
        gap: 40px;
    }

    .our-work-slider .content-block {
        flex-direction: column;
        gap: 0;
        padding-left: 18px;
        padding-right: 0;
        border-left: 1px solid #000;
    }

    .h4 {
        font-size: 20px;
    }

    .our-work-slider .slide-content h4.h4.subtitle {
        margin-bottom: 38px;
    }

    .h2-title {
        font-size: 32px;
    }

    .our-work-slider .slide-content .h2-title {
        max-width: 300px;
        margin-bottom: 50px;
    }

    .our-work-slider .pharagraph {
        font-size: 20px;
    }

    .nav-arrows svg {
        width: 35px;
        height: 35px;
    }

    .nav-arrows {
        margin-bottom: 40px;
        gap: 30px;
    }

    .slide-tag {
        font-size: 16px;
        max-width: 160px;
        min-height: 40px;
    }

    .want-to-know-more-block {
        padding-top: 75px;
        padding-bottom: 70px;
        gap: 45px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .h3 {
        font-size: 24px;
    }

    .button.global-button {
        min-width: 200px;
        min-height: 42px;
        font-size: 16px;
    }

    .buttons-block {
        flex-direction: column;
        gap: 18px;
    }

    .the-blueprint {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .tb-header {
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 50px;
    }

    .tb-carousel {
        padding-left: 35px;
        padding-right: 35px;
    }

    .tb-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding: 20px 20px 20px 20px;
        align-items: stretch;
    }

    .tb-carousel .image {
        width: 100%;
        max-width: 110px;
    }

    .tb-see-all-link strong.bold-text {
        bottom: 0;
        margin-top: 30px;
    }

    .tb-see-all-link {
        margin-left: 0;
        font-size: 20px;
    }

    .stay-in-touch-block.left-and-right-padding {
        padding-left: 35px;
        padding-right: 35px;
    }

    .stay-in-touch-block {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .stayintouch-head-text h3 {
        font-size: 32px;
    }

    .stayintouch-head-text {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .stf-email {
        font-size: 16px;
        min-height: 45px;
        padding-left: 15px;
        margin-bottom: 48px;
    }

    .stf-button {
        font-size: 16px;
        min-height: 35px;
        min-width: 140px;
        margin: auto;
    }

    .section.pattern-section {
        min-height: 42px;
    }

    .footer-row {
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        flex-direction: column;
    }

    .fl-right {
        gap: 15px;
    }

    .footer-row .footer-links {
        gap: 70px;
    }

    .fl-left {
        gap: 25px;
    }

    .footer-row .social-links.footer {
        margin: auto;
        margin-top: 55px;
        margin-bottom: 55px;
    }

    a.social-icon img {
        width: 45px;
    }

    .social-links.footer a.social-icon {
        width: 45px;
        height: auto;
    }

    .svg.footer-logo svg {
        max-width: 180px;
        width: 100%;
    }

    img.ow-banner-image {
        min-height: 195px;
        object-fit: cover;
    }

    .our-work-block.left-padding {
        padding-left: 40px;
        padding-top: 40px;
    }

    .section.no-logo-header .row.vertical-center.space-between.left-and-right-padding {
        padding-left: 40px;
        padding-right: 40px;
    }

    .section.no-logo-header {
        padding-top: 60px;
    }

    .h1.h1-title.big-title {
        font-size: 40px;
    }

    .ow-title-block {
        padding-top: 10px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .our-work-block .svg.avid-logo svg {
        max-width: 142px;
    }

    .our-work-block .svg.avid-logo {
        inset: auto auto -154px -36px;
    }

    .ow-blue-divider {
        min-height: 22px;
    }

    .h1.h1-title.big-title.overlap {
        margin-bottom: -25px;
    }

    .ow-lists.left-and-right-padding {
        padding-top: 47px;
        padding-bottom: 53px;
    }

    .owl-sf-label {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .owl-sf-field {
        font-size: 16px;
    }

    .owl-sf.search form.w-form {
        margin: 0;
    }

    .owl-content-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 15px;
    }

    .owsp-banner .svg.avid-logo.owsp svg {
        max-width: 160px;
        height: auto;
    }

    .owsp-banner-image {
        min-height: 360px;
    }

    .h1.h1-title.owsp-title {
        font-size: 32px;
    }

    .owsp-location {
        font-size: 16px;
    }

    .owsp-banner-title {
        padding: 25px 35px 30px;
    }

    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -120px -41px;
    }

    .owsp-cb-ct {
        font-size: 16px;
    }

    .owsp-content-block {
        gap: 40px;
    }

    .owsp-feat-item-text {
        font-size: 16px;
    }

    .owsp-feat-item {
        gap: 10px;
        margin-bottom: 22px;
    }

    .owsp-history-block .rich-text-block {
        padding-left: 15px;
        font-size: 16px;
    }

    .related-projects {
        padding: 45px 35px;
    }

    .h3.owsp-rp-title {
        font-size: 20px;
    }

    .owsp-rp-block {
        margin-bottom: 40px;
    }

    .rp-location {
        font-size: 16px;
    }

    .h4.rp-item-title {
        font-size: 20px;
    }

    .rp-item-content {
        padding-top: 15px;
        padding-bottom: 15px;
        gap: 15px;
        border-bottom: 2px solid #fff;
    }

    .related-projects .nav-arrows {
        margin-bottom: 0;
    }

    section.section.cup-section1 .h1.h1-title.big-title.overlap {
        margin-bottom: -24px;
        position: relative;
    }

    .pharagraph.big-phar {
        font-size: 18px;
    }

    .cu-info-block {
        padding: 40px 0 45px;
    }

    .cuib-row1 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .cuib-row2 {
        background-color: #47d7ac;
        margin-top: 35px;
        padding: 20px 58px;
    }

    .cu-form {
        padding-left: 40px;
        padding-right: 40px;
    }

    .cuf-form {
        min-height: auto;
        padding: 20px;
    }

    .h4.cu-title,
    .h4.cu-title-copy {
        font-size: 36px;
    }

    .map-block {
        padding: 40px 40px;
    }
    .svg.avid-logo.owsp.w-embed svg {
    max-width: 150px;
    height: fit-content;
}
    .svg.avid-logo.owsp.w-embed {
        inset: auto auto -30px -37px;
    }
    .sticky .row.vertical-center.space-between.left-and-right-padding.header .column:last-child {
    padding-right: 35px;
}
  body.homepage .row.vertical-center.space-between.left-and-right-padding.header.mobile {
    padding-bottom: 60px;
}

    .left-and-right-padding, .ow-lists.left-and-right-padding {
        padding-left: 35px;
        padding-right: 35px;
    }
      .our-work-block.left-padding {
        padding-left: 35px;
    }
      .ow-title-block {
        padding-left: 35px;
        padding-right: 35px;
    }
      .cu-info-block {
        padding: 40px 0 45px;
    }
  .cuib-row1 {
        padding-left: 35px;
        padding-right: 35px;
    }
      .cuib-row2 {
        padding: 20px 35px;
    }
      .cu-form {
        padding-left: 35px;
        padding-right: 35px;
    }
  .map-block {
        padding: 40px 35px;
    }
  .owsp-banner {
        padding-left: 35px;
    }
      .owsp-content-block {
        padding: 40px 35px 50px;
    }
      .owsp-history-block {
        padding: 35px 35px 30px;
    }
      .why-avid-section1 .why-avid {
        padding-top: 32px;
        padding-bottom: 40px;
    }
  .wa-head-title {
        gap: 30px;
        margin-bottom: 32px;
    }
  .why-avid h3.h3.small {
    font-size: 16px;
}
  .wa-cta {
    margin-bottom: 40px;
    width: calc(100% + 70px);
    position: relative;
    left: -35px;
    padding: 30px 55px;
    flex-direction: column;
    gap: 24px;
}
  .wa-itb {
    min-height: 425px;
    width: 100%;
    max-width: 100%;
}
  .wa-image-text-block.reverse {
    flex-direction: column-reverse;
    gap: 40px;
    margin-bottom: 32px;
}
  .section.header.home-nav.logo-swapped .row.vertical-center.space-between.left-and-right-padding.header:first-child .row-container {
    padding-top: 0;
}
  .banner-image {
        height: 315px;
    }
  .ow-banner-image.banner-photo, .ow-banner-image.banner-blueprint {
    height: 100%;
    min-height: 160px;
}
  .ow-banner-image.contact-us {
        height: 200px;
        min-height: 200px;
    }
      .owsp-banner-title {
        padding: 20px 35px 30px;
    }
  .svg.avid-logo.owsp.w-embed {
       inset: auto auto -31px -37px;
    }
      .svg.header-logo svg {
        width: 115px;
        height: auto;
    }
  .button.wa-cta-button {
        max-width: 200px;
        min-height: 38px;
        font-size: 16px;
    }
  .pharagraph.bold.tbpf-text {
    font-size: 16px;
}
  .pharagraph.semibold.white.tbpf-title {
    font-size: 16px;
    margin-bottom: 35px;
}

.pharagraph.white.tbpf-excerpt {
    font-size: 16px;
}
  .pharagraph.white.tbpf-link {
    font-size: 16px;
    margin-top: 30px;
}
  .our-work-slider .content-block {
        min-height: 380px;
    }
      .our-work-slider .slide-media {
        max-height: 272px;
        min-height: 272px;
    }
  .related-projects {
        padding: 55px 35px;
    }
  .owsp-cb-features .owsp-feat-item {
    margin-left: 24px;
}
  .owsp-content-block {
        gap: 50px;
    }
      .button.global-button.black.owsp-cb-file {
        margin-top: 65px;
    }
}


@media (min-width: 768px) {
  .hp-section1.first-section {
    height: 100vh;
    height: calc(100dvh + 20px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }

  .hp-section1.first-section .banner-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    box-sizing: border-box;
  }

  .hp-section1 .row.left-padding {
    flex: 1 1 auto;
    min-height: 300px;
  }

  .hp-section1 .banner-image-container,
  .hp-section1 .banner-slider,
  .hp-section1 .banner__swiper,
  .hp-section1 .banner__swiper .swiper-wrapper,
  .hp-section1 .swiper-slide,
  .hp-section1 .banner-image {
    height: 100%;
  }

  .hp-section1 .banner-content {
    flex: 0 0 auto;
  }
}

@media (min-width: 768px) {
  .owsp-section1.first-section {
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
  }

  .owsp-section1.first-section > .container.w-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }

  .owsp-section1.first-section > .owsp-banner-divider {
    flex: 0 0 auto;
  }

  .owsp-section1 .owsp-banner {
    flex: 1 1 auto;
    min-height: 300px;
    position: relative;
  }

  .owsp-section1 .owsp-banner-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .owsp-section1 .owsp-banner-title {
    flex: 0 0 auto;
  }

}