@media (max-width: 1440px) {
    .container,
    .slide-content {
        max-width: 1240px;
    }
    .line-track .line {
        left: calc(-50vw + 580px);
    }
    .start.slide.active .line-track .line {
        width: calc(50vw + 560px);
    }
    .singleExtension-TextImageSection {
        gap: 50px;
    }
    .singleExtension-TextImageSection > .image-holder {
        flex-basis: 37%;
        flex-shrink: 0;
    }
    .cardshorisontal-scroll-track .single-card-horisontal.first,
    .clients-wrapper.hand-scroll .single-client.first {
        margin-left: calc(50vw - 580px);
    }
    .clients-wrapper {
        gap: 100px;
    }
    section.cards-img-title-link .outer-wrapper {
        width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: flex-start;
    }
    section.cards-img-title-link .single-solution {
        margin: 0 25px;
    }
    .scroll-track-inner,
    .cardsScroll-lane-scroll {
        margin-left: calc(50vw - 580px);
    }
}

@media (max-width: 1240px) {
    .container,
    .slide-content {
        max-width: 1024px;
    }
    .footer-extension-txt h4 {
        font-size: 50px;
    }
    .line-track .line {
        left: calc(-50vw + 472px);
    }
    .start.slide.active .line-track .line {
        width: calc(50vw + 412px);
    }
    .cardshorisontal-scroll-track .single-card-horisontal.first,
    .clients-wrapper.hand-scroll .single-client.first {
        margin-left: calc(50vw - 472px);
    }
    .halftext-halfimage-wrapper,
    .singleExtension-ImgTitleTextareas .grid {
        gap: 50px;
    }
    .clients-wrapper {
        gap: 50px;
    }
    header ul,
    .nav-wrapper-inner.flex {
        gap: 10px;
    }
    header ul,
    .language-bar {
        font-size: 16px;
    }
    .scroll-track-inner,
    .cardsScroll-lane-scroll {
        margin-left: calc(50vw - 472px);
    }
    .topExtensions-AutoScroll.slow-speed .auto-scroll-track {
        gap: 100px;
    }
    .cards-slider-full .slide {
        grid-template-columns: repeat(2, 1fr);
    }
    .gray-back .back-mask-img {
        right: -10%;
    }
    .tab-trigger-new .trigger-title {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    html.active-nav,
    body.active-nav {
        overflow-y: clip;
    }
    .open-nav,
    .close-nav {
        display: block;
        cursor: pointer;
        font-size: 20px;
    }
    .open-nav:hover,
    .close-nav:hover {
        color: var(--Blue);
    }
    .nav-wrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        overflow: hidden;
        justify-content: flex-end;
        align-items: stretch;
        z-index: 9999;
        background: var(--White);
        background: linear-gradient(270deg,var(--White) 30%, var(--White-20) 100%);
    }
    .nav-wrapper.active-nav {
        left: 0;
    }
    .nav-wrapper-inner {
        flex-direction: column;
        width: 100%;
        max-width: 480px;
        padding: 40px;
        box-sizing: border-box;
        overflow-y: auto;
        background-color: var(--White);
        justify-content: flex-start;
        align-items: stretch;
        box-shadow: -10px 0px 5px 0px var(--Black-06);
        -webkit-box-shadow: -10px 0px 5px 0px var(--Black-06);
        -moz-box-shadow: -10px 0px 5px 0px var(--Black-06);
    }
    .close-nav {
        align-self: flex-end;
        order: 1;
        margin-bottom: 10px;
    }
    header ul, .language-bar {
        font-size: 18px;
    }
    header.dark .language-bar a {
        color: var(--Dark-Blue);
    }
    .nav-wrapper-inner .app-lang {
        align-self: flex-end;
        order: 2;
    }
    .nav-wrapper-inner .app-nav {
        margin-right: 0;
        order: 3;
    }
    .nav-wrapper-inner .app-nav ul {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
    .nav-wrapper-inner .app-nav ul li {
        border-bottom: 1px solid var(--Dark-Blue-10);
        padding: 15px 0;
    }
    .nav-item .dropdown-menu {
        position: relative;
        left: auto;
        top: auto;
        padding: 0;
        padding-left: 40px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border-radius: 0;
        width: 100%;
    }
    .nav-item .dropdown-menu li.first {
        padding-top: 15px;
        border-top: 1px solid var(--Dark-Blue-10);
        margin-top: 15px;
    }
    .nav-item.dropdown.has-child .nav-arrow {
        display: none;
    }
    header.dark ul a {
        color: var(--Dark-Blue);
    }
    .dark .nav-item .dropdown-menu {
        background-color: var(--White);
    }
    header.dark {
        color: var(--Dark-Blue);
    }
    header.dark .open-nav {
        color: var(--Blue);
    }
    .nav-wrapper-inner .sec-navigation {
        order: 4;
        margin-top: 20px;
    }
    h2 {
        font-size: 50px;
    }
    .cardsScroll-lane {
        padding-left: 20px;
    }
    h2.slider-tilte {
        font-size: 150px;
        line-height: 1.3;
        margin: 0px 0 0 120px;
        text-align: left;
        letter-spacing: -15px;
    }
    .zero-slider h2.slider-tilte {
        margin-left: 0;
    }
    .line-track .line {
        left: -40px;
    }
    .start.slide.active .line-track .line {
        width: calc(100vw - 60px);
    }
    .title-animated-words {
        height: 69px;
    }
    .cardsScroll-wrapper {
        margin-left: 0;
        transform: translateX(-40px);
    }
    .single-card.first {
        margin-left: 0;
    }
    .cardshorisontal-scroll-track .single-card-horisontal.first,
    .clients-wrapper.hand-scroll .single-client.first {
        margin-left: 40px;
    }
    .clients-wrapper.hand-scroll .single-client.last {
        margin-right: 40px;
    }
    .list-story-right .tagList {
        margin-bottom: 14px;
    }
    h3.list-story-title {
        font-size: 26px;
        margin-bottom: 24px;
    }
    .list-story-right p {
        font-size: 16px;
    }
    .topExtensions-SectionsOverlap-Text .left-data h3 {
        font-size: 33px;
    }
    .topExtensions-SectionsOverlap-Text .left-data p,
    .topExtensions-SectionsOverlap-Text .extension-body li a,
    .topExtensions-SectionsOverlap-Text .extension-body li {
        font-size: 20px;
        line-height: 24px;
    }
    .cards-img-title-link .cardsScroll-lane {
        padding-left: 0;
    }
    .scroll-track-inner,
    .cardsScroll-lane-scroll {
        margin-left: 40px;
    }
    .topExtensions-AutoScroll.slow-speed .auto-scroll-track {
        gap: 70px;
    }
    .cardshorisontal-grid-products {
        grid-template-columns: 1fr;
    }
    .tab-trigger-new {
        padding: 5px 5px 0;
    }
    .tab-trigger-new .trigger-title {
        margin: 10px 0;
    }
    .tab-icons-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 991px) {
    .body-form {
        grid-template-columns: 1fr 1fr;
    }
    .footer-top {
        flex-wrap: wrap;
    }
    .footer-extension-txt h4 {
        width: 100%;
        margin-bottom: 40px;
    }
    .story-left-right {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .story-left .tagList {
        flex-direction: inherit;
        margin: 0;
        flex-wrap: wrap;
    }
    .slider-text-img-wrapper {
        padding-right: 0;
    }
    .topExtensions-CareerSlider .slider-img {
        margin-top: 40px;
    }
    .topExtensions-CareerSlider .zero-slider .slider-img {
        margin-top: 0;
    }
    .singleExtension-CardText .title-button-wrapper {
        padding: 50px 75px;
    }
    .singleExtension-TextSection .textareas-wrapper {
        gap: 40px;
    }
    .topExtensions-CardsTwoRows .single-card-auto-scroll {
        padding: 20px;
    }
    .dark-scroll .single-card-auto-scroll {
        margin-right: 60px;
    }
    .icon-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    .icon-grid .single-card-icon:nth-of-type(7n+7) {
        border-right: 1px solid var(--White-30);
    }
    .icon-grid .single-card-icon:nth-of-type(6n+6) {
        border-right: none;
    }
    .grid-three-cards .single-card {
        padding: 20px;
    }
    .topExtensions-ThreeCards.full .grid-three-cards {
        grid-template-columns: repeat(1, 1fr);
    }
    .topExtensions-ThreeCards.full.ThreeCardsTitle .grid-three-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .topExtensions-CardsSlider .single-card {
        padding: 160px 20px 10px;
    }
    .topExtensions-CardsSlider .single-card-img {
        left: 20px;
    }
    .topExtensions-CardsSlider .single-card h3 {
        margin: 0 0 20px;
        font-size: 30px;
    }
    .contact-top .back-mask-img {
        right: -10%;
    }
    .singleExtension-Map .embed-responsive {
        padding-top: 33%;
    }
    .tabs-wrapper-overflow {
        width: 100vw;
        margin-left: -40px;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: flex;
        justify-content: flex-start;
    }
    .tabs-wrapper {
        padding: 0 40px;
    }
    .tab-trigger-new {
        padding: 10px 10px 0;
        width: 120px;
    }
    .new-Text-Section .image-title-body .single-lead {
        font-size: 30px;
    }
}

@media (max-width: 848px) {
    .topExtensions-ClientsSlider .slide {
        padding: 0 10px;
    }
    .topExtensions-ClientsSlider .slider-text-img-wrapper .slider-text .slider-content {
        min-width: inherit;
        width: 100%;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .background-word {
        font-size: 130px;
        letter-spacing: -10px;
    }
    .vice-versa .halftext-halfimage-wrapper,
    .halftext-halfimage-wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .labels-wrapper {
        gap: 20px;
    }
    .grid-three-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-three-cards .single-card {
        padding: 20px 40px 40px 40px;
    }
    .topExtensions-ThreeCards.full.ThreeCardsTitle .grid-three-cards {
        grid-template-columns: repeat(1, 1fr);
    }
    .tab-icons-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    h2 {
        font-size: 42px;
    }
    .singleExtension-TitleText2Buttons h2 {
        font-size: 50px;
    }
    .singleExtension-IntroWhite h2.section-title {
        font-size: 60px;
        line-height: 1.1;
    }
    .container {
        padding: 0 20px;
    }
    .contact-top h1,
    .topExtensions-ClientsSlider .clientsSlider-title .title {
        font-size: 50px;
    }
    .story-wrapper-inner h1 {
        font-size: 42px;
    }
    .title-button-wrapper h3 {
        font-size: 30px;
    }
    .topExtensions-ClientsSlider .clientsSlider-title .subtitle p {
        font-size: 20px;
    }
    p {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .body-form {
        grid-template-columns: 1fr;
        margin-top: 20px;
        padding-top: 30px;
        gap: 40px;
    }
    .body-form .contentBody {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid var(--White-30);
    }
    .formContainer {
        padding-left: 0;
    }
    .title-button-wrapper {
        padding: 55px 50px 30px;
        min-height: 240px;
    }
    .footer-top {
        padding-top: 40px;
    }
    .vice-versa .halftext-halfimage-wrapper,
    .halftext-halfimage-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .halftext-txt p:last-of-type {
        margin-bottom: 0;
    }
    .halftext-halfimage-wrapper .halfimage-wrapper {
        grid-row: 1 / 2;
        max-width: inherit;
        width: 100%;
    }
    .storyNav {
        padding: 30px 0;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .storyNav a.img-link {
        width: calc(100% + 40px);
        margin: 0 -20px;
        max-width: inherit;
    }
    .storyNav a.img-link img {
        border-radius: 0;
    }
    .imageTexte-wrapper {
        grid-template-columns: 1fr;
    }
    .story-wrapper-inner section.singleExtension-ImageText,
    .story-wrapper-inner section.singleExtension-ImgTitleTextareas,
    .story-wrapper-inner section.singleExtension-Image {
        padding-top: 0;
    }
    .story-wrapper-inner .singleExtension-ImgTitleTextareas .grid {
        gap: 40px;
        margin-top: 0;
    }
    .story-largeThumb {
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    img.story-big-thumb {
        border-radius: 0;
    }
    section.singleExtension-IntroBlue {
        padding-bottom: 0;
    }
    .singleExtension-IntroBlue .intro-video {
        display: block;
    }
    .singleExtension-IntroBlue .intro-video-box,
    .singleExtension-IntroWhite .intro-video-box.video-in-view {
        padding: 0;
        border-radius: 0;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    .tech-cube-scene {
        min-height: 400px;
    }
    .zero-slider .img-title-img .bottom-images .position-left {
        margin-left: 0;
    }
    .overlap-img {
        align-self: end;
        margin-right: 10px;
    }
    .slider-text-img-wrapper {
        grid-template-columns: 1fr;
    }
    .single-overlap-wrapper {
        padding-top: 70px;
    }
    .title-animated-words {
        height: 44px;
    }
    .topExtensions-CardsScroll .single-card {
        opacity: 1 !important;
    }
    .cardsScroll-wrapper {
        transform: translateX(-20px);
    }
    .singleExtension-TextImageSection {
        flex-direction: column;
        align-items: stretch;
    }
    .singleExtension-TextImageSection .text-holder {
        max-width: inherit;
    }
    .singleExtension-CardText .title-button-wrapper {
        padding: 50px 50px 30px;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .singleExtension-CardText .text-message-left {
        border-bottom: 1px solid var(--White-30);
    }
    .singleExtension-CardText .title-button-wrapper .text-message-right h3 {
        padding-bottom: 20px;
    }
    .singleExtension-CardText .title-button-wrapper p.signature-text {
        padding-top: 10px;
    }
    .singleExtension-TextSection .textareas-wrapper {
        flex-direction: column;
        gap: 0;
    }
    .values-single-overlap-wrapper {
        flex-direction: column;
    }
    .values-single-overlap-wrapper .overlap-txt,
    .single-overlap-wrapper.values-single-overlap-wrapper .values-overlap-txt h3,
    .single-overlap-wrapper.values-single-overlap-wrapper .values-overlap-txt p {
        max-width: inherit;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .values-overlap-txt h3 {
        font-size: 50px;
        line-height: 1;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .values-overlap-txt p {
        font-size: 20px;
    }
    .overlap-number p {
        font-size: 140px;
        line-height: 1;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .overlap-number p {
        margin-top: 0;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .background-word {
        font-size: 120px;
        line-height: 1;
        top: 50%;
        transform: translateY(-50%);
        right: -5px;
    }
    .values-single-overlap-wrapper .number-text-wrapper {
        position: relative;
    }
    .values-single-overlap-wrapper .number-text-wrapper {
        margin-top: 40px;
        word-break: break-word;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .overlap-img {
        margin-top: 100px;
    }
    .title-textarea-labels h2.drop-item-title {
        margin-bottom: 15px;
    }
    .halftext-txt,
    .labels-wrapper {
        margin-bottom: 20px;
    }
    section .c-2 {
        gap: 40px;
        grid-template-columns: 1fr;
    }
    section .cards-grid.c-2 {
        gap: 20px;
    }
    section .textareas-wrapper.c-2 {
        gap: 0;
    }
    .textareas-wrapper::after {
        display: none;
    }
    .uptitle-title-body-wrapper h2 {
        margin: 15px 0 15px;
    }
    .vice-versa .image-title-body .image-holder {
        order: 1;
    }
    /*    .singleExtension-TitleTextareasImg .textareas-wrapper {
            margin-top: 0;
        }*/

    .topExtensions-CardsTwoRows .card-title-text:nth-child(1) .single-card-circle-icon-wrapper,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(3) .single-card-circle-icon-wrapper,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(5) .single-card-circle-icon-wrapper,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(7) .single-card-circle-icon-wrapper {
        background: var(--Light-Blue-20);
    }
    .topExtensions-CardsTwoRows .card-title-text:nth-child(1) .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(3) .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(5) .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(7) .single-card-circle-icon {
        background: var(--Light-Blue);
    }
    .topExtensions-CardsTwoRows .card-title-text:nth-child(1):hover,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(3):hover,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(5):hover,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(7):hover {
        border: 1px solid var(--Light-Blue);
    }
    .topExtensions-CardsTwoRows .card-title-text:nth-child(1)::before,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(3)::before,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(5)::before,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(7)::before {
        background: var(--Light-Blue);
    }

    .topExtensions-CardsTwoRows .card-title-text:nth-child(2) .single-card-circle-icon-wrapper,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(4) .single-card-circle-icon-wrapper,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(6) .single-card-circle-icon-wrapper {
        background: var(--Blue-20);
    }
    .topExtensions-CardsTwoRows .card-title-text:nth-child(2) .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(4) .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(6) .single-card-circle-icon {
        background: var(--Blue);
    }
    .topExtensions-CardsTwoRows .card-title-text:nth-child(2):hover,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(4):hover,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(6):hover {
        border: 1px solid var(--Blue);
    }
    .topExtensions-CardsTwoRows .card-title-text:nth-child(2)::before,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(4)::before,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(6)::before{
        background: var(--Blue);
    }

    .topExtensions-CardsTwoRows .card-title-text:nth-child(1):hover .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(2):hover .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(3):hover .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(4):hover .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(5):hover .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(6):hover .single-card-circle-icon,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(7):hover .single-card-circle-icon {
        background: var(--White);
    }

    .topExtensions-CardsTwoRows .card-title-text:nth-child(1):hover .single-card-circle-icon img,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(3):hover .single-card-circle-icon img,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(5):hover .single-card-circle-icon img,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(7):hover .single-card-circle-icon img {
        filter: brightness(0) saturate(100%) invert(40%) sepia(94%) saturate(2861%) hue-rotate(192deg) brightness(101%) contrast(109%);
    }
    .topExtensions-CardsTwoRows .card-title-text:nth-child(2):hover .single-card-circle-icon img,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(4):hover .single-card-circle-icon img,
    .topExtensions-CardsTwoRows .card-title-text:nth-child(6):hover .single-card-circle-icon img {
        filter: brightness(0) saturate(100%) invert(13%) sepia(98%) saturate(7481%) hue-rotate(232deg) brightness(99%) contrast(112%);
    }

    .topExtensions-CardsIconTextButton h2.section-title,
    .topExtensions-CardsTwoRows h2.section-title {
        text-align: left;
    }
    .topExtensions-AutoScroll.dark-scroll.tecnology-toleft {
        padding-top: 0;
    }
    .topExtensions-AutoScroll.dark-scroll.tecnology-toright {
        padding-bottom: 20px;
    }
    .slide.bigger-img .slider-text-img-wrapper {
        grid-template-columns: 1fr;
        position: relative;
    }
    .slide.bigger-img .slider-txt {
        max-width: inherit;
    }
    .topExtensions-SectionsOverlap-Text .extension-data-wrapper {
        grid-template-columns: 1fr;
    }
    .overlap-wrapper-reverse .single-overlap-wrapper-reverse .extension-data-wrapper {
        transform: rotate(0deg) !important;
    }
    .overlap-wrapper-reverse .single-overlap-wrapper-reverse {
        filter: brightness(1) !important;
    }
    .topExtensions-SectionsOverlap-Text .single-overlap-wrapper-reverse::before {
        box-shadow: 0px 10px 5px 0px var(--Black-04);
        -webkit-box-shadow: 0px 10px 5px 0px var(--Black-04);
        -moz-box-shadow: 0px 10px 5px 0px var(--Black-04);
    }
    .topExtensions-SectionsOverlap-Text .single-overlap-wrapper-reverse.last::before {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .topExtensions-SectionsOverlap-Text .single-overlap-wrapper-reverse::after {
        content: "";
        width: 100vw;
        height: 50px;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        z-index: -2;
        background: linear-gradient(180deg,var(--White) 0%, var(--White-0) 100%);
    }
    .topExtensions-SectionsOverlap-Text .single-overlap-wrapper-reverse.last::after {
        display: none;
    }
    .topExtensions-SectionsOverlap-Text .first-element {
        margin-bottom: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid var(--Dark-Blue-10);
        position: relative;
        z-index: 99;
    }
    .topExtensions-SectionsOverlap-Text .single-overlap-wrapper-reverse .extension-data-wrapper {
        border-bottom: 0;
    }
    .cardshorisontal-scroll-track .single-card-horisontal.first {
        margin-left: 20px;
    }
    .single-solution h3 {
        font-size: 22px;
    }
    .solution-body {
        font-size: 20px;
    }
    .single-solution .see_study {
        font-size: 18px;
    }
    h2.slider-tilte {
        width: calc(100% + 30px);
        text-align: right;
        margin: 0 0 85px 0;
        padding-left: 120px;
        box-sizing: border-box;
    }
    .slider-text h3.slider-uptitle {
        margin: 70px 0 20px;
    }
    .topExtensions-CareerSlider .slide:not(.zero-slider) .slider-img {
        --tilt-angle: 0;
        width: 200px;
        margin: 0;
        position: absolute;
        top: -50px;
        right: 0;
    }
    h3.list-story-title {
        margin-bottom: 14px;
    }
    /*    .list-story-lead {
            margin-bottom: 30px;
        }*/
    .conected-products .cardshorisontal-scroll-wrapper {
        width: 100%;
        margin-left: 0;
        transform: translateX(0);
        overflow-x: hidden;
    }
    .conected-products .cardshorisontal-scroll-track {
        flex-direction: column;
        gap: 30px;
        width: 100%;
    }
    .conected-products .single-card-horisontal {
        width: 100%;
        margin: 0;
    }
    .conected-products .cardshorisontal-scroll-track .single-card-horisontal.first {
        margin-left: 0;
    }
    .story-left-content {
        padding: 20px;
    }
    .story-left .uptitle {
        margin-bottom: 20px;
    }
    .storyNav a.img-link:hover img,
    .story-largeThumb:hover img.story-big-thumb,
    img.hover-effect:hover,
    .img-wrapper-hover:hover .img-fluid {
        transform: translateY(0) scale(1);
        box-shadow: none;
    }
    .topExtensions-SectionsOverlap-Text .left-data h3 {
        font-size: 30px;
    }
    .topExtensions-SectionsOverlap-Text .left-data p,
    .topExtensions-SectionsOverlap-Text .extension-body li a,
    .topExtensions-SectionsOverlap-Text .extension-body li {
        font-size: 18px;
        line-height: 22px;
    }
    .scroll-track-inner,
    .cardsScroll-lane-scroll {
        margin-left: 20px;
    }
    .topExtensions-Scroll-Dark .single-card-scroll.last {
        margin-right: 20px;
    }
    .clients-wrapper.hand-scroll .single-client.first {
        margin-left: 20px;
    }
    .clients-wrapper.hand-scroll .single-client.last {
        margin-right: 20px;
    }
    .dark-scroll .single-card-auto-scroll {
        margin-right: 60px;
    }
    .icon-grid {
        grid-template-columns: repeat(5, 1fr);
    }
    .icon-grid .single-card-icon:nth-of-type(6n+6) {
        border-right: 1px solid var(--White-30);
    }
    .icon-grid .single-card-icon:nth-of-type(5n+5) {
        border-right: none;
    }
    .topExtensions-AutoScroll.slow-speed .auto-scroll-track {
        gap: 40px;
    }
    .back-mask-img {
        right: -70px;
    }
    .contact-top .back-mask-img {
        right: -70px;
        height: 35%;
    }
    .topExtensions-CardsSlider .single-card h3 {
        font-size: 26px;
    }
    .slider-text-img-wrapper {
        position: relative;
    }
    .topExtensions-SectionsOverlap-Text .extension-data-wrapper {
        padding: 40px 0 20px;
        gap: 20px;
    }
    .gray-back .back-mask-img {
        right: -100px;
    }
    section.gray-back {
        padding-top: 100px;
    }
    .singleExtension-Map .embed-responsive {
        padding-top: 50%;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    section.contact-top {
        padding-bottom: 1px;
    }
    .tabs-wrapper-overflow {
        margin-left: -20px;
    }
    .tabs-wrapper {
        padding: 0 20px;
    }
    .tab-icons-wrapper .single-icon {
        flex-basis: 25%;
    }
    .tabs-content-new {
        width: calc(100% + 40px);
        margin: 0 -20px;
        border-radius: 0;
        padding: 25px 20px;
    }
    .new-Text-Section .image-title-body .body-textarea {
        display: block;
    }
    .new-Text-Section .image-title-body div {
        padding-left: 0;
    }
    .new-Text-Section .image-title-body h2 {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .contact-top h1 {
        margin-top: 20px;
    }
    .story-left-right {
        display: block;
    }
    .story-left {
        margin-bottom: 30px;
    }
    .story-right section.topExtensions-3Cards {
        width: calc(100% + 40px);
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin: 0 -20px;
    }
    .story-right section.topExtensions-3Cards::-webkit-scrollbar {
        display: none;
    }
    .topExtensions-3Cards-wrapper {
        padding: 0 20px;
    }
    .topExtensions-3Cards .single-card {
        min-width: 210px;
    }
    .topExtensions-3Cards-wrapper {
        display: flex;
        gap: 20px;
    }
    .topExtensions-3Cards-wrapper::after {
        content: "";
        flex: 0 0 1px;
    }
    .story-wrapper-inner .singleExtension-ImgTitleTextareas .grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .intro-two-buttons {
        flex-direction: column;
    }
    h2.slider-tilte {
        text-align: right;
        margin: 0 0 80px 0;
        font-size: 120px;
        letter-spacing: -10px;
        padding-left: 0;
    }
    .zero-slider h2.slider-tilte {
        margin-bottom: 20px;
    }
    .single-overlap-wrapper {
        flex-direction: column;
    }
    .position-title,
    .position-description {
        flex-direction: column;
    }
    .position-data {
        align-items: flex-start;
    }
    .position-description {
        gap: 0;
    }
    .position-description .button-wrapper {
        align-self: center;
    }
    .singleExtension-TitleText2Buttons h2 {
        margin-top: 20px;
    }
    .grid-three-cards .single-card {
        padding: 20px 20px 20px 20px;
    }
    .cards-slider-full .slide {
        grid-template-columns: repeat(1, 1fr);
    }
    .topExtensions-CardsSlider .single-card {
        padding: 160px 40px 30px;
    }
    .topExtensions-CardsSlider .single-card-img {
        left: 40px;
    }
    section {
        padding: 20px 0;
    }
    h2.section-title {
        margin: 0 0 20px;
    }
    .js-drop-item h2.drop-item-title {
        margin-bottom: 5px;
    }
    .single-textarea {
        gap: 20px;
        padding: 20px 0;
    }
    .dark-scroll .single-card-auto-scroll {
        margin-right: 20px;
    }
    .line-track .circle {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
    .line-track .circle::after {
        width: 20px;
        height: 20px;
    }
    .career-slider-full .slide {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    .topExtensions-CareerSlider .slide:not(.zero-slider) .slider-img {
        width: 350px;
        top: -80px;
    }
    .topExtensions-CareerSlider.bigger-Img .slide:not(.zero-slider) .slider-img {
        width: 400px;
    }
    .topExtensions-CareerSlider .slider-text {
        margin-top: 190px;
    }
}

@media (max-width: 550px) {
    .img-title-img .slider-img {
        width: 100px;
    }
    .career-slider-full .slide {
        padding: 40px 0;
    }
    .singleExtension-HalfTextHalfImage h2.section-title {
        font-size: 32px;
    }
    .conected-products .single-card-horisontal {
        padding: 30px 40px 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .cards-img-title-link .single-solution {
        width: 300px;
    }
    .icon-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .icon-grid .single-card-icon:nth-of-type(5n+5) {
        border-right: 1px solid var(--White-30);
    }
    .icon-grid .single-card-icon:nth-of-type(3n+3) {
        border-right: none;
    }
    .grid-three-cards {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-three-cards .single-card {
        padding: 20px 40px 40px 40px;
    }
    .singleExtension-Map .embed-responsive {
        padding-top: 100%;
    }
    .tab-icons-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .line-track .circle {
        display: none;
    }
}

@media (max-width: 480px) {
    .footer-navigation ul {
        flex-direction: column;
    }
    .topExtensions-ClientsSlider .arrows-slider-nav-container button {
        display: none;
    }
    .topExtensions-ClientsSlider .slider-container {
        padding: 0;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 10px;
    }
    .zero-slider h2.slider-tilte {
        font-size: 50px;
    }
    .overlap-number p {
        font-size: 150px;
    }
    .overlap-txt h3 {
        font-size: 40px;
    }
    .overlap-img {
        width: 220px;
    }
    .overlap-img img {
        width: 100%;
        height: auto;
    }
    .tech-cube-scene {
        min-height: 300px;
    }
    .topExtensions-openPositions h2.section-title {
        line-height: 1.2;
    }
    .openPositions-wrapper .single-position {
        width: calc(100% + 40px);
        margin: 0 -20px 10px;
        border-radius: 0;
    }
    .openPositions-wrapper .single-position.last {
        width: 100%;
        margin: 0 0 10px;
    }
    .career-slider-full .slide {
        padding: 50px 0 100px;
    }
    .arrows-slider-nav-wrapper {
        bottom: 30px;
    }
    h2.slider-tilte {
        font-size: 80px;
        margin-bottom: 80px;
        padding-left: 0;
        width: calc(100% + 10px);
        font-size: 80px;
        line-height: 1.3;
    }
    .slide-content {
        padding: 0 20px;
    }
    .career-slider-full .zero-slider.slide {
        padding: 50px 0 100px;
    }
    .slide.active .line-track .line {
        left: -20px;
    }
    .topExtensions-CardsScroll .single-card {
        width: calc(100vw - 40px);
        margin-top: 100px;
    }
    .topExtensions-CardsScroll .single-card {
        padding: 160px 20px 20px;
    }
    .single-card h3 {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .topExtensions-CardsScroll .card-lead {
        margin-bottom: 10px;
    }
    .singleExtension-IntroWhite h2.section-title {
        font-size: 32px;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .background-word {
        font-size: 70px;
        letter-spacing: -5px;
    }
    .topExtensions-CardsSmallScroll .animation-single-card-auto-scroll {
        width: calc(100vw - 20px);
        padding: 30px 20px 20px;
        min-height: 200px;
    }
    .singleExtension-CardText .title-button-wrapper {
        padding: 30px 20px 20px;
    }
    .values-single-overlap-wrapper .number-text-wrapper {
        margin-top: 20px;
    }
    .topExtensions-CardsTwoRows .single-card-auto-scroll.grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .buttons-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .singleExtension-TitleText2Buttons h2 {
        margin-bottom: 15px;
    }
    .title-text-button-wrapper p {
        font-size: 20px;
    }
    .topExtensions-CardsSmallScrollImgText h2 {
        margin-bottom: 40px;
    }
    .single-solution h3 {
        font-size: 22px;
    }
    .solution-body p,
    .solution-body ul {
        font-size: 18px;
    }
    .single-overlap-wrapper.values-single-overlap-wrapper .overlap-img {
        margin-top: 50px;
    }
    .singleExtension-TitleButton.center .title-button-wrapper h3,
    .singleExtension-TitleButton.width-text .text p {
        text-align: left;
    }
    .topExtensions-SectionsOverlap-Text {
        padding-top: 0;
    }
    .topExtensions-SectionsOverlap-Text .first-element h2 {
        margin-bottom: 30px;
    }
    .topExtensions-SectionsOverlap-Text .first-element p {
        font-size: 20px;
    }
    .topExtensions-SectionsOverlap-Text .first-element {
        padding-bottom: 20px;
    }
    .topExtensions-SectionsOverlap-Text .left-data h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .topExtensions-SectionsOverlap-Text .extension-body li a {
        font-size: 20px;
    }
    .topExtensions-ClientsSlider {
        padding-top: 30px;
    }
    .topExtensions-ClientsSlider .slider-text-img-wrapper .slider-text .slider-content {
        padding: 100px 35px 0 40px;
    }
    .single-card-horisontal.decoration h3 {
        font-size: 50px;
        line-height: 1;
    }
    .single-card-horisontal.decoration .text {
        margin-bottom: 50px;
    }
    .topExtensions-ClientsSlider .clientsSlider-title .title {
        margin: 0 0 30px;
    }
    .position-title {
        gap: 10px;
    }
    .list-story-right .tagList .single-tag {
        font-size: 12px;
    }
    .intro-content h2.section-title {
        font-size: 32px;
    }
    .title-animated-words {
        height: 34px;
    }
    .intro-two-buttons {
        align-items: stretch;
    }
    .topExtensions-CardsSmallScroll-handScroll .single-card {
        min-height: 200px;
    }
    .icon-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .icon-grid .single-card-icon:nth-of-type(3n+3) {
        border-right: 1px solid var(--White-30);
    }
    .icon-grid .single-card-icon:nth-of-type(2n+2) {
        border-right: none;
    }
    .topExtensions-CardsSlider .single-card {
        padding: 160px 20px 10px;
    }
    .topExtensions-CardsSlider .single-card-img {
        left: 20px;
    }
    .topExtensions-CardsSlider .slider-container {
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    .topExtensions-CardsSlider .single-card h3 {
        font-size: 26px;
    }
    .back-mask-img {
        right: -100px;
    }
    .title-icon-wrapper {
        flex-direction: column-reverse;
        gap: 10px;
        align-items: flex-start;
    }
    .grid-three-cards .single-card {
        padding: 20px;
    }
    .tab-icons-wrapper .single-icon,
    .tab-icons-wrapper.four-element .single-icon {
        flex-basis: 33.33%;
    }
    .line-track .circle {
        display: none;
    }
    .start.slide.active .line-track .line {
        width: 100vw;
        left: -20px;
    }
    .topExtensions-CareerSlider .slider-text {
        margin-top: 130px;
    }
    .topExtensions-CareerSlider .slide:not(.zero-slider) .slider-img {
        width: 270px;
        top: -50px;
    }
    .topExtensions-CareerSlider.bigger-Img .slide:not(.zero-slider) .slider-img {
        width: 300px;
    }
    .singleExtension-CardText .title-button-wrapper .text-message-left p {
        font-size: 20px;
    }
    .singleExtension-CardText .title-button-wrapper .text-message-right p {
        font-size: 16px;
    }
}
@media (max-width: 400px) {
    .title-textarea-labels h2.drop-item-title {
        font-size: 32px;
    }
    section.cards-img-title-link .single-solution {
        width: 260px;
        margin: 0 10px;
    }
    section.cards-img-title-link .single-solution.first {
        margin-left: 20px;
    }
    section.cards-img-title-link .single-solution.last {
        margin-right: 20px;
    }
    .grid-three-cards .single-card {
        padding: 20px 20px 20px 20px;
    }
    .tab-icons-wrapper .single-icon,
    .tab-icons-wrapper.four-element .single-icon {
        flex-basis: 50%;
    }
    .tab-icons-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 320px) {

}