.pnm-home-banner .mxd-divider {
        height: auto;
      }

      .pnm-home-banner__frame {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 1672 / 941;
        height: clamp(210px, 52vw, 760px);
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translate3d(0, 0, 0);
        transform-origin: center;
        will-change: transform;
      }

      .pnm-home-banner__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain !important;
        object-position: center;
      }

      .home-page {
        overflow-x: hidden;
      }

      .home-page img,
      .home-page video,
      .home-page iframe {
        max-width: 100%;
      }

      .home-page .mxd-grid-item,
      .home-page .mxd-block__content,
      .home-page .mxd-section-title__title,
      .home-page .mxd-section-title__descr {
        min-width: 0;
      }

      .home-page h1,
      .home-page h2,
      .home-page h3,
      .home-page p,
      .home-page a {
        overflow-wrap: break-word;
      }

      .home-page .mxd-services-stack__title,
      .home-page .mxd-services-stack__info {
        max-width: 100%;
      }

      .home-page .mxd-services-cards__tags,
      .home-page .mxd-section-title__controls,
      .home-page .mxd-manifest__controls {
        flex-wrap: wrap;
      }

      .home-page .marquee__item.one-line img {
        max-width: clamp(90px, 12vw, 140px) !important;
        max-height: clamp(55px, 8vw, 90px) !important;
      }

      .home-page .website-marquee .marquee__item {
        flex: 0 0 clamp(300px, 30vw, 600px);
        width: clamp(300px, 30vw, 600px);
        height: auto;
        aspect-ratio: 16 / 9;
      }

      .home-page .website-marquee .marquee__link {
        width: 100%;
      }

      .home-page .website-marquee .marquee__item img,
      .home-page .website-marquee .marquee__link img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      @media only screen and (max-width: 767px) {
        .home-page .mxd-logo__image {
          width: clamp(88px, 30vw, 125px);
          height: auto;
        }

        .home-page .mxd-hero-01__wrap,
        .home-page .mxd-container,
        .home-page .mxd-footer__footer-blocks {
          padding-left: 1.6rem;
          padding-right: 1.6rem;
        }

       
    .home-page .mxd-hero-01__top {
        padding-top: 7rem;
        padding-bottom: 5rem;
    }


        .home-page .hero-01-title {
          width: 100%;
          max-width: 100%;
          font-size: clamp(3rem, 10vw, 4.6rem);
          gap: 9rem;
        }

        .home-page .hero-01-title__row {
          width: 100%;
          max-width: 100%;
          align-items: flex-start;
          gap: 0.6rem;
          opacity: 1 !important;
          transform: none !important;
        }

        .home-page .hero-01-title__item {
          display: block;
          width: auto;
          max-width: 100%;
          white-space: normal;
          text-align: left;
        }

        .home-page .hero-01-title__item.title-item-transparent,
        .home-page .hero-01-title__item.title-item-image {
          display: none;
        }

        .home-page .mxd-hero-01__marquee {
          top: 5.6rem;
        }

     
    .home-page .mxd-hero-01__data-wrap {
        padding-top: 3rem;
        padding-bottom: 0rem;
    }

        .home-page .mxd-hero-01__video-wrap {
          min-height: 220px;
        }

        .home-page .mxd-services-stack__inner {
          padding: 2.6rem 2.2rem 3rem;
        }

        .home-page .mxd-services-stack__title,
        .home-page .mxd-services-stack__info {
          width: 100%;
          padding-right: 0;
        }

        .home-page .mxd-services-stack__title h3 {
          font-size: clamp(3.4rem, 11vw, 5rem);
        }

        .home-page .mxd-section-title h2,
        .home-page .mxd-promo__caption {
          font-size: clamp(3.8rem, 12vw, 5.6rem);
        }

        .home-page .mxd-promo__inner {
          padding-left: 2.4rem;
          padding-right: 2.4rem;
        }

        .home-page .mxd-promo__content {
          gap: 3rem;
          margin: 7rem 0 8rem;
        }

        .home-page .mxd-promo__controls .btn {
          max-width: 100%;
        }

        .home-page .mxd-testimonials-card {
          padding: 2.4rem;
        }

        .pnm-home-banner {
          padding-top: 5rem;
        }

        .pnm-home-banner__frame {
          aspect-ratio: auto;
          height: clamp(190px, 62vw, 330px);
        }
      }

      @media only screen and (min-width: 768px) and (max-width: 1199px) {
        .home-page .mxd-hero-01__wrap,
        .home-page .mxd-container,
        .home-page .mxd-footer__footer-blocks {
          padding-left: 4rem;
          padding-right: 4rem;
        }

        .home-page .hero-01-title {
          font-size: clamp(6.4rem, 9vw, 8rem);
        }

        .home-page .hero-01-title__row {
          flex-wrap: wrap;
        }

        .home-page .mxd-hero-01__video-wrap {
          min-height: 380px;
        }

        .home-page .mxd-services-stack__title.width-60,
        .home-page .mxd-services-stack__info.width-60 {
          width: 100%;
          max-width: 100%;
        }

        .home-page .mxd-services-stack__title h3 {
          font-size: clamp(5rem, 7vw, 6.4rem);
        }

        .home-page .mxd-promo__caption {
          font-size: clamp(6rem, 8vw, 8rem);
        }
      }

      @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .home-page .mxd-hero-01__wrap {
          padding-left: 4rem;
          padding-right: 4rem;
        }

        .home-page .hero-01-title {
          font-size: clamp(8.8rem, 8vw, 10.5rem);
        }

        .home-page .hero-01-title__row {
          gap: 2rem;
        }

        .home-page .mxd-hero-01__marquee {
          right: 8rem;
          width: 330px;
          height: 112px;
        }

        .home-page .mxd-hero-01__marquee .marquee__item.item-regular p {
          font-size: 10rem;
        }

        .home-page .mxd-hero-01__data-wrap {
          gap: 2.4rem;
        }

        .home-page .mxd-hero-01__data-descr {
          width: min(32vw, 360px);
        }

        .home-page .mxd-services-stack__title h3 {
          font-size: 6rem;
        }
      }

      @media only screen and (min-width: 1200px) {
        .pnm-home-banner__frame {
          height: clamp(520px, 49vw, 790px);
        }
      }

      @media only screen and (min-width: 1600px) {
        .pnm-home-banner__frame {
          height: 820px;
        }
      }
      @media only screen and (min-width: 500px) and (max-width: 768px) {
       .services-stack__image{
        margin-top:  -66px;
      }
      }

             @media only screen and (max-width: 767px) { .pnm-home-banner { padding-top: 2rem; } 
              .mxd-section.padding-pre-manifest.mobile-point-subtitle { padding-bottom: 1.7rem; }
             }


             @media only screen and (min-width: 768px) and (max-width:992px) {
             .mxd-hero-01__data-wrap {
    position: relative;
    padding: 4rem 0 3.2rem 0;
}
            }
            @media only screen and (min-width: 768px) {
    .mxd-section.padding-pre-manifest.mobile-point-subtitle {
        padding-bottom: 5.7rem;
    }
}
@media only screen and (min-width: 768px) {
    .mxd-section.padding-pre-grid
 {
        padding-bottom: 8rem;
    }
}

@media screen and (max-width: 768px) {

.mxd-section.padding-pre-grid {
    padding-bottom: 3rem;
}
.brrelated{
  display: none;
}
.mxd-section-title__descr {
    padding-right: 0%;
    margin-top: 2.2rem;
}
.mxd-section.padding-pre-title {
    padding-bottom: 8rem;
}
.letstalksection{
margin-bottom: 68px;
}
.mxd-section.padding-grid-pre-mtext {
    padding-bottom: 4.3rem;
}
.mxd-section.padding-mtext-pre-pinned {
    padding-bottom: 3.8rem;
}
.mxd-section.padding-stacked-section {
    padding-bottom: 2.1rem;
}
.padding-pre-grid1{
  /* margin-top:-67px; */
}
.mxd-section.padding-pre-grid.mobile-grid-s {
    padding-bottom: 7.5rem;
}
    .mxd-section.padding-pre-title {
        padding-bottom: 6rem;
    }
    .block1{
      margin-top:-72px;
    }
    .mxd-section.padding-default.mobile-title {
    padding-bottom: 3rem;
}

.mxd-section-title1{
margin-bottom: 3rem;
}
.mxd-section.padding-mtext-pre-grid {
    padding-bottom: 4.8rem;
}
.stack-offset1{

margin-top: -77px;
}
.main-menu__link span{
font-size: 36px;
}
.mxd-nav__contain{
    margin-top:42px;
    
}
.mxd-logo {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    gap: 1rem;
}
.mxd-header__controls {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    align-items: center;
}

}
@media only screen and (max-width: 767px) {
    .home-page .mxd-logo__image {
        width: clamp(88px, 45vw, 136px);
        height: auto;
    }
}
@media only screen and (min-width: 768px) {
    .home-page .mxd-logo__image {
        width: clamp(145px, 20vw, 175px);
        height: auto;
    }

    .mxd-section.padding-pre-grid.mobile-grid-s {
        padding-bottom: 7rem;
    }
}

@media only screen and (min-width: 768px) and (max-width:993px) {
    .mxd-testimonials-card {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
       height: auto !important;
        max-width: 460px;
        padding: 2rem;
    }
}
 
 @media only screen and (min-width: 768px) {
    .mxd-awards-list__title p {
        font-size: 3.4rem;
    }

    .home-page .header-connect-btn {
        flex: 0 0 auto;
        width: max-content;
        min-width: 21.5rem;
        white-space: nowrap;
    }

    .home-page .header-connect-btn .btn-caption,
    .home-page .header-connect-btn .btn-anim__block {
        width: max-content;
        white-space: nowrap;
    }
}
@media screen and (max-width: 993px) {
    .services-stack {
        display: grid;
        width: 100%;
        position: relative;
        height: auto;
        min-height: 0;
    }

    .services-stack .stack-item {
        grid-area: 1 / 1;
        position: relative;
        height: auto;
        align-self: stretch;
    }

    .services-stack .mxd-services-stack__inner {
        height: 100%;
    }

    .services-stack .services-stack__image {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: auto;
    }

    .services-stack .services-stack__image .service-img {
        position: static;
        display: block;
        width: 100%;
        height: auto;
    }

    .services-stack .services-stack__image .service-img-m {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .home-page .mxd-menu__wrapper {
        height: 100dvh;
    }

    .home-page .mxd-menu__contain {
        width: min(100%, 720px);
        height: auto;
        max-height: calc(100dvh - 3rem);
    }

    .home-page .mxd-menu__inner {
        height: auto;
        max-height: calc(100dvh - 3rem);
        padding-bottom: 3rem;
        overflow-y: auto;
    }

    .home-page .mxd-menu__right {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .home-page .mxd-menu__contain,
    .home-page .mxd-menu__inner {
        max-height: calc(100dvh - 4rem);
    }
}

/* Header controls share one flex row: contact button and menu toggle. */
.home-page .mxd-header {
    width: calc(100% - 6rem);
    align-items: center;
}

.home-page .mxd-header__controls {
    align-items: center;
}

.home-page .mxd-header__logo {
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.home-page .mxd-header.menu-is-visible .mxd-header__logo {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
}

.home-page .mxd-header.menu-is-visible {
    z-index: 102;
}

@media only screen and (min-width: 768px) {
    .home-page .mxd-header {
        width: calc(100% - 12rem);
    }
}

@media only screen and (min-width: 1600px) {
    .home-page .mxd-header {
        width: calc(100% - 18rem);
    }
}
@media only screen and (max-width: 767px) {
   .mxd-grid-item {
    padding: 0 0.5rem;
    margin-top: 3rem;
}
}