dialog {
    position: absolute;
    left: 0;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    margin: auto;
    border: solid;
    padding: 1em;
    background: white;
    color: black;
    display: block
}

dialog:not([open]) {
    display: none
}

dialog+.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1)
}

._dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

dialog.fixed {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%)
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider>.tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    transition: all 0.25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    transition: opacity 0.6s;
    opacity: 0.6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-t-ct>div {
    width: 1.4285714%;
    width: calc(100% / 70);
    height: 10px;
    float: left
}

 
 
main#main {
    flex-grow: 1
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}

.page-404 {
    margin-top: 15em;
    display: flex;
    min-height: 450px;
    min-width: 330px;
    justify-content: center;
    text-align: center
}

@media (min-width: 768px) {
    .page-404 {
        margin-top: 20em
    }
}

.page-404__big-headline {
    font-family: bebas-neue-pro, sans-serif
}

.page-404__big-headline {
    font-size: 269px
}

.page-404__big-headline {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .page-404__big-headline {
        font-size: 405px
    }
}

.page-404__nav {
    margin-top: 3rem
}

.page-404__nav {
    margin-bottom: 8rem
}

.page-404__nav {
    display: flex
}

.page-404__nav {
    flex-direction: column
}

@media (min-width: 768px) {
    .page-404__nav {
        margin-bottom: 0px
    }
}

@media (min-width: 768px) {
    .page-404__nav {
        margin-left: 4rem
    }
}

@media (min-width: 768px) {
    .page-404__nav {
        flex-direction: row
    }
}

.page-404__links {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.page-404__links {
    font-size: 20px
}

.page-404__links {
    text-transform: uppercase
}

.page-404__links {
    text-decoration: underline
}

.page-404__links:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .page-404__links {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

.page-404__divider {
    position: absolute
}

.page-404__divider {
    height: 8rem
}

.page-404__divider {
    border-left-width: 2px
}

.page-404__divider {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

@media (min-width: 768px) {
    .page-404__divider {
        height: 8%
    }
}

@media (min-width: 768px) {
    .page-404__divider {
        width: 35vw
    }
}

@media (min-width: 768px) {
    .page-404__divider {
        border-left-width: 0px
    }
}

@media (min-width: 768px) {
    .page-404__divider {
        border-bottom-width: 2px
    }
}

.accordion {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity));
    padding: 1rem;
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .accordion {
        padding-top: 2rem
    }

    .accordion {
        padding-bottom: 8rem
    }
}

@media (min-width: 1024px) {
    .accordion {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .accordion {
        width: 85vw
    }
}

.accordion__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

@media (min-width: 640px) {
    .accordion__container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .accordion__container {
        max-width: 768px
    }
}

.accordion__container {
    position: relative
}

@media (min-width: 1024px) {
    .accordion__container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .accordion__container {
        max-width: 1280px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 1536px) {
    .accordion__container {
        max-width: 1536px
    }
}

.accordion__container {
    z-index: 10
}

.accordion__container {
    margin-top: 7.5rem
}

.accordion__container {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

.accordion__container {
    max-width: 1824px
}

@media (min-width: 1024px) {
    .accordion__container {
        margin-left: 18vw
    }
}

.accordion__eyebrow {
    margin-bottom: 4rem
}

.accordion__eyebrow {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.accordion__eyebrow {
    font-family: bebas-neue-pro, sans-serif
}

.accordion__eyebrow {
    font-size: 35px
}

.accordion__eyebrow {
    font-weight: 400
}

.accordion__eyebrow {
    line-height: 1
}

.accordion__eyebrow {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .accordion__eyebrow {
        font-size: 50px
    }
}

@media (min-width: 1024px) {
    .accordion__eyebrow {
        width: 19ch
    }
}

.accordion__body {
    position: relative
}

.accordion__body {
    margin-left: 3rem
}

.accordion__body {
    width: 75%
}

.accordion__body {
    padding-top: 0.5rem
}

.accordion__body {
    padding-bottom: 1rem
}

.accordion__body {
    font-family: ff-basic-gothic-pro, sans-serif
}

.accordion__body {
    font-size: 18px
}

@media (min-width: 768px) {
    .accordion__body {
        width: 47%
    }
}

.accordion__details[open] {
    overflow: hidden
}

.accordion__question {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.accordion__question {
    font-family: bebas-neue-pro, sans-serif
}

.accordion__question {
    font-size: 30px
}

.accordion__question {
    font-weight: 400
}

.accordion__question {
    line-height: 1
}

.accordion__question {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .accordion__question {
        font-size: 35px
    }
}

.accordion__image {
    position: absolute
}

.accordion__image {
    top: 1rem
}

.accordion__image {
    width: 30vw
}

.accordion__image {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.accordion__image {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

@media (min-width: 1024px) {
    .accordion__image {
        right: 0px
    }
}

@media (min-width: 1024px) {
    .accordion__image {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
}

.accordion__summary {
    position: relative
}

.accordion__summary {
    display: flex
}

.accordion__summary {
    cursor: pointer
}

.accordion__summary {
    list-style-type: none
}

.accordion__summary {
    flex-direction: row
}

.accordion__summary {
    font-family: bebas-neue-pro, sans-serif
}

.accordion__summary {
    font-size: 25px
}

.accordion__summary {
    line-height: 1
}

@media (min-width: 768px) {
    .accordion__summary {
        max-width: 65%
    }
}

.accordion__summary-plus,
.accordion__summary-dash,
.accordion__summary-hovered {
    position: absolute
}

.accordion__summary-plus,
.accordion__summary-dash,
.accordion__summary-hovered {
    top: 0px
}

.accordion__summary-plus {
    opacity: 1
}

.accordion__summary-dash,
.accordion__summary-hovered {
    opacity: 0
}

[open] .accordion__summary {
    text-align: left
}

[open] .accordion__summary-plus {
    opacity: 0
}

[open] .accordion__summary-dash {
    opacity: 1
}

.accordion__summary:hover .accordion__summary-plus {
    opacity: 0
}

.accordion__summary:hover .accordion__summary-hovered {
    opacity: 1
}

.accordion__cta-wrapper {
    position: relative
}

.accordion__cta-wrapper {
    margin-top: 2rem
}

.accordion__cta-wrapper {
    display: flex
}

.accordion__cta-wrapper {
    flex-direction: column
}

.accordion__cta-wrapper {
    gap: 1rem
}

@media (min-width: 640px) {
    .accordion__cta-wrapper {
        width: 66.666667%
    }
}

@media (min-width: 768px) {
    .accordion__cta-wrapper {
        margin-top: 0px
    }
}

@media (min-width: 1024px) {
    .accordion__cta-wrapper {
        flex-direction: row
    }
}

@media (min-width: 1280px) {
    .accordion__cta-wrapper {
        gap: 4rem
    }
}

.accordion details>summary::-webkit-details-marker {
    display: none
}

.background-grid {
    pointer-events: none;
    position: fixed;
    top: 0px;
    left: 50%;
    z-index: 10;
    height: 100vh;
    width: 54vw;
    max-width: 1696px;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-x: -50%;
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (min-width: 1024px) {
    .background-grid {
        display: grid
    }
}

.background-grid {
    --tw-text-opacity: 1;
    color: rgba(3, 23, 32, var(--tw-text-opacity));
    --tw-text-opacity: .09
}

.is-bg-dark .background-grid,
.is-hero-pinned .background-grid,
.is-menu-open .background-grid {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.is-bg-dark .background-grid,
.is-hero-pinned .background-grid,
.is-menu-open .background-grid {
    --tw-text-opacity: 0.25
}

.is-loaded .background-grid {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .background-grid {
    transition-duration: 200ms
}

.is-menu-open .background-grid {
    z-index: 30
}

.benefits {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    .benefits {
        margin-top: 9rem;
        margin-bottom: 9rem
    }

    .benefits {
        overflow: hidden
    }

    .benefits {
        background-color: transparent
    }
}

.benefits {
    margin-top: 50vmax
}

@media (min-width: 1024px) {
    .benefits {
        margin-top: 9rem
    }

    .benefits {
        padding-bottom: 2rem
    }
}

.benefits__copy {
    position: relative
}

.benefits__copy {
    min-height: 100vh
}

.benefits__copy {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.benefits__copy {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .benefits__copy {
        margin-left: 17.18vw
    }
}

@media (min-width: 1024px) {
    .benefits__copy {
        min-height: 92vh
    }
}

.benefits__copy {
    display: flex
}

.benefits__copy {
    flex-direction: column
}

.benefits__copy {
    justify-content: center
}

.benefits__copy {
    padding-bottom: 8rem
}

@media (min-width: 1024px) {
    .benefits__copy {
        padding-left: 5rem
    }
}

@media (min-width: 1280px) {
    .benefits__copy {
        padding-left: 9rem
    }
}

.benefits__copy::after {
    top: 0px
}

.benefits__copy::after {
    left: 100%
}

.benefits__copy::after {
    background-color: inherit
}

@media (min-width: 1024px) {
    .benefits__copy::after {
        position: absolute
    }
}

@media (min-width: 1024px) {
    .benefits__copy::after {
        height: 100%
    }
}

@media (min-width: 1024px) {
    .benefits__copy::after {
        width: 100vw
    }
}

.benefits__copy::after {
    content: ""
}

.benefits__headline {
    padding-top: 5rem
}

@media (min-width: 1024px) {
    .benefits__headline {
        padding-top: 0px
    }
}

.benefits__grid {
    display: grid
}

.benefits__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.benefits__grid {
    gap: 2rem
}

@media (min-width: 768px) {
    .benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.benefits__grid {
    margin-top: 4rem
}

@media (min-width: 1024px) {
    .benefits__grid {
        margin-top: 5rem
    }
}

@media (min-width: 1024px) {
    .benefits__grid {
        row-gap: 3rem
    }
}

.benefits__picture {
    margin-left: auto;
    margin-right: auto
}

.benefits__picture {
    margin-top: -35vmax
}

@media (min-width: 640px) {
    .benefits__picture {
        width: 50vw
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        margin-top: 0px
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        position: absolute
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        left: 0px
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        top: 40%
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        width: 20.5vw
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        --tw-translate-x: -17.18vw
    }
}

@media (min-width: 1024px) {
    .benefits__picture {
        --tw-translate-y: -50%
    }
}

.benefits__cta {
    position: absolute
}

.benefits__cta {
    right: 0px
}

.benefits__cta {
    bottom: 0px
}

.benefits__cta {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.benefits__cta {
    --tw-translate-y: 50%
}

.button {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .button {
        display: inline-flex
    }
}

.button {
    --shade-y: 100%;
    -webkit-clip-path: inset(0.5px);
    clip-path: inset(0.5px)
}

.button__label {
    position: relative
}

.button__label {
    text-transform: uppercase
}

.button__label {
    line-height: 1
}

.button__label {
    letter-spacing: 0.2em
}

@media (min-width: 640px) {
    .button__label {
        white-space: nowrap
    }
}

.button__icon {
    position: absolute
}

.button__icon {
    right: 0px
}

@media (pointer: fine) {
    .button::before {
        position: absolute
    }

    .button::before {
        top: 0px
    }

    .button::before {
        left: -5%
    }

    .button::before {
        height: 100%
    }

    .button::before {
        width: 110%
    }

    .button::before {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms
    }

    .button::before {
        transition-duration: 200ms
    }

    .button::before {
        transform: translateY(var(--shade-y));
        will-change: transform;
        content: ""
    }
}

.button--iris-blue,
.button--iris-blue-alt {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.button--iris-blue,
.button--iris-blue-alt {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

@media (pointer: fine) {
    .button--iris-blue::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
    }

    .button--iris-blue:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 179, 173, var(--tw-text-opacity))
    }
}

@media (pointer: fine) {
    .button--iris-blue-alt::before {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .button--iris-blue-alt:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 58, 61, var(--tw-text-opacity))
    }
}

.button--sherpa-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.button--sherpa-blue {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (pointer: fine) {
    .button--sherpa-blue::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
    }

    .button--sherpa-blue:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 58, 61, var(--tw-text-opacity))
    }
}

.button--sherpa-blue-alt {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.button--sherpa-blue-alt {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (pointer: fine) {
    .button--sherpa-blue-alt::before {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .button--sherpa-blue-alt:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 58, 61, var(--tw-text-opacity))
    }
}

.button--icon-narrow {
    height: 194px
}

.button--icon-narrow {
    width: 54px
}

.button--icon-narrow {
    padding: 0px
}

.button--icon-narrow .button__icon {
    position: relative
}

.button--icon-narrow .button__icon {
    margin: 0px
}

.button--icon-narrow .button__icon {
    height: 46px
}

.button--icon-narrow .button__icon {
    width: 46px
}

.button--icon {
    height: 54px
}

.button--icon {
    width: 54px
}

.button--icon {
    padding: 0px
}

.button--icon .button__icon {
    position: relative
}

.button--icon .button__icon {
    margin: 0px
}

.button--icon .button__icon {
    height: 1.25rem
}

.button--icon .button__icon {
    width: 1.25rem
}

.button--icon-large {
    height: 54px
}

.button--icon-large {
    width: 54px
}

.button--icon-large {
    padding: 0px
}

@media (min-width: 1024px) {
    .button--icon-large {
        height: 8rem
    }
}

@media (min-width: 1024px) {
    .button--icon-large {
        width: 8rem
    }
}

.button--icon-large .button__icon {
    position: relative
}

.button--icon-large .button__icon {
    margin: 0px
}

.button--icon-large .button__icon {
    height: 1.25rem
}

.button--icon-large .button__icon {
    width: 1.25rem
}

@media (min-width: 1024px) {
    .button--icon-large .button__icon {
        height: 2.5rem
    }
}

@media (min-width: 1024px) {
    .button--icon-large .button__icon {
        width: 2.5rem
    }
}

.button--extra-small {
    height: 39px
}

.button--extra-small {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

@media (min-width: 768px) {
    .button--extra-small {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media (min-width: 1536px) {
    .button--extra-small {
        height: 55px
    }
}

@media (min-width: 1536px) {
    .button--extra-small {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.button--extra-small .button__label {
    font-size: 10px
}

@media (min-width: 1536px) {
    .button--extra-small .button__label {
        font-size: 15px
    }
}

.button--extra-small .button__icon {
    margin-right: 1.5rem
}

.button--extra-small .button__icon {
    height: 0.5rem
}

.button--extra-small .button__icon {
    width: 0.5rem
}

.button--extra-small .button__icon {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.button--extra-small .button__icon {
    --tw-translate-y: -.5px
}

@media (min-width: 768px) {
    .button--extra-small .button__icon {
        margin-right: 2rem
    }
}

.button--small {
    height: 55px
}

.button--small {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

@media (min-width: 768px) {
    .button--small {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.button--small .button__label {
    font-size: 15px
}

.button--small .button__icon {
    margin-right: 1.5rem
}

.button--small .button__icon {
    height: 0.5rem
}

.button--small .button__icon {
    width: 0.5rem
}

.button--small .button__icon {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.button--small .button__icon {
    --tw-translate-y: -.5px
}

@media (min-width: 768px) {
    .button--small .button__icon {
        margin-right: 2rem
    }
}

.button--large {
    height: 72px
}

.button--large {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

@media (min-width: 768px) {
    .button--large {
        height: 80x
    }
}

@media (min-width: 768px) {
    .button--large {
        padding-left: 11rem;
        padding-right: 11rem
    }
}

.button--large .button__icon {
    margin-right: 1.5rem
}

.button--large .button__icon {
    height: 0.5rem
}

.button--large .button__icon {
    width: 0.5rem
}

@media (min-width: 768px) {
    .button--large .button__icon {
        margin-right: 5rem
    }
}

@media (min-width: 768px) {
    .button--large .button__icon {
        height: 0.875rem
    }
}

@media (min-width: 768px) {
    .button--large .button__icon {
        width: 0.875rem
    }
}

.is-loaded .button {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .button {
    transition-delay: 200ms
}

.is-loaded .button {
    transition-duration: 200ms
}

.carousel-callout {
    position: relative;
    z-index: 30
}

@media (min-width: 1024px) {
    .carousel-callout__inner {
        padding-bottom: 5rem
    }
}

.carousel-callout__picture {
    position: absolute
}

.carousel-callout__picture {
    top: 0px
}

.carousel-callout__picture {
    left: 0px
}

.carousel-callout__picture {
    height: 100%
}

.carousel-callout__picture {
    width: 100%
}

.carousel-callout__picture {
    -o-object-fit: cover;
    object-fit: cover
}

.carousel-callout__slides {
    position: relative
}

.carousel-callout__slides {
    z-index: 10
}

.carousel-callout__slides {
    display: flex
}

.carousel-callout__slides {
    align-items: center
}

.carousel-callout__slides {
    overflow: hidden
}

.carousel-callout__slides {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.carousel-callout__slide {
    overflow: hidden
}

.carousel-callout__slide:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.carousel-callout__headline {
    max-width: 12ch
}

@media (min-width: 768px) {
    .carousel-callout__headline {
        margin-left: 6rem
    }
}

@media (min-width: 768px) {
    .carousel-callout__headline {
        max-width: 18ch
    }
}

.carousel-callout__body-copy {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.carousel-callout__body-copy {
    width: 80%
}

.carousel-callout__body-copy {
    font-family: ff-basic-gothic-pro, sans-serif
}

@media (min-width: 768px) {
    .carousel-callout__body-copy {
        margin-left: 10rem
    }
}

@media (min-width: 768px) {
    .carousel-callout__body-copy {
        font-size: 18px
    }
}

@media (min-width: 1024px) {
    .carousel-callout__body-copy {
        width: 50%
    }
}

.carousel-callout__controls {
    position: relative
}

.carousel-callout__controls {
    margin-left: 5rem
}

.carousel-callout__controls {
    display: none
}

@media (min-width: 1024px) {
    .carousel-callout__controls {
        display: block
    }
}

.carousel-callout__nav {
    pointer-events: none
}

.carousel-callout__nav {
    position: absolute
}

.carousel-callout__nav {
    left: 0px
}

.carousel-callout__nav {
    top: 50%
}

.carousel-callout__nav {
    z-index: 50
}

.carousel-callout__nav {
    display: none
}

@media (min-width: 1024px) {
    .carousel-callout__nav {
        display: block
    }
}

.carousel-callout__nav {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.carousel-callout__nav {
    --tw-translate-y: -50%
}

.carousel-callout__nav {
    width: 100%
}

.carousel-callout__cta {
    visibility: hidden
}

.carousel-callout__cta {
    position: absolute
}

.carousel-callout__cta {
    left: 0px
}

.carousel-callout__cta {
    bottom: 0px
}

.carousel-callout__cta {
    width: 100%
}

@media (min-width: 768px) {
    .carousel-callout__cta {
        left: auto
    }
}

.carousel-callout__cta {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.carousel-callout__cta {
    --tw-translate-y: 50%
}

.carousel-callout__cta {
    display: flex
}

.carousel-callout__cta {
    flex-direction: column
}

.carousel-callout__cta {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 768px) {
    .carousel-callout__cta {
        padding-left: 0px;
        padding-right: 0px
    }
}

.carousel-callout__controls-mobile {
    position: absolute
}

.carousel-callout__controls-mobile {
    right: 0px
}

.carousel-callout__controls-mobile {
    top: 1.25rem
}

@media (min-width: 1024px) {
    .carousel-callout__controls-mobile {
        display: none
    }
}

.carousel-callout__nav-button-mobile:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.carousel-callout__nav-button-mobile {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.carousel-callout__nav-button-mobile {
    transition-duration: 200ms
}

.is-menu-open .carousel-callout .background-grid {
    opacity: 0
}

body:not(.is-loaded) .carousel-callout__slides {
    visibility: hidden
}

.is-loaded .carousel-callout .carousel-callout__cta {
    visibility: visible
}

.case-study {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 50;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgba(225, 226, 223, var(--tw-bg-opacity));
    height: var(--vh)
}

.case-study__tools {
    position: absolute
}

.case-study__tools {
    top: 0px
}

.case-study__tools {
    z-index: 50
}

.case-study__tools {
    margin-top: 1rem
}

.case-study__tools {
    width: 100%
}

.case-study__nav {
    pointer-events: none
}

.case-study__nav {
    position: absolute
}

.case-study__nav {
    top: 50%
}

.case-study__nav {
    left: 0px
}

.case-study__nav {
    z-index: 50
}

.case-study__nav {
    display: none
}

@media (min-width: 1024px) {
    .case-study__nav {
        display: block
    }
}

.case-study__nav {
    width: 100%
}

.case-study__nav {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.case-study__nav {
    --tw-translate-y: -50%
}

.case-study__track {
    position: absolute
}

.case-study__track {
    top: 0px
}

.case-study__track {
    left: 0px
}

.case-study__track {
    z-index: 20
}

.case-study__track {
    display: flex
}

.case-study__track {
    flex-direction: column
}

@media (min-width: 1024px) {
    .case-study__track {
        flex-direction: row
    }
}

.case-study__slide {
    position: relative
}

.case-study__slide {
    display: flex
}

.case-study__slide {
    height: 100vh
}

.case-study__slide {
    width: 100vw
}

.case-study__slide {
    align-items: center
}

.case-study__slide {
    height: var(--vh)
}

.case-study__overlay {
    position: absolute
}

.case-study__overlay {
    top: 0px
}

.case-study__overlay {
    left: 0px
}

.case-study__overlay {
    height: 100%
}

.case-study__overlay {
    width: 100%
}

.case-study__overlay {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.case-study__overlay {
    opacity: .16
}

.case-study__top-overlay {
    position: absolute
}

.case-study__top-overlay {
    top: 0px
}

.case-study__top-overlay {
    left: 0px
}

.case-study__top-overlay {
    height: 30vh
}

.case-study__top-overlay {
    width: 100vw
}

.case-study__top-overlay {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.case-study__top-overlay {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.case-study__top-overlay {
    opacity: .66
}

.case-study__left-overlay {
    position: absolute
}

.case-study__left-overlay {
    top: 0px
}

.case-study__left-overlay {
    left: 0px
}

.case-study__left-overlay {
    height: 100%
}

.case-study__left-overlay {
    width: 56.25vw
}

.case-study__left-overlay {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.case-study__left-overlay {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.case-study__left-overlay {
    opacity: .5
}

.case-study__right-overlay {
    position: absolute
}

.case-study__right-overlay {
    top: 0px
}

.case-study__right-overlay {
    right: 0px
}

.case-study__right-overlay {
    height: 100%
}

.case-study__right-overlay {
    width: 56.25vw
}

.case-study__right-overlay {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.case-study__right-overlay {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.case-study__right-overlay {
    opacity: .5
}

.case-study__copy {
    max-height: 100%
}

.case-study__copy {
    overflow: scroll
}

.case-study__copy {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.case-study__copy {
    scrollbar-width: none
}

.case-study__copy::-webkit-scrollbar {
    display: none
}

.case-study__eyebrow {
    margin-bottom: 0.25rem
}

.case-study__eyebrow {
    display: block
}

.case-study__eyebrow {
    text-transform: uppercase
}

.case-study__eyebrow {
    letter-spacing: .2em
}

.case-study__controls-mobile {
    position: absolute
}

.case-study__controls-mobile {
    right: 0px
}

.case-study__controls-mobile {
    top: 1.25rem
}

.case-study__controls-mobile {
    z-index: 20
}

.case-study__controls-mobile {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.case-study__controls-mobile {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .case-study__controls-mobile {
        display: none
    }
}

.case-study__nav-button-mobile {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.case-study__nav-button-mobile:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.case-study__nav-button-mobile {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.case-study__nav-button-mobile {
    transition-duration: 200ms
}

[data-current-index="0"] .case-study__controls,
[data-current-index="2"] .case-study__controls {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

[data-current-index="1"] .case-study__controls-mobile,
[data-current-index="3"] .case-study__controls-mobile {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

.contact-image {
    position: relative;
    z-index: 20;
    min-width: 300px;
    overflow: hidden;
    display: flex;
    align-items: flex-end
}

.contact-image__inner {
    position: relative
}

.contact-image__inner {
    margin-top: 2rem
}

.contact-image__inner {
    min-height: 80vh
}

.contact-image__inner {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.contact-image__inner {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.contact-image__inner {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

.contact-image__inner {
    display: flex
}

.contact-image__inner {
    width: 100vw
}

.contact-image__inner {
    min-width: 300px
}

.contact-image__inner {
    flex-direction: column
}

@media (min-width: 1024px) {
    .contact-image__inner {
        min-width: 700px
    }
}

@media (min-width: 1024px) {
    .contact-image__inner {
        width: calc(85vw - var(--gutter))
    }
}

.contact-image__inner::before {
    position: absolute
}

.contact-image__inner::before {
    top: 0px
}

.contact-image__inner::before {
    left: 0px
}

.contact-image__inner::before {
    height: 100%
}

.contact-image__inner::before {
    width: 100vw
}

.contact-image__inner::before {
    background-color: inherit
}

.contact-image__inner::before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.contact-image__inner::before {
    --tw-translate-x: -100%
}

.contact-image__inner::before {
    content: ""
}

.contact-image__columns {
    display: flex
}

.contact-image__columns {
    flex-direction: column
}

.contact-image__columns {
    font-family: ff-basic-gothic-pro, sans-serif
}

.contact-image__columns {
    font-size: 18px
}

.contact-image__eyebrow {
    margin-top: 5rem
}

.contact-image__eyebrow {
    margin-bottom: 1rem
}

.contact-image__logo {
    margin-right: 1rem
}

.contact-image__logo {
    overflow: visible
}

.contact-image__logo {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.contact-image__information {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem
}

.contact-image__information {
    margin-left: 0.25rem
}

.contact-image__information {
    display: flex
}

.contact-image__information {
    flex-direction: row
}

@media (min-width: 768px) {
    .contact-image__information {
        margin-left: 0px
    }
}

.contact-image__image {
    top: 5%
}

.contact-image__image {
    margin-right: -50%
}

.contact-image__image {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 640px) {
    .contact-image__image {
        right: -42%
    }
}

@media (min-width: 768px) {
    .contact-image__image {
        position: absolute
    }
}

@media (min-width: 768px) {
    .contact-image__image {
        margin: 0px
    }
}

@media (min-width: 768px) {
    .contact-image__image {
        margin-left: -10vw
    }
}

@media (min-width: 768px) {
    .contact-image__image {
        width: 100%
    }
}

@media (min-width: 768px) {
    .contact-image__image {
        top: 50%
    }
}

@media (min-width: 768px) {
    .contact-image__image {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 768px) {
    .contact-image__image {
        --tw-translate-y: -50%
    }
}

.cookie-banner {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 40;
    width: 100%
}

.cookie-banner__divider {
    margin-left: 4em;
    margin-right: 4em
}

.cookie-banner__divider {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.cookie-banner__divider {
    border-bottom-width: 1px
}

.cookie-banner__divider {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

@media (min-width: 1024px) {
    .cookie-banner__divider {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
}

@media (min-width: 1024px) {
    .cookie-banner__divider {
        height: 6rem
    }
}

@media (min-width: 1024px) {
    .cookie-banner__divider {
        border-bottom-width: 0px
    }
}

@media (min-width: 1024px) {
    .cookie-banner__divider {
        border-left-width: 1px
    }
}

.cookie-banner__body-text {
    margin-bottom: 1.5rem
}

.cookie-banner__body-text {
    width: 100%
}

.cookie-banner__body-text {
    font-size: 18px
}

.cookie-banner__body-text {
    --tw-text-opacity: 1;
    color: rgba(220, 223, 211, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .cookie-banner__body-text {
        margin-bottom: 0px
    }
}

@media (min-width: 1024px) {
    .cookie-banner__body-text {
        margin-right: 3rem
    }
}

@media (min-width: 1024px) {
    .cookie-banner__body-text {
        width: 64%
    }
}

@media (min-width: 1024px) {
    .cookie-banner__body-text {
        text-align: left
    }
}

.cookie-banner__nav {
    display: flex
}

.cookie-banner__nav {
    flex-direction: column
}

.cookie-banner__nav {
    font-size: 16px
}

.cookie-banner__nav {
    text-transform: uppercase
}

.cookie-banner__nav {
    line-height: 1
}

.cookie-banner__nav {
    letter-spacing: 0.2em
}

.cookie-banner__nav {
    --tw-text-opacity: 1;
    color: rgba(220, 223, 211, var(--tw-text-opacity))
}

.cookie-banner__policy {
    margin-top: 1rem
}

.cookie-banner__policy {
    text-decoration: underline
}

.cookie-banner__policy:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

body:not(.is-menu-open) .form {
    position: relative;
    z-index: 20;
    margin-bottom: 6rem
}

@media (min-width: 1024px) {
    .form {
        margin-bottom: 8rem
    }
}

.form__backdrop {
    margin-bottom: 1rem
}

.form__backdrop {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.form__backdrop {
    position: absolute
}

.form__backdrop {
    left: 0px
}

.form__backdrop {
    top: 0px
}

.form__backdrop {
    height: 45vh
}

.form__backdrop {
    min-height: 50%
}

.form__backdrop {
    width: 100%
}

@media (min-width: 1024px) {
    .form__backdrop {
        width: 85vw
    }
}

.form__headline {
    margin-left: auto;
    margin-right: auto
}

.form__headline {
    margin-bottom: 2rem
}

.form__headline {
    max-width: 31ch
}

.form__headline {
    padding-top: 4rem
}

.form__headline {
    text-align: center
}

.form__headline {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .form__headline {
        padding-top: 8rem
    }
}

.form__subheadline {
    margin-bottom: 2rem
}

.form__subheadline {
    text-align: center
}

.form__subheadline {
    text-transform: uppercase
}

.form__subheadline {
    line-height: 1
}

.form__subheadline {
    letter-spacing: 0.2em
}

@media (min-width: 768px) {
    .form__subheadline {
        margin-bottom: 2.25rem
    }
}

.form__wrapper {
    margin-left: auto;
    margin-right: auto
}

.form__wrapper {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

@media (min-width: 1280px) {
    .form__wrapper {
        width: 75%
    }
}

@media (min-width: 1536px) {
    .form__wrapper {
        width: 61%
    }
}

.form__wrapper {
    padding-left: 4vw;
    padding-right: 4vw
}

.form__wrapper {
    padding-top: 2rem
}

.form__wrapper {
    padding-bottom: 6.875rem
}

@media (min-width: 1024px) {
    .form__wrapper {
        padding-top: 2.5vw
    }
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    position: relative
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    z-index: 10
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]):focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    border-bottom-width: 1px
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    --tw-border-opacity: 1;
    border-color: rgba(0, 58, 61, var(--tw-border-opacity))
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    background-color: transparent
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    padding-left: 1rem;
    padding-right: 1rem
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    padding-bottom: 0.25rem
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    border-radius: 0px
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) {
    color: transparent
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"])::-moz-placeholder {
    opacity: 0
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]):-ms-input-placeholder {
    opacity: 0
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"])::placeholder {
    opacity: 0
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]).ff-has-errors {
    --tw-border-opacity: 1;
    border-color: rgba(213, 18, 18, var(--tw-border-opacity))
}

.form .freeform-input:not([type="radio"]):not([type="checkbox"]) option {
    color: initial
}

.form .ff-form-success {
    margin-bottom: 1rem
}

.form .ff-form-success {
    text-align: center
}

.form .ff-form-success {
    font-family: bebas-neue-pro, sans-serif
}

.form .ff-form-success {
    font-size: 30px
}

.form .ff-form-success {
    font-weight: 400
}

.form .ff-form-success {
    line-height: 1
}

.form .ff-form-success {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .form .ff-form-success {
        font-size: 35px
    }
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"] {
    height: 1.25rem
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"] {
    width: 1.25rem
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"] {
    border-radius: 0.25rem
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"] {
    border-width: 1px
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"] {
    background-position: center
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"] {
    background-repeat: no-repeat
}

.form .freeform-row .freeform-column .freeform-input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='theme(%26quot;colors.sherpa-blue.500%26quot;)'%3E%3Cpath fill='none' stroke='%23003a3d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 13l4 4L19 7'/%3E%3C/svg%3E")
}

.form .freeform-row .freeform-column .freeform-input[type="radio"] {
    height: 17px
}

.form .freeform-row .freeform-column .freeform-input[type="radio"] {
    width: 17px
}

.form .freeform-row .freeform-column .freeform-input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form .freeform-row .freeform-column .freeform-input[type="radio"] {
    border-radius: 9999px
}

.form .freeform-row .freeform-column .freeform-input[type="radio"] {
    border-width: 1px
}

.form .freeform-row .freeform-column .freeform-input[type="radio"]:checked {
    background-position: center
}

.form .freeform-row .freeform-column .freeform-input[type="radio"]:checked {
    background-repeat: no-repeat
}

.form .freeform-row .freeform-column .freeform-input[type="radio"]:checked {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

.form .freeform-row .freeform-column .freeform-input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23e1e2df' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='5.5'/%3e%3c/svg%3e")
}

.form select.freeform-input {
    background-position: right
}

.form select.freeform-input {
    background-repeat: no-repeat
}

.form select.freeform-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.9' height='9.9' viewBox='0 0 9.9 9.9' fill='theme(%26quot;colors.sherpa-blue.500%26quot;)'%3E%3Cpath d='M4.95 9.9L9.9 4.95l-.619-.619-4.33 4.331-4.332-4.33-.618.618z' fill='currentColor'/%3E%3C/svg%3E")
}

.form .freeform-row {
    flex-direction: column
}

@media (min-width: 768px) {
    .form .freeform-row {
        flex-direction: row
    }
}

.form .freeform-row:last-child .freeform-column-submit {
    position: absolute
}

.form .freeform-row:last-child .freeform-column-submit {
    bottom: 0px
}

.form .freeform-row:last-child .freeform-column-submit {
    margin-left: 0px;
    margin-right: 0px
}

.form .freeform-row:last-child .freeform-column-submit {
    align-self: center
}

.form .freeform-row:last-child .freeform-column-submit {
    transition-property: none
}

.form .freeform-row:last-child .freeform-column-submit {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form .freeform-row:last-child .freeform-column-submit {
    --tw-translate-y: 50%
}

@media (min-width: 768px) {
    .form .freeform-row:last-child .freeform-column-submit {
        left: 50%
    }
}

@media (min-width: 768px) {
    .form .freeform-row:last-child .freeform-column-submit {
        --tw-translate-x: -50%
    }
}

.form .freeform-row .freeform-column {
    position: relative
}

.form .freeform-row .freeform-column {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.form .freeform-row .freeform-column {
    transition-duration: 200ms
}

.form .freeform-row .freeform-column {
    margin-top: 15px
}

@media (min-width: 1024px) {
    .form .freeform-row .freeform-column.freeform-column-checkbox:first-child:last-child {
        margin-top: 0.5rem
    }
}

@media (min-width: 1024px) {
    .form .freeform-row .freeform-column:not(.freeform-column-checkbox) {
        margin-top: 25px
    }
}

.form .freeform-row .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group) .freeform-label:not(.freeform-input-only-label) {
    position: absolute
}

.form .freeform-row .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group) .freeform-label:not(.freeform-input-only-label) {
    margin-left: 1rem
}

.form .freeform-row .freeform-label:not(.freeform-input-only-label) {
    font-weight: 400
}

.is-loaded .form .freeform-row .freeform-label:not(.freeform-input-only-label) {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .form .freeform-row .freeform-label:not(.freeform-input-only-label) {
    transition-duration: 200ms
}

.form .freeform-row .freeform-column .freeform-label.freeform-required::after {
    margin-left: 0px
}

.form .freeform-row .freeform-column .freeform-label.freeform-required::after {
    color: inherit
}

.form .freeform-row .freeform-column.freeform-column-checkbox_group label:not(.freeform-label),
.form .freeform-row .freeform-column.freeform-column-radio_group label:not(.freeform-label) {
    font-size: 18px;
    line-height: 22px
}

.form .freeform-input-only-label,
.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label),
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) {
    position: relative
}

.form .freeform-input-only-label,
.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label),
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) {
    padding-left: 1.75rem
}

.form .freeform-input-only-label,
.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label),
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) {
    font-size: 13px
}

.form .freeform-input-only-label,
.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label),
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) {
    line-height: 1.5
}

.form .freeform-input-only-label .freeform-input,
.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label) .freeform-input,
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) .freeform-input {
    position: absolute
}

.form .freeform-input-only-label .freeform-input,
.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label) .freeform-input,
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) .freeform-input {
    top: 0px
}

.form .freeform-input-only-label .freeform-input,
.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label) .freeform-input,
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) .freeform-input {
    left: 0px
}

.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label) .freeform-input,
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) .freeform-input {
    top: 50%
}

.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label) .freeform-input,
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) .freeform-input {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form .freeform-column.freeform-column-checkbox_group label:not(.freeform-label) .freeform-input,
.form .freeform-column.freeform-column-radio_group label:not(.freeform-label) .freeform-input {
    --tw-translate-y: -50%
}

.form .freeform-row .freeform-column .input-group-one-line {
    margin-bottom: -0.5rem
}

.form .freeform-row .freeform-column .input-group-one-line>label {
    margin-top: 0px;
    margin-bottom: 0px
}

.form .freeform-row .freeform-column .input-group-one-line>label {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.form .freeform-row .freeform-column .input-group-one-line>label {
    padding-right: 1rem
}

.form .freeform-input-only-label .freeform-input {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form .freeform-input-only-label .freeform-input {
    --tw-translate-y: 0.375rem
}

.form .ff-form-errors {
    border-radius: 0px
}

.form .ff-form-errors {
    border-width: 0px
}

.form .ff-form-errors {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 211, 211, var(--tw-bg-opacity))
}

.form .ff-form-errors {
    text-align: center
}

.form .ff-form-errors {
    --tw-text-opacity: 1;
    color: rgba(213, 18, 18, var(--tw-text-opacity))
}

.form .freeform-row .freeform-column .ff-errors li {
    margin-left: 1rem;
    margin-right: 1rem
}

.form .freeform-row .freeform-column .ff-errors li {
    font-size: 10px
}

.form .freeform-row .freeform-column .ff-errors li {
    line-height: 1.5
}

.form .freeform-row .freeform-column .ff-errors li {
    --tw-text-opacity: 1;
    color: rgba(213, 18, 18, var(--tw-text-opacity))
}

.form .invalid-field {
    margin-top: 2rem
}

.form .invalid-field {
    margin-left: 1rem
}

.form .invalid-field {
    font-size: 10px
}

.form .invalid-field {
    line-height: 1.5
}

.form .invalid-field {
    --tw-text-opacity: 1;
    color: rgba(213, 18, 18, var(--tw-text-opacity))
}

.form .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group).is-condensed .freeform-label:not(.freeform-input-only-label) {
    margin-top: -0.25rem
}

.form .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group).is-condensed .freeform-label:not(.freeform-input-only-label) {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group).is-condensed .freeform-label:not(.freeform-input-only-label) {
    --tw-translate-y: -100%
}

.form .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group).is-condensed .freeform-label:not(.freeform-input-only-label) {
    font-size: 10px
}

.form .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group).is-condensed .freeform-label:not(.freeform-input-only-label) {
    line-height: 1
}

.form .freeform-column:not(.freeform-column-checkbox_group):not(.freeform-column-radio_group).is-condensed .freeform-input {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

.logos+.form {
    margin-top: -11rem
}

.logos+.form .form__backdrop {
    display: none
}

.logos+.form .form__headline {
    padding-top: 0px
}

.header {
    pointer-events: none;
    position: fixed;
    top: 0px;
    z-index: 30;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .header {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.header__logo {
    height: 22px
}

.header__logo {
    width: auto
}

@media (min-width: 640px) {
    .header__logo {
        height: 30px
    }
}

.header__logo {
    will-change: width, height
}

.header__nav {
    margin-left: auto;
    margin-right: auto
}

.header__nav {
    display: none
}

.header__nav {
    flex-grow: 1
}

.header__nav {
    justify-content: center
}

@media (min-width: 1024px) {
    .header__nav {
        display: flex
    }
}

@media (min-width: 1280px) {
    .header__nav {
        margin-right: 12vw
    }
}

.header__link {
    display: block
}

.header__link {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.header__link {
    text-transform: uppercase
}

.header__link:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.header__link {
    letter-spacing: -0.026em
}

.is-current .header__link {
    font-weight: 600
}

body:not(.is-menu-open) .header.is-condensed {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 1024px) {
    body:not(.is-menu-open) .header.is-condensed {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (min-width: 640px) {
    body:not(.is-menu-open) .header.is-condensed .header__logo {
        height: 22.7px
    }
}

.is-bg-dark .header,
.is-hero-pinned .header,
.is-menu-open .header,
.is-bg-dark-left .header {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.is-bg-dark-center .header .header__nav {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.is-menu-open .header__logo {
    display: none
}

@media (min-width: 768px) {
    .is-menu-open .header__logo {
        display: block
    }
}

.is-loaded .header {
    transition-property: padding-top, padding-bottom;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .header {
    transition-duration: 300ms
}

.is-loaded .header {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.is-loaded .header .header__logo {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .header .header__logo {
    transition-duration: 200ms
}

.is-loaded .header .header__link {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .header .header__link {
    transition-duration: 200ms
}

.headline-image {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    .headline-image {
        margin-top: 9rem;
        margin-bottom: 9rem
    }
}

.headline-image {
    display: flex;
    align-items: flex-end
}

.headline-image__inner {
    position: relative
}

.headline-image__inner {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.headline-image__inner {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.headline-image__inner {
    padding-left: 3.5vw
}

.headline-image__inner {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

.headline-image__inner {
    display: flex
}

.headline-image__inner {
    width: 53.125vw
}

.headline-image__inner {
    min-width: 300px
}

.headline-image__inner {
    flex-direction: column
}

.headline-image__inner {
    justify-content: center
}

@media (min-width: 1024px) {
    .headline-image__inner {
        min-width: 700px
    }
}

.headline-image__inner {
    min-height: calc(var(--load-vh) * 0.8)
}

.headline-image__inner::before {
    position: absolute
}

.headline-image__inner::before {
    top: 0px
}

.headline-image__inner::before {
    left: 0px
}

.headline-image__inner::before {
    height: 100%
}

.headline-image__inner::before {
    width: 100vw
}

.headline-image__inner::before {
    background-color: inherit
}

.headline-image__inner::before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.headline-image__inner::before {
    --tw-translate-x: -100%
}

.headline-image__inner::before {
    content: ""
}

.headline-image__headline {
    max-width: 13ch
}

.headline-image__image {
    margin-top: 2rem
}

.headline-image__image {
    margin-right: -50%
}

@media (min-width: 640px) {
    .headline-image__image {
        position: absolute
    }
}

@media (min-width: 640px) {
    .headline-image__image {
        left: 100%
    }
}

@media (min-width: 640px) {
    .headline-image__image {
        margin: 0px
    }
}

@media (min-width: 640px) {
    .headline-image__image {
        margin-left: -10vw
    }
}

@media (min-width: 640px) {
    .headline-image__image {
        width: 55vw
    }
}

.hero {
    position: relative;
    z-index: 20;
    display: flex;
    height: 100vh;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgba(3, 23, 32, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: var(--load-vh)
}

.hero__picture {
    position: absolute
}

.hero__picture {
    top: 0px
}

.hero__picture {
    left: 0px
}

.hero__picture {
    height: 100%
}

.hero__picture {
    width: 100%
}

.hero__picture {
    -o-object-fit: cover;
    object-fit: cover
}

.hero__overlay {
    position: absolute
}

.hero__overlay {
    top: 0px
}

.hero__overlay {
    left: 0px
}

.hero__overlay {
    height: 100%
}

.hero__overlay {
    width: 100%
}

.hero__overlay {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.hero__overlay {
    opacity: .41
}

.hero__gradient {
    position: absolute
}

.hero__gradient {
    top: 0px
}

.hero__gradient {
    left: 0px
}

.hero__gradient {
    height: 29vh
}

.hero__gradient {
    width: 100%
}

.hero__gradient {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.hero__gradient {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.hero__gradient {
    opacity: .66
}

.hero__slides {
    position: relative
}

.hero__slides {
    z-index: 10
}

.hero__slides {
    overflow: hidden
}

.hero__slides {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.hero__slide {
    overflow: hidden
}

.hero__slide:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.hero__headline {
    max-width: 14.65ch
}

@media (min-width: 768px) {
    .hero__headline {
        max-width: 18ch
    }
}

.hero__controls {
    position: relative
}

.hero__controls {
    margin-top: 9.5vh
}

.hero__controls {
    display: none
}

@media (min-width: 1024px) {
    .hero__controls {
        display: block
    }
}

.hero__video-wrapper {
    pointer-events: none
}

.hero__video-wrapper {
    position: absolute
}

.hero__video-wrapper {
    top: 0px
}

.hero__video-wrapper {
    left: 0px
}

.hero__video-wrapper {
    height: 100%
}

.hero__video-wrapper {
    width: 100%
}

.hero__video-wrapper {
    overflow: hidden
}

.hero__video {
    position: absolute
}

.hero__video {
    top: 50%
}

.hero__video {
    left: 50%
}

.hero__video {
    min-height: 100vh
}

.hero__video {
    width: 100vw
}

.hero__video {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hero__video {
    --tw-translate-x: -50%
}

.hero__video {
    --tw-translate-y: -50%
}

.hero__video {
    height: 56.25vw;
    min-width: 177.77vh
}

.hero__controls-mobile {
    position: absolute
}

.hero__controls-mobile {
    right: 0px
}

.hero__controls-mobile {
    top: 1.25rem
}

@media (min-width: 1024px) {
    .hero__controls-mobile {
        display: none
    }
}

.hero__nav-button-mobile:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.hero__nav-button-mobile {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.hero__nav-button-mobile {
    transition-duration: 200ms
}

.is-menu-open .hero .background-grid {
    opacity: 0
}

body:not(.is-loaded) .hero__slides {
    visibility: hidden
}

.industries {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem
}

@media (min-width: 1024px) {
    .industries {
        margin-top: 9rem;
        margin-bottom: 9rem
    }
}

.industries__grid {
    display: grid
}

.industries__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.industries__grid {
    row-gap: 5rem
}

@media (min-width: 768px) {
    .industries__grid {
        row-gap: 11.6vmax
    }
}

@media (min-width: 768px) {
    .industries__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 768px) {
    .industries__grid {
        -moz-column-gap: 13.5vw;
        column-gap: 13.5vw
    }
}

@media (min-width: 768px) {
    .industries__grid {
        row-gap: 7.8vw
    }
}

@media (min-width: 768px) {
    .industries__grid {
        padding-left: 4vw
    }
}

@media (min-width: 768px) {
    .industries__grid {
        padding-right: 8.5vw
    }
}

.industries__item {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.industries__item:last-child:nth-child(even) {
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .industries__item:nth-child(even) {
        --tw-translate-y: 17.5vw
    }
}

@media (min-width: 768px) {
    .industries__item:last-child:nth-child(even) {
        margin-bottom: 17.5vw
    }
}

.industry-card__picture-wrapper {
    position: relative
}

@media (min-width: 768px) {
    .industry-card__picture-wrapper {
        margin-left: 4.6vmax
    }
}

.industry-card__picture-wrapper::before {
    position: absolute
}

.industry-card__picture-wrapper::before {
    top: 0px
}

.industry-card__picture-wrapper::before {
    left: 0px
}

.industry-card__picture-wrapper::before {
    height: 100%
}

.industry-card__picture-wrapper::before {
    width: 100%
}

.industry-card__picture-wrapper::before {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.industry-card__picture-wrapper::before {
    opacity: 0.3
}

.industry-card__picture-wrapper::before {
    content: ""
}

.industry-card__copy {
    position: relative
}

.industry-card__copy {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    .industry-card__copy {
        margin-top: -11.6vmax
    }
}

@media (min-width: 768px) {
    .industry-card__copy {
        max-width: 33ch
    }
}

.industry-card__tools {
    position: absolute
}

.industry-card__tools {
    top: 0px
}

.industry-card__tools {
    right: 0px
}

.industry-card__tools {
    display: flex
}

.industry-card__tools {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.industry-card__tools {
    --tw-translate-y: -100%
}

.industry-card__tools {
    align-items: center
}

.industry-overlay {
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    .industry-overlay {
        background-color: transparent
    }
}

.industry-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 50;
    height: 100vh;
    width: 100vw
}

.industry-overlay__main {
    position: relative
}

.industry-overlay__main {
    z-index: 10
}

.industry-overlay__main {
    height: 100%
}

.industry-overlay__main {
    width: 100%
}

@media (min-width: 1024px) {
    .industry-overlay__main {
        width: 50%
    }
}

.industry-overlay__main {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.industry-overlay__main {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

.industry-overlay__main::before {
    position: absolute
}

.industry-overlay__main::before {
    top: 0px
}

.industry-overlay__main::before {
    left: 0px
}

.industry-overlay__main::before {
    height: 100%
}

.industry-overlay__main::before {
    width: 100vw
}

.industry-overlay__main::before {
    background-color: inherit
}

.industry-overlay__main::before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.industry-overlay__main::before {
    --tw-translate-x: -100vw
}

.industry-overlay__main::before {
    content: ""
}

.industry-overlay__copy {
    height: 100%
}

.industry-overlay__copy {
    max-width: 44ch
}

.industry-overlay__copy {
    overflow-y: scroll
}

.industry-overlay__copy {
    padding-top: 6rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .industry-overlay__copy {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (min-width: 1024px) {
    .industry-overlay__copy {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1536px) {
    .industry-overlay__copy {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }
}

@media (min-width: 1536px) {
    .industry-overlay__copy {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.industry-overlay__copy {
    scrollbar-width: none
}

.industry-overlay__copy::-webkit-scrollbar {
    display: none
}

.industry-overlay__copy .prose h4:not(:first-child) {
    margin-top: 2rem
}

@media (min-width: 1024px) {
    .industry-overlay__copy .prose h4:not(:first-child) {
        margin-top: 2.5rem
    }
}

.industry-overlay__copy h4 {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.industry-overlay__backdrop {
    position: absolute
}

.industry-overlay__backdrop {
    left: 50%
}

.industry-overlay__backdrop {
    top: 0px
}

.industry-overlay__backdrop {
    display: none
}

.industry-overlay__backdrop {
    height: 100%
}

.industry-overlay__backdrop {
    width: 50%
}

.industry-overlay__backdrop {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.industry-overlay__backdrop {
    opacity: .86
}

@media (min-width: 1024px) {
    .industry-overlay__backdrop {
        display: block
    }
}

.links__item {
    position: relative
}

.links__item {
    border-bottom-width: 1px
}

.links__item {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

.links__anchor {
    display: block
}

.links__anchor {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.links__anchor {
    padding-right: 2.5rem
}

.links__anchor {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.links__anchor {
    text-transform: uppercase
}

.links__anchor:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.links__anchor {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.links__anchor {
    transition-duration: 200ms
}

.links__icon {
    position: absolute
}

.links__icon {
    top: 50%
}

.links__icon {
    right: 0px
}

.links__icon {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.links__icon {
    margin-right: 1rem
}

.links__icon {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.links__icon {
    --tw-translate-y: -50%
}

.links__icon {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.links__icon {
    transition-duration: 200ms
}

.links__anchor:hover .links__icon {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

.logos {
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity));
    padding-top: 5rem;
    padding-bottom: 12rem
}

@media (min-width: 1024px) {
    .logos {
        min-height: 100vh
    }
}

.logos__wrapper {
    display: flex
}

.logos__wrapper {
    flex-direction: column
}

@media (min-width: 1024px) {
    .logos__wrapper {
        flex-direction: row
    }
}

.logos__copy {
    position: relative
}

.logos__copy {
    z-index: 20
}

.logos__copy {
    width: 100%
}

.logos__copy {
    max-width: 31ch
}

.logos__copy {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.logos__copy {
    flex-shrink: 0
}

@media (min-width: 1024px) {
    .logos__copy {
        display: flex
    }
}

@media (min-width: 1024px) {
    .logos__copy {
        flex-direction: column
    }
}

@media (min-width: 1280px) {
    .logos__copy {
        align-items: center
    }
}

.logos__copy {
    margin-bottom: 3rem
}

@media (min-width: 1024px) {
    .logos__copy {
        margin-right: 9.5vw
    }
}

@media (min-width: 1024px) {
    .logos__copy {
        margin-bottom: 0px
    }
}

@media (min-width: 1024px) {
    .logos__copy {
        margin-top: 2rem
    }
}

@media (min-width: 1280px) {
    .logos__copy {
        margin-left: 9.5vw
    }
}

.logos__items {
    display: flex
}

.logos__items {
    max-width: 47rem
}

.logos__items {
    flex-grow: 1
}

.logos__items {
    flex-wrap: wrap
}

.logos__items {
    align-items: center
}

@media (min-width: 1024px) {
    .logos__items {
        justify-content: center
    }
}

.logos__items {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.logos__items {
    margin-left: -0.75rem;
    margin-right: -0.75rem
}

@media (min-width: 1024px) {
    .logos__items {
        margin: -1.5rem
    }
}

.logos__item {
    display: flex
}

.logos__item {
    width: 50%
}

.logos__item {
    align-items: center
}

.logos__item {
    justify-content: center
}

.logos__item {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.logos__item {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

@media (min-width: 640px) {
    .logos__item {
        width: 33.333333%
    }
}

@media (min-width: 1024px) {
    .logos__item {
        padding: 1.5rem
    }
}

.logos__image {
    max-height: 90px
}

.logos__image {
    mix-blend-mode: screen
}

.media {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    .media {
        margin-top: 0px;
        margin-bottom: 0px
    }

    .media {
        min-height: 100vh
    }

    .media {
        overflow: hidden
    }

    .media {
        background-color: transparent
    }
}

.media__copy {
    position: relative
}

.media__copy {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.media__copy {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .media__copy {
        min-height: 100vh
    }
}

@media (min-width: 1024px) {
    .media__copy {
        min-height: 75vh
    }
}

@media (min-width: 1024px) {
    .media__copy {
        width: 83.333333%
    }
}

.media__copy {
    display: flex
}

.media__copy {
    flex-direction: column
}

.media__copy {
    justify-content: center
}

.media__copy {
    padding-top: 8rem;
    padding-bottom: 8rem
}

@media (min-width: 1024px) {
    .media__copy {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width: 1024px) {
    .media__copy {
        padding-left: 5rem
    }
}

@media (min-width: 1024px) {
    .media__copy {
        padding-top: 12rem
    }
}

@media (min-width: 1280px) {
    .media__copy {
        padding-left: 9rem
    }
}

.media__copy::after {
    top: 0px
}

.media__copy::after {
    left: 0px
}

.media__copy::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.media__copy::after {
    --tw-translate-x: -100%
}

.media__copy::after {
    background-color: inherit
}

@media (min-width: 1024px) {
    .media__copy::after {
        position: absolute
    }
}

@media (min-width: 1024px) {
    .media__copy::after {
        height: 100%
    }
}

@media (min-width: 1024px) {
    .media__copy::after {
        width: 100vw
    }
}

.media__copy::after {
    content: ""
}

.media__headline {
    margin-top: 8rem
}

.media__headline {
    padding-top: 5rem
}

@media (min-width: 1024px) {
    .media__headline {
        padding-top: 0px
    }
}

.media__bodyCopy {
    text-align: left
}

.media__bodyCopy {
    font-family: ff-basic-gothic-pro, sans-serif
}

.media__bodyCopy {
    font-size: 18px
}

@media (min-width: 1024px) {
    .media__bodyCopy {
        margin-left: 10rem
    }
}

@media (min-width: 1024px) {
    .media__bodyCopy {
        width: 40%
    }
}

@media (min-width: 1536px) {
    .media__bodyCopy {
        width: 30%
    }
}

.media__contacts {
    display: flex
}

.media__contacts {
    flex-direction: column
}

.media__contacts {
    font-family: ff-basic-gothic-pro, sans-serif
}

.media__contacts {
    font-size: 18px
}

@media (min-width: 640px) {
    .media__contacts {
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    .media__contacts {
        margin-left: 10rem
    }
}

.media__picture {
    height: 35vw
}

.media__picture {
    width: 30vw
}

.media__picture-container {
    position: absolute
}

.media__picture-container {
    bottom: -5rem
}

.media__picture-container {
    z-index: 20
}

.media__picture-container {
    display: none
}

@media (min-width: 1024px) {
    .media__picture-container {
        right: 0px
    }
}

@media (min-width: 1024px) {
    .media__picture-container {
        display: flex
    }
}

@media (min-width: 1024px) {
    .media__picture-container {
        flex-grow: 1
    }
}

.media__cta {
    position: absolute
}

.media__cta {
    bottom: 0px
}

.media__cta {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.media__cta {
    --tw-translate-y: 50%
}

@media (min-width: 768px) {
    .media__cta {
        left: 6em
    }
}

@media (min-width: 1024px) {
    .media__cta {
        left: 18rem
    }
}

@media (min-width: 1280px) {
    .media__cta {
        left: 22em
    }
}

.menu-cta {
    position: relative;
    display: none;
    align-items: center;
    overflow: hidden
}

@media (min-width: 1024px) {
    .menu-cta {
        display: flex
    }
}

.menu-cta {
    height: 39px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    font-size: 10px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity));
    line-height: 1;
    letter-spacing: 0.2em;
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity));
    --shade-y: 100%
}

@media (pointer: fine) {
    .menu-cta::before {
        position: absolute
    }

    .menu-cta::before {
        top: 0px
    }

    .menu-cta::before {
        left: -5%
    }

    .menu-cta::before {
        height: 100%
    }

    .menu-cta::before {
        width: 110%
    }

    .menu-cta::before {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms
    }

    .menu-cta::before {
        transition-duration: 200ms
    }

    .menu-cta::before {
        transform: translateY(var(--shade-y));
        will-change: transform;
        content: ""
    }

    .menu-cta::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
    }

    .menu-cta:hover {
        --tw-text-opacity: 1;
        color: rgba(225, 226, 223, var(--tw-text-opacity))
    }
}

.is-bg-dark .menu-cta,
.is-hero-pinned .menu-cta,
.is-bg-dark-right .menu-cta {
    --tw-bg-opacity: 1;
    background-color: rgba(225, 226, 223, var(--tw-bg-opacity))
}

.is-bg-dark .menu-cta,
.is-hero-pinned .menu-cta,
.is-bg-dark-right .menu-cta {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

@media (pointer: fine) {

    .is-bg-dark .menu-cta:hover,
    .is-hero-pinned .menu-cta:hover,
    .is-bg-dark-right .menu-cta:hover {
        --tw-text-opacity: 1;
        color: rgba(225, 226, 223, var(--tw-text-opacity))
    }

    .is-bg-dark .menu-cta::before,
    .is-hero-pinned .menu-cta::before,
    .is-bg-dark-right .menu-cta::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
    }
}

.is-menu-open .menu-cta {
    display: flex
}

.is-menu-open .menu-cta {
    flex-grow: 1
}

@media (min-width: 768px) {
    .is-menu-open .menu-cta {
        opacity: 0
    }
}

.is-loaded .menu-cta {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .menu-cta {
    transition-duration: 200ms
}

.is-loaded .menu-cta span {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .menu-cta span {
    transition-delay: 100ms
}

.is-loaded .menu-cta span {
    transition-duration: 200ms
}

body:not(.is-menu-open) .is-condensed .menu-cta {
    height: 35px
}

body:not(.is-menu-open) .is-condensed .menu-cta {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.menu-toggle {
    position: relative;
    overflow: hidden;
    height: 39px;
    width: 44px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity));
    --shade-y: 100%
}

@media (pointer: fine) {
    .menu-toggle::before {
        position: absolute
    }

    .menu-toggle::before {
        top: 0px
    }

    .menu-toggle::before {
        left: -5%
    }

    .menu-toggle::before {
        height: 100%
    }

    .menu-toggle::before {
        width: 110%
    }

    .menu-toggle::before {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms
    }

    .menu-toggle::before {
        transition-duration: 200ms
    }

    .menu-toggle::before {
        transform: translateY(var(--shade-y));
        will-change: transform;
        content: ""
    }

    .menu-toggle::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
    }

    .menu-toggle:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 58, 61, var(--tw-text-opacity))
    }
}

.is-menu-open .menu-toggle,
.is-bg-dark .menu-toggle,
.is-bg-dark-right .menu-toggle,
.is-hero-pinned .menu-toggle {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.is-menu-open .menu-toggle,
.is-bg-dark .menu-toggle,
.is-bg-dark-right .menu-toggle,
.is-hero-pinned .menu-toggle {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

@media (pointer: fine) {

    .is-hero-pinned .menu-toggle:hover,
    .is-bg-dark .menu-toggle:hover,
    .is-bg-dark-right .menu-toggle:hover {
        --tw-text-opacity: 1;
        color: rgba(225, 226, 223, var(--tw-text-opacity))
    }

    .is-hero-pinned .menu-toggle::before,
    .is-bg-dark .menu-toggle::before,
    .is-bg-dark-right .menu-toggle::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
    }
}

@media (pointer: fine) {
    .is-menu-open .menu-toggle:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 58, 61, var(--tw-text-opacity))
    }

    .is-menu-open .menu-toggle::before {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }
}

.is-loaded .menu-toggle {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.is-loaded .menu-toggle {
    transition-duration: 200ms
}

body:not(.is-menu-open) .is-condensed .menu-toggle {
    height: 35px
}

body:not(.is-menu-open) .is-condensed .menu-toggle {
    width: 39px
}

body:not(.is-menu-open) .is-condensed .menu-toggle {
    padding-left: 10px;
    padding-right: 10px
}

.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
    height: 100vh;
    width: 100vw
}

@media (min-width: 1280px) {
    .menu {
        padding-left: 1.5vw;
        padding-right: 1.5vw
    }

    .menu {
        padding-bottom: 2.5vh
    }
}

@media (min-width: 1536px) {
    .menu {
        padding-left: 2.5vw;
        padding-right: 2.5vw
    }
}

.menu__inner {
    margin-left: auto;
    margin-right: auto
}

.menu__inner {
    height: 100%
}

.menu__inner {
    overflow: scroll
}

.menu__inner {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.menu__inner {
    padding-left: 2rem;
    padding-right: 2rem
}

.menu__inner {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .menu__inner {
        padding-left: 0px;
        padding-right: 0px
    }
}

.menu__inner {
    scrollbar-width: none
}

.menu__inner::-webkit-scrollbar {
    display: none
}

.menu__row {
    display: flex
}

.menu__row {
    min-height: 100%
}

.menu__row {
    flex-direction: column
}

@media (min-width: 1024px) {
    .menu__row {
        flex-direction: row
    }
}

.menu__main {
    margin-top: 15vh
}

.menu__main {
    margin-bottom: 9vh
}

.menu__main {
    display: flex
}

.menu__main {
    flex-grow: 0
}

@media (min-width: 1024px) {
    .menu__main {
        margin-top: 6rem
    }
}

@media (min-width: 1024px) {
    .menu__main {
        margin-left: auto
    }
}

@media (min-width: 1024px) {
    .menu__main {
        width: 54vw
    }
}

@media (min-width: 1536px) {
    .menu__main {
        margin-top: 9rem
    }
}

.menu__link {
    pointer-events: auto
}

.menu__link {
    position: relative
}

.menu__link {
    display: inline-block
}

.menu__link {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.menu__link {
    transition-duration: 200ms
}

.menu__link:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.menu__link:hover {
    text-decoration: underline
}

.menu__aside {
    flex-grow: 0
}

@media (min-width: 1024px) {
    .menu__aside {
        margin-right: 4vw
    }
}

@media (min-width: 1024px) {
    .menu__aside {
        width: 16.5vw
    }
}

.menu__divider {
    width: 10rem
}

.menu__divider {
    border-bottom-width: 2px
}

.menu__divider {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

@media (min-width: 768px) {
    .menu__divider {
        width: 0px
    }
}

@media (min-width: 768px) {
    .menu__divider {
        border-bottom-width: 0px
    }
}

.menu__utility-link {
    font-size: 18px
}

.menu__utility-link {
    text-transform: uppercase
}

.menu__utility-link {
    --tw-text-opacity: 1;
    color: rgba(220, 223, 211, var(--tw-text-opacity))
}

.menu__utility-link {
    text-decoration: underline
}

.menu__utility-link {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.menu__utility-link {
    transition-duration: 200ms
}

.menu__utility-link:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.menu__line-wrapper {
    position: absolute
}

.menu__line-wrapper {
    top: 50%
}

.menu__line-wrapper {
    left: 100%
}

.menu__line-wrapper {
    z-index: 20
}

.menu__line-wrapper {
    margin-top: 0.25rem
}

.menu__line-wrapper {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu__line-wrapper {
    --tw-translate-y: -50%
}

.menu__line-wrapper {
    padding-left: 1.5rem
}

.menu__line-wrapper {
    padding-right: 0.5rem
}

.menu__line {
    display: block
}

.menu__line {
    height: 1px
}

.menu__line {
    width: 100%
}

.menu__line {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.menu__mobile-link {
    position: relative
}

.menu__mobile-link::after {
    position: absolute
}

.menu__mobile-link::after {
    left: 100%
}

.menu__mobile-link::after {
    top: 50%
}

.menu__mobile-link::after {
    margin-left: 3rem
}

.menu__mobile-link::after {
    height: 0.5rem
}

.menu__mobile-link::after {
    width: 0.5rem
}

.menu__mobile-link::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu__mobile-link::after {
    --tw-translate-y: -50%
}

.menu__mobile-link::after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.485' height='8.485' viewBox='0 0 8.485 8.485' fill='theme(%26quot;colors.sherpa-blue.500%26quot;)'%3E%3Cpath d='M8.486 4.242L4.243 8.485l-.849-.849L6.79 4.242 3.394.848 4.243 0z' fill='%2300b3ad'/%3E%3C/svg%3E")
}

body:not(.is-loaded) .menu {
    visibility: hidden
}

.menu__submenu.is-deepest-active {
    border-left-width: 1px
}

.menu__submenu.is-deepest-active {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

.menu__submenu.is-deepest-active {
    padding-left: 1.5rem
}

.partners {
    position: relative;
    z-index: 10;
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.partners__text {
    margin-top: 1rem
}

.partners__text {
    margin-bottom: 2rem
}

.partners__text {
    width: 100%
}

@media (min-width: 768px) {
    .partners__text {
        margin-top: 3rem
    }
}

@media (min-width: 1024px) {
    .partners__text {
        width: 75%
    }
}

.partners__image {
    max-width: 170px
}

.partners__container {
    margin-top: 2rem
}

.partners__container {
    width: 100%
}

@media (min-width: 768px) {
    .partners__container {
        margin-top: 4rem
    }
}

@media (min-width: 768px) {
    .partners__container {
        width: 25%
    }
}

.partners__line-seperator-x {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

@media (min-width: 768px) {
    .partners__line-seperator-x {
        margin-left: 1rem
    }
}

@media (min-width: 768px) {
    .partners__line-seperator-x {
        width: 10vw
    }
}

@media (min-width: 768px) {
    .partners__line-seperator-x {
        border-bottom-width: 2px
    }
}

.partners__line-seperator-y {
    height: 5rem
}

.partners__line-seperator-y {
    border-left-width: 2px
}

.partners__line-seperator-y {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

@media (min-width: 768px) {
    .partners__line-seperator-y {
        height: 0px
    }
}

@media (min-width: 768px) {
    .partners__line-seperator-y {
        border-left-width: 0px
    }
}

.partners__headline {
    margin-bottom: 2rem
}

.partners__headline {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.partners__headline {
    font-family: bebas-neue-pro, sans-serif
}

.partners__headline {
    font-size: 35px
}

.partners__headline {
    font-weight: 400
}

.partners__headline {
    line-height: 1
}

.partners__headline {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .partners__headline {
        font-size: 50px
    }
}

.partners__tease {
    font-family: ff-basic-gothic-pro, sans-serif
}

.partners__tease {
    font-size: 18px
}

.pricing-table {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 1024px) {
    .pricing-table {
        margin-top: 9rem;
        margin-bottom: 9rem
    }
}

.pricing-table__backdrop {
    display: none
}

@media (min-width: 1024px) {
    .pricing-table__backdrop {
        display: block
    }
}

.pricing-table__backdrop {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.pricing-table__backdrop {
    position: absolute
}

.pricing-table__backdrop {
    left: 0px
}

.pricing-table__backdrop {
    bottom: 0px
}

.pricing-table__backdrop {
    height: 37vh
}

.pricing-table__backdrop {
    width: 78vw
}

.pricing-table__header {
    margin-left: auto;
    margin-right: auto
}

.pricing-table__header {
    max-width: 43ch
}

.pricing-table__header {
    text-align: center
}

.pricing-table__inner {
    position: relative
}

.pricing-table__inner {
    margin-left: auto;
    margin-right: auto
}

.pricing-table__inner {
    margin-top: 2rem
}

.pricing-table__inner {
    width: 100%
}

.pricing-table__inner {
    max-width: 42rem
}

.pricing-table__inner {
    padding-left: 1rem;
    padding-right: 1rem
}

.pricing-table__inner {
    padding-bottom: 2rem
}

@media (min-width: 640px) {
    .pricing-table__inner {
        margin-top: 4rem
    }
}

@media (min-width: 640px) {
    .pricing-table__inner {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__inner {
        max-width: 80rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__inner {
        padding-bottom: 0px
    }
}

.pricing-table__grid {
    position: relative
}

@media (min-width: 1024px) {
    .pricing-table__grid {
        display: grid
    }
}

@media (min-width: 1024px) {
    .pricing-table__grid {
        grid-auto-columns: minmax(0, 1fr)
    }
}

@media (min-width: 1024px) {
    .pricing-table__grid {
        grid-auto-flow: column
    }
}

.pricing-table__plan {
    margin-bottom: 4rem
}

.pricing-table__plan {
    --tw-border-opacity: 1;
    border-color: rgba(179, 183, 177, var(--tw-border-opacity))
}

.pricing-table__plan {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.pricing-table__plan:last-child {
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    .pricing-table__plan {
        margin-bottom: 1rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan {
        border-width: 1px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan {
        --tw-bg-opacity: 1;
        background-color: rgba(225, 226, 223, var(--tw-bg-opacity))
    }
}

.pricing-table__plan {
    text-align: center
}

@media (min-width: 1024px) {
    .pricing-table__plan {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan:not(:last-child) {
        border-right-width: 0px
    }
}

.pricing-table__plan-header {
    display: flex
}

.pricing-table__plan-header {
    flex-direction: column
}

.pricing-table__plan-header {
    align-items: center
}

.pricing-table__plan-header {
    padding-left: 3rem;
    padding-right: 3rem
}

.pricing-table__plan-header {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 1024px) {
    .pricing-table__plan-header {
        height: 140px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-header {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.pricing-table__plan-list {
    margin-left: 2rem;
    margin-right: 2rem
}

.pricing-table__plan-list {
    border-top-width: 1px
}

.pricing-table__plan-list {
    border-bottom-width: 1px
}

.pricing-table__plan-list {
    --tw-border-opacity: 1;
    border-color: rgba(225, 226, 223, var(--tw-border-opacity))
}

@media (min-width: 1024px) {
    .pricing-table__plan-list {
        margin-left: 0px;
        margin-right: 0px
    }
}

.pricing-table__plan-list {
    display: none
}

.pricing-table__plan-list> :not([hidden])~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(179, 183, 177, var(--tw-divide-opacity))
}

@media (min-width: 1024px) {
    .pricing-table__plan-list {
        display: block
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-list> :not([hidden])~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-list {
        border-bottom-width: 0px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-list {
        --tw-border-opacity: 1;
        border-color: rgba(179, 183, 177, var(--tw-border-opacity))
    }
}

.pricing-table__plan-item {
    display: flex
}

.pricing-table__plan-item {
    align-items: center
}

.pricing-table__plan-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.pricing-table__plan-item {
    font-size: 0.875rem;
    line-height: 1.25rem
}

@media (min-width: 1024px) {
    .pricing-table__plan-item {
        height: 3rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item {
        padding-top: 0px;
        padding-bottom: 0px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item:last-child {
        height: 5rem
    }
}

@media (min-width: 1536px) {
    .pricing-table__plan-item {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.pricing-table__best {
    position: absolute
}

.pricing-table__best {
    top: 0px
}

.pricing-table__best {
    left: 50%
}

.pricing-table__best {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.pricing-table__best {
    --tw-translate-y: -100%
}

.pricing-table__best {
    --tw-translate-x: -50%
}

.pricing-table__best {
    font-size: 1rem;
    line-height: 1.5rem
}

.pricing-table__best {
    text-transform: uppercase
}

.pricing-table__best {
    letter-spacing: .2em
}

.pricing-table__plan-header--select {
    height: auto
}

.pricing-table__plan-header--select {
    justify-content: center
}

.pricing-table__plan-header--select {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.pricing-table__plan-header--select {
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media (min-width: 1024px) {
    .pricing-table__plan-header--select {
        height: 140px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-header--select {
        align-items: flex-start
    }
}

.pricing-table__plan-header--select {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
}

@media (min-width: 1024px) {
    .pricing-table__plan-header--select {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item--header::before {
        position: absolute
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item--header::before {
        left: 0px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item--header::before {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item--header::before {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 219, 209, var(--tw-bg-opacity))
    }
}

.pricing-table__plan-item--header::before {
    --tw-border-opacity: 1;
    border-color: rgba(179, 183, 177, var(--tw-border-opacity))
}

@media (min-width: 1024px) {
    .pricing-table__plan-item--header::before {
        border-left-width: 1px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan-item--header::before {
        border-right-width: 1px
    }
}

.pricing-table__plan-item--header::before {
    height: inherit;
    content: ""
}

.pricing-table__plan--featured {
    --tw-bg-opacity: 1;
    background-color: rgba(1, 162, 156, var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    .pricing-table__plan--featured {
        margin-top: -0.75rem;
        margin-bottom: -0.75rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan--featured {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 219, 209, var(--tw-bg-opacity))
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan--featured {
        padding-bottom: 0.75rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan--featured+.pricing-table__plan {
        border-left-width: 0px
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan--featured:not(:last-child) {
        border-right-width: 1px
    }
}

.pricing-table__plan--featured .pricing-table__plan-header {
    position: relative
}

.pricing-table__plan--featured .pricing-table__plan-header {
    box-sizing: content-box
}

.pricing-table__plan--featured .pricing-table__plan-header {
    --tw-bg-opacity: 1;
    background-color: rgba(1, 162, 156, var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    .pricing-table__plan--featured .pricing-table__plan-header {
        padding-top: 0.75rem
    }
}

@media (min-width: 1024px) {
    .pricing-table__plan--featured .pricing-table__plan-header {
        padding-bottom: 0px
    }
}

.progress {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 50;
    display: none;
    height: 100vh;
    width: 6px;
    pointer-events: none;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    .is-loaded .progress {
        display: block
    }
}

.proof-points {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    display: flex;
    align-items: center;
    overflow: hidden
}

@media (min-width: 768px) {
    .proof-points {
        overflow: visible
    }
}

@media (min-width: 1024px) {
    .proof-points {
        margin-top: 9rem;
        margin-bottom: 9rem
    }
}

.proof-points__wrapper {
    display: flex
}

.proof-points__wrapper {
    flex-direction: column
}

@media (min-width: 768px) {
    .proof-points__wrapper {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .proof-points__wrapper {
        align-items: center
    }
}

.proof-points__main {
    position: relative
}

.proof-points__main {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.proof-points__main {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .proof-points__main {
        min-height: 76vh
    }
}

@media (min-width: 768px) {
    .proof-points__main {
        width: 35.1vw
    }
}

@media (min-width: 768px) {
    .proof-points__main {
        min-width: 39%
    }
}

@media (min-width: 768px) {
    .proof-points__main {
        max-width: 50%
    }
}

.proof-points__main {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.proof-points__main {
    padding-bottom: 8rem
}

@media (min-width: 768px) {
    .proof-points__main {
        padding-bottom: 2rem
    }
}

@media (min-width: 768px) {
    .proof-points__main {
        padding-right: 2rem
    }
}

.proof-points__main {
    display: flex
}

.proof-points__main {
    flex-direction: column
}

.proof-points__main {
    justify-content: center
}

.proof-points__main::before {
    position: absolute
}

.proof-points__main::before {
    top: 0px
}

.proof-points__main::before {
    left: 0px
}

.proof-points__main::before {
    height: 100%
}

.proof-points__main::before {
    width: 100vw
}

.proof-points__main::before {
    background-color: inherit
}

.proof-points__main::before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.proof-points__main::before {
    --tw-translate-x: -100%
}

.proof-points__main::before {
    content: ""
}

.proof-points__main::after {
    position: absolute
}

.proof-points__main::after {
    top: 0px
}

.proof-points__main::after {
    left: 100%
}

.proof-points__main::after {
    height: 100%
}

.proof-points__main::after {
    width: 100vw
}

.proof-points__main::after {
    background-color: inherit
}

@media (min-width: 768px) {
    .proof-points__main::after {
        display: none
    }
}

.proof-points__main::after {
    content: ""
}

.proof-points__headline {
    max-width: 17ch
}

.proof-points__headline {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.proof-points__body-copy {
    margin-top: 2rem
}

.proof-points__body-copy {
    max-width: 30ch
}

.proof-points__media {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.proof-points__media {
    --tw-translate-y: -4rem
}

@media (min-width: 768px) {
    .proof-points__media {
        margin-left: -3%
    }
}

@media (min-width: 768px) {
    .proof-points__media {
        width: 34%
    }
}

@media (min-width: 768px) {
    .proof-points__media {
        --tw-translate-y: 0px
    }
}

@media (min-width: 1280px) {
    .proof-points__media {
        margin-left: -8%
    }
}

@media (min-width: 1536px) {
    .proof-points__media {
        margin-left: -13.55%
    }
}

.proof-points__aside {
    box-sizing: content-box
}

.proof-points__aside {
    display: grid
}

.proof-points__aside {
    max-width: 26ch
}

.proof-points__aside {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.proof-points__aside {
    gap: 2rem
}

.proof-points__aside {
    padding-left: 1rem;
    padding-right: 1rem
}

.proof-points__aside {
    text-align: center
}

@media (min-width: 768px) {
    .proof-points__aside {
        margin-bottom: 0px
    }
}

@media (min-width: 768px) {
    .proof-points__aside {
        text-align: left
    }
}

.proof-points__item-headline {
    position: relative
}

.proof-points__item-headline {
    margin-bottom: 1rem
}

.proof-points__item-headline {
    display: flex
}

.proof-points__item-headline {
    align-items: center
}

.proof-points__item-headline {
    justify-content: center
}

@media (min-width: 768px) {
    .proof-points__item-headline {
        justify-content: flex-start
    }
}

.proof-points__item-cta {
    margin-top: 1.5rem
}

.proof-points__item-cta {
    display: flex
}

.proof-points__item-cta {
    align-items: flex-start
}

.proof-points__item-icon {
    left: 0px
}

.proof-points__item-icon {
    height: 3rem
}

.proof-points__item-icon {
    width: 3rem
}

.proof-points__item-icon {
    padding-right: 0.5rem
}

@media (min-width: 1536px) {
    .proof-points__item-icon {
        position: absolute
    }
}

@media (min-width: 1536px) {
    .proof-points__item-icon {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 1536px) {
    .proof-points__item-icon {
        --tw-translate-x: -100%
    }
}

.proof-points__cta {
    left: 0px
}

.proof-points__cta {
    bottom: 0px
}

@media (min-width: 768px) {
    .proof-points__cta {
        position: absolute
    }
}

@media (min-width: 768px) {
    .proof-points__cta {
        left: auto
    }
}

@media (min-width: 768px) {
    .proof-points__cta {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 768px) {
    .proof-points__cta {
        --tw-translate-y: 50%
    }
}

.proof-points__cta {
    margin-top: 1rem
}

.proof-points__cta {
    width: 100%
}

.proof-points__cta {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 768px) {
    .proof-points__cta {
        margin-top: 0px
    }
}

@media (min-width: 768px) {
    .proof-points__cta {
        width: auto
    }
}

@media (min-width: 768px) {
    .proof-points__cta {
        padding-left: 0px;
        padding-right: 0px
    }
}

.proof-points__video {
    padding-top: 56.25%
}

.proof-points__video iframe {
    position: absolute
}

.proof-points__video iframe {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px
}

.proof-points__video iframe {
    height: 100%
}

.proof-points__video iframe {
    width: 100%
}

.prose {
    position: relative;
    letter-spacing: -0.026em
}

.prose h1:not(:last-child),
.prose h2:not(:last-child),
.prose h3:not(:last-child),
.prose h4:not(:last-child),
.prose h5:not(:last-child),
.prose h6:not(:last-child) {
    margin-bottom: 1rem
}

.prose h1:not(:first-child),
.prose h2:not(:first-child),
.prose h3:not(:first-child),
.prose h4:not(:first-child),
.prose h5:not(:first-child),
.prose h6:not(:first-child) {
    margin-top: 1rem
}

.prose h1 {
    font-family: bebas-neue-pro, sans-serif
}

.prose h1 {
    font-size: 50px
}

.prose h1 {
    font-weight: 400
}

.prose h1 {
    line-height: 0.932em
}

.prose h1 {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .prose h1 {
        font-size: 103px
    }
}

.prose h2 {
    font-family: bebas-neue-pro, sans-serif
}

.prose h2 {
    font-size: 35px
}

.prose h2 {
    font-weight: 400
}

.prose h2 {
    line-height: 1
}

.prose h2 {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .prose h2 {
        font-size: 50px
    }
}

.prose h3 {
    font-family: bebas-neue-pro, sans-serif
}

.prose h3 {
    font-size: 25px
}

.prose h3 {
    font-weight: 400
}

.prose h3 {
    line-height: 1
}

.prose h3 {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .prose h3 {
        font-size: 25px
    }
}

.prose h4 {
    font-family: bebas-neue-pro, sans-serif
}

.prose h4 {
    font-size: 25px
}

.prose h4 {
    font-weight: 400
}

.prose h4 {
    line-height: 1
}

.prose h4 {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .prose h4 {
        font-size: 25px
    }
}

.prose ul {
    margin-left: 1rem
}

.prose ul {
    list-style-type: disc
}

.prose ul:not(:first-child) {
    margin-top: 1rem
}

.prose p+p {
    margin-top: 1rem
}

.prose a:not([class]) {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.prose a:not([class]) {
    text-decoration: underline
}

.prose a:not([class]):hover {
    color: inherit
}

.prose a:not([class]) {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.prose a:not([class]) {
    transition-duration: 200ms
}

.prose__table-wrapper {
    overflow-x: scroll
}

.prose__table-wrapper {
    scrollbar-width: none
}

.prose__table-wrapper::-webkit-scrollbar {
    display: none
}

.prose table {
    width: 100%
}

.prose table:not(:first-child) {
    margin-top: 2rem
}

.prose table thead tr {
    font-family: bebas-neue-pro, sans-serif
}

.prose table thead tr {
    font-size: 1.5rem;
    line-height: 2rem
}

.prose table thead tr th {
    min-width: 200px
}

.prose table thead tr th {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.prose table thead tr th {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.prose table thead tr th {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

.prose table thead tr th:first-child {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.prose table thead tr th:first-child {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.prose table tr {
    border-bottom-width: 1px
}

.prose table tr {
    font-family: ff-basic-gothic-pro, sans-serif
}

.prose table tr {
    font-size: 18px;
    line-height: 22px
}

.prose table tr {
    font-weight: 300
}

.prose table tr {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

.prose table tr td {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.prose table tr td {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

.prose table tr td:first-child {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.prose table tr td:first-child {
    text-align: center
}

.quote {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    min-width: 325px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .quote {
        margin-top: 9rem;
        margin-bottom: 9rem
    }
}

.quote__background {
    position: relative
}

.quote__background {
    top: 0px
}

.quote__background {
    width: 70%
}

.quote__background {
    min-width: 300px
}

.quote__background {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.quote__background {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 640px) {
    .quote__background {
        width: 80%
    }
}

@media (min-width: 1024px) {
    .quote__background {
        padding-top: 13vh
    }
}

@media (min-width: 1024px) {
    .quote__background {
        padding-bottom: 5vh
    }
}

.quote__text-container {
    position: relative
}

.quote__text-container {
    z-index: 20
}

.quote__text-container {
    width: 125.5%
}

.quote__eyebrow {
    width: 50%
}

.quote__eyebrow {
    font-family: ff-basic-gothic-pro, sans-serif
}

.quote__eyebrow {
    font-size: 16px
}

.quote__eyebrow {
    text-transform: uppercase
}

.quote__eyebrow {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.quote__testimonial-body {
    margin-top: 1rem
}

.quote__testimonial-body {
    width: 63%
}

.quote__testimonial-body {
    font-family: bebas-neue-pro, sans-serif
}

.quote__testimonial-body {
    font-size: 25px
}

.quote__testimonial-body {
    line-height: 1.25
}

.quote__testimonial-body {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .quote__testimonial-body {
        line-height: 1
    }
}

@media (min-width: 1024px) {
    .quote__testimonial-body {
        font-size: 50px
    }
}

.quote__quotee {
    margin-left: 2rem
}

.quote__quotee {
    margin-top: 2rem
}

.quote__quotee {
    display: flex
}

.quote__quotee {
    flex-direction: column
}

@media (min-width: 768px) {
    .quote__quotee {
        margin-left: 0px
    }
}

@media (min-width: 768px) {
    .quote__quotee {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .quote__quotee {
        align-items: center
    }
}

@media (min-width: 768px) {
    .quote__quotee {
        justify-content: center
    }
}

.quote__testimonial-info {
    overflow: hidden
}

.quote__testimonial-info {
    font-family: ff-basic-gothic-pro, sans-serif
}

.quote__testimonial-info {
    font-size: 18px
}

.quote__name {
    font-weight: 700
}

.quote__name {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.quote__company {
    width: 65%
}

.quote__company {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .quote__company {
        width: 100%
    }
}

.quote__cta {
    margin-left: 2rem
}

.quote__cta {
    margin-bottom: 2rem
}

.quote__cta {
    display: flex
}

.quote__cta {
    width: 50%
}

.quote__cta {
    padding-top: 20px
}

@media (min-width: 768px) {
    .quote__cta {
        margin-left: 0px
    }
}

@media (min-width: 768px) {
    .quote__cta {
        width: 75%
    }
}

@media (min-width: 768px) {
    .quote__cta {
        justify-content: flex-end
    }
}

.quote__question {
    margin-top: 4rem
}

.quote__question {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.quote__question {
    font-family: bebas-neue-pro, sans-serif
}

.quote__question {
    font-size: 30px
}

.quote__question {
    font-weight: 400
}

.quote__question {
    line-height: 1
}

.quote__question {
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .quote__question {
        font-size: 35px
    }
}

@media (min-width: 768px) {
    .quote__question {
        margin-top: 0px
    }
}

.quote__start {
    margin-top: 1rem
}

.quote__start {
    font-family: ff-basic-gothic-pro, sans-serif
}

.quote__start {
    font-size: 18px
}

.quote__start {
    text-transform: uppercase
}

.quote__start {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

.quote__start {
    text-decoration: underline
}

@media (min-width: 768px) {
    .quote__start {
        font-size: 20px
    }
}

.quote__quotation-mark {
    position: absolute
}

.quote__quotation-mark {
    right: -6rem
}

.quote__quotation-mark {
    top: -4rem
}

.quote__quotation-mark {
    z-index: 10
}

.quote__quotation-mark {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.quote__quotation-mark {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

@media (min-width: 768px) {
    .quote__quotation-mark {
        right: -5rem
    }
}

@media (min-width: 768px) {
    .quote__quotation-mark {
        top: 15%
    }
}

@media (min-width: 1024px) {
    .quote__quotation-mark {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
}

.quote .headline-2 {
    line-height: 0.96em
}

.slider-nav {
    position: absolute;
    bottom:5vw;
    left: 0.45vw;
    z-index: 10;
    display: grid;
    grid-auto-flow: column;
    gap: 0.25rem
}

.slider-nav__current {
    position: absolute
}

.slider-nav__current {
    right: 100%
}

.slider-nav__current {
    margin-right: 0.5rem
}

.slider-nav__current {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.slider-nav__current {
    --tw-translate-y: -.125rem
}

.slider-nav__current {
    --tw-text-opacity: 1;
    color: #fff;
}

.slider-nav__progress {
    pointer-events: none
}

.slider-nav__progress {
    position: absolute
}

.slider-nav__progress {
    top: 80%; margin-top: 1vw;
}

.slider-nav__progress {
    height: 0.5vw
}

.slider-nav__progress {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.slider-nav__progress {
    --tw-translate-y: -50%
}

.slider-nav__progress {
    --tw-bg-opacity: 1;
    background-color: #d90915
}

.slider-nav__button {
    pointer-events: auto
}

.slider-nav__button {
    display: flex
}

.slider-nav__button {
    height: 2rem;
    margin-bottom: 2vw;
}

.slider-nav__button {
    flex: 1 1 0%
}

.slider-nav__button {
    align-items: center
}

.slider-nav__button {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.slider-nav__button {
    transition-duration: 200ms
}

.slider-nav__button:active {
    color: #fff !important;
}

.slider-nav__line {
    pointer-events: none
}

.slider-nav__line {
    height: 1px
}

.slider-nav__line {
    flex-grow: 1
}

.slider-nav__line {
    background-color: currentColor
}

.slider-nav__count {
    position: absolute
}

.slider-nav__count {
    left: 100%
}

.slider-nav__count {
    margin-left: 0.5rem
}

.slider-nav__count {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.slider-nav__count {
    --tw-translate-y: -.125rem
}

.stats {
    position: relative;
    z-index: 20;
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    min-height: var(--load-vh)
}

@media (min-width: 640px) {
    .stats {
        min-height: 100%
    }
}

@media (min-width: 1024px) {
    .stats {
        min-height: var(--load-vh)
    }
}

.stats__background-image {
    height: 100%
}

.stats__background-image {
    width: 100%
}

.stats__background-image {
    -o-object-fit: cover;
    object-fit: cover
}

.stats__background-wrapper {
    position: absolute
}

.stats__background-wrapper {
    height: 100%
}

.stats__background-wrapper {
    width: 100%
}

@media (min-width: 1024px) {
    .stats__background-wrapper {
        top: 50%
    }
}

@media (min-width: 1024px) {
    .stats__background-wrapper {
        height: 42vw
    }
}

@media (min-width: 1024px) {
    .stats__background-wrapper {
        width: 37vw
    }
}

.stats__background-wrapper {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1024px) {
    .stats__background-wrapper {
        --tw-translate-y: -50%
    }
}

.stats__wrapper {
    position: relative
}

.stats__wrapper {
    width: 100%
}

.stats__wrapper {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.stats__wrapper {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .stats__wrapper {
        width: auto
    }
}

.stats__wrapper {
    padding-left: 7vw;
    padding-right: 7vw
}

.stats__wrapper {
    padding-top: 7vw
}

.stats__wrapper {
    padding-bottom: 5vw
}

.stats__items {
    display: grid
}

.stats__items {
    gap: 8vw
}

@media (min-width: 1024px) {
    .stats__items {
        gap: 4vw 8vw
    }
}

.stats__item {
    position: relative
}

.stats__item {
    text-align: center
}

@media (min-width: 1024px) {
    .stats__item {
        max-width: 25ch
    }
}

.stats__item:not(:last-child)::after {
    position: absolute
}

.stats__item:not(:last-child)::after {
    top: 100%
}

.stats__item:not(:last-child)::after {
    left: 50%
}

.stats__item:not(:last-child)::after {
    --tw-bg-opacity: 1;
    background-color: rgba(225, 226, 223, var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    .stats__item:not(:last-child)::after {
        top: 0px
    }
}

@media (min-width: 1024px) {
    .stats__item:not(:last-child)::after {
        left: 100%
    }
}

.stats__item:not(:last-child)::after {
    height: 1px
}

.stats__item:not(:last-child)::after {
    width: 69px
}

@media (min-width: 1024px) {
    .stats__item:not(:last-child)::after {
        height: 69px
    }
}

@media (min-width: 1024px) {
    .stats__item:not(:last-child)::after {
        width: 1px
    }
}

.stats__item:not(:last-child)::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.stats__item:not(:last-child)::after {
    --tw-translate-y: 4vw
}

.stats__item:not(:last-child)::after {
    --tw-translate-x: -50%
}

@media (min-width: 1024px) {
    .stats__item:not(:last-child)::after {
        --tw-translate-x: 4vw
    }
}

@media (min-width: 1024px) {
    .stats__item:not(:last-child)::after {
        --tw-translate-y: 0.75rem
    }
}

.stats__item:not(:last-child)::after {
    content: ""
}

.stats__headline {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.stats__headline::before {
    visibility: hidden
}

.stats__headline::before {
    display: block
}

.stats__headline::before {
    height: 1px
}

.stats__headline::before {
    overflow: hidden
}

.stats__headline::before {
    content: attr(data-text)
}

.stats__body-copy {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.stats__body-copy {
    max-width: 50ch
}

.stats__body-copy {
    text-align: center
}

@media (min-width: 1024px) {
    .stats__body-copy {
        margin-top: 2.5vw
    }
}

@media (min-width: 1024px) {
    .stats__body-copy {
        margin-bottom: 0px
    }
}

@media (min-width: 1024px) {
    .stats__body-copy {
        text-align: left
    }
}

.stats__cta {
    position: absolute
}

.stats__cta {
    left: 0px
}

.stats__cta {
    bottom: 0px
}

.stats__cta {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.stats__cta {
    --tw-translate-y: 50%
}

@media (min-width: 1024px) {
    .stats__cta {
        left: auto
    }
}

.stats__cta {
    width: 100%
}

.stats__cta {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 1024px) {
    .stats__cta {
        width: auto
    }
}

@media (min-width: 1024px) {
    .stats__cta {
        padding-left: 0px;
        padding-right: 0px
    }
}

@media (min-width: 1024px) {
    .stats--centered .stats__background-wrapper {
        left: 50%
    }
}

@media (min-width: 1024px) {
    .stats--centered .stats__background-wrapper {
        --tw-translate-x: -50%
    }
}

@media (min-width: 1024px) {
    .stats--centered .stats__items {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .stats--justified .stats__wrapper {
        padding-right: 0px
    }
}

.stats--justified .stats__wrapper::after {
    position: absolute
}

.stats--justified .stats__wrapper::after {
    top: 0px
}

.stats--justified .stats__wrapper::after {
    left: 100%
}

.stats--justified .stats__wrapper::after {
    background-color: inherit
}

@media (min-width: 1024px) {
    .stats--justified .stats__wrapper::after {
        height: 100%
    }
}

@media (min-width: 1024px) {
    .stats--justified .stats__wrapper::after {
        width: 100vw
    }
}

.stats--justified .stats__wrapper::after {
    content: ""
}

@media (min-width: 1024px) {
    .stats--justified .stats__items {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.wayfinder__nav {
    display: flex
}

.wayfinder__nav {
    align-items: center
}

.wayfinder__nav {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.wayfinder__nav {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .wayfinder__nav {
        min-height: 100vh
    }
}

@media (min-width: 1024px) {
    .wayfinder__nav {
        align-items: flex-start
    }
}

.wayfinder__nav-inner {
    position: relative
}

.wayfinder__nav-inner {
    z-index: 20
}

.wayfinder__nav-inner {
    padding-top: 8rem;
    padding-bottom: 8rem
}

@media (min-width: 1024px) {
    .wayfinder__nav-inner {
        padding-top: 12rem
    }
}

@media (min-width: 1024px) {
    .wayfinder__nav-inner {
        padding-bottom: 8rem
    }
}

.wayfinder__nav-link {
    display: flex
}

.wayfinder__nav-link {
    width: 100%
}

.wayfinder__nav-link {
    align-items: center
}

.wayfinder__nav-link {
    text-align: left
}

.wayfinder__nav-link {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.wayfinder__nav-link {
    text-decoration: underline
}

@media (min-width: 1536px) {
    .wayfinder__nav-link {
        width: 75%
    }
}

.wayfinder__section-headline strong {
    font-weight: 400
}

.wayfinder__section-headline strong {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.wayfinder__background {
    position: relative
}

.wayfinder__background {
    z-index: 10
}

.wayfinder__background {
    display: none
}

.wayfinder__background {
    height: 100%
}

.wayfinder__background {
    width: 100%
}

.wayfinder__background {
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1024px) {
    .wayfinder__background {
        display: block
    }
}

.wayfinder__background-wrapper {
    position: absolute
}

.wayfinder__background-wrapper {
    top: 0px
}

.wayfinder__background-wrapper {
    right: 0px
}

.wayfinder__background-wrapper {
    height: 100%
}

.wayfinder__background-wrapper {
    width: 41vw
}

.wayfinder__overlay {
    position: absolute
}

.wayfinder__overlay {
    top: 0px
}

.wayfinder__overlay {
    right: 0px
}

.wayfinder__overlay {
    z-index: 10
}

.wayfinder__overlay {
    display: none
}

.wayfinder__overlay {
    height: 33vh
}

.wayfinder__overlay {
    width: 41vw
}

@media (min-width: 1024px) {
    .wayfinder__overlay {
        display: block
    }
}

.wayfinder__overlay {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.wayfinder__overlay {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.wayfinder__overlay {
    opacity: .66
}

.wayfinder__foreground {
    position: relative
}

.wayfinder__foreground {
    z-index: 10
}

.wayfinder__foreground {
    display: none
}

.wayfinder__foreground {
    height: 100%
}

.wayfinder__foreground {
    width: 100%
}

.wayfinder__foreground {
    -o-object-fit: cover;
    object-fit: cover
}

.wayfinder__foreground {
    --tw-shadow: 15px 23px 43px rgba(0, 0, 0, .51);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width: 1024px) {
    .wayfinder__foreground {
        display: block
    }
}

.wayfinder__foreground-wrapper {
    position: absolute
}

.wayfinder__foreground-wrapper {
    top: auto
}

.wayfinder__foreground-wrapper {
    bottom: 22vh
}

.wayfinder__foreground-wrapper {
    right: 32vw
}

.wayfinder__foreground-wrapper {
    height: 25vw
}

.wayfinder__foreground-wrapper {
    width: 18vw
}

.wayfinder__section {
    position: relative
}

.wide-callout {
    position: relative;
    z-index: 20;
    margin-top: 6rem;
    margin-bottom: 6rem;
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .wide-callout {
        margin-top: 9rem;
        margin-bottom: 9rem
    }
}

.wide-callout__inner {
    position: relative
}

.wide-callout__inner {
    display: flex
}

.wide-callout__inner {
    align-items: center
}

.wide-callout__inner {
    --tw-bg-opacity: 1;
    background-color: rgba(3, 23, 32, var(--tw-bg-opacity))
}

.wide-callout__inner {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

.wide-callout__inner {
    min-height: calc(var(--load-vh) * 0.8)
}

@media (min-width: 640px) {
    .wide-callout__inner {
        min-height: 38vw
    }
}

.wide-callout__picture {
    position: absolute
}

.wide-callout__picture {
    top: 0px
}

.wide-callout__picture {
    left: 0px
}

.wide-callout__picture {
    height: 100%
}

.wide-callout__picture {
    width: 100%
}

.wide-callout__picture {
    -o-object-fit: cover;
    object-fit: cover
}

.wide-callout__overlay {
    position: absolute
}

.wide-callout__overlay {
    top: 0px
}

.wide-callout__overlay {
    left: 0px
}

.wide-callout__overlay {
    height: 100%
}

.wide-callout__overlay {
    width: 100%
}

.wide-callout__overlay {
    --tw-bg-opacity: 1;
    background-color: rgba(3, 23, 32, var(--tw-bg-opacity))
}

.wide-callout__overlay {
    opacity: .37
}

.wide-callout__gradient {
    position: absolute
}

.wide-callout__gradient {
    bottom: 0px
}

.wide-callout__gradient {
    left: 0px
}

.wide-callout__gradient {
    height: 70%
}

.wide-callout__gradient {
    width: 100%
}

.wide-callout__gradient {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.wide-callout__gradient {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.wide-callout__gradient {
    opacity: .37
}

.wide-callout__headline {
    max-width: 25ch
}

.wide-callout__head {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .wide-callout__head {
        position: absolute
    }
}

@media (min-width: 1024px) {
    .wide-callout__head {
        left: 0px
    }
}

@media (min-width: 1024px) {
    .wide-callout__head {
        width: 100vw
    }
}

@media (min-width: 1024px) {
    .wide-callout__head {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 1024px) {
    .wide-callout__head {
        --tw-translate-x: -100%
    }
}

@media (min-width: 1024px) {
    .wide-callout__head {
        padding: 0px
    }
}

.wide-callout__tail {
    position: absolute
}

.wide-callout__tail {
    left: 100%
}

.wide-callout__tail {
    display: none
}

.wide-callout__tail {
    width: 100vw
}

@media (min-width: 768px) {
    .wide-callout__tail {
        display: block
    }
}

.wide-callout__items {
    position: relative
}

.wide-callout__items {
    margin: -1rem
}

.wide-callout__items {
    margin-top: 1rem
}

.wide-callout__items {
    display: flex
}

.wide-callout__items {
    flex-direction: column
}

@media (min-width: 1024px) {
    .wide-callout__items {
        margin-top: 3rem
    }
}

@media (min-width: 1024px) {
    .wide-callout__items {
        flex-direction: row
    }
}

.wide-callout__item {
    flex: 1 1 0%
}

.wide-callout__item {
    padding: 1rem
}

.wide-callout__divider-col {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 768px) {
    .wide-callout__divider-col {
        width: 16.666667%
    }
}

@media (min-width: 768px) {
    .wide-callout__divider-col {
        max-width: 150px
    }
}

@media (min-width: 1024px) {
    .wide-callout__divider-col {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.wide-callout__body-copy {
    margin-top: 1rem
}

.wide-callout__body-copy {
    max-width: 64ch
}

.wide-callout__body-copy {
    font-weight: 300
}

.wide-callout__body-copy {
    letter-spacing: -0.026em
}

.wide-callout__cta {
    position: absolute
}

.wide-callout__cta {
    left: 0px
}

.wide-callout__cta {
    bottom: 0px
}

.wide-callout__cta {
    width: 100%
}

@media (min-width: 768px) {
    .wide-callout__cta {
        left: auto
    }
}

.wide-callout__cta {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.wide-callout__cta {
    --tw-translate-y: 50%
}

.wide-callout__cta {
    padding-left: 2rem;
    padding-right: 2rem
}

.wide-callout__cta {
    display: flex
}

.wide-callout__cta {
    flex-direction: column
}

.wide-callout__cta {
    justify-content: space-around
}

.wide-callout__cta {
    gap: 0.25rem
}

@media (min-width: 768px) {
    .wide-callout__cta {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .wide-callout__cta {
        gap: 1rem
    }
}

@media (min-width: 1024px) {
    .wide-callout__cta {
        padding: 0 calc(9vw + 8vw)
    }
}

.wide-callout--has-items .wide-callout__headline {
    max-width: 40ch
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-auto {
    pointer-events: auto
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.fixed {
    position: fixed
}

.top-0 {
    top: 0px
}

.bottom-\[-30em\] {
    bottom: -30em
}

.left-0 {
    left: 0px
}

.left-full {
    left: 100%
}

.right-\[35px\] {
    right: 35px
}

.bottom-\[5rem\] {
    bottom: 5rem
}

.bottom-0 {
    bottom: 0px
}

.top-8 {
    top: 2rem
}

.right-0 {
    right: 0px
}

.top-full {
    top: 100%
}

.right-auto {
    right: auto
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.m-0 {
    margin: 0px
}

.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

.-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem
}

.my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my-\[5px\] {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.ml-\[50vw\] {
    margin-left: 50vw
}

.mt-\[2\.25em\] {
    margin-top: 2.25em
}

.mt-\[3em\] {
    margin-top: 3em
}

.ml-10 {
    margin-left: 2.5rem
}

.mt-\[30em\] {
    margin-top: 30em
}

.mr-4 {
    margin-right: 1rem
}

.mb-2 {
    margin-bottom: 0.5rem
}

.mt-2 {
    margin-top: 0.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0px
}

.ml-16 {
    margin-left: 4rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.-mb-2 {
    margin-bottom: -0.5rem
}

.mt-\[-15rem\] {
    margin-top: -15rem
}

.mt-\[18rem\] {
    margin-top: 18rem
}

.mt-3 {
    margin-top: 0.75rem
}

.ml-12 {
    margin-left: 3rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-12 {
    margin-top: 3rem
}

.mr-12 {
    margin-right: 3rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mr-3 {
    margin-right: 0.75rem
}

.mt-\[15rem\] {
    margin-top: 15rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mt-\[3rem\] {
    margin-top: 3rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.ml-1 {
    margin-left: 0.25rem
}

.-mb-0\.5 {
    margin-bottom: -0.125rem
}

.-mb-0 {
    margin-bottom: 0px
}

.mb-4 {
    margin-bottom: 1rem
}

.mt-8 {
    margin-top: 2rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-1 {
    margin-bottom: 0.25rem
}

.mb-\[5px\] {
    margin-bottom: 5px
}

.mt-\[5px\] {
    margin-top: 5px
}

.mb-8 {
    margin-bottom: 2rem
}

.mr-2 {
    margin-right: 0.5rem
}

.mb-3 {
    margin-bottom: 0.75rem
}

.mr-20 {
    margin-right: 5rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.\!hidden {
    display: none !important
}

.h-\[8rem\] {
    height: 8rem
}

.h-3 {
    height: 0.75rem
}

.h-full {
    height: 100%
}

.h-\[4em\] {
    height: 4em
}

.h-\[5px\] {
    height: 5px
}

.h-\[1px\] {
    height: 1px
}

.h-0 {
    height: 0px
}

.h-4 {
    height: 1rem
}

.h-auto {
    height: auto
}

.h-6 {
    height: 1.5rem
}

.h-\[72px\] {
    height: 72px
}

.w-4\/5 {
    width: 80%
}

.w-full {
    width: 100%
}

.w-3 {
    width: 0.75rem
}

.w-1\/4 {
    width: 25%
}

.w-\[85\%\] {
    width: 85%
}

.w-\[13em\] {
    width: 13em
}

.w-\[15rem\] {
    width: 15rem
}

.w-5 {
    width: 1.25rem
}

.w-16 {
    width: 4rem
}

.w-6 {
    width: 1.5rem
}

.w-\[1px\] {
    width: 1px
}

.max-w-\[64ch\] {
    max-width: 64ch
}

.max-w-screen-xl {
    max-width: 1280px
}

.max-w-\[60ch\] {
    max-width: 60ch
}

.max-w-\[38ch\] {
    max-width: 38ch
}

.max-w-\[33ch\] {
    max-width: 33ch
}

.max-w-\[80ch\] {
    max-width: 80ch
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-\[15ch\] {
    max-width: 15ch
}

.max-w-\[30ch\] {
    max-width: 30ch
}

.max-w-\[530px\] {
    max-width: 530px
}

.flex-none {
    flex: none
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[1px\] {
    --tw-translate-y: 1px
}

.translate-y-1\/2 {
    --tw-translate-y: 50%
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-45 {
    --tw-rotate: 45deg
}

.\!-rotate-180 {
    --tw-rotate: -180deg !important
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.resize {
    resize: both
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.items-start {
    align-items: flex-start
}

.justify-center {
    justify-content: center
}

.justify-end {
    justify-content: flex-end
}

.justify-between {
    justify-content: space-between
}

.justify-start {
    justify-content: flex-start
}

.gap-x-20 {
    -moz-column-gap: 5rem;
    column-gap: 5rem
}

.overflow-hidden {
    overflow: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: 0.25rem
}

.border {
    border-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-iris-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

.border-feta-100 {
    --tw-border-opacity: 1;
    border-color: rgba(225, 226, 223, var(--tw-border-opacity))
}

.bg-sherpa-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.bg-iris-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-\[2\.5rem\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

.py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}

.px-\[3\.34rem\] {
    padding-left: 3.34rem;
    padding-right: 3.34rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-\[2\.375rem\] {
    padding-left: 2.375rem;
    padding-right: 2.375rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-\[8vw\] {
    padding-left: 8vw;
    padding-right: 8vw
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.font-headline {
    font-family: bebas-neue-pro, sans-serif
}

.font-sans {
    font-family: ff-basic-gothic-pro, sans-serif
}

.text-\[50px\] {
    font-size: 50px
}

.text-\[18px\] {
    font-size: 18px
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[28px\] {
    font-size: 28px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.uppercase {
    text-transform: uppercase
}

.leading-5 {
    line-height: 1.25rem
}

.leading-none {
    line-height: 1
}

.tracking-widest {
    letter-spacing: 0.1em
}

.tracking-\[\.2em\] {
    letter-spacing: .2em
}

.text-feta-500 {
    --tw-text-opacity: 1;
    color: #d90915;
}

.text-iris-blue-500 {
    --tw-text-opacity: 1;
    color: #d90915;
}

.text-sherpa-blue-500 {
    --tw-text-opacity: 1;
    color: #d90915;
}

.text-feta-100 {
    --tw-text-opacity: 1;
    color: #d90915;
}

.text-feta-400 {
    --tw-text-opacity: 1;
    color: #d90915;
}

.underline {
    text-decoration: underline
}

.opacity-50 {
    opacity: 0.5
}

.filter {
    --tw-blur: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-brightness: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-contrast: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-invert: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-saturate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-sepia: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-drop-shadow: var(--tw-empty,
            /*!*/
            /*!*/
        );
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur {
    --tw-blur: blur(8px)
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.duration-200 {
    transition-duration: 200ms
}

.duration {
    transition-duration: 150ms
}

.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.ease {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.container {
    max-width: 1824px
}

.headline-1 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 0.932em;
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .headline-1 {
        font-size: 103px
    }
}

.headline-1 br {
    display: none
}

@media (min-width: 1024px) {
    .headline-1 br {
        display: block
    }
}

.headline-1 strong {
    font-weight: 400
}

.headline-1 strong {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.headline-2 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .headline-2 {
        font-size: 50px
    }
}

.headline-2 br {
    display: none
}

@media (min-width: 1024px) {
    .headline-2 br {
        display: block
    }
}

.headline-2 strong {
    font-weight: 400
}

.headline-2 strong {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.headline-3 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .headline-3 {
        font-size: 35px
    }
}

.headline-4 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em
}

@media (min-width: 1024px) {
    .headline-4 {
        font-size: 25px
    }
}

/*! n.b. The MyFonts counter was relocated to HTML to workaround a Brave browser issue with shields enabled. */
@font-face {
    font-family: "bebas-neue-pro";
    src: url(/_dist/4b88b5e104445bce2b158930f851d808.woff2) format("woff2"), url(/_dist/bf0f33440f5b8bd5836e980bc82cbcc5.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: "ff-basic-gothic-pro";
    src: url(/_dist/f2931f92291128d65ed1d5360874a44d.woff2) format("woff2"), url(/_dist/f592e779f274c639677ccf6b4955aee0.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: "ff-basic-gothic-pro";
    src: url(/_dist/11095436a2aedb3e5913db4cbe899c4b.woff2) format("woff2"), url(/_dist/e6773bd40aa89eeb06380cdbcd00dfbf.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: "bebas-neue-pro";
    src: url(/_dist/68729d42cf2b66f12c6cb483794c9492.woff2) format("woff2"), url(/_dist/c6551c17e034904391814aee890af751.woff) format("woff");
    font-weight: 400
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 600;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.last\:mb-0:last-child {
    margin-bottom: 0px
}

.hover\:text-iris-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration: underline
}

.focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.focus\:absolute:focus {
    position: absolute
}

.focus\:z-50:focus {
    z-index: 50
}

.focus\:my-4:focus {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.focus\:h-12:focus {
    height: 3rem
}

.focus\:w-64:focus {
    width: 16rem
}

@media (min-width: 640px) {
    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:w-\[47\%\] {
        width: 47%
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:w-\[133px\] {
        width: 133px
    }

    .sm\:w-\[172px\] {
        width: 172px
    }

    .sm\:max-w-\[51ch\] {
        max-width: 51ch
    }

    .sm\:flex-row {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:top-\[20em\] {
        top: 20em
    }

    .md\:left-0 {
        left: 0px
    }

    .md\:right-0 {
        right: 0px
    }

    .md\:bottom-\[5rem\] {
        bottom: 5rem
    }

    .md\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px
    }

    .md\:my-3 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem
    }

    .md\:ml-0 {
        margin-left: 0px
    }

    .md\:mt-\[2em\] {
        margin-top: 2em
    }

    .md\:ml-40 {
        margin-left: 10rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:mb-0 {
        margin-bottom: 0px
    }

    .md\:mr-60 {
        margin-right: 15rem
    }

    .md\:mt-9 {
        margin-top: 2.25rem
    }

    .md\:mt-5 {
        margin-top: 1.25rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-\[50\%\] {
        width: 50%
    }

    .md\:w-\[35\%\] {
        width: 35%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .md\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .md\:text-\[85px\] {
        font-size: 85px
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:headline-2 {
        font-family: bebas-neue-pro, sans-serif
    }

    .md\:headline-2 {
        font-size: 35px
    }

    .md\:headline-2 {
        font-weight: 400
    }

    .md\:headline-2 {
        line-height: 1
    }

    .md\:headline-2 {
        letter-spacing: 0em
    }

    @media (min-width: 1024px) {
        .md\:headline-2 {
            font-size: 50px
        }
    }

    .md\:headline-2 br {
        display: none
    }

    @media (min-width: 1024px) {
        .md\:headline-2 br {
            display: block
        }
    }

    .md\:headline-2 strong {
        font-weight: 400
    }

    .md\:headline-2 strong {
        --tw-text-opacity: 1;
        color: rgba(0, 179, 173, var(--tw-text-opacity))
    }
}

@media (min-width: 1024px) {
    .lg\:right-\[5rem\] {
        right: 5rem
    }

    .lg\:top-1\/2 {
        top: 50%
    }

    .lg\:top-0 {
        top: 0px
    }

    .lg\:left-\[60\%\] {
        left: 60%
    }

    .lg\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .lg\:ml-\[10\.5vw\] {
        margin-left: 10.5vw
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:mb-9 {
        margin-bottom: 2.25rem
    }

    .lg\:mt-12 {
        margin-top: 3rem
    }

    .lg\:ml-\[10rem\] {
        margin-left: 10rem
    }

    .lg\:ml-\[9vw\] {
        margin-left: 9vw
    }

    .lg\:ml-20 {
        margin-left: 5rem
    }

    .lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:ml-\[7vw\] {
        margin-left: 7vw
    }

    .lg\:ml-32 {
        margin-left: 8rem
    }

    .lg\:mt-0 {
        margin-top: 0px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:min-h-\[80vh\] {
        min-height: 80vh
    }

    .lg\:min-h-screen {
        min-height: 100vh
    }

    .lg\:w-\[70\%\] {
        width: 70%
    }

    .lg\:w-\[30\%\] {
        width: 30%
    }

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:max-w-5xl {
        max-width: 64rem
    }

    .lg\:max-w-\[27vw\] {
        max-width: 27vw
    }

    .lg\:max-w-\[40ch\] {
        max-width: 40ch
    }

    .lg\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }

    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-y-8 {
        row-gap: 2rem
    }

    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:pb-0 {
        padding-bottom: 0px
    }

    .lg\:pt-48 {
        padding-top: 12rem
    }

    .lg\:pb-40 {
        padding-bottom: 10rem
    }

    .lg\:pr-1 {
        padding-right: 0.25rem
    }

    .lg\:pl-40 {
        padding-left: 10rem
    }

    .lg\:pl-24 {
        padding-left: 6rem
    }

    .lg\:text-\[100px\] {
        font-size: 100px
    }

    .lg\:text-\[75px\] {
        font-size: 75px
    }

    .lg\:\!leading-\[1\.1em\] {
        line-height: 1.1em !important
    }

    .lg\:headline-1 {
        font-family: bebas-neue-pro, sans-serif
    }

    .lg\:headline-1 {
        font-size: 50px
    }

    .lg\:headline-1 {
        font-weight: 400
    }

    .lg\:headline-1 {
        line-height: 0.932em
    }

    .lg\:headline-1 {
        letter-spacing: 0em
    }

    @media (min-width: 1024px) {
        .lg\:headline-1 {
            font-size: 103px
        }
    }

    .lg\:headline-1 br {
        display: none
    }

    @media (min-width: 1024px) {
        .lg\:headline-1 br {
            display: block
        }
    }

    .lg\:headline-1 strong {
        font-weight: 400
    }

    .lg\:headline-1 strong {
        --tw-text-opacity: 1;
        color: rgba(0, 179, 173, var(--tw-text-opacity))
    }
}

@media (min-width: 1280px) {
    .xl\:ml-32 {
        margin-left: 8rem
    }

    .xl\:max-w-\[18vw\] {
        max-width: 18vw
    }

    .xl\:gap-x-32 {
        -moz-column-gap: 8rem;
        column-gap: 8rem
    }

    .xl\:gap-y-12 {
        row-gap: 3rem
    }

    .xl\:px-48 {
        padding-left: 12rem;
        padding-right: 12rem
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .xl\:pl-40 {
        padding-left: 10rem
    }

    .xl\:text-lg {
        font-size: 18px;
        line-height: 22px
    }
}

@media (min-width: 1536px) {
    .\32xl\:mb-20 {
        margin-bottom: 5rem
    }

    .\32xl\:mt-\[7\.5rem\] {
        margin-top: 7.5rem
    }

    .\32xl\:ml-32 {
        margin-left: 8rem
    }

    .\32xl\:w-\[15\%\] {
        width: 15%
    }

    .\32xl\:max-w-xl {
        max-width: 36rem
    }

    .\32xl\:max-w-\[51ch\] {
        max-width: 51ch
    }

    .\32xl\:flex-col {
        flex-direction: column
    }
}

ul.img-text, ul.img-text2, ul.sub-menu, ul.header-menu, ul.mobile-sub-menu {
    list-style: none;
  }
  
ul:not(.img-text):not(.img-text2):not(.sub-menu):not(.header-menu):not(.mobile-sub-menu) {
    list-style: url("/frontend/img/red_rectangle_ul.svg");
}

ul:not(.img-text):not(.img-text2):not(.sub-menu):not(.header-menu):not(.mobile-sub-menu) {
    margin: 0;
    padding: 0
}

html {
    font-family: ff-basic-gothic-pro, sans-serif;
    line-height: 1.5
}

body {
    font-family: inherit;
    line-height: inherit
}

main#main {
    flex-grow: 1
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.background-grid {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 10;
    height: 100vh;
    width: 54vw;
    max-width: 1696px;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-x: -50%;
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (min-width:1024px) {
    .background-grid {
        display: grid
    }
}

.background-grid {
    --tw-text-opacity: 1;
    color: rgba(3, 23, 32, var(--tw-text-opacity));
    --tw-text-opacity: .09
}

.button--iris-blue-alt {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.button--iris-blue-alt {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

@media (pointer:fine) {
    .button--iris-blue-alt::before {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }
}

.button--sherpa-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.button--sherpa-blue {
    --tw-text-opacity: 1;
    color: rgba(225, 226, 223, var(--tw-text-opacity))
}

@media (pointer:fine) {
    .button--sherpa-blue::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
    }
}

.button--small {
    height: 55px
}

.button--small {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

@media (min-width:768px) {
    .button--small {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.button--small .button__label {
    font-size: 15px
}

.button--small .button__icon {
    margin-right: 1.5rem
}

.button--small .button__icon {
    height: .5rem
}

.button--small .button__icon {
    width: .5rem
}

.button--small .button__icon {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.button--small .button__icon {
    --tw-translate-y: -.5px
}

@media (min-width:768px) {
    .button--small .button__icon {
        margin-right: 2rem
    }
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 40;
    width: 100%
}

.cookie-banner__divider {
    margin-left: 4em;
    margin-right: 4em
}

.cookie-banner__divider {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.cookie-banner__divider {
    border-bottom-width: 1px
}

.cookie-banner__divider {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

@media (min-width:1024px) {
    .cookie-banner__divider {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
}

@media (min-width:1024px) {
    .cookie-banner__divider {
        height: 6rem
    }
}

@media (min-width:1024px) {
    .cookie-banner__divider {
        border-bottom-width: 0
    }
}

@media (min-width:1024px) {
    .cookie-banner__divider {
        border-left-width: 1px
    }
}

.cookie-banner__body-text {
    margin-bottom: 1.5rem
}

.cookie-banner__body-text {
    width: 100%
}

.cookie-banner__body-text {
    font-size: 18px
}

.cookie-banner__body-text {
    --tw-text-opacity: 1;
    color: rgba(220, 223, 211, var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .cookie-banner__body-text {
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .cookie-banner__body-text {
        margin-right: 3rem
    }
}

@media (min-width:1024px) {
    .cookie-banner__body-text {
        width: 64%
    }
}

@media (min-width:1024px) {
    .cookie-banner__body-text {
        text-align: left
    }
}

.cookie-banner__nav {
    display: flex
}

.cookie-banner__nav {
    flex-direction: column
}

.cookie-banner__nav {
    font-size: 16px
}

.cookie-banner__nav {
    text-transform: uppercase
}

.cookie-banner__nav {
    line-height: 1
}

.cookie-banner__nav {
    letter-spacing: .2em
}

.cookie-banner__nav {
    --tw-text-opacity: 1;
    color: rgba(220, 223, 211, var(--tw-text-opacity))
}

.cookie-banner__policy {
    margin-top: 1rem
}

.cookie-banner__policy {
    text-decoration: underline
}

.footer__to-top {
    display: none
}

.footer__to-top {
    opacity: 0
}

.form__backdrop {
    margin-bottom: 1rem
}

.form__backdrop {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.form__backdrop {
    position: absolute
}

.form__backdrop {
    left: 0
}

.form__backdrop {
    top: 0
}

.form__backdrop {
    height: 45vh
}

.form__backdrop {
    min-height: 50%
}

.form__backdrop {
    width: 100%
}

@media (min-width:1024px) {
    .form__backdrop {
        width: 85vw
    }
}

.logos+.form .form__backdrop {
    display: none
}

.header {
    position: fixed;
    top: 0;
    z-index: 30;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width:1024px) {
    .header {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.header__logo {
    height: 22px
}

.header__logo {
    width: auto
}

@media (min-width:640px) {
    .header__logo {
        height: 30px
    }
}

.header__logo {
    will-change: width, height
}

.header__nav {
    margin-left: auto;
    margin-right: auto
}

.header__nav {
    display: none
}

.header__nav {
    flex-grow: 1
}

.header__nav {
    justify-content: center
}

@media (min-width:1024px) {
    .header__nav {
        display: flex
    }
}

@media (min-width:1280px) {
    .header__nav {
        margin-right: 12vw
    }
}

.header__link {
    display: block
}

.header__link {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.header__link {
    text-transform: uppercase
}

.header__link {
    letter-spacing: -.026em
}

.hero {
    position: relative;
    z-index: 20;
    display: flex;
    height: 100vh;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgba(3, 23, 32, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: var(--load-vh)
}

.hero__picture {
    position: absolute
}

.hero__picture {
    top: 0
}

.hero__picture {
    left: 0
}

.hero__picture {
    height: 100%
}

.hero__picture {
    width: 100%
}

.hero__picture {
    -o-object-fit: cover;
    object-fit: cover
}

.hero__overlay {
    position: absolute
}

.hero__overlay {
    top: 0
}

.hero__overlay {
    left: 0
}

.hero__overlay {
    height: 100%
}

.hero__overlay {
    width: 100%
}

.hero__overlay {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.hero__overlay {
    opacity: .41
}

.hero__gradient {
    position: absolute
}

.hero__gradient {
    top: 0
}

.hero__gradient {
    left: 0
}

.hero__gradient {
    height: 29vh
}

.hero__gradient {
    width: 100%
}

.hero__gradient {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.hero__gradient {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.hero__gradient {
    opacity: .66
}

.hero__slides {
    position: relative
}

.hero__slides {
    z-index: 10
}

.hero__slides {
    overflow: hidden
}

.hero__slides {
    padding-top: 10vw;
    padding-bottom: 0
}

.hero__slide {
    overflow: hidden
}

.hero__headline {
    max-width: 14.65ch
}

@media (min-width:768px) {
    .hero__headline {
        max-width: 18ch
    }
}

.hero__video-wrapper {
    position: absolute
}

.hero__video-wrapper {
    top: 0
}

.hero__video-wrapper {
    left: 0
}

.hero__video-wrapper {
    height: 100%
}

.hero__video-wrapper {
    width: 100%
}

.hero__video-wrapper {
    overflow: hidden
}

.hero__video {
    position: absolute
}

.hero__video {
    top: 50%
}

.hero__video {
    left: 50%
}

.hero__video {
    min-height: 100vh
}

.hero__video {
    width: 100vw
}

.hero__video {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hero__video {
    --tw-translate-x: -50%
}

.hero__video {
    --tw-translate-y: -50%
}

.hero__video {
    height: 56.25vw;
    min-width: 177.77vh
}

.hero__controls-mobile {z-index: 99;
    position: absolute
}

.hero__controls-mobile {
    right: 0
}

.hero__controls-mobile {
    top: 1.25rem
}

@media (min-width:1024px) {
    .hero__controls-mobile {
        display: none
    }
}

body:not(.is-loaded) .hero__slides {
    visibility: hidden
}

.links__item {
    position: relative
}

.links__item {
    border-bottom-width: 1px
}

.links__item {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

.links__anchor {
    display: block
}

.links__anchor {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.links__anchor {
    padding-right: 2.5rem
}

.links__anchor {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.links__anchor {
    text-transform: uppercase
}

.links__icon {
    position: absolute
}

.links__icon {
    top: 50%
}

.links__icon {
    right: 0
}

.links__icon {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.links__icon {
    margin-right: 1rem
}

.links__icon {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.links__icon {
    --tw-translate-y: -50%
}

.menu-cta {
    position: relative;
    display: none;
    align-items: center;
    overflow: hidden
}

@media (min-width:1024px) {
    .menu-cta {
        display: flex
    }
}

.menu-cta {
    height: 39px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    font-size: 10px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity));
    line-height: 1;
    letter-spacing: .2em;
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity));
    --shade-y: 100%
}

@media (pointer:fine) {
    .menu-cta::before {
        position: absolute
    }

    .menu-cta::before {
        top: 0
    }

    .menu-cta::before {
        left: -5%
    }

    .menu-cta::before {
        height: 100%
    }

    .menu-cta::before {
        width: 110%
    }

    .menu-cta::before {
        transform: translateY(var(--shade-y));
        will-change: transform;
        content: ""
    }

    .menu-cta::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
    }
}

.menu-toggle {
    position: relative;
    overflow: hidden;
    height: 39px;
    width: 44px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity));
    --shade-y: 100%
}

@media (pointer:fine) {
    .menu-toggle::before {
        position: absolute
    }

    .menu-toggle::before {
        top: 0
    }

    .menu-toggle::before {
        left: -5%
    }

    .menu-toggle::before {
        height: 100%
    }

    .menu-toggle::before {
        width: 110%
    }

    .menu-toggle::before {
        transform: translateY(var(--shade-y));
        will-change: transform;
        content: ""
    }

    .menu-toggle::before {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
    }
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    height: 100vh;
    width: 100vw
}

@media (min-width:1280px) {
    .menu {
        padding-left: 1.5vw;
        padding-right: 1.5vw
    }

    .menu {
        padding-bottom: 2.5vh
    }
}

@media (min-width:1536px) {
    .menu {
        padding-left: 2.5vw;
        padding-right: 2.5vw
    }
}

.menu__inner {
    margin-left: auto;
    margin-right: auto
}

.menu__inner {
    height: 100%
}

.menu__inner {
    overflow: scroll
}

.menu__inner {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.menu__inner {
    padding-left: 2rem;
    padding-right: 2rem
}

.menu__inner {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .menu__inner {
        padding-left: 0;
        padding-right: 0
    }
}

.menu__inner {
    scrollbar-width: none
}

.menu__inner::-webkit-scrollbar {
    display: none
}

.menu__row {
    display: flex
}

.menu__row {
    min-height: 100%
}

.menu__row {
    flex-direction: column
}

@media (min-width:1024px) {
    .menu__row {
        flex-direction: row
    }
}

.menu__main {
    margin-top: 15vh
}

.menu__main {
    margin-bottom: 9vh
}

.menu__main {
    display: flex
}

.menu__main {
    flex-grow: 0
}

@media (min-width:1024px) {
    .menu__main {
        margin-top: 6rem
    }
}

@media (min-width:1024px) {
    .menu__main {
        margin-left: auto
    }
}

@media (min-width:1024px) {
    .menu__main {
        width: 54vw
    }
}

@media (min-width:1536px) {
    .menu__main {
        margin-top: 9rem
    }
}

.menu__link {
    position: relative
}

.menu__link {
    display: inline-block
}

.menu__aside {
    flex-grow: 0
}

@media (min-width:1024px) {
    .menu__aside {
        margin-right: 4vw
    }
}

@media (min-width:1024px) {
    .menu__aside {
        width: 16.5vw
    }
}

.menu__divider {
    width: 10rem
}

.menu__divider {
    border-bottom-width: 2px
}

.menu__divider {
    --tw-border-opacity: 1;
    border-color: rgba(0, 179, 173, var(--tw-border-opacity))
}

@media (min-width:768px) {
    .menu__divider {
        width: 0
    }
}

@media (min-width:768px) {
    .menu__divider {
        border-bottom-width: 0
    }
}

.menu__utility-link {
    font-size: 18px
}

.menu__utility-link {
    text-transform: uppercase
}

.menu__utility-link {
    --tw-text-opacity: 1;
    color: rgba(220, 223, 211, var(--tw-text-opacity))
}

.menu__utility-link {
    text-decoration: underline
}

.menu__line-wrapper {
    position: absolute
}

.menu__line-wrapper {
    top: 50%
}

.menu__line-wrapper {
    left: 100%
}

.menu__line-wrapper {
    z-index: 20
}

.menu__line-wrapper {
    margin-top: .25rem
}

.menu__line-wrapper {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu__line-wrapper {
    --tw-translate-y: -50%
}

.menu__line-wrapper {
    padding-left: 1.5rem
}

.menu__line-wrapper {
    padding-right: .5rem
}

.menu__line {
    display: block
}

.menu__line {
    height: 1px
}

.menu__line {
    width: 100%
}

.menu__line {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.menu__mobile-link {
    position: relative
}

.menu__mobile-link::after {
    position: absolute
}

.menu__mobile-link::after {
    left: 100%
}

.menu__mobile-link::after {
    top: 50%
}

.menu__mobile-link::after {
    margin-left: 3rem
}

.menu__mobile-link::after {
    height: .5rem
}

.menu__mobile-link::after {
    width: .5rem
}

.menu__mobile-link::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu__mobile-link::after {
    --tw-translate-y: -50%
}

.menu__mobile-link::after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.485' height='8.485' viewBox='0 0 8.485 8.485' fill='theme(%26quot;colors.sherpa-blue.500%26quot;)'%3E%3Cpath d='M8.486 4.242L4.243 8.485l-.849-.849L6.79 4.242 3.394.848 4.243 0z' fill='%2300b3ad'/%3E%3C/svg%3E")
}

body:not(.is-loaded) .menu {
    visibility: hidden
}

.progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    display: none;
    height: 100vh;
    width: 6px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.prose {
    position: relative;
    letter-spacing: -.026em
}

.wayfinder__section-headline strong {
    font-weight: 400
}

.wayfinder__section-headline strong {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.wayfinder__background {
    position: relative
}

.wayfinder__background {
    z-index: 10
}

.wayfinder__background {
    display: none
}

.wayfinder__background {
    height: 100%
}

.wayfinder__background {
    width: 100%
}

.wayfinder__background {
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:1024px) {
    .wayfinder__background {
        display: block
    }
}

.wayfinder__background-wrapper {
    position: absolute
}

.wayfinder__background-wrapper {
    top: 0
}

.wayfinder__background-wrapper {
    right: 0
}

.wayfinder__background-wrapper {
    height: 100%
}

.wayfinder__background-wrapper {
    width: 41vw
}

.wayfinder__overlay {
    position: absolute
}

.wayfinder__overlay {
    top: 0
}

.wayfinder__overlay {
    right: 0
}

.wayfinder__overlay {
    z-index: 10
}

.wayfinder__overlay {
    display: none
}

.wayfinder__overlay {
    height: 33vh
}

.wayfinder__overlay {
    width: 41vw
}

@media (min-width:1024px) {
    .wayfinder__overlay {
        display: block
    }
}

.wayfinder__overlay {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.wayfinder__overlay {
    --tw-gradient-from: #000000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))
}

.wayfinder__overlay {
    opacity: .66
}

.wayfinder__foreground {
    position: relative
}

.wayfinder__foreground {
    z-index: 10
}

.wayfinder__foreground {
    display: none
}

.wayfinder__foreground {
    height: 100%
}

.wayfinder__foreground {
    width: 100%
}

.wayfinder__foreground {
    -o-object-fit: cover;
    object-fit: cover
}

.wayfinder__foreground {
    --tw-shadow: 15px 23px 43px rgba(0, 0, 0, .51);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:1024px) {
    .wayfinder__foreground {
        display: block
    }
}

.wayfinder__foreground-wrapper {
    position: absolute
}

.wayfinder__foreground-wrapper {
    top: auto
}

.wayfinder__foreground-wrapper {
    bottom: 22vh
}

.wayfinder__foreground-wrapper {
    right: 32vw
}

.wayfinder__foreground-wrapper {
    height: 25vw
}

.wayfinder__foreground-wrapper {
    width: 18vw
}

.wayfinder__section {
    position: relative
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.fixed {
    position: fixed
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.left-full {
    left: 100%
}

.right-\[35px\] {
    right: 35px
}

.bottom-\[5rem\] {
    bottom: 5rem
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.m-0 {
    margin: 0
}

.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

.-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-\[5px\] {
    margin-top: 5px;
    margin-bottom: 5px
}

.mr-4 {
    margin-right: 1rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mt-2 {
    margin-top: .5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.ml-16 {
    margin-left: 4rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.mt-\[15rem\] {
    margin-top: 15rem
}

.mb-\[5px\] {
    margin-bottom: 5px
}

.mt-\[5px\] {
    margin-top: 5px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.hidden {
    display: none
}

.h-3 {
    height: .75rem
}

.h-\[4em\] {
    height: 4em
}

.h-\[5px\] {
    height: 5px
}

.h-\[1px\] {
    height: 1px
}

.w-full {
    width: 100%
}

.w-3 {
    width: .75rem
}

.w-\[13em\] {
    width: 13em
}

.max-w-\[38ch\] {
    max-width: 38ch
}

.max-w-\[33ch\] {
    max-width: 33ch
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[1px\] {
    --tw-translate-y: 1px
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-end {
    justify-content: flex-end
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.bg-sherpa-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 58, 61, var(--tw-bg-opacity))
}

.bg-iris-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 179, 173, var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-\[3\.34rem\] {
    padding-left: 3.34rem;
    padding-right: 3.34rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.text-center {
    text-align: center
}

.font-sans {
    font-family: ff-basic-gothic-pro, sans-serif
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[28px\] {
    font-size: 28px
}

.font-bold {
    font-weight: 700
}

.text-feta-500 {
    --tw-text-opacity: 1;
    color: rgba(220, 223, 211, var(--tw-text-opacity))
}

.text-iris-blue-500 {
    --tw-text-opacity: 1;
    color: #d90915;
}

.text-sherpa-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(0, 58, 61, var(--tw-text-opacity))
}

.container {
    max-width: 1824px
}

.headline-1 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: .932em;
    letter-spacing: 0
}

@media (min-width:1024px) {
    .headline-1 {
        font-size: 103px
    }
}

.headline-1 strong {
    font-weight: 400
}

.headline-1 strong {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.headline-2 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width:1024px) {
    .headline-2 {
        font-size: 50px
    }
}

.headline-2 strong {
    font-weight: 400
}

.headline-2 strong {
    --tw-text-opacity: 1;
    color: rgba(0, 179, 173, var(--tw-text-opacity))
}

.headline-3 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}
 
@media (min-width:1024px) {
    .headline-3 {
        font-size: 35px
    }
}

.headline-4 {
    font-family: bebas-neue-pro, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width:1024px) {
    .headline-4 {
        font-size: 25px
    }
}

.lazyload {
    opacity: 0
}

@media (min-width:640px) {
    .sm\:w-\[133px\] {
        width: 133px
    }

    .sm\:w-\[172px\] {
        width: 172px
    }
}

@media (min-width:768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:bottom-\[5rem\] {
        bottom: 5rem
    }

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:ml-0 {
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .lg\:right-\[5rem\] {
        right: 5rem
    }

    .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:ml-\[9vw\] {
        margin-left: 9vw
    }

    .lg\:ml-20 {
        margin-left: 5rem
    }

    .lg\:ml-\[7vw\] {
        margin-left: 7vw
    }

    .lg\:block {
        display: block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:min-h-screen {
        min-height: 100vh
    }

    .lg\:w-\[30\%\] {
        width: 30%
    }

    .lg\:max-w-\[27vw\] {
        max-width: 27vw
    }

    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

@media (min-width:1280px) {
    .xl\:max-w-\[18vw\] {
        max-width: 18vw
    }

    .xl\:text-lg {
        font-size: 18px;
        line-height: 22px
    }
}

@media (min-width:1536px) {
    .\32xl\:w-\[15\%\] {
        width: 15%
    }

    .\32xl\:max-w-xl {
        max-width: 36rem
    }
}

/* Only Chrome */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px black;
    background: black;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    background: #b30000;
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}


/* Only IE */

html {
    scrollbar-face-color: #b30000;
    scrollbar-highlight-color: #b30000;
    scrollbar-color: #b30000 #000;
}

body {
    overflow-x: hidden !important;
}

html,
body {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

/*Header Bottom Area*/

.header-bottom {
    position: relative;
    box-shadow: none;
}

.content {
    border-radius: 0px;
    overflow: hidden;
}

.subscription {
    position: relative;
    width: 100%;
    height: 100%;
}

.subscription .add-email {
    position: absolute;
    left: 2vw;
}

.subscription .submit-email {
    position: absolute;
    right: 0;
    transition: width .35s ease-in-out, background .35s ease-in-out;
}

.subscription.done .submit-email {
    width: calc(100% - 2vw);
    background: #d90915;
}

.subscription .submit-email .before-submit,
.subscription .submit-email .after-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-flex;
    text-align: center;
    line-height: 38px;
    transition: visibility .35s ease-in-out, opacity .35s ease-in-out;
}

.subscription.done .submit-email .before-submit,
.subscription:not(.done) .submit-email .after-submit {
    visibility: hidden;
    opacity: 0;
}

.subscription .submit-email .after-submit {
    transition-delay: .35s;
}

.subscription:not(.done) .submit-email .before-submit,
.subscription.done .submit-email .after-submit {
    visibility: visible;
    opacity: 1;
}

.sticky-header.sticky {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    background: #333;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    animation: fadeInDown 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s 1 normal none running;
    border-bottom: 0;
}

.main-menu {
    position: relative;
    background-color: unset;
    text-align: center;
    padding-top: 0.4vw;
}

.main-menu nav>ul>li {
    position: relative;
    display: inline-block;
}

ul ul {
    list-style-type: none;
}

.main-menu nav>ul>.has-dropdown {
    margin-right: 5px;
}

.main-menu nav>ul>.has-dropdown:last-child {
    margin-right: 0;
}

.main-menu nav>ul>.has-megaitem {
    position: static;
}


.main-menu nav>ul>li>a:hover,
.main-menu nav>ul>li>a.active {
    background: none;
    color: #FFF;
}


.sub-menu>li>a,
.mega-menu-sub>li>a {
    display: block;
    text-transform: capitalize;
    color: #161615 !important;
    position: relative;
    font: 400 1vw/2.56vw TeXGyreAdventor;
    transition: all 0.3s ease 0s;
}

.sub-menu>li>a {
    padding-left: 2vw;
}

.sub-menu>li>a::after,
.mega-menu-sub>li>a::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
    height: 0.36vw;
    width: 0.36vw;
    border-radius: 50%;
    background: #261146;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.sub-menu>li>a:hover,
.mega-menu-sub>li>a:hover {
    color: #261146;
    transform: translateX(0.73vw);
}

.sub-menu>li>a:hover::after,
.mega-menu-sub>li>a:hover::after {
    transform: translate(-0.73vw, -50%);
    visibility: visible;
    opacity: 1;
}

.main-menu li .nav-item {
    margin: 0 0 0vw 1.7vw;
    text-align: center;
    color: #fff !important;
    font: 1vw TeXGyreAdventor;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 0 0.3vw 0.5vw 0.4vw;
}

.main-menu li .nav-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.35vw;
    background: #fff linear-gradient(to top, #d90915 0%, #d90915 100%);
    top: 100%;
    animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
    left: 0;
}

.main-menu li .nav-item:hover:before {
    animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
}

.main-menu li .nav-item:nth-child(1) {
    animation: show 0.2s 1.1s ease 1 both;
}

.main-menu li .nav-item:nth-child(2) {
    animation: show 0.2s 1.2s ease 1 both;
}

.main-menu li .nav-item:nth-child(3) {
    animation: show 0.2s 1.3s ease 1 both;
}

.main-menu li .nav-item:nth-child(4) {
    animation: show 0.2s 1.4s ease 1 both;
}

.main-menu li .nav-item:nth-child(5) {
    animation: show 0.2s 1.5s ease 1 both;
}

.sub-menu {
    position: absolute;
    min-width: 16.84vw;
    padding: 1vw 1.7vw 1vw 1.7vw;
    background: #FFF;
    box-shadow: 0 0.22vw 0.81vw 0 rgba(0, 0, 0, 0.1);
    transform: perspective(43.9vw) rotateX(0deg);
    transform-origin: 0 0 0;
    left: 2vw;
    right: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    z-index: 99;
    top: 100%;
    text-align: left;
    border-top: 0.36vw solid #d90915;
}

.mega-menu {
    position: absolute;
    min-width: 100%;
    padding: 1.8vw 2.2vw 2.2vw 2.2vw;
    background: #FFF;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
    transform: perspective(43.9vw) rotateX(-20deg);
    transform-origin: 0 0 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    z-index: 99;
    top: 100%;
    text-align: left;
}

.mega-menu-inner {
    display: flex;
    justify-content: space-between;
}

.mega-menu-item-title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 13px;
    color: #333;
}

.mega-menu-item-title:hover {
    color: #261146;
}

.mega-menu-sub>li {
    display: block;
}

.main-menu nav>ul>li:hover .sub-menu,
.main-menu nav>ul>li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: perspective(600px) rotateX(0deg);
}

.menu-banner {
    margin-top: 20px;
}

.menu-banner>a {
    display: block;
    width: 100%;
}

.menu-banner img {
    width: 100%;
}

.mobile-header-wrapper {
    padding: 2vw 0 2vw 0;
}

.mobile-menu {
    border: none;
    padding: 2px;
    display: block;
    border-radius: 4px;
}

.mobile-menu-dash {
    display: block;
    width: 9vw;
    height: 0.7vw;
    background: #fff;
    margin:0px 1.7vw 0px;
}


/*****************************
Layout - Offcanvas
*****************************/

.offcanvas {
    z-index: 999999999999999 !important;
    position: fixed;
    top: 0;
    overflow: hidden;
    height: 100%;
    padding: 20px;
    transition: all 0.3s ease 0s;
    transform: translateY(100%);
    box-shadow: none;
    background: #212121;
    color: #eaeaea;
    width: 300px;
    box-shadow: 0 3.4px 2.7px rgb(0 0 0 / 1%), 0 8.7px 6.9px rgb(0 0 0 / 1%), 0 17.7px 14.2px rgb(0 0 0 / 1%), 0 36.5px 29.2px rgb(0 0 0 / 1%), 0 100px 80px rgb(0 0 0 / 2%);
}

.offcanvas-leftside {
    left: 0%;
    transform: translateY(-100%);
}

.offcanvas-rightside {
    right: 0%;
    transform: translateY(100%);
}

.offcanvas.offcanvas-open {
    transform: translateY(0);
}

.offcanvas-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.offcanvas-header {
    margin-bottom: 30px;
}

.offcanvas-close {
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
    color: white;
    border: none;
}

.offcanvas-close:hover {
    color: #261146;
    border-color: #261146;
}

.offcanvas-title {
    margin-bottom: 40px;
}


/*mobile-menu Top Area*/

.mobile-menu-top {
    display: inline-flex;
    flex-direction: column;
    padding: 10vw 0 0 2vw;
    font: 8vw/0.55 Built;
    text-align: left;
    color: #fff;
}

.rectangle_header {
    width: 3vw;
    position: absolute;
    height: 7vw;
}

.mobile-menu-user-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.mobile-menu-user-menu>li {
    margin-right: 40px;
    position: relative;
}

.mobile-menu-user-menu>li:last-child {
    margin-right: 0;
}

.mobile-menu-user-menu>li::after {
    position: absolute;
    content: "|";
    top: 50%;
    transform: translateY(-50%);
    right: calc(0% - 20px);
}

.mobile-menu-user-menu>li:last-child::after {
    display: none;
}

.mobile-menu-user-menu>li>a {
    display: inline-block;
    line-height: 46px;
    color: #666 !important;
}

.mobile-menu-user-menu>li>a:hover {
    color: #261146;
}

.has-mobile-user-dropdown {
    position: relative;
    padding-right: 15px;
}

.has-mobile-user-dropdown::before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-weight: 400;
}

.mobile-user-sub-menu {
    position: absolute;
    top: calc(100%);
    left: 50%;
    transform: translate(-50%, -30px);
    padding: 10px 15px;
    width: 160px;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}

.mobile-user-sub-menu>li {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

.mobile-user-sub-menu>li:last-child {
    border-bottom: none;
}

.mobile-user-sub-menu>li>a {
    position: relative;
    color: #666;
    display: flex;
    align-items: center;
}

.mobile-user-sub-menu>li>a:hover {
    color: #261146;
}

.user-sub-menu-link-icon {
    padding-right: 5px;
}

.has-mobile-user-dropdown:hover .mobile-user-sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
}


/*Mobile Menu Center Area*/

.mobile-menu-customer-support {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Raleway", sans-serif;
}

.mobile-menu-customer-support-icon {
    max-width: 50px;
    overflow: hidden;
    margin-right: 30px;
}

.mobile-menu-customer-support-icon img {
    width: 100%;
}

.mobile-menu-customer-support-text-phone {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    transition: all 0.3s ease 0s;
}

.mobile-menu-customer-support-text-phone:hover {
    color: #261146;
}

.mobile-menu-customer-support-text {
    font-size: 14px;
    margin: 20px 0;
}

.mobile-action-icon {
    display: flex;
    justify-content: center;
}

.mobile-action-icon-item {
    margin-right: 40px;
}

.mobile-action-icon-item:last-child {
    margin-right: 0;
}

.mobile-action-icon-link {
    position: relative;
    font-size: 27px;
    color: #333;
    transition: all 0.3s ease 0s;
}

.mobile-action-icon-link:hover {
    color: #261146;
}
 
.mobile-action-icon-item-count {
    position: absolute;
    top: 0;
    right: calc(0% - 10px);
    font-size: 11px;
    display: inline-block;
    background: #333;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease 0s;
}

.mobile-action-icon-link:hover .mobile-action-icon-item-count {
    background: #261146;
}


/*Mobile Menu Bottom Area*/

.mobile-menu-bottom {
    position: fixed;
    bottom: 5%;
}

.offcanvas-menu {
    margin: 20px 0;
    margin-left: -10vw !important;
}

.offcanvas-menu li {
    position: relative;
    padding-bottom: 3vw;
    padding-left: 0;
    display: flex;
}

.padding-menu {
    padding-left: 2vw !important;
    padding-right: 3vw !important;
    padding-bottom: 7vw;
}

.offcanvas-menu>ul>li {
    border-bottom: 1px solid transparent;
}

.offcanvas-menu>ul>li:last-child {
    border-bottom: none;
}

.offcanvas-menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: TeXGyreAdventorbold;
    font-size: 3.8vw;
    padding-left: 6vw;
}

.offcanvas-menu li a:hover {
    color: #ddd;
}

.offcanvas-menu li .mobile-sub-menu {
    display: none;
    padding-top: 11vw;
    padding-left: 0;
    margin-left: -16vw;
}

.offcanvas-menu li .mobile-sub-menu li a {
    padding-left: 0vw;
}

.font {
    font-family: TeXGyreAdventor !important;
    font-size: 3.4vw !important;
    color: #ccc !important;
}

.offcanvas-menu-expand::after {
    content: "";
    position: absolute;
    font-family: "FontAwesome";
    right: 6vw;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 4vw;
}

.offcanvas-menu .active>.offcanvas-menu-expand:last-child,
.sub-menu>.active .offcanvas-menu-expand:last-child {
    border-bottom: none;
}

.offcanvas-menu .active>.offcanvas-menu-expand::after,
.sub-menu>.active .offcanvas-menu-expand::after {
    color: #ccc;
    content: "";
}

.mobile-menu-email {
    color: #999;
    text-align: center;
    display: block;
}

.mobile-menu-email:hover {
    color: #261146;
}

.mobile-menu-social {
    margin-top: 25px;
    text-align: center;
}

.mobile-menu-social>li {
    display: inline-block;
    margin-right: 13px;
}

.mobile-menu-social>li:last-child {
    margin-right: 0px;
}

.mobile-menu-social>li>a {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #FFF !important;
}

.mobile-menu-social>li>a:hover {
    opacity: 0.7;
}

.mobile-menu-social>li>a.facebook {
    background: #4867AA;
}

.mobile-menu-social>li>a.twitter {
    background: #1DA1F2;
}

.mobile-menu-social>li>a.youtube {
    background: #FE0000;
}

.mobile-menu-social>li>a.pinterest {
    background: #BD081B;
}

.mobile-menu-social>li>a.instagram {
    background: #B23A94;
}

.offcanvas-cart-item-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.offcanvas-cart-item-single:last-child {
    margin-bottom: 0;
}

.offcanvas-cart-item-block {
    display: flex;
    align-items: center;
}

.offcanvas-cart-item-image-link {
    width: 90px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 20px;
}

.offcanvas-cart-image {
    width: 100%;
}

.offcanvas-cart-item-link {
    display: block;
    font-weight: 700;
}

.offcanvas-cart-item-details {
    font-family: "Raleway", sans-serif;
}

.offcanvas-cart-total-price {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-family: "Raleway", sans-serif;
}

.offcanvas-cart-total-price-text {
    font-weight: 700;
}

.offcanvas-cart-action-button-list {
    margin-bottom: 25px;
    display: block;
}

.offcanvas-cart-action-button-link {
    display: block;
    background: #000;
    color: #FFF;
    padding: 10px 30px;
    text-align: center;
    font-weight: 600;
}

.offcanvas-cart-action-button-link:hover {
    background: #261146;
    color: #FFF;
}

.offcanvas-wishlist-item-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.offcanvas-wishlist-item-single:last-child {
    margin-bottom: 0;
}

.offcanvas-wishlist-item-block {
    display: flex;
    align-items: center;
}

.offcanvas-wishlist-item-image-link {
    width: 90px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 20px;
}

.offcanvas-wishlist-image {
    width: 100%;
}

.offcanvas-wishlist-item-link {
    display: block;
    font-weight: 700;
}

.offcanvas-wishlist-item-details {
    font-family: "Raleway", sans-serif;
}

.offcanvas-wishlist-total-price-text {
    font-weight: 700;
}

.offcanvas-wishlist-action-button {
    margin-top: 40px;
}

.offcanvas-wishlist-action-button-list {
    margin-bottom: 25px;
    display: block;
}

.offcanvas-wishlist-action-button-link {
    display: block;
    background: #000;
    color: #FFF;
    padding: 10px 30px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
}

.offcanvas-wishlist-action-button-link:hover {
    background: #261146;
    color: #FFF;
}

.swiper-container {
    overflow-x: hidden !important;
    width: 100%;
    height: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    z-index: 2;
}

.swiper-slide {
    position: relative !important;
    text-align: center !important;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: left !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
}

.swiper-pagination-bullet-active {
    background-color: #fff;
}

.numbers {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}

#navHome button:focus {
    outline: none;
    border-radius: 0;
}

.sager-log img {
    width: 14vw;
    height: 2.3vw;
    margin-left: 0.2vw;
    float: left;
    text-align: left;
}

.sager-log-footer img {
    width: 14vw;
    height: 2.3vw; 
    text-align: center; 
    margin-top: 3vw;
    margin-left: 0;
    margin-bottom: 8vw;
}

.pl-3 {
    padding-left: 1vw !important;
}

.nav-item a,
.nav-item a {
    line-height: 1vw;
}

.nav-item .nav-link {
    margin: 0 0 0vw 0.5vw;
    font-family: TeXGyreAdventor;
    font-size: 1vw;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.nav-item .nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.35vw;
    background: #fff;
    background-image: linear-gradient(to top, #d90915 0%, #d90915 100%);
    top: 100%;
    animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
}

.nav-item .nav-link:hover:before {
    animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
}

.nav-item .nav-link:nth-child(1) {
    animation: show 0.2s 1.1s ease 1 both;
}

.nav-item .nav-link:nth-child(2) {
    animation: show 0.2s 1.2s ease 1 both;
}

.nav-item .nav-link:nth-child(3) {
    animation: show 0.2s 1.3s ease 1 both;
}

.nav-item .nav-link:nth-child(4) {
    animation: show 0.2s 1.4s ease 1 both;
}

.nav-item .nav-link:nth-child(5) {
    animation: show 0.2s 1.5s ease 1 both;
}

.navbar-nav {
    text-align: center;
    float: unset;
}

.header-tx-sm {
    padding-right: 60%;
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    text-align: left;
    color: #fff;
}

.header-tx--sm {
    padding-right: 60%;
    margin-left: -2.5vw !important;
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    text-align: left;
    color: #fff;
}

.header-tx-sm-2 {
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    text-align: left;
    color: #fff;
}

.header-tx-lg {
    padding-right: 60%;
    margin-left: -2.5vw !important;
    z-index: 1;
    font-family: Built;
    font-size: 6.5vw;
    line-height: 0.92;
    text-align: left;
    color: #fff;
    white-space: nowrap;
}

.header-tx-lg2 {
    padding-right: 60%;
    margin-left: -2.5vw !important;
    z-index: 1;
    font-family: Built;
    font-size: 6.5vw;
    line-height: 0.92;
    text-align: left;
    color: #fff;
    white-space: nowrap;
}

.padding-tx {
    padding-right: 10% !important;
}

.padding-tx2 {
    padding-right: 51% !important;
}

.header-tx-vertical {
    line-height: 0;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    padding-left: 3.8vw;
    opacity: 0.5;
    font-family: Built;
    font-size: 1.6vw;
    color: #fff;
}

.header-rectangle {
    width: 3vw;
    height: 6vw;
    position: absolute;
    top: -1.4653vw;
    right: -2.4vw;
    z-index: 0;
}

.container-1 {
    z-index: 999 !important;
    position: absolute;
    margin-top: 2.5vw;
    padding-left: 6vw;
    padding-right: 6vw;
    width: 100%;
    background-color: unset !important;
}

.container-header-black {
    z-index: 999 !important;
    position: relative;
    margin-top: 0vw;
    padding-left: 9vw;
    padding-right: 9vw;
    width: 100%;
    background-color: #161615 !important;
    padding-top: 2vw;
    padding-bottom: 1vw
}


.container-header-terms{
margin-top: 0vw;
padding-left: 14vw;
width: 100%;
background-color: #161615 !important;
padding-top: 2vw;
padding-bottom: 1vw
}
.container-2 {
    padding-left: 6vw;
    padding-right: 6vw;
    overflow: hidden !important;
}

.container-3 {
    z-index: 1 !important;
    position: absolute;
    top: 0;
    ;
    width: 100%;
    padding: 0;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden !important;
}

.color-1 {
    background: none;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none
}

.color-2 {
    background: none;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none
}

.color-3 {
    background: none;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none
}

.color-4 {
    background: none;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none
}

.container-4 {
    z-index: 2 !important;
    margin-top: 0;
    margin-left: 50%;
    margin-right: 0;
    border-left: 1px solid #d6d6d6;
    opacity: 0.3;
    height: 69rem;
    width: 87.7%;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
    overflow: hidden !important;
}

.container-5 {
    margin-top: 10vw;
    margin-left: 6vw;
    margin-right: 6vw;
}

.container5 {
    margin-top: 10vw;
    margin-left: 0vw;
    margin-right: 0vw;
    margin-bottom: 0;
}

.container-6 {
    margin-left: 6.4vw;
    margin-right: 0;
    z-index: 9 !important;
    position: relative;
    margin-top: -4vw;
    overflow: hidden !important;
}

.container-7 {
    margin-top: 0vw;
    margin-left: 0vw;
    margin-right: 0vw;
    background-color: #161615;
    padding-left: 6vw;
    padding-right: 0vw;
    padding-top: 10vw;
    padding-bottom: 12vw;
}

.container--7 {
    margin-top: 0vw;
    margin-left: 0vw;
    margin-right: 0vw;
    background-color: #161615;
    padding-left: 6vw;
    padding-right: 6vw;
    padding-top: 10vw;
    padding-bottom: 0vw;
    overflow: hidden !important;
}

.container7 {
    margin-top: 0vw;
    margin-left: 0vw;
    margin-right: 0vw;
    background-color: #f8f8f8;
    padding-left: 7vw;
    padding-right: 7vw;
    padding-top: 10vw;
    padding-bottom: 0vw;
    overflow: hidden !important;
}

.container-8 {
    margin-top: 4vw;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    text-align: center;
    overflow: hidden !important;
}

.container-9 {
    margin-top: -5vw;
    margin-left: 0vw;
    margin-right: 0vw;
    background-color: #fff;
    padding-left: 5.5vw;
    padding-right: 6.5vw;
    padding-top: 10vw;
    padding-bottom: 8vw;
    overflow: hidden !important;
}

.container-10 {
    margin-top: 7vw;
    margin-left: 7vw;
    margin-right: 7vw;
    margin-bottom: 0vw;
    z-index: 9 !important;
    position: relative;
}

.container-solar {
    background-color: #f8f8f8;
}

.container-solar-10 {
    margin-top: 0vw;
    margin-left: 7vw;
    margin-right: 7vw;
    margin-bottom: 0vw;
    z-index: 9 !important;
    position: relative;
}

.container--10 {
    margin-top: 7vw;
    margin-left: 6.5vw;
    margin-right: 7vw;
    margin-bottom: 0vw;
    z-index: 9 !important;
    position: relative;
}

.container-test {
    margin-top: 7vw;
    margin-left: 7vw;
    margin-right: 7vw;
    margin-bottom: 7vw;
    z-index: 9 !important;
    position: relative;
}

.bg-gray {
    background-color: #f8f8f8;
    width: 100%;
    height: 29vw;
}

.center {
    z-index: 999;
    position: relative;
    overflow: unset;
    padding-top: 6vw;
    line-height: 4vw;
}

.slide-top {
    overflow: unset;
    animation: slide-top 2s linear infinite alternate both;
}

@keyframes slide-top {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(20px);
    }
}

.slide-top2 {
    overflow: unset;
    animation: slide-top2 1s linear infinite alternate both;
    margin-top: -6vw;
}

@keyframes slide-top2 {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(20px);
    }
}

.caretdown {
    overflow: unset;
    color: #d90915;
    font-size: 3vw;
    padding-top: 0.7vw;
}

.caretdown-1 {
    overflow: unset;
    color: #d90915;
    font-size: 2vw !important;
    padding-top: -0.3vw;
    margin-right: -2vw;
}

.scroll a {
    overflow: unset;
    border-style: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    font-family: built;
    font-size: 1.4vw;
    color: #fff !important;
    opacity: 1 !important;
    z-index: 2 !important;
    position: relative;
    margin-left: 0vw;
}

.scroll {
    padding-top: 0.55vw;
    padding-left: 1.3vw;
}

#myVideo {
    position: inherit;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 90vh;
}

.btn-1 {
    width: 10vw;
    height: 2.5vw;
    margin: 0 0.9vw 0 0;
    vertical-align: middle;
    text-align: center;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    border: none;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.btn-1:hover {
    text-decoration: underline;
}

.btn-2 {
    width: 10vw;
    height: 2.5vw;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    background-color: #161615;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    border: none;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.btn-2:hover {
    text-decoration: underline;
}

.btn-1:hover,
.btn-1:active,
.btn-1:focus,
.btn-1:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-2:hover,
.btn-2:active,
.btn-2:focus,
.btn-2:checked {
    border: none !important;
    outline: none;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-2-white {
    background-color: #fff;
    color: #161615;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    border: none;
    width: 10vw;
    height: 2.5vw;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.btn-2-white:hover {
    text-decoration: underline;
}

.btn-2-white:hover,
.btn-2-white:active,
.btn-2-white:focus,
.btn-2-white:checked {
    border: none !important;
    outline: none;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-3 {
    white-space: nowrap;
    font-weight: 800;
    background-color: #fff;
    color: #d90915;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 10.5vw;
    height: 3vw;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    margin-right: 2vw;
    margin-top: 2vw;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn-3:hover,
.btn-3:active,
.btn-3:focus,
.btn-3:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    box-shadow: -10.6vw 0 0 0 #161615 inset;
    cursor: pointer
}

.btn-3:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn-3:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}

.btn-3:hover div {
    opacity: 0;
    transform: translate(0, -100%)
}

.btn-3 div {
    font-weight: 800;
    color: #d90915;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btn-5 {
    white-space: nowrap;
    margin-left: 0 !important;
    font-weight: 800;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 10.5vw;
    height: 3vw;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    margin-right: 2vw;
    margin-top: 2vw;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn-5:hover,
.btn-5:active,
.btn-5:focus,
.btn-5:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    box-shadow: -10.6vw 0 0 0 #161615 inset;
    cursor: pointer
}

.btn-5:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn-5:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}

.btn-5:hover div {
    opacity: 0;
    transform: translate(0, -100%);
}

.btn-5 div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btns-5 {
    white-space: nowrap;
    margin-left: 0 !important;
    font-weight: 800;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 15.5vw;
    height: 3vw;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    margin-right: 2vw;
    margin-top: 2vw;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btns-5:hover,
.btns-5:active,
.btns-5:focus,
.btns-5:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    box-shadow: -15.6vw 0 0 0 #161615 inset;
    cursor: pointer
}

.btns-5:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btns-5:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}

.btns-5:hover div {
    opacity: 0;
    transform: translate(0, -100%);
}

.btns-5 div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btn--5 {
    white-space: nowrap;
    margin-left: 0 !important;
    font-weight: 800;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 16.5vw;
    height: 3vw;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    margin-right: 2vw;
    margin-top: 2vw;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn--5:hover,
.btn--5:active,
.btn--5:focus,
.btn--5:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    box-shadow: -16.6vw 0 0 0 #161615 inset;
    cursor: pointer
}

.btn--5:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn--5:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}

.btn--5:hover div {
    opacity: 0;
    transform: translate(0, -100%);
}

.btn--5 div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btn--51 {
    white-space: nowrap;
    margin-left: 0 !important;
    font-weight: 800;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 16.5vw;
    height: 3vw;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    margin-right: 2vw;
    margin-top: 2vw;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn--51:hover,
.btn--51:active,
.btn--51:focus,
.btn--51:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #161615;
    box-shadow: -16.6vw 0 0 0 #fff inset;
    cursor: pointer
}

.btn--51:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn--51:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #161615;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}

.btn--51:hover div {
    opacity: 0;
    transform: translate(0, -100%);
}

.btn--51 div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btn-5-2 {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    font-weight: 800;
    text-align: left;
    margin-left: 0vw;
    margin-top: 3vw;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 10.5vw;
    height: 3vw;
    margin-left: 1vw;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn-5-2:hover,
.btn-5-2:active,
.btn-5-2:focus,
.btn-5-2:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: -10.5vw 0 0 0 #161615 inset;
    color: #fff;
    cursor: pointer
}


/*button:before (attr data-hover)*/

.btn-5-2:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn-5-2:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .4s ease-in-out;
}


/*button div (button text before hover)*/

.btn-5-2:hover div {
    opacity: 0;
    transform: translate(0, -100%)
}

.btn-5-2 div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btn-7 {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    font-weight: 800;
    margin-left: 0vw; 
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 10.5vw;
    height: 3vw;
    margin-left: 1vw;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    margin-top: 5.2vw !important;
}

.btn-7:hover,
.btn-7:active,
.btn-7:focus,
.btn-7:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: -10.5vw 0 0 0 #fff inset;
    color: #161615;
    cursor: pointer
}


/*button:before (attr data-hover)*/

.btn-7:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn-7:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #161615;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}


/*button div (button text before hover)*/

.btn-7:hover div {
    opacity: 0;
    transform: translate(0, -100%)
}

.btn-7 div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btn-4 {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    font-weight: 800;
    text-align: center !important;
    background-color: #fff;
    color: #d90915;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 10.5vw;
    height: 3vw;
    margin-top: 2vw !important;
    vertical-align: middle;
    text-align: center;
    display: none;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn-4:hover,
.btn-4:active {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    color: #fff;
    box-shadow: -10.55vw 0 0 0 #161615 inset;
    cursor: pointer
}


/*button:before (attr data-hover)*/

.btn-4:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn-4:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}


/*button div (button text before hover)*/

.btn-4:hover div {
    opacity: 0;
    transform: translate(0, -100%)
}

.btn-4 div {
    font-weight: 800;
    color: #d90915;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.btn-form {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    font-weight: 800;
    text-align: center !important;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    border: none;
    width: 9vw;
    height: 3vw;
    margin-top: 2vw !important;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn-form:hover,
.btn-form:active {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #161615;
    box-shadow: -10.55vw 0 0 0 #fff inset;
    cursor: pointer
}


/*button:before (attr data-hover)*/

.btn-form:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn-form:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #161615;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}


/*button div (button text before hover)*/

.btn-form:hover div {
    opacity: 0;
    transform: translate(0, -100%)
}

.btn-form div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.mt-30 {
    margin-top: 3vw !important;
}

.btn-6 {
    white-space: nowrap;
    margin-left: 0 !important;
    position: relative;
    overflow: hidden;
    font-weight: 800;
    margin-left: 0vw;
    margin-top: 3vw;
    background-color: #d90915;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 10.5vw;
    height: 3vw;
    margin-left: 1vw;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.btn-6:hover,
.btn-6:active,
.btn-6:focus,
.btn-6:checked {
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #161615;
    box-shadow: -10.5vw 0 0 0 #fff inset;
    cursor: pointer
}


/*button:before (attr data-hover)*/

.btn-6:hover:before {
    opacity: 1;
    transform: translate(0, 0);
}

.btn-6:before {
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw;
    left: 0;
    width: 100%;
    font-weight: 800;
    color: #161615;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
}


/*button div (button text before hover)*/

.btn-6:hover div {
    opacity: 0;
    transform: translate(0, -100%)
}

.btn-6 div {
    font-weight: 800;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    transition: all .3s ease-in-out;
}

.mt {
    margin-top: -80px;
    z-index: 0;
}

#navHome {
    padding-left: 5vw;
    padding-right: 0;
}

.font-gray-xl {
    margin-left: -0.1vw;
    font-family: built;
    font-size: 15.5vw;
    line-height: 0.39;
    text-align: left !important;
    color: #f8f8f8;
}

.font-gray2-xl {
    margin-left: -0.1vw;
    font-family: built;
    font-size: 15.5vw;
    line-height: 0.39;
    text-align: left !important;
    color: #efefef;
}

.red-rectangle {
    width: 7vw;
    height: 4vw;
}

.red-rectangle-2 {
    width: 7vw;
    height: 4vw;
    margin-right: -6vw;
}

.font-black-xl {
    font-family: built;
    font-size: 3.3vw;
    line-height: 1.83;
    text-align: left;
    color: #161615;
}

.font-gray-sm {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
}

.font-gray--sm {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    padding-right: 5vw;
}

.font--gray-smbold {
    padding-top: 2vw !important;
    font-family: TeXGyreAdventorbold;
    font-size: .885vw;
    text-align: left;
    color: #777;
}

.font-gray2--sm {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #ccc;
    padding-bottom: 5vw;
}

.font--gray-smbold2 {
    padding-top: 2vw !important;
    font-family: TeXGyreAdventorbold;
    font-size: .885vw;
    text-align: left;
    color: #ccc;
}

.font-gray-sm2 {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: center;
    color: #777;
}

.mt-up-10 {
    margin-top: -1.5vw;
    padding-left: 0vw;
}

.mt-up_rectangle10 {
    margin-top: .2vw;
    padding-left: 0.5vw;
}

.mt-up-20 {
    margin-top: -1.2vw;
    padding-left: 0vw;
    padding-bottom: 3.5vw;
}

.mt-up-1 {
    margin-top: -4.5vw !important;
    padding-left: 1.7vw;
}

.mt-up-2 {
    margin-top: -1.4vw;
    padding-left: 1.7vw;
    padding-bottom: 5vw;
}

.mt-up-3 {
    margin-top: -1vw;
    padding-left: 5.8vw
}

.mt-up-4 {
    margin-top: -1.2vw;
    padding-left: 5.8vw;
}

.mt-up-5 {
    margin-top: -1vw;
    padding-left: 2vw;
}

.mt-up5 {
    margin-top: -1.2vw;
    padding-left: 2vw;
    margin-left: 0vw;
}

.mt-up-6 {
    margin-top: -1.2vw;
    padding-left: 2vw;
    padding-bottom: 2vw;
}

.mt-up-7 {
    margin-top: -1.2vw;
}

.mt-up7 {
    margin-top: -1.2vw;
}

.mt-up-8 {
    margin-top: -1.2vw;
    margin-left: -1.50vw;
    overflow-x: hidden !important;
}

.mt-up-9 {
    margin-top: -1.2vw;
    margin-left: -1.5vw;
    padding-bottom: 5vw;
}

.mt-up_rectangle2 {
    margin-top: 0.2vw;
    ;
    text-align: right;
    padding-right: 0;
}

.mt-up_rectangle {
    margin-top: -2.8vw !important;
    padding-left: 0.6vw;
}

.mt-up_rectangle3 {
    margin-top: 0vw;
    padding-left: 0.6vw;
}

.mt-up_rectangle-3 {
    margin-top: .2vw;
    padding-left: 0.6vw;
}

.mt-up_rectangle4 {
    margin-top: 0.1vw;
    padding-left: 0vw;
}

.background-white {
    width: 99.2%;
    height: 1vw;
    background-color: #fff;
    margin-left: .45vw;
}

.background-gray {
    width: 127.5%;
    height: 17.7vw;
    background-color: #efefef;
    margin-left: 0vw;
}

.background-gray-3 {
    right: 0;
    width: 6vw;
    height: 34.1vw;
    background-color: #efefef;
}

.tab {
    width: 65vw;
    overflow: hidden;
    border: none;
    background-color: unset;
    position: relative;
}


/* Style the buttons inside the tab */

.tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 0 4vw 0 0.05vw;
    padding: 0 0 0 0;
    transition: 0.3s;
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    line-height: 1.22;
    text-align: left;
    color: #ccc;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff !important;
    position: relative;
}


/* Change background color of buttons on hover */

.tab button:hover,
.tab button.active {
    background-color: #fff;
    padding-bottom: 1vw;
    border-bottom: 8px solid #d90915;
    color: #161615;
    font-weight: 600;
    font-size: 0.9vw;
    outline: none;
    box-shadow: none;

}


/* Style the tab content */

.img_tab_1 {
    width: 43vw;
    height: 37vw;
}

.img_tab_2 {
    width: 21.8vw;
    height: 20.3vw;
}

.img_tab_3 {
    width: 21.66vw;
    height: 20.3vw;
}

.bg-red {
    background-color: #d90915;
    padding-top: 4vw;
    padding-left: 4vw;
    overflow: hidden;
    height: 15.83vw;
}

.bg-red-2 {
    background-color: #d90915;
    padding-top: 4vw;
    padding-left: 4vw;
    overflow: hidden;
}

.bg-red span {
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;
    line-height: 1;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.font-white-sm {
    padding-top: 1.6vw;
    padding-left: 0;
    padding-bottom: 4vw;
    font-family: TeXGyreAdventor;
    font-size: .9vw;
    line-height: 1.38;
    text-align: left;
    color: #fff;
}

.font-black-xxl {
    font-family: Built;
    font-size: 15vw;
    line-height: 0.39;
    text-align: center;
    color: #222;
}

.font-white-xl {
    font-family: Built;
    font-size: 2.8vw;
    line-height: 1.83;
    text-align: left;
    color: #fff;
    position: relative;
}

.font-white-xl-2 {
    font-family: Built;
    font-size: 3vw;
    line-height: 1;
    text-align: left;
    color: #fff;
    position: relative;
    padding-bottom: 1vw !important;
}

.paddingl-c {
    margin-left: -2.6vw !important;
}

.header_container-career {
    margin: 0;
    padding-top: 8vw;
    padding-left: 6.5vw;
    padding-bottom: 0vw;
    padding-right: 56%;
}

.header_container-padding {
    margin: 0;
    padding-top: 8vw;
    padding-left: 6.5vw;
    padding-bottom: 0vw;
    padding-right: 60%;
}

.header_container-career2 {
    margin: 0;
    padding-top: 0vw;
    padding-left: 6.5vw;
    padding-bottom: 10vw;
}

.header_container-sup {
    margin: 0;
    padding-top: 5vw;
    padding-left: 8.5vw;
    padding-bottom: 0vw;
    padding-right: 56%;
}

.header_container-sup2 {
    margin: 0;
    padding-top: 0vw;
    padding-left: 8.5vw;
    padding-bottom: 10vw;
}

.header_container-sup3 {
    margin: 0;
    padding-top: 7vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
    padding-right: 0%;
}

.header_container-sup4 {
    margin: 0;
    padding-top: 3.5vw;
    padding-left: 8.5vw;
    padding-bottom: 0vw;
    padding-right: 56%;
}

.header_container-sup5 {
    margin: 0;
    padding-top: 1.3vw;
    padding-left: 6.5vw;
    padding-bottom: 0vw;
    padding-right: 56%;
    display: inline-flex;
}

.font-black {
    font-family: Built;
    font-size: 15vw;
    line-height: 0.39;
    text-align: left;
    color: #222;
}

.font-black-s {
    font-family: Built;
    font-size: 13vw;
    line-height: 0.39;
    text-align: left;
    color: #222;
}

.padding-col {
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-right: 2.5vw;
    padding-left: 2.5vw;
    border-right: 1px solid #3e3e3e;
    height: 20vw;
    background-color: #222;
}

.padding3-col {
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-right: 2.5vw;
    padding-left: 2.5vw;
    border-right: 1px solid #3e3e3e;
    height: 20vw;
    background-color: #222;
}

.padding2-col {
    padding: 3vw;
    border-right: none;
    height: 20vw;
    background-color: #222;
}

.drone-1-img {
    width: 4vw;
    height: 4vw;
}

.drone-2-img {
    width: 4vw;
    height: 4vw;
}

.location-mark-img {
    width: 4vw;
    height: 4vw;
}

.text-white {
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-family: TeXGyreAdventorbold;
    font-size: 1.2vw;
    line-height: 1;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.padding-col:hover .drone-1-img,
.padding-col:hover .font-gray-sm2 {
    display: none;
}

.padding2-col:hover .drone-2-img,
.padding2-col:hover .font-gray-sm2 {
    display: none;
}

.padding3-col:hover .location-mark-img,
.padding3-col:hover .font-gray-sm2 {
    display: none;
}

.padding-col:hover .btn-4 {
    display: inline-block;
}

.padding2-col:hover .btn-4 {
    display: inline-block;
}

.padding3-col:hover .btn-4 {
    display: inline-block;
}

.padding-col:hover .text-white {
    padding-top: 5vw;
}

.padding2-col:hover .text-white {
    padding-top: 5vw;
}

.padding3-col:hover .text-white {
    padding-top: 5vw;
}

.padding-col:hover {
    background-color: #d90915;
}

.padding2-col:hover {
    background-color: #d90915;
}

.padding3-col:hover {
    background-color: #d90915;
}

.padding-bg-red {
    margin-left: -0.3vw !important;
    margin-right: 0vw;
    margin-top: 2vw;
    padding: 0;
    text-align: center;
    width: 99%;
    height: 12vw;
    ;
    border-bottom: 1px solid #ff4b56;
}

.padding-bg-red2 {
    margin-left: 0vw !important;
    margin-right: 0;
    margin-top: 0vw;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 12vw;
    border-right: 1px solid #ff4b56;
}

.padding-bg-red3 {
    margin-left: 0vw !important;
    margin-right: 0vw;
    margin-top: 0vw;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 12vw;
    border-right: none;
}

.font-number-white {
    padding-top: 4vw;
    padding-bottom: 1.5vw;
    text-align: center;
    font-family: TeXGyreAdventorbold;
    font-size: 2vw;
    line-height: 0.55;
    color: #fff;
}

.font-white-xs {
    text-transform: uppercase;
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    ;
    line-height: 1.22;
    text-align: center;
    color: #fff;
}

.earth-img {
    width: 49vw;
    height: 28vw;
    margin-right: 0;
    padding-right: 0;
    text-align: right;
}

.padding-rectangle {
    margin-top: 1.6vw;
}

.padding-top {
    padding-top: 3.5vw;
    padding-left: 1vw;
}

.padding-top-text {
    padding-top: 3vw;
    padding-left: 1vw;
}

.drone-top-views {
    position: absolute;
    width: 100%;
    height: 56vw;
    margin-top: -14vw;
    overflow: hidden;
    margin-right: 0;
}

.inline-flex {
    display: inline-flex
}

.pt5 {
    padding-top: 4.5vw;
}

.pr {
    padding-right: 25%;
}

.font-number-gray {
    font-family: TeXGyreAdventor;
    font-size: 4vw;
    text-align: left;
    color: #444;
}

.text {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.22;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding-top: 2.3vw;
    padding-left: 1vw;
    padding-right: 10%;
}

.line {
    padding-left: 0;
    padding-top: 5vw;
    width: 54vw;
    margin-bottom: 8vw;
    height: 0.063rem;
    border-bottom: 1px solid #383838;
}

.pb {
    padding-bottom: 6vw;
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }
    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }
    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

.circle-object {
    -webkit-animation: ping 1.3s ease-in-out infinite both;
    animation: ping 1.3s ease-in-out infinite both;
    background: #d90915;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 1px 14px #d90915;
}

.parallelograms {
    width: 50vw;
    height: 4vw;
    display: inline-block;
    background: #d90915;
    border: 1px solid #d90915;
    transform: skewX(-32deg);
}

.parallelograms-sm {
    width: 44vw;
    height: 2vw;
    display: inline-block;
    background: #d90915;
    border: 1px solid #d90915;
    transform: skewX(-32deg);
}

.parallelograms-sm2 {
    position: absolute;
    width: 44vw;
    height: 2vw;
    display: inline-block;
    background: #d90915;
    border: 1px solid #d90915;
    transform: skewX(-32deg);
    right: 28vw;
    margin-top: 5vw;
}

.container-parallelograms {
    text-align: center;
    margin-top: -1vw;
    padding-bottom: 6vw;
    margin-left: 6vw;
    margin-right: 6vw;
}

.container-const {
    text-align: center;
    margin-top: 4vw;
    padding-bottom: 6vw;
    margin-left: 7.5vw;
    margin-right: 7.5vw;
}

.parallelogramssolar {
    margin-left: 1vw;
    width: 43vw;
    height: 2vw;
    display: inline-block;
    background: #efefef;
    border: 1px solid #efefef;
    transform: skewX(-32deg);
}

.parallelogramssolar-1 {
    margin-left: 1vw;
    width: 43vw;
    height: 2vw;
    display: inline-block;
    background: #d90915;
    border: 1px solid #d90915;
    transform: skewX(-32deg);
}


#exampleSlider {
    position: relative;
}

@media (max-width: 767px) {
    #exampleSlider {
        border-color: transparent;
    }
}

#exampleSlider .MS-content {
    margin: 15px 5%;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 767px) {
    #exampleSlider .MS-content {
        margin: 0;
    }
}

#exampleSlider .MS-content .item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border-right: none;
    width: 48%;
    height: 36vw;
    margin: 0 0 0 1vw;
    background-color: #f8f8f8;
    padding: 4vw 2vw 4vw 2vw;
    white-space: normal;
    text-align: left !important;
}

.black {
    background-color: #222 !important;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 36vw;
    padding: 3.5vw 2vw 4vw 3vw;
    white-space: normal;
    text-align: left !important;
}

@media (max-width: 1200px) {
    #exampleSlider .MS-content .item {
        width: 48%;
    }
}

@media (max-width: 1024px) {
    #exampleSlider .MS-content .item {
        width: 48%;
    }
}

@media (max-width: 992px) {
    #exampleSlider .MS-content .item {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #exampleSlider .MS-content .item {
        width: 100%;
    }
}

#exampleSlider .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 35px;
}

 

#exampleSlider .MS-controls button:hover {
    cursor: pointer;
}

#exampleSlider .MS-controls .MS-left {
    right: 3.7vw;
    top: -6.5vw;
    background-color: #efefef;
    font-size: 1vw;
    width: 3vw;
    height: 3vw;
    color: #7777;
}

 

#exampleSlider .MS-controls .MS-right {
    right: .3vw;
    top: -6.5vw;
    background-color: #d90915;
    font-size: 1vw;
    color: #fff;
    width: 3vw;
    height: 3vw;
}
 

.header-text {
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;
    line-height: 0.85;
    text-align: left !important;
    color: #fff;
}

.link-text {
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    padding-top: 1.8vw;
    text-align: left;
    color: #fff;
    padding-bottom: 0;
}

.link-text a {
    text-align: left;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    text-decoration: none;
}

.link-text a:hover {
    color: #fff;
    text-decoration: underline;
}

.date-text {
    margin-top: -0.7vw;
    font-family: TeXGyreAdventor;
    font-size: 0.7vw;
    text-align: left;
    color: #ccc;
}

.pb4 {
    padding-bottom: 3vw;
}

.text-black {
    font-family: TeXGyreAdventorbold;
    font-size: 0.95vw;
    line-height: 1.33;
    text-align: left;
    color: #161615;
    text-transform: uppercase;
    padding: 2vw 2vw 2vw 2vw;
}

.terms-text{
    font-family: TeXGyreAdventorbold;
    font-size:  1.5vw;
}
.terms-head-div{
    padding-left: 15vw;
    padding-top: 3vw;
    padding-bottom: 1vw;
}
.terms-text-div{
    padding-left: 15vw;
    padding-right: 15vw;
    height: 74vh;
    overflow: inherit;
    
    }

.terms-date{
font-size: 0.7vw;
}
.height-blog {
    height: 13vw;
}

.text-black a {
    font-family: TeXGyreAdventorbold;
    font-size: 0.95vw;
    line-height: 1.33;
    text-align: left;
    color: #161615;
    text-transform: uppercase;
    text-decoration: none;
}

.text-black a:hover {
    text-decoration: underline;
}

.link-text-b {
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;
    text-align: left;
    color: #777;
    padding: 0vw 2vw 0vw 2vw;
}

.link-text-b2 {
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;
    text-align: left;
    color: #777;
    padding: 0vw 2vw 0vw 2vw;
}

.news-img {
    width: 30vw;
    height: 15vw;
}

.date-text-2 {
    padding: 0vw 2vw 0vw 2vw;
    margin-top: -2.8vw;
    font-family: TeXGyreAdventor;
    font-size: 0.7vw;
    text-align: left;
    color: #777;
}

.pr2 {
    margin: 1.6vw 0vw 0vw 2vw !important;
}

.blog {
    width: 5vw;
    height: 1.9vw;
    padding: 0.3vw 0.2vw 0.2vw 0.2vw;
    border-radius: 100px;
    background-color: #53b428;
    z-index: 2;
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;
    margin-top: 1vw;
    right: 1vw;
    position: absolute;
    text-align: center;
    color: #fff;
}

.img-style {
    width: 36.1vw;
    height: 29vw;
}

.font-padding {
    padding: 6.3vw 3vw 0vw 3vw;
    margin-bottom: 0;
}

.font-padding-2 {
    padding: 0vw 3vw 2vw 3vw;
}

.pr3 {
    margin-top: 0 !important;
    margin-left: 3vw !important;
}

.footer {
    background-image: url("../img/footer-drones.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -12vw;
    z-index: 0;
    margin-left: 0;
    margin-right: 0;
}

.bg-black {
    background-color: #161615;
    text-align: center;
    padding: 2.5vw;
    border: none;
}

.bg-red2 {
    background-color: #d90915;
    text-align: center;
    padding: 2.5vw;
}

.phone {
    width: 3vw;
    height: 3vw;
}

.map {
    width: 2vw;
    height: 3vw
}

.chat {
    width: 4vw;
    height: 3vw;
}

.footer-tx {
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;
    color: #fff;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.footer-tx-2 {
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;
    text-align: center;
    color: #ccc !important;
    line-height: 0;
}

.footer-tx-3 {
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;
    text-align: center;
    color: #fff;
    line-height: 0;
}

.footer-icon,
.footer-icon a {
    font-size: 1.5vw;
    color: #cccccc;
    padding-right: 0.3vw;
    padding-left: 0.3vw;
}

.footer-icon a:hover {
    color: #d90915;
}

.footer-text-lg {
    z-index: 0 !important;
    position: relative;
    font-family: Built;
    font-size: 5.5vw;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding-top: 26vw;
}

.footer-text-sm {
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 3vw;
    padding-right: 8vw;
    text-align: left;
    color: #ccc;
}

.footer-container {
    background-color: #161615;
    margin-top: -5vw;
    ;
    padding-top: 4vw;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 1vw;
    padding-left: 6vw;
    padding-right: 6vw;
    overflow: hidden !important;
}

.line-2 {
    padding-left: 0;
    padding-top: 1vw;
    width: 100%;
    margin-bottom: 1vw;
    height: 0.063rem;
    border-bottom: 1px solid #383838;
}

.line-down {
    padding-left: 0;
    padding-top: 0vw;
    width: 100%;
    margin-bottom: 0;
    height: 0.063;
    border-bottom: 1px solid #d6d6d6;
}

.footer-text-bold {
    font-family: TeXGyreAdventorbold;
    font-size: 1.1vw;
    line-height: 1;
    text-align: left;
    padding-bottom: 0.7vw;
    color: #fff;
    text-transform: uppercase;
}

.footer-text-s2 {
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 0.3vw;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: left;
    color: #ccc;
}

.footer-text-sm2 {
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 0vw;
    padding-left: 0vw;
    text-align: left;
    color: #ccc;
}

.red_rectangle-footer {
    width: 0.9vw;
    height: 0.7vw;
}

.footer-text-sm2 a {
    padding-left: .6vw;
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;
    text-align: left;
    color: #ccc;
    transition: padding-left 0.2s;
    transition-timing-function: ease;
}

.footer-text-sm2 a:hover {
    padding-left: 1.3vw;
    text-decoration: none;
    color: #ffff;
}

.footer-textbold-sm {
    padding-left: 0;
    padding-right: 1.1vw;
    line-height: 2.5vw;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    text-align: left;
    color: #ccc;
}

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

.footer-textbold-sm a {
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    text-align: left;
    color: #ccc;
}

.footer-textbold-sm a:hover {
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    text-decoration: none;
    color: #d90915;
}

.footer-text-sm3 {
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 0vw;
    padding-left: 0vw;
    text-align: left;
    color: #ccc;
}

.footer-textbold-sm3 span a {
    padding-left: .6vw;
    font-family: TeXGyreAdventorbold;
    font-size: 0.8vw;
    text-align: left;
    text-decoration: underline;
    color: #fff;
}

.footer-textbold-sm3 span a:hover {
    padding-left: 0.6vw;
    text-decoration: none;
    color: #d90915;
}

.footer-textbold-sm3 {
    padding-left: 0;
    padding-right: 1.1vw;
    line-height: 2.5vw;
    font-family: TeXGyreAdventor;
    padding-top: 0vw;
    font-size: 0.9vw;
    text-align: left;
    color: #ccc;
}

.footer-textbold-sm2 {
    padding-left: 0;
    padding-right: 0vw;
    line-height: 2.5vw;
    font-family: TeXGyreAdventorbold;
    padding-top: 0vw;
    padding-bottom: 0vw;
    font-size: 0.9vw;
    text-align: left;
    color: #ccc;
}

.form-text {
    width: 14.5vw !important;
    height: 3vw !important;
    padding: 0.875rem 1.25rem 1rem 0.938rem;
    background-color: #fff !important;
    border-radius: 0 !important;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: TeXGyreAdventor;
    font-size: 0.7vw;
    text-align: left;
    color: #161615;
}

.form-text::placeholder {
    background-color: #fff !important;
    font-family: TeXGyreAdventor;
    font-size: 0.7vw;
    text-align: left;
    color: #ccc
}

.form-submit {
    width: 7vw;
    height: 3.1vw;
    border-radius: 0 !important;
    border: none !important;
    outline: none;
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0.5vw 1vw 0.5vw 1vw;
    background-color: #d90915;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    color: #fff;
}

form {
    display: inline-flex;
    padding-top: 1vw;
}

#logoSlider {
    position: relative;
}

@media (max-width: 767px) {
    #logoSlider {
        border-color: transparent;
    }
}

#logoSlider .MS-content {
    overflow: hidden;
    white-space: nowrap;
    padding-left: 1vw;
}

@media (max-width: 767px) {
    #logoSlider .MS-content {
        margin: 0;
        padding: 0;
    }
}

#logoSlider .MS-content .item {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border-right: none;
    width: 14.4%;
    white-space: normal;
    text-align: center !important;
}

@media (max-width: 1200px) {
    #logoSlider .MS-content .item {
        width: 12%;
    }
}

@media (max-width: 992px) {
    #logoSlider .MS-content .item {
        width: 25%;
    }
}

@media (max-width: 767px) {
    #logoSlider .MS-content .item {
        width: 25%;
        vertical-align: top;
    }
}

.line-1 {
    z-index: 3 !important;
    margin-top: 0;
    left: 6.4vw;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 69vw;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line-22 {
    z-index: 3 !important;
    margin-top: 0;
    right: 6vw;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 69vw;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line-3 {
    z-index: 3 !important;
    margin-top: 0;
    left: 50%;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 69vw;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line-4 {
    z-index: 3 !important;
    margin-top: 0;
    left: 27%;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 69vw;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line-5 {
    z-index: 3 !important;
    margin-top: 0;
    left: 72%;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 69vw;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line--1 {
    z-index: 3 !important;
    margin-top: 0;
    left: 6.4vw;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 100vh;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line--22 {
    z-index: 3 !important;
    margin-top: 0;
    right: 6vw;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 100vh;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line--3 {
    z-index: 3 !important;
    margin-top: 0;
    left: 50%;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 100vh;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line--4 {
    z-index: 3 !important;
    margin-top: 0;
    left: 27%;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 100vh;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.line--5 {
    z-index: 3 !important;
    margin-top: 0;
    left: 72%;
    border-left: 1px solid #d6d6d6;
    opacity: 0.2;
    height: 100vh;
    width: 1px;
    top: 0;
    position: absolute;
    overflow: hidden !important;
    display: block;
}

.text-center-parallelograms {
    text-align: center;
    margin-top: -2.1vw
}

.preloader {
    position: fixed;
    z-index: 1000091;
    right: 0;
    left: 0;
    background: #212529;
    bottom: 0;
    top: 0;
}

.preloader .loader {
    margin: auto;
    text-align: center;
}

.preloader .loader {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 10vw;
    bottom: 0;
}

#pre-loader {
    z-index: 999999999999999;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #161615;
    width: 100%;
    height: 100%;
}

.loadingGraphics {
    display: inline-block;
    width: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.drone {
    width: 300px;
    height: 300px;
}

 

.loadingText {
    font-family: sans-serif;
    font-size: 2em;
    color: #999;
    text-transform: uppercase;
    text-align: center;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 70% !important;
    width: 5vw !important;
    height: 5vw !important;
    margin-top: 0px !important;
    z-index: 9;
    cursor: pointer;
    -moz-background-size: 5vw 5vw !important;
    -webkit-background-size: 5vw 5vw !important;
    background-size: 5vw 5vw !important;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 15% !important;
    left: auto;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 15% !important;
    right: auto;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5vw;
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.overflow {
    overflow: hidden !important;
}

.overflow-x {
    overflow-x: hidden !important;
}

.header_container {
    margin-top: 0vw;
    padding: 0vw;
}


/* ----------------------------------------------
 * Generated by Animista on 2021-11-4 18:13:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%
    }
    100% {
        -webkit-transform: scale(1.05) translateY(-15px);
        transform: scale(1.05) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top
    }
}

@keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%
    }
    100% {
        -webkit-transform: scale(1.05) translateY(-15px);
        transform: scale(1.05) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top
    }
}

.header_container_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 50%;
    -webkit-animation: kenburns-top 5s ease-out both;
    animation: kenburns-top 4s ease-out both;
    position: absolute;
}

.header_container_img2 {
    background-repeat: no-repeat;
    width: 100%;
    height: 50%;
    -webkit-animation: kenburns-top 5s ease-out both;
    animation: kenburns-top 4s ease-out both;
    position: absolute;
    background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url('../img/construction new heDWE.jpg');
    background-position: center;
    background-size: cover;
}


.text-center {
    margin: 0 auto;
    text-align: center !important;
}

.index-text {
    font-family: Built;
    font-size: 15.5vw;
    line-height: 0.39;
    text-align: left;
    color: #f8f8f8;
    padding-top: 0vw;
    padding-left: 0;
}

.index-text2 {
    font-family: Built;
    font-size: 15.5vw;
    line-height: 0.39;
    text-align: left;
    color: #efefef;
    padding-top: 0vw;
    padding-left: 0;
}

.index-text-gray {
    font-family: Built;
    font-size: 15.5vw;
    line-height: 0.39;
    text-align: center;
    color: #222;
    padding-top: 0vw;
    padding-left: 0;
}

.index-text-gray2 {
    font-family: Built;
    font-size: 12.5vw;
    line-height: 0.39;
    text-align: center;
    color: #222;
    padding-top: 0vw;
    padding-left: 0;
}

.index-text--gray2 {
    font-family: Built;
    font-size: 12.5vw;
    line-height: 0.39;
    text-align: center;
    color: #222;
    padding-top: 5vw;
    padding-left: 0;
}

.index-text-gray--2 {
    font-family: Built;
    font-size: 12.5vw;
    line-height: 0.39;
    text-align: center;
    color: #222;
    padding-top: 0vw;
    padding-left: 0;
}

.index-text-gray-team {
    font-family: Built;
    font-size: 12.5vw;
    line-height: 0.39;
    color: #222;
    padding-top: 0vw;
    padding-left: 0;
    text-align: left;
}

.fa-home {
    font-size: .885vw;
    text-align: left;
    color: #d90915;
}

.header_container .font-gray-sm a {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    text-decoration: none;
}

.header_container .font-gray-sm2 a {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #ccc;
    text-decoration: none;
}

.header_container .header-tx-sm a {
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    text-align: left;
    color: #fff;
    text-decoration: none;
}

.header_container .header-tx-sm-2 a {
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    text-align: left;
    color: #fff;
    text-decoration: none;
}

.contact-text {
    font-family: Built;
    font-size: 12vw;
    line-height: 0.46;
    text-align: left;
    color: #f8f8f8;
    padding-top: 3vw;
    padding-left: 0;
}

.bg2--text {
    font-family: Built;
    font-size: 12vw;
    line-height: 0.46;
    text-align: left;
    color: #f8f8f8;
    padding-top: 3vw;
    padding-left: 0;
}

.bg--text {
    font-family: Built;
    font-size: 12vw;
    line-height: 0.46;
    text-align: left;
    color: #f8f8f8;
    padding-top: 3vw;
    padding-left: 0;
}

.bg--text--2 {
    font-family: Built;
    font-size: 12vw;
    line-height: 0.46;
    text-align: left;
    color: #f8f8f8;
    padding-top: 3vw;
    padding-left: 0;
}

.bg--text2 {
    font-family: Built;
    font-size: 12vw;
    line-height: 0.46;
    text-align: left;
    color: #f8f8f8;
    padding-top: 3vw;
    padding-left: 0;
}

.link {
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    text-align: left;
    color: #0047a8;
    text-decoration: underline;
}

.contact-text-bold {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    text-align: left;
    color: #777;
}

.contact-text-bold2 {
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    text-align: left;
    color: #ccc;
    padding-bottom: 1.5vw;
    padding-left: 0;
}

.contact-text-bold-white {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    text-align: left;
    color: #fff;
    padding-bottom: 0.4vw;
    padding-left: 0;
}

.contact-text-span {
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    text-align: left;
    color: #777;
}

.pt-bold {
    padding-top: 1.3vw;
    padding-bottom: 0.4vw
}

.pt--bold2 {
    padding-top: 2vw;
    padding-bottom: 1vw
}

.pt-bold-2 {
    padding-top: 1.3vw;
    padding-bottom: 0vw
}

.contact-text-bold-lg {
    font-family: Built;
    font-size: 2.2vw;
    line-height: 0.55;
    text-align: left;
    color: #161615;
}

.contact-text-white-lg {
    font-family: Built;
    font-size: 2.2vw;
    line-height: 0.55;
    text-align: left;
    color: #fff;
    padding-left: 0;
    padding-bottom: 1vw;
}

.container--body {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-top: 12vw;
}

.container-body {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-top: 5vw;
}

.container-video {
    margin-left: 7vw;
    margin-right: 5.3vw;
    margin-top: 0vw;
}

.mobile-version {
    display: none;
}

.container-body-solar {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-top: 5vw;
    margin-bottom: 7vw;
}

.container-inspection {
    padding-left: 7vw;
    padding-right: 7vw;
    padding-top: 5vw;
    padding-bottom: 7vw;
    background-color: #161615;
    margin-right: 0vw;
    margin-left: 0vw;
}

.container--solar {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-top: 10vw;
}

.container-body2 {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
}

.container-body3 {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-top: 3vw;
}

.container--body3 {
    margin: 3vw 7vw 7vw 7vw ;
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ 
    .container--body3{
        margin: 5vw 7vw 7vw 7vw ;
    }
}
/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
  
        .container--body3{
            margin: 5vw 7vw 7vw 7vw ;
        }
    }

.container--solar3 {
    margin: 9vw 7vw 11vw 7vw;
}

.container-body4 {
    margin: 3vw 6vw 0 6.5vw;
}

.container-body-4 {
    margin: 3vw 6vw 0 6.5vw;
}

.container-body5 {
    margin: 3vw 6vw 0 6.5vw;
}

.container-body-5 {
    margin-left: 4.5vw;
    margin-right: 3.5vw;
    margin-top: 0vw;
    margin-bottom: 3vw;
}

.padding-10 {
    padding-top: 2vw;
    padding-bottom: 6vw;
    padding-left: 0;
    padding-right: 0;
}

.font-black-rect {
    font-family: built;
    font-size: 3vw;
    line-height: 0.4;
    text-align: left;
    color: #161615;
}

.font-black-rect2 {
    font-family: built;
    font-size: 3vw;
    line-height: 0.4;
    text-align: left;
    color: #161615;
}

.font--black {
    margin-top: -0.9vw !important;
    padding-left: 0.6vw;
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #161615;
}

.font--black--solar {
    margin-top: 1vw !important;
    padding-left: 0vw;
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #161615;
}

.font--black2 {
    margin-top: 2vw !important;
    padding-left: 0vw;
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #161615;
}

.font--black-solartab {
    margin-top: 4vw !important;
    padding-left: 0vw;
    padding-right: 50%;
    padding-bottom: 1vw;
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #161615;
}

.font--black-solartab2 {
    padding-right: 0.7vw;
    margin-bottom: 0.5vw !important;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    text-align: left;
    color: #777;
}
 
.tab--3_tx2 {
    padding-left: 0vw;
    margin-bottom: 2vw;
    padding-right: 12vw;
    font-family: TeXGyreAdventor;
    font-size: 1vw;
    text-align: left;
    color: #777;

}

 
.font--black-solar {
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: center;
    color: #161615;
    padding-left: 24vw;
    padding-right: 24vw;
}

.font--black-solar2 {
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: center;
    color: #161615;
    padding-left: 20vw;
    padding-right: 20vw;
}

.font--black-training {
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: center;
    color: #161615;
    padding-left: 20vw;
    padding-right: 20vw;
}

.enroll {
    font-family: Built;
    font-size: 15vw;
    line-height: 0.39;
    color: #f8f8f8;
}

.enroll_sm {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 0.3;
    padding-bottom: 2vw;
    text-align: center;
    color: #777;
}

.font-black-careers-2 {
    font-family: built;
    font-size: 3vw;
    line-height: 0.4;
    text-align: left;
    color: #161615;
}

.font-gray-rect {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 0.2;
}

.font--gray {
    font-family: TeXGyreAdventor;
    padding-left: 1vw !important;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 1.2;
    margin-top: -1vw !important;
    padding-right: 4vw;
    text-transform: uppercase;
    padding-bottom: 1vw;
}

.font--gray-2 {
    font-family: TeXGyreAdventor;
    padding-left: 1vw !important;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 1.2;
    margin-top: -1vw !important;
    padding-right: 4vw;
    text-transform: uppercase;
    padding-bottom: 1vw;
}

.font--gray2 {
    font-family: TeXGyreAdventor;
    padding-left: 1vw !important;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 1.2;
    margin-top: -1vw !important;
    padding-right: 4vw;
}

.font--gray3 {
    font-family: TeXGyreAdventor;
    padding-left: 1vw !important;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 1.2;
    margin-top: -1vw !important;
    padding-right: 4vw;
}

.font--gray--2 {
    font-family: TeXGyreAdventor;
    padding-left: 1vw !important;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 1.2;
    margin-top: -1vw !important;
    padding-right: 4vw;
}

.color-red {
    color: #d90915 !important
}

.red--rectangle-style {
    width: 5.4vw;
    height: 3.5vw;
    margin-top: -0.85vw;
    margin-left: 0vw;
}

.font-gray {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 0.6;
    text-transform: uppercase;
}

.font-gray-22 {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 0.6;
}

.font-black-rect-index {
    font-family: built;
    font-size: 3vw;
    line-height: 1;
    text-align: left;
    color: #161615;
}

.font-black-rect-index2 {
    font-family: built;
    font-size: 3vw;
    line-height: 1;
    text-align: left;
    color: #fff;
}

.font-black-rect-index3 {
    font-family: built;
    font-size: 3vw;
    line-height: 1;
    text-align: left;
    color: #fff;
}

.font-black--rect {
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #fff;
    margin-top: -0.5vw;
}

.font-black2--rect {
    font-family: built;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #fff;
    margin-top: -0.5vw;
}

.font--gray--rect {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 1;
    margin-top: -1vw;
}

.font--gray2--rect {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #ccc;
    line-height: 1;
    margin-top: -1vw;
}

.paddingl-5-rect {
    padding-left: 2.7vw !important;
}

.font-black-rect-index4 {
    font-family: built;
    font-size: 3vw;
    line-height: 0.7;
    text-align: left;
    color: #fff;
}

.font-gray-rect-index {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 0;
    margin-top: -0.5vw;
}

.font-gray-rect-index2 {
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #777;
    line-height: 0;
    margin-top: 1.2vw;
}

.red-rectangle-style {
    width: 5.4vw;
    height: 3.5vw;
    margin-top: -0.7vw;
    margin-left: 0vw;
}

.red-rectangle-style-about {
    width: 5.4vw;
    height: 3.5vw;
    margin-top: -0.7vw;
    margin-left: 0vw;
}

.red-rectangle-index {
    width: 5.4vw;
    height: 4vw;
    margin-top: 0vw;
    margin-left: 1.3vw;
}

.red-rectangle-index-slider {
    width: 5.4vw;
    height: 4vw;
    margin-top: 0vw;
    margin-left: 1.1vw;
}

.red-rectangle-index3 {
    width: 5.4vw;
    height: 4vw;
    margin-top: -0.2vw;
    margin-left: 1.3vw;
}

.red-rectangle-index4 {
    width: 4.8vw;
    height: 3.5vw;
    margin-top: -0.2vw;
    margin-left: 1.3vw;
}

.red-rectangle-index2 {
    width: 5.4vw;
    height: 4vw;
    margin-top: 0vw;
    margin-right: 2.5vw;
}

.paddingl-2 {
    padding-left: 1.6vw !important;
}

.padding-20 {
    padding-left: 0;
    padding-right: 20%;
    padding-top: 2vw;
    padding-bottom: 3vw;
}

.padding-11 {
    padding-left: 0;
    padding-right: 11%;
    padding-top: 2vw;
    padding-bottom: 4.5vw;
}

.gray-bg-container {
    width: 100%;
    height: 100%;
    padding-left: 6vw;
    position: absolute;
}

.gray-bg {
    width: 100%;
    height: 100%;
    background-color: #d6d6d6;
}

iframe {
    position: relative;
    padding-top: 5vw;
}

.bg-black-form {
    padding-right: 3.5vw;
    padding-left: 3.5vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    margin: 0;
    background-color: #161615;
    width: 100%;
    height: 100%;
}

.padding-right-5 {
    padding-right: 5vw;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.padding-bottom-3 {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 5vw;
    line-height: 0;
}

.padding-left {
    padding-right: 0vw;
    padding-left: 7vw;
    padding-top: 5vw;
    padding-bottom: 0;
}

.padding-top-4 {
    padding-right: 0;
    padding-left: 1.5vw;
    padding-top: 2.6vw;
    padding-bottom: 1.5vw;
}

.padding-top-5 {
    padding-top: 8.5vw;
    padding-left: 0vw;
}

.padding-top--5 {
    padding-top: 3.5vw;
    padding-left: 0vw;
}

.call-center {
    width: 4vw;
    height: 4vw;
}

.man {
    width: 4vw;
    height: 4vw;
    margin-top: 0.3vw;
}




.bg-black-form2 {
    padding-right: 2vw;
    padding-left: 2.5vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    margin: 0;
    background-color: #161615;
    width: 100%;
    height: 75%;
}

.width-100 {
    width: 100% !important;
}

.myVideoheader {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    object-fit: cover;
}


/****  floating-Lable style start ****/

.floating-label {
    position: relative;
    margin-bottom: 1.7vw;
}

.floating-input,
.floating-select {
    font-size: 0.85vw;
    padding-top: 0.4vw;
    padding-bottom: 0.4vw;
    padding-left: 1vw;
    padding-right: 1vw;
    display: block;
    width: 100%;
    height: 3.1vw;
    background-color: transparent;
    border: none;
    font-family: TeXGyreAdventor;
    border-radius: 0.4vw;
    border: 1px solid #222;
    background-color: #161615;
    color: #fff;
}

.floating-input:focus,
.floating-select:focus {
    outline: none;
    border: 1px solid #777;
}

label {
    color: #777;
    font-size: 1vw;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 1.5vw;
    top: 0.7vw;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
    top: -0.9vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    left: 1vw;
    color: #777;
    font-size: 0.8vw;
    background: #161615;
}

.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
    top: -0.9vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    left: 1vw;
    color: #777;
    font-size: 0.8vw;
    background: #161615;
}


/* active state */

.floating-input:focus~.bar:before,
.floating-input:focus~.bar:after,
.floating-select:focus~.bar:before,
.floating-select:focus~.bar:after {
    width: 50%;
}

textarea {
    padding-top: 1.4vw !important;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.red {
    color: #d90915 !important;
}

.floating-textarea {
    height: 10vw;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
}


/* highlighter */

.highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}


/* active state */

.floating-input:focus~.highlight,
.floating-select:focus~.highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}


/* animation */

@-webkit-keyframes inputHighlighter {
    from {
        background: #161615;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #161615;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #161615;
    }
    to {
        width: 0;
        background: transparent;
    }
}


/****  floating-Lable style end ****/

.padding-form-1 {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.5vw;
}

.padding-form-2 {
    padding-left: 0.5vw;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.floating-form option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    height: 3vw;
    padding: 0px 0.6vw 0.4vw;
}

.floating-form select {
    color: #fff;
}

[type="checkbox"] {
    position: relative;
    left: 15px;
    top: -4px;
    z-index: 0;
    -webkit-appearance: none;
}

[type="checkbox"]+label {
    position: absolute;
}

[type="checkbox"]+label::before {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 2px solid #8cad2d;
    background-color: #fff;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    z-index: 5;
    position: relative;
}

[type="checkbox"]:checked+label::before {
    box-shadow: inset 0px 0px 0px 3px #fff;
    background-color: #8cad2d;
}

.padding-chechbox2 input[type="checkbox"] {
    appearance: none;
    width: 2.6vw;
    height: 1.3vw;
    border: 1px solid #555555;
    border-radius: 0 !important;
    background-clip: content-box;
    padding: 0.3vw;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0;
}

.padding-chechbox2 input[type="checkbox"]:checked {
    background-color: #d90915;
    border: 1px solid #d90915
}

.padding-chechbox2 {
    display: inline-flex;
    padding-top: 2vw;
    padding-left: 0;
}

.padding-chechbox2 p {
    padding-left: 1vw;
    padding-top: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    text-align: left;
    color: #ccc;
}

.padding-chechbox input[type="checkbox"] {
    appearance: none;
    width: 2.3vw;
    height: 1.3vw;
    border: 1px solid #555555;
    border-radius: 0 !important;
    background-clip: content-box;
    padding: 0.3vw;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0;
}

.padding-chechbox input[type="checkbox"]:checked {
    background-color: #d90915;
    border: 1px solid #d90915
}

.padding-chechbox {
    display: inline-flex;
    padding-top: 2vw;
    padding-left: 0;
}

.padding-chechbox p {
    padding-left: 1vw;
    padding-top: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    text-align: left;
    color: #ccc;
}

.padding-chechbox-2 input[type="checkbox"] {
    appearance: none;
    width: 1.3vw;
    height: 1.3vw;
    border: 1px solid #555555;
    border-radius: 50%;
    background-clip: content-box;
    padding: 0.15vw;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0;
}

.padding-chechbox-2 input[type="checkbox"]:checked {
    background-color: #d90915;
    border: 3px solid #d90915;
}

.padding-chechbox-2 {
    padding-top: 0vw;
    padding-left: 0;
    padding-bottom: 1.2vw;
}

.padding-chechbox-2 p {
    padding-left: 0.5vw;
    padding-top: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.95vw;
    text-align: left;
    color: #fff;
    line-height: 1.4;
}

select {
    background: url(../img/white-drop-down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position-x: 95%;
}

.padding-owl-carousel {
    padding-left: 1vw;
    padding-right: 0vw;
}

.padding-owl-carousel2 {
    padding-left: 0vw;
    padding-right: 0vw;
}

.owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 2vw !important;
    font: inherit;
    background-color: #d90915 !important;
    font-size: 3vw !important;
    color: #fff !important;
    width: 3vw;
    font-weight: 800 !important;
    height: 3vw;
    margin-right: 0 !important;
}

.owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    font-size: 3vw !important;
    color: #fff !important;
    background-color: #efefef !important;
    border: none;
    padding: 2vw !important;
    font: inherit;
    width: 3vw;
    height: 3vw;
}

.owl-theme .owl-dots {
    display: none;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 3vw !important;
    margin: 0.5vw !important;
    padding: 0px 0px !important;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 0 !important;
}

#owl-carousel-2 .owl-theme .owl-nav {
    margin-top: 0 !important;
    right: 0 !important;
    margin-right: 0 !important;
    top: -7vw !important;
}

#owl-slider .owl-nav {
    margin-top: 0 !important;
    right: 45vw !important;
    margin-right: 0 !important;
    top: 27vw !important;
}

#owl-slider .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 3vw !important;
    margin: 0.5vw !important;
    padding: 0px 0px !important;
    background: #fff !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 0 !important;
}

#owl-carousel .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 3vw !important;
    margin: 0.5vw !important;
    padding: 0px 0px !important;
    background: #fff !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 0 !important;
}

#owl-carousel_slider .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 3vw !important;
    margin: 0.5vw !important;
    padding: 0px 0px !important;
    background: #fff !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 0 !important;
}

.owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: #777 !important;
    border: none;
    padding: 0 !important;
    font: message-box !important;
    font-size: 2vw !important;
    line-height: 0 !important;
}

.owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: message-box !important;
    font-size: 2vw !important;
    line-height: 0 !important;
}

.owl-theme .owl-nav [class*=owl-]:hover,
.owl-theme .owl-nav [class*=owl-]:focus,
.owl-theme .owl-nav [class*=owl-]:checked {
    background: #869791;
    color: #FFF;
    text-decoration: none;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.owl-theme .owl-nav {
    margin-top: 0 !important;
    right: 0 !important;
    margin-right: 0 !important;
    top: -7vw !important;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: right !important;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
}

#owl-carousel2 .item {
    background-color: #f8f8f8 !important;
    padding-bottom: 3.5vw !important;
    text-align: left !important
}

#owl-carousel {
    margin-bottom: 5vw !important;
}

#owl-carousel-2 .item {
    background-color: #fff !important;
    padding-bottom: 3.5vw !important;
    text-align: left !important;
    border: 1px solid #d6d6d6 !important;
    width: 99.3% !important;
    height: 27vw !important;
}

#owl-carousel-2 .item2 {
    background-color: #fff !important;
    padding-bottom: 3.5vw !important;
    text-align: left !important;
    border: 1px solid #d6d6d6 !important;
    width: 99.3% !important;
    height: 31vw !important;
    margin-bottom: 3vw;
}

#owl-carousel--2 .item2 {
    background-color: #fff !important;
    padding-bottom: 3.5vw !important;
    text-align: left !important;
    border: 1px solid #d6d6d6 !important;
    width: 99.3% !important;
    height: 31vw !important;
    margin-bottom: 3vw;
}

#owl-carousel_slider {
    margin-bottom: 5vw !important;
    margin-top: 5vw !important;
}

#owl-carousel .item .x {
    background-color: #161615 !important;
    padding-bottom: 3.5vw !important;
    text-align: left !important;
    height: 32vw;
    width: 100% !important;
}

#owl-carousel_slider .item .x {
    background-color: #fff !important;
    padding-bottom: 3.5vw !important;
    text-align: left !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important
}

#owl-carousel .item {
    height: 35vw
}

#owl-carousel_slider .item {
    height: 26vw
}

.careersjob {
    width: 49.4vw !important;
    height: 32vw !important;
    position: absolute !important;
    top: 5vw;
    z-index: 9999;
    right: 8.5vw;
}

#owl-carousel .owl-nav {
    margin-top: 0 !important;
    right: 85.5% !important;
    margin-right: 0 !important;
    top: 65% !important;
}

#owl-carousel_slider .owl-nav {
    margin-top: 0 !important;
    right: 33.5% !important;
    margin-right: 0 !important;
    top: 86.4% !important;
}

.item-header {
    font-family: Built;
    font-size: 3vw;
    line-height: 1.57;
    text-align: left;
    color: #fff;
    padding-top: 6vw;
    padding-left: 7vw;
    padding-bottom: 2vw;
}

.item-tx-w {
    font-family: TeXGyreAdventorbold;
    padding-top: 0vw;
    padding-left: 7vw;
    padding-bottom: 0vw;
    font-size: 0.9vw;
    line-height: 1.22;
    text-align: left;
    color: #fff;
}

.item-tx-g {
    font-family: TeXGyreAdventor;
    padding-top: 0vw;
    padding-left: 7vw;
    padding-bottom: 0vw;
    padding-right: 6vw;
    font-size: 0.8vw;
    text-align: left;
    color: #ccc;
}

.arabicBold a {
    font-family: TajawalBold !important;
}

.arabicBold2 {
    font-family: TajawalBold !important;
    font-size: 1.4vw;
    line-height: 1.33;
    text-align: left;
    color: #161615;
    padding: 1vw 10vw 3vw 0vw;
}

.arabicMedium {
    font-family: TajawalMedium !important;
}

.arabicMedium2 {
    font-family: TajawalMedium !important;
    font-size: 0.8vw;
    text-align: left;
    color: #777;
    padding: 0vw 2vw 0vw 0vw;
}

.owl-theme .owl-nav [class*=owl-]:hover,
.owl-theme .owl-nav [class*=owl-]:focus {
    background: #d90915 !important;
    color: #FFF;
    text-decoration: none;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:focus {
    background: 0 0;
    color: #fff !important;
}

.fa-calendar {
    color: #ccc !important;
}

.drone-demo {
    margin-top: 5vw;
    right: 0px;
    margin-left: 61%;
}

.demo {
    position: relative;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 0px;
    background: #d90915;
    transition: background-color 1s;
    cursor: pointer;
    text-align: center !important;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw !important;
    border: none;
    width: 15vw;
    height: 3.5vw;
    z-index: 999999999;
}

.demo:before,
.demo:after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 14%;
    height: 0.44vw;
    background: #fff;
    transform: scaleX(0);
    transform-origin: 0 100%;
}

.demo:after {
    left: 19%;
    width: 66%;
}

.demo.s--processing {
    background-color: #53e2c2;
    transition-delay: 4.6s;
}

.demo.s--processing:before,
.demo.s--processing:after {
    transform: scaleX(1);
    background-color: #fff;
}

.demo.s--processing:before {
    transition: transform 0.6s 1.4s, background-color 1s 4.6s;
}

.demo.s--processing:after {
    transition: transform 2.4169014085s 2.4s, background-color 1s 4.6s;
}

.demo.s--reverting {
    background-color: #d90915;
    transition: background-color 0.5s 0.96s;
}

.demo.s--reverting:before,
.demo.s--reverting:after {
    opacity: 0;
}

.demo svg {
    overflow: visible;
    fill: none;
    stroke-linejoin: round;
}

.demo-transitionend-listener {
    transition: opacity 6.6s;
}

.demo.s--processing .demo-transitionend-listener {
    opacity: 0;
}

.demo__revert-line {
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 80%;
    height: 0.43vw;
    background: #fff;
    transform-origin: 0 50%;
    opacity: 0;
}

.demo.s--reverting .demo__revert-line {
    opacity: 1;
    transform: scaleX(0);
    transition: transform 0.864s;
}

.demo__drone-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.demo__drone-cont--takeoff {
    z-index: -1;
    opacity: 0;
}

.demo.s--processing .demo__drone-cont--takeoff {
    opacity: 1;
    transform: translateY(-3.8vw);
    transition: transform 0.8s, opacity 0.2s;
    transition-delay: 1.2s;
}

.demo.s--processing .demo__drone-cont--shift-x {
    transition: transform 2.6s 2.4s;
    transform: translateX(140px);
}

.demo.s--processing .demo__drone-cont--shift-x2 {
    transition: transform 2.6s 2.4s;
    transform: translateX(25vw);
}

.demo.s--processing .demo__drone-cont--landing {
    transform: translateY(1.3vw);
    transition: transform 0.3s 5s;
}

.demo__drone {
    position: absolute;
    left: 0.58vw;
    top: -0.878vw;
    width: 4.98vw;
    height: 4.09vw;
    stroke: #000;
    stroke-width: 0.15vw;
    fill: none;
}

@-webkit-keyframes tiltAnim {
    8%,
    24% {
        transform: rotate(0);
    }
    35%,
    70% {
        transform: rotate(8deg);
    }
    85% {
        transform: rotate(-4deg);
    }
    95%,
    100% {
        transform: rotate(0);
    }
}

@keyframes tiltAnim {
    8%,
    24% {
        transform: rotate(0);
    }
    35%,
    70% {
        transform: rotate(8deg);
    }
    85% {
        transform: rotate(-4deg);
    }
    95%,
    100% {
        transform: rotate(0);
    }
}

.demo.s--processing .demo__drone {
    transform-origin: 50% 100%;
    -webkit-animation: tiltAnim 3.8s 1.2s;
    animation: tiltAnim 3.8s 1.2s;
}

.demo.s--processing .demo__drone-leaving {
    transform: translate(8.78vw, -8.78vw) rotate(20deg) scale(0.3);
    opacity: 0;
    transition: transform 1.1s 5.5s, opacity 0.55s 6.05s;
}

.demo__drone-arm {
    --rotation: 0deg;
    transform-origin: 4.98vw 4.1vw;
    transform: rotate(var(--rotation));
}

.demo__drone-arm--2 {
    transform: scaleX(-1) rotate(var(--rotation));
}

.demo.s--processing .demo__drone-arm {
    --rotation: 25deg;
    transition: transform 0.3s 5.2s;
}

.demo__drone-green {
    fill: #fff;
}

.demo.s--processing .demo__drone-green {
    fill: #d90915;
    transition: fill 1s 4.6s;
}

.demo__drone-yellow {
    fill: #d90915;
}

.demo__drone-package {
    stroke-width: 0px;
}

.demo__drone-package2 {
    stroke-width: 0px;
}

@-webkit-keyframes revertAnim {
    40%,
    45% {
        transform: translate(-20.86vw, 0);
    }
    75% {
        transform: translate(-20.86vw, -7.3vw);
    }
    100% {
        transform: translate(-20.86vw, 7.3vw);
    }
}

@keyframes revertAnim {
    40%,
    45% {
        transform: translate(-20.86vw, 0);
    }
    75% {
        transform: translate(-20.86vw, -7.3vw);
    }
    100% {
        transform: translate(-20.86vw, 7.3vw);
    }
}

@-webkit-keyframes revertAnim2 {
    40%,
    45% {
        transform: translate(-50.86vw, 0);
    }
    75% {
        transform: translate(-50.86vw, -7.3vw);
    }
    100% {
        transform: translate(-50.86vw, 7.3vw);
    }
}

@keyframes revertAnim2 {
    40%,
    45% {
        transform: translate(-50.86vw, 0);
    }
    75% {
        transform: translate(-50.86vw, -7.3vw);
    }
    100% {
        transform: translate(-50.86vw, 7.3vw);
    }
}

.demo.s--reverting .demo__drone-package {
    opacity: 0;
    transition: opacity 0s 2s;
    -webkit-animation: revertAnim 2s;
    animation: revertAnim 2s;
}

.demo.s--reverting .demo__drone-package2 {
    opacity: 0;
    transition: opacity 0s 2s;
    -webkit-animation: revertAnim2 2s;
    animation: revertAnim2 2s;
}

.demo__circle {
    position: absolute;
    left: 2vw;
    top: 50%;
    width: 2.4vw;
    height: 2.4vw;
    margin-top: -1.25vw;
    border-radius: 50%;
    background: #d90915;
}

.demo.s--processing .demo__circle {
    background-color: #53e2c2;
    transition: background-color 1s;
    transition-delay: 4.6s;
}

.demo.s--reverting .demo__circle {
    background-color: #d90915;
    transition: background-color 0.5s 0.96s;
}

.demo__circle-inner {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.demo__circle-package {
    width: 1.02vw;
    height: 1.3vw;
    stroke: #fff;
    stroke-width: 0.15vw;
    stroke-linecap: round;
}

.demo.s--processing .demo__circle-package {
    transform: translateY(-5.12vw);
    transition: transform 0.8s 1.2s;
}

.demo.s--reverting .demo__circle-package {
    transform: translateY(0);
    transition: transform 0.16s 1.6s;
}

.demo__circle-grabbers {
    --grabY: 0px;
    --grabRotate: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.demo__circle-grabbers:before,
.demo__circle-grabbers:after {
    content: "";
    position: absolute;
    right: 0.36vw;
    top: -0.87vw;
    width: 1.025vw;
    height: 0.58vw;
    border: 0.15vw solid #777;
    border-left: none;
    border-bottom: none;
    transform: translateY(var(--grabY)) rotate(var(--grabRotate));
    transition: transform 0.8s;
}

.demo__circle-grabbers:before {
    right: auto;
    left: 0.37rem;
    transform: translateY(var(--grabY)) scaleX(-1) rotate(var(--grabRotate));
}

@-webkit-keyframes grabAnim {
    40%,
    59.999% {
        --grabY: 1.1vw;
        --grabRotate: 55deg;
    }
    60%,
    100% {
        --grabY: -4.02vw;
        --grabRotate: 55deg;
    }
}

@keyframes grabAnim {
    40%,
    59.999% {
        --grabY: 1.1vw;
        --grabRotate: 55deg;
    }
    60%,
    100% {
        --grabY: -4.02vw;
        --grabRotate: 55deg;
    }
}

.demo.s--processing .demo__circle-grabbers {
    -webkit-animation: grabAnim 2s forwards;
    animation: grabAnim 2s forwards;
}

.demo__circle-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-width: 0.15vw;
}

.demo__circle-progress-line {
    stroke-dasharray: 125.6813812256, 125.6813812256;
    stroke-dashoffset: 125.6813812256;
}

.demo.s--processing .demo__circle-progress-line {
    stroke-dashoffset: 0;
    transition: all 0.5s 4.9s;
}

.demo.s--reverting .demo__circle-progress-line {
    stroke-dashoffset: 125.6813812256;
    transition: all 0.5s 0.96s;
}

.demo__circle-progress-checkmark {
    stroke-dasharray: 21.2132034302, 21.2132034302;
    stroke-dashoffset: 21.2132034302;
}

.demo.s--processing .demo__circle-progress-checkmark {
    stroke-dashoffset: 0;
    transition: all 0.5s 4.9s;
}

.demo.s--reverting .demo__circle-progress-checkmark {
    stroke-dashoffset: 21.2132034302;
    transition: all 0.5s 0.96s;
}

.demo__text-fields {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 0.9vw;
    color: #fff;
    font-family: TeXGyreAdventorbold;
}

.demo__text {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity, transform;
    pointer-events: none;
}

@-webkit-keyframes textAnimation {
    20%,
    80% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

@keyframes textAnimation {
    20%,
    80% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.demo__text--step-0 {
    opacity: 1;
    transform: translateY(0);
}

.demo.s--processing .demo__text {
    transition: all 0.4s;
}

.demo.s--processing .demo__text--step-0 {
    opacity: 0;
    transform: translateY(-1.46vw);
}

.demo.s--processing .demo__text--step-1 {
    -webkit-animation: textAnimation 2s 0s;
    animation: textAnimation 2s 0s;
}

.demo.s--processing .demo__text--step-2 {
    -webkit-animation: textAnimation 2s 1.6s;
    animation: textAnimation 2s 1.6s;
}

.demo.s--processing .demo__text--step-3 {
    -webkit-animation: textAnimation 2s 3.2s;
    animation: textAnimation 2s 3.2s;
}

.demo.s--processing .demo__text--step-4 {
    transition-delay: 4.8s;
    transform: translateY(0);
    opacity: 1;
}

.demo.s--reverting .demo__text--step-0 {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.4s 1s;
}

.demo.s--reverting .demo__text--step-4 {
    opacity: 0;
    transform: translateY(1.46vw);
    transition: all 0.4s 0.8s;
}

.demo__text-dots {
    letter-spacing: -0.036vw;
    font-size: 0.9vw;
}

@-webkit-keyframes dotAnimation {
    10%,
    90% {
        opacity: 0;
    }
    40%,
    60% {
        opacity: 1;
    }
}

@keyframes dotAnimation {
    10%,
    90% {
        opacity: 0;
    }
    40%,
    60% {
        opacity: 1;
    }
}

.demo__text-dots span {
    opacity: 0;
    -webkit-animation: dotAnimation 1.2s 0.4s infinite;
    animation: dotAnimation 1.2s 0.4s infinite;
}

.demo__text-dots:before,
.demo__text-dots:after {
    content: ".";
    opacity: 0;
}

.demo__text-dots:before {
    -webkit-animation: dotAnimation 1.2s infinite;
    animation: dotAnimation 1.2s infinite;
}

.demo__text-dots:after {
    -webkit-animation: dotAnimation 1.2s 0.8s infinite;
    animation: dotAnimation 1.2s 0.8s infinite;
}

.icon-link {
    z-index: 100;
    position: absolute;
    left: 0.36vw;
    bottom: 0.36vw;
    width: 2.34vw;
}

.icon-link img {
    width: 100%;
    vertical-align: top;
}

.icon-link--twitter {
    left: auto;
    right: 0.36vw;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 4% 1.5vw 4% 1vw;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.subscription:not(.done) .submit-email .before-submit .checkmark__check,
.subscription.done .submit-email .after-submit .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}


/* Style the tab */

.tab-careers {
    padding-top: 1vw;
    float: left;
    border-style: none;
    background-color: #fff;
    width: 25%;
}


/* Style the buttons inside the tab */

.tab-careers button {
    display: block;
    background: none;
    padding: 3vw 0vw 0vw 0vw;
    width: 100%;
    border-style: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 0;
    text-align: left;
    color: #ccc;
    text-transform: uppercase;
}


/* Change background color of buttons on hover */

.tab-careers button:hover,
.tab-careers button.active {
    color: #161615;
}


/* Style the tab content */

.tabcontent-careers {
    float: left;
    padding: 0;
    margin: 0;
    border-style: none;
    width: 75%;
    border-left: none;
}

.font-black-careers {
    text-transform: uppercase;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw;
    line-height: 1.2;
    text-align: left;
    color: #161615;
}

.font-black-careers a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw;
    text-align: left;
    color: #161615;
}

.font-black-careers a:hover {
    text-decoration: underline;
}

.tab-m-p {
    border-left: 0.5vw solid #d90915;
    margin-top: 2vw;
    margin-bottom: 2vw;
    background-color: #f9f9f9;
    padding: 2vw;
    margin-right: 1.5vw;
}

.padding-25 {
    padding-left: 25%;
    margin: 0;
    padding-top: 35vw;
}

.padding-25 div {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    text-align: left;
    color: #161615;
}

.padding-25 a {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 2;
    text-align: left;
    color: #0047a8;
    text-decoration: underline;
}

.bg-2222 {
    background: #222222;
    height: 17vw;
}

.bg-222 {
    background: url(/frontend/img/blogs-back.jpg);
    height: 17vw;
    background-size: cover;
}

.bg-222.news {
    background: url(/frontend/img/news-back.jpg);
}

.bg-22 {
    background: #222222;
    height: 4vw;
}

.pr-0 {
    padding-right: 0 !important;
}

.location {
    width: 1vw;
    height: 1.5vw;
    margin-left: 6vw;
    margin-right: 0.5vw
}

.fulltime {
    width: 1.5vw;
    height: 1.5vw;
    margin-left: 1.8vw;
    margin-right: 0.5vw
}

.engineering {
    width: 2vw;
    height: 1.5vw;
    margin-left: 1.8vw;
    margin-right: 0.5vw
}

.midlevel {
    width: 2.3vw;
    height: 1.5vw;
    margin-left: 1.8vw;
    margin-right: 0.5vw
}

.padding-12 {
    padding-left: 0;
    padding-right: 4%;
    padding-top: 0;
    padding-bottom: 2vw;
}

.padding-13 {
    padding-left: 0;
    padding-right: 4%;
    padding-top: 0;
    padding-bottom: 2vw;
}

.font-bold-black {
    font-family: TeXGyreAdventorbold;
    font-size: 0.95vw;
    text-align: left;
    color: #161615;
    padding-bottom: 1vw;
}

.img-text {
    list-style-type: none;
}

.img-text li {
    padding-bottom: 0.5vw;
    padding-left: 2vw
}

.img-text2 {
    list-style-type: none;
}

.img-text2 li {
    padding-bottom: 0.5vw;
    padding-left: 0vw;
    margin-left: -1.3vw;
}

.rectangle_text {
    width: 1vw;
    height: 1.5vw;
    position: absolute;
    left: 0;
}

.img-text-2 {
    list-style-type: none !important;
}

.img-text-2 li {
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    list-style-type: none
}

section {
    flex-grow: 1;
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 3.1vw;
    padding: 0.7vw;
    border: 1px dashed #777;
    border-radius: 3px;
    transition: 0.2s;
}

.file-drop-area:hover {
    border: 1px dashed #fff !important;
}

.file-drop-area.is-active {
    background-color: rgba(255, 255, 255, 0.05);
}

.fake-btn {
    flex-shrink: 0;
    background: none;
    padding-right: 1vw;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    color: #fff;
}

.file-msg {
    color: #777;
    text-align: center;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.file-input:focus {
    outline: none;
}

footer {
    margin-top: 50px;
}

footer a {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 300;
    font-size: 14px;
    text-decoration: none;
}

footer a:hover {
    color: white;
}

.upload {
    width: 1.1vw;
    height: 1.1vw;
    margin-right: 0.7vw;
    margin-top: -0.2vw;
}

.black-date {
    width: 6vw;
    padding-top: 60% !important;
    height: 15vw;
    background-color: #161615;
    z-index: 99;
}

.black-date2 {
    width: 6vw;
    padding-top: 60% !important;
    height: 15vw;
    background-color: #161615;
    z-index: 99;
}

.black-date-num {
    font-family: TeXGyreAdventor;
    font-size: 2.8vw;
    line-height: 1.43;
    text-align: center;
    color: #fff;
}

.black-date-tx {
    font-family: TeXGyreAdventor;
    font-size: 0.7vw;
    line-height: 1.43;
    text-align: center;
    color: #fff;
}

.news-img2 {
    width: 25vw;
    height: 15vw;
    z-index: -1;
    margin-left: -3vw;
}

.news-img4 {
    width: 25vw;
    height: 15vw;
}

.z-index {
    z-index: 99;
}

.padding-col2 {
    padding-top: 0;
    padding-left: 3vw;
    padding-right: 6vw;
}

.padding-font {
    padding-top: 1vw !important;
    padding-left: 0 !important;
    padding-bottom: 1vw !important;
    padding-right: 8vw !important;
}

.mt-btn {
    margin-top: 2vw !important;
}

.pt-rows {
    padding-top: 3vw;
}

.pl-rows {
    padding-top: 0vw;
    padding-left: 2.3vw
}

.pagination-news {
    display: inline-block;
    text-align: center;
    margin-left: 30%;
    margin-top: 5vw;
}

.pagination-news a {
    color: black;
    float: left;
    margin-left: 1vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    text-decoration: none;
    border-right: none;
    color: #000;
    font-size: 1vw;
}

.pagination-news .sp {
    color: black;
    float: left;
    text-decoration: none;
    color: #000;
    font-size: 1vw;
}

.pagination-news a.active {
    background-color: #d90915;
    color: #fff;
    border: 1px solid #d90915;
    border-radius: 50%;
}
 

.pagination-news a:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination-news a:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination-news .arrow1 a {
    cursor: pointer;
    transition: 0.6s ease;
    user-select: none;
    padding: 0vw 3vw;
    border: none;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    color: #161615;
}

.pagination-news .arrow2 a {
    cursor: pointer;
    transition: 0.6s ease;
    user-select: none;
    padding: 0vw 3vw;
    border: none;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    color: #161615;
}

.fa-arrow {
    color: #d90915;
    font-size: 0.7vw;
    margin-right: 1vw;
    border: none;
    margin-left: 1vw;
    width: 2.2vw;
    margin-top: -0.3vw;
    height: 2.2vw;
}

.innp-3,
.innp-3 a {
    white-space: nowrap;
    width: 12vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    direction: rtl;
    padding-left: 0.1vw;
    font-family: Tajawal;
    font-size: 0.9vw;
    color: #fff;
}

.innp--3,
.innp--3 a {
    white-space: nowrap;
    width: 12vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    direction: rtl;
    padding-left: 0.1vw;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    color: #fff;
}

.p {
    padding-left: 0.2vw;
    padding-right: 0.2vw;
}

.p2 {
    margin-top: -0.4vw;
    padding-left: 0;
    margin-right: 0.5vw;
}

.img-bg-1 {
    width: 100%;
    padding-top: 13vw;
    padding-left: 3vw;
    padding-right: 5vw;
    height: 30vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news2.jpg');
    background-size: cover;
    background-position: center;
    margin-right: 2vw !important;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-2 {
    width: 100%;
    padding-top: 5vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 2vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-3 {
    width: 100%;
    padding-top: 3vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 2vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-4 {
    width: 100%;
    padding-top: 12vw;
    padding-left: 3vw;
    padding-right: 5vw;
    height: 30vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/careersjob.png');
    background-size: cover;
    background-position: center;
    margin-right: 2vw !important;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2vw;
}

.img-bg-5 {
    width: 100%;
    padding-top: 5vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
    background-size: cover;
    background-position: center;
    margin-right: 2vw !important;
    margin-left: 0vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-6 {
    width: 100%;
    padding-top: 30vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 46vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog5.png');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 2vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-7 {
    width: 100%;
    padding-top: 5vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news1.jpg');
    background-size: cover;
    background-position: center;
    margin-right: 2vw !important;
    margin-left: 0vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-8 {
    width: 100%;
    padding-top: 5vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
    background-size: cover;
    background-position: center;
    margin-right: 2vw !important;
    margin-left: 0vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-9 {
    width: 100%;
    padding-top: 3vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
    background-size: cover;
    background-position: center;
    margin-right: 2vw !important;
    margin-left: 0vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-10 {
    width: 100%;
    padding-top: 5vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 1vw;
    margin-top: 0;
    margin-bottom: 1.8vw;
}

.img-bg-11 {
    width: 100%;
    padding-top: 13vw;
    padding-left: 3vw;
    padding-right: 5vw;
    height: 29.9vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news2.jpg');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 1vw;
    margin-top: 0;
    margin-bottom: 2vw;
}

.img-bg-12 {
    width: 28.6vw;
    padding-top: 6vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 1vw;
    margin-top: 0;
    margin-bottom: 1vw;
}

.img-bg-13 {
    width: 28.6vw;
    padding-top: 4.5vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 14.03vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 1vw;
    margin-top: 0;
    margin-bottom: 1vw;
}

.img-bg-14 {
    width: 28.6vw;
    padding-top: 19vw;
    padding-left: 3vw;
    padding-right: 0vw;
    height: 36vw;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog5.png');
    background-size: cover;
    background-position: center;
    margin-right: 0vw !important;
    margin-left: 1vw;
    margin-top: 0;
    margin-bottom: 1vw;
}

.text-table-xl a {
    font-family: TeXGyreAdventorbold;
    font-size: 1.7vw;
    line-height: 1.06;
    padding-right: 2vw !important;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 1vw;
    text-align: left;
    color: #fff;
    text-transform: uppercase
}

.text-table-sm {
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    line-height: 1.38;
    text-align: left;
    color: #fff;
    padding-bottom: 2vw;
    padding-top: 0;
    padding-left: 0;
    padding-right: 2vw;
}

.text-table-sm2 {
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    line-height: 1.38;
    text-align: left;
    color: #fff;
    padding-bottom: 1vw;
    padding-top: 0;
    padding-left: 0;
    padding-right: 2vw;
}

.text-table-xl2 a {
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;
    line-height: 1.06;
    padding-right: 2vw !important;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 1vw;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

.logo-g {
    width: 2vw;
    height: 2vw;
    margin-right: 0.7vw;
    margin-top: 0.2vw;
}

.text-table-xl2 {
    line-height: 1.7;
    padding-bottom: 0.7vw;
}

.text-table-xl {
    line-height: 1.7;
    padding-bottom: 0.7vw;
}

.txBold2 {
    font-size: 1.4vw;
    line-height: 1.33;
    padding: 1vw 13vw 3vw 0vw;
    font-family: TeXGyreAdventorbold;
    text-align: left;
    color: #161615;
    text-transform: uppercase;
    white-space: normal;
    width: 57vw;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img_explore {
    width: 27vw;
    height: 33vw;
}

.img_career{
    width: 27vw;
    height: 33vw;
}
.inspection_img_explore{
    width: 27vw;
    height: 33vw;
    margin-top: 2vw;
}
.padding-a-1 {
    padding-top: 1.5vw;
    padding-left: 0;
    padding-right: 0;
}

.padding-22 {
    padding-top: 1.5vw;
    padding-left: 0;
    padding-right: 10%;
}

.about-text {
    padding-top: 6.5vw;
    padding-left: 0;
    padding-right: 0;
    font-family: Built;
    font-size: 14vw;
    line-height: 0.47;
    text-align: left;
    color: #f8f8f8;
    padding-left: 0;
}

.insp-text {
    padding-top: 6.5vw;
    padding-left: 0;
    padding-right: 0;
    font-family: Built;
    font-size: 11vw;
    line-height: 0.38;
    text-align: left;
    color: #f8f8f8;
    padding-left: 0;
}

.img_about_slider {
    width: 100%;
    height: 100%;
}

.img_about_slider1 {
    background-image: url(../img/about_slider01.png);
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: none;
}

.img_about_slider2 {
    background-image: url(../img/about_slider02.png);
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: none;
}

.img_about_slider3 {
    background-image: url(../img/about_slider03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: none;
}

.pt-20 {
    padding-top: 5vw;
    padding-left: 0;
    padding-right: 0;
}

.bg-slide {
    background-color: #d90915;
    padding: 2vw 3vw 4vw 3vw;
}

.bg-slide2 {
    background-color: #161615;
    padding: 2vw 3vw 4vw 3vw;
}

.slide-tx-lg {
    font-family: TeXGyreAdventorbold;
    font-size: 1.6vw;
    line-height: 3;
    text-align: left;
    color: #fff;
}

.slide-tx-sm {
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    text-align: left;
    color: #efefef;
}

.pl-20 {
    padding-left: 3vw !important;
}

.pic-owl {
    margin-left: 2vw !important;
    width: 27vw !important;
    height: 26vw !important;
    position: absolute;
}

.padding-x {
    padding-left: 0;
    padding-right: 3vw;
    padding-top: 5vw;
}

.padding-x-2 {
    padding-left: 1.5vw;
    padding-right: 0vw;
    padding-top: 0vw;
    padding-bottom: 1.5vw;
}

.font-slide-bold {
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    text-align: left;
    color: #161615;
    padding-top: 1.5vw;
    padding-left: 0;
}

.padding-x-3 {
    padding-top: 1vw;
}

.img-signature {
    width: 11vw;
    height: 5vw;
}

.img-signature1 {
    width: 11vw;
    height: 5vw;
    margin-left: 1vw;
}

.bg-black-about {
    background: #161615;
    padding: 6.5vw;
    margin: 0;
}

.ml-about {
    margin-left: 1vw !important;
}

.pl-about {
    padding-left: 2.5vw !important;
}

.padding-about {
    padding-top: 4vw;
    padding-left: 0;
}

.p-bg-about {
    padding-left: 0.6vw;
    padding-right: 0.6vw;
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
}

.bg-about-2 {
    background-color: #222222;
    height: 21vw;
}
.font-brochures{
    font-size: 2.85vw;
}
.about-pic {
    width: 100%;
    height: 13vw;
}

.cc {
    color: #ccc !important;
}

.font-slide-white {
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    text-align: left;
    color: #fff;
    line-height: 1.5;
    padding-top: 2.5vw;
    padding-left: 2vw;
}

.font-slide-white2 {
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    text-align: left;
    color: #fff;
    line-height: 1.5;
    padding-top: 1.5vw;
    padding-left: 2vw;
}

.font-white-sm-slide {
    font-family: TeXGyreAdventor;
    font-size: 0.75vw;
    text-align: left;
    color: #ccc;
    line-height: 1.5;
    padding-left: 2vw;
    padding-bottom: 3vw;
}

.font-white-sm-slide2 {
    font-family: TeXGyreAdventor;
    font-size: 0.75vw;
    text-align: left;
    color: #f8f8f8;
    line-height: 1.5;
    padding-left: 2vw;
    padding-bottom: 1vw;
    padding-right: 2vw;
    padding-top: 1vw;
}

.font-white-sm-slide2:hover {
    cursor: default;
}

.fa-linkedin-square-about2 {
    padding-top: 2vw;
    font-size: 2vw;
    color: #fff
}

.fa-linkedin-square-about2:hover {
    font-size: 2vw;
    color: #fff;
    cursor: pointer;
}

.fa-linkedin-square-about {
    padding-top: 3vw;
    font-size: 2vw;
    color: #fff
}

.bg-about-2:hover .about-pic,
.bg-about-2:hover .row-1 {
    display: none;
}

.row-2 {
    display: none;
}

.row-2 .font-white-sm-slide {
    color: #f9f9f9;
}

.bg-about-2:hover {
    background-color: #d90915;
}

.bg-about-2:hover .row-2 {
    display: inline-block;
}

.parallax {
    /* The image used */
    background-image: url("../img/parallax.png");
    /* Set a specific height */
    min-height: 21vw;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.parallax2 {
    padding-top: 6vw;
}

.parallax-tx-lg {
    padding-left: 6vw;
    font-family: Built;
    font-size: 4vw;
    line-height: 1.57;
    text-align: left;
    color: #fff;
}

.parallax-tx-ff {
    padding-left: 6vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    text-align: left;
    color: #fff;
}

.parallax-tx-cc {
    padding-left: 6vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    text-align: left;
    color: #ccc;
}

.ml-parallax {
    margin-left: 6.5vw !important;
    margin-top: 2vw !important;
}

.img-testimonials {
    width: 10vw !important;
    height: 10vw !important;
    margin-left: 2.5vw;
    margin-top: 1.5vw;
    margin-bottom: 1vw;
}

.img-testimonials2 {
    width: 7vw !important;
    height: 7vw !important;
    margin-left: 2.5vw;
    margin-top: 2.5vw;
    margin-bottom: 2.8vw;
}

.img-testimonials3 {
    width: 12.5vw !important;
    height: 7vw !important;
    margin-left: 2.5vw;
    margin-top: 2.5vw;
    margin-bottom: 2.8vw;
}

.tx-testimonials {
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;
    padding-left: 2.5vw;
    padding-bottom: 0vw;
    line-height: 1.5vw;
    text-align: left;
    color: #161615;
}

.pl-test {
    padding-left: 2.5vw !important;
}

.test-tx {
    padding-left: 0;
    padding-top: 6vw;
    font-family: Built;
    font-size: 13.5vw;
    line-height: 4vw;
    text-align: left;
    color: #f8f8f8;
}

.ml-20 {
    margin-left: 1vw !important;
    margin-bottom: 4vw;
}

.ml--20 {
    margin-left: -2vw;
}

.path-img {
    width: 7vw;
    height: 5vw;
    margin-top: 3.5vw;
}

.drone-telecom {
    margin-left: 14vw;
    width: 28vw;
    height: 30vw;
    margin-top: -5vw;
}

.tab--black {
    background: #161615;
    margin-top: 5vw;
    margin-bottom: 5vw;
    margin-left: 0;
    margin-right: 0;
    padding-top: 7vw;
    padding-left: 6vw;
    padding-bottom: 5vw;
    height: 40vw;
    position: relative;
}

.tab--white {
    background: #fff;
    margin-bottom: 5vw;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0vw;
    padding-left: 6.5vw;
    padding-bottom: 5vw;
    height: 34vw;
}


/* Style the tab */

.tab--1 {
    overflow: hidden;
    border-bottom: 1px solid #7777;
    background: none;
    width: 45vw;
}


/* Style the buttons inside the tab */

.tab--1 button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.22;
    text-align: left;
    border-bottom: 5px solid #161615;
    color: #777;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
    margin-right: 2vw;
    padding-bottom: 1.3vw;
}

 


/* Create an active/current tablink class */

.tab--1 button.active {
    border-bottom: 5px solid #d90915;
    color: #fff;
}


/* Style the tab content */

.tab--1 .tabcontent {
    display: none;
    padding: 0;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.tab--2 {
    padding-top: 4vw;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    background: none;
    width: 58.5vw;
}


/* Style the buttons inside the tab */

.tab--2 button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.22;
    text-align: left;
    border-bottom: 5px solid #fff;
    color: #777;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
    margin-right: 2vw;
    padding-bottom: 1.3vw;
}

 

/* Create an active/current tablink class */

.tab--2 button.active2 {
    border-bottom: 5px solid #d90915;
    color: #161615;
}


/* Style the tab content */

.tab--2 .tabcontent1 {
    display: none;
    padding: 0;
    -webkit-animation: fadeEffect2 1s;
    animation: fadeEffect2 1s;
}

.tab--3 {
    padding-top: 4vw;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    background: none;
    width: 43vw;
}

/* Style the buttons inside the tab */
.tab--3 button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.22;
    text-align: left;
    border-bottom: 5px solid #fff;
    color: #ccc;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
    margin-right: 2vw;
    padding-bottom: 1.3vw;
}

 

/* Create an active/current tablink class */
.tab--3 button.active2 {
    border-bottom: 5px solid #d90915;
    color: #161615;
}

/* Style the tab content */
.tab--3 .tabcontent1 {
    display: none;
    padding: 0;
    -webkit-animation: fadeEffect2 1s;
    animation: fadeEffect2 1s;
}

.tabcontent {
    margin-right: 0;
    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
    overflow-x: hidden;
}

.tabcontent1 {
    margin-right: 0;
    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
    overflow-x: hidden;
}


/* Fade in tabs */

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Fade in tabs */

@-webkit-keyframes fadeEffect2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.tab--black ul li {
    padding: 0;
}

.tab-bold-tx {
    text-transform: uppercase;
    padding-top: 3vw;
    padding-bottom: 2vw;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5rem;
    line-height: 0.85;
    text-align: left;
    color: #fff;
}

.tab-sm-tx {
    font-family: TeXGyreAdventor;
    width: 45vw;
    padding-bottom: 3vw;
    font-size: 0.85vw;
    text-align: left;
    color: #ccc;
}

.tab-sm-tx2 {
    font-family: TeXGyreAdventor;
    width: 45vw;
    padding-bottom: 0vw;
    font-size: 0.85vw;
    text-align: left;
    color: #ccc;
}

.tab-s-tx2 {
    font-family: TeXGyreAdventor;
    width: 45vw;
    padding-bottom: 0vw;
    font-size: 0.85vw;
    text-align: left;
    color: #777;
}

.rectangle__text {
    width: 1vw;
    height: 1.5vw;
    position: absolute;
    left: 7vw;
}

.rectangle__text2 {
    width: 1vw;
    height: 1.5vw;
    position: absolute;
    left: 0vw;
}

.rectangle__text3 {
    width: 1vw;
    height: 1.5vw;
    position: absolute;
    left: 2vw;
    margin-top: -0.2vw
}

.tab-bg-red {
    position: absolute;
    height: 46vw;
    right: 0;
    width: 20vw;
    background: #d90915;
    top: -7%;
    z-index: 1;
}

.tab-bg-grey {
    position: absolute;
    height: 115%;
    right: 0;
    width: 30vw;
    background: #f8f8f8;
    z-index: 1;
}

.tab-bg--grey {
    position: absolute;
    height: 36vw;
    right: 0;
    width: 30vw;
    background: #f8f8f8;
    z-index: 1;
}

.tab--img {
    width: 35.5vw;
    position: absolute;
    top: 15%;
    right: 7vw;
    height: 28vw;
    z-index: 2;
}

.tab--solar-img {
    width: 35.5vw;
    position: absolute;
    margin-top: -18vw;
    right: -28.45vw;
    height: 23vw;
    z-index: 2;
}

.tab--const-img {
    width: 35.5vw;
    position: absolute;
    margin-top: -20vw;
    right: -28.45vw;
    height: 23vw;
    z-index: 2;
}

.tab--solar-img2 {
    width: 35.5vw;
    position: absolute;
    margin-top: -15vw;
    right: -28.45vw;
    height: 23vw;
    z-index: 2;
}

.rectangle1 {
    padding-left: 0vw;
    padding-bottom: 0.6vw;
    padding-right: 0.3vw;
}

.rectangle2 {
    padding-left: 0.3vw;
    padding-bottom: 0.6vw;
    padding-right: 0vw;
}

.rectangle1-f8f8f8 {
    width: 100%;
    height: 12vw;
    background-color: #f8f8f8;
}

.rectangle2-f8f8f8 {
    width: 100%;
    height: 12vw;
    background-color: #f8f8f8;
}

.rectangle3-f8f8f8 {
    width: 15vw;
    height: 16vw;
    background-color: #f8f8f8;
}


.rectangle1-222222 {
    width: 100%;
    height: 12vw;
    background-color: #222222;
}

.rectangle2-222222 {
    width: 100%;
    height: 12vw;
    background-color: #222222;
}



.rectangle--tx3 {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.3;
    text-align: center;
    color: #161615;
    padding-top: 1vw
}

.rectangle--tx2 {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    padding-left: 5.4vw;
    padding-right: 5.4vw;
    padding-top: 1vw
}

.telecom-img {
    background-image: url(../img/telecom.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 56.25%;
    width: 100%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16);
}

.telecom-padding {
    padding-left: 3vw;
    padding-right: 0vw;
    margin: 0;
    padding-top: 1vw;
    padding-bottom: 3vw;
}

.rectangle-icon {
    width: 2.5vw;
    height: 2.5vw;
    margin-top: 3vw;
}

.container-bg-black {
    padding-left: 6.5vw;
    padding-right: 6.5vw;
    padding-top: 5vw;
    padding-bottom: 3vw;
    background: #161615;
    height: 105vh;
    margin-left: 0;
}

.container-bg--black {
    padding-left: 6.5vw;
    padding-right: 6.5vw;
    padding-top: 7vw;
    padding-bottom: 3vw;
    background: #161615;
    height: 120vh;
    margin-left: 0;
    margin-top: 7vw
}

.tab-bg-red2 {
    position: absolute;
    height: 115.9vh;
    right: 0;
    width: 36vw;
    background: #d90915;
    z-index: 1;
    margin-top: -10vw;
    padding-left: 20vw;
    padding-top: 14.9vw;
    padding-bottom: 9.7vw;
}

.tab-bg-red3 {
    position: absolute;
    height: 111.3vh;
    right: 0;
    width: 32vw;
    background: #d90915;
    z-index: 1;
    margin-top: -17vw;
    padding-left: 20vw;
    padding-top: 11.9vw;
    padding-bottom: 5.7vw;
}

.map-request-img {
    width: 32vw;
    height: 32vw;
    margin-top: 7vw;
    z-index: 2;
}

.map-request {
    z-index: 2;
}

.ml--2 {
    margin-left: -2.5vw;
}

.ml--3 {
    margin-left: -2.2vw;
}

.text--gray2 {
    font-family: Built;
    font-size: 12.5vw;
    line-height: 0.39;
    text-align: left;
    color: #777;
    z-index: 1;
    padding-top: 5vw;
    padding-left: 0;
}

.text--grey2 {
    font-family: Built;
    font-size: 12.5vw;
    line-height: 0.39;
    text-align: left;
    color: #777;
    z-index: 1;
    padding-top: 5vw;
    padding-left: 0;
}

.text--grey3 {
    font-family: Built;
    font-size: 12.5vw;
    line-height: 0.39;
    text-align: left;
    color: #777;
    z-index: 1;
    padding-top: 4vw;
    padding-left: 0;
}


.text--red {
    z-index: 2;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw;
    text-align: left;
    color: #d90915;
    margin-top: -2.5vw;
    padding-left: 12.5vw;
}

.text--red2 {
    z-index: 2;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw;
    text-align: left;
    color: #d90915;
    margin-top: -2.5vw;
    padding-left: 12.5vw;
}

.font--white {
    font-family: built;
    padding-left: 0.5vw;
    padding-right: 7.5vw;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #fff;
}

.fonts--white {
    font-family: built;
    padding-left: 0.5vw;
    padding-right: 18.5vw;
    font-size: 3vw;
    line-height: 0.9;
    text-align: left;
    color: #fff;
}

.text--white2-sm {
    font-family: TeXGyreAdventor;
    font-size: 1vw;
    text-align: left;
    color: #fff;
    line-height: 0;
    padding-top: 2vw;
    padding-left: 0.5vw;
}

.text--white3-sm {
    font-family: TeXGyreAdventor;
    font-size: 1vw;
    text-align: left;
    color: #fff;
    line-height: 0;
    padding-top: 1vw;
    padding-left: 0.5vw;
}

.text--gray2-sm {
    padding-right: 20vw !important;
    padding-left: 0.5vw;
    font-family: TeXGyreAdventor;
    font-size: .8vw;
    text-align: left;
    color: #ccc;
    line-height: 1;
    height: 3vw;
}

.text--gray2-sm2 {
    padding-right: 20vw;
    padding-left: 0.5vw;
    font-family: TeXGyreAdventor;
    font-size: .8vw;
    text-align: left;
    color: #ccc;
    line-height: 1;
    height: 3vw;
}

.text--grey2-sm2 {
    padding-right: 23vw;
    padding-left: 0.5vw;
    font-family: TeXGyreAdventor;
    font-size: .8vw;
    text-align: left;
    color: #ccc;
    line-height: 1;
    height: 1vw;
}

.text--grey2-sm3 {
    padding-right: 22vw;
    padding-left: 0.5vw;
    font-family: TeXGyreAdventor;
    font-size: .8vw;
    text-align: left;
    color: #ccc;
    line-height: 1.5;
    height: 4vw;
}

.tx-vertical {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #fff;
    font-family: TeXGyreAdventor;
    font-size: 1.2vw;
    line-height: 1.17;
    text-align: left;
    color: #fff;
}

.bold {
    font-family: TeXGyreAdventorbold !important;
}

.mb-absolute2 {
    margin-bottom: 3vw !important;
    margin-top: 1.2vw;
    margin-left: 0;
}

.mb-absolute3 {
    margin-bottom: 3vw !important;
    margin-top: 0.4vw;
    margin-left: 0;
}

@import url("https://fonts.googleapis.com/css?family=Hind+Vadodara:300,400,500,600,700");
.txt_wrap {
    display: table
}

.txt_area {
    display: table-cell;
    vertical-align: middle;
}

.txt_area {
    color: #FFF;
}

.z-index-0 {
    z-index: 0;
}

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

.slider-nav-number {
    opacity: 1;
    margin-right: 4px;
    color: #fff;
    opacity: 1;
    font: 1.8vw TeXGyreAdventorbold;
    text-align: left;
    padding-left: 0vw
}

.slider-nav-txt {
    width: 6vw;
    margin: 0.4vw 0.4vw 0 0.6vw;
    color: #fff;
    opacity: 1;
    font: 0.8vw/1.13 TeXGyreAdventorbold;
    text-align: left;
    color: #fff;
}

.slider-nav-txt2 {
    width: 5vw;
    margin: 0.4vw 0.4vw 0 0.6vw;
    color: #fff;
    opacity: 1;
    font: 0.8vw/1.13 TeXGyreAdventorbold;
    text-align: left;
    color: #fff;
}

.scrollContainer {
    width: 400%;
    display: flex;
    flex-wrap: nowrap;
    cursor: pointer !important;
}

.section {
    height: 120vh;
    width: 100%;
}

.proxy {
    position: absolute;
    visibility: hidden;
}

.container-grey-solar {
    background-color: #f8f8f8;
    padding-top: 6vw;
    padding-bottom: 5vw;
    text-align: center;
    margin-top: 6vw;
}

.container-white-solar {
    background-color: #fff;
    padding-top: 6vw;
    padding-bottom: 3vw;
    text-align: center;
    margin-top: 6vw;
}

.font--container-grey-solar {
    font: 1vw/1.22 TeXGyreAdventorbold;
    color: #161615;
}

.font--container-grey-solar a {
    font: 1vw/1.22 TeXGyreAdventorbold;
    color: #0047a8;
}

.pc {
    margin-left: 12vw;
    width: 28vw;
    height: 30vw;
    margin-top: -5vw;
}

.multscreen {
    margin-left: 1.5vw;
    margin-top: -5vw;
    width: 35vw;
    height: 31vw;
}

.multscreen2 {
    margin-left: 1.5vw;
    margin-top: -5vw;
    width: 30vw;
    height: 31vw;
    z-index: 99;
}

.paddingl-solar {
    margin-left: -3vw !important;
}

.solar-icon {
    width: 14vw;
    height: 7vw;
    margin-top: 2.5vw;
    image-rendering: pixelated;
}

.large-icon {
    margin-top: 0vw !important;
    height: 12vw !important;
    width: 12vw !important;
}

.pic-solar {
    width: 8vw !important;
    height: 8vw;
    margin-top: 3vw;
    margin-left: 2.5vw;
    margin-bottom: 5vw;
}

.animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* .owl-animated-out - only for current item */


/* This is very important class. Use z-index if you want move Out item above In item */

.owl-animated-out {
    z-index: 1
}


/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */

.owl-animated-in {
    z-index: 0
}


/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.section-slider {
    height: 100vh;
    display: flex;
    align-items: start;
    justify-content: left;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

.content-slider {
    width: 100%;
    text-align: left;
    padding-left: 6.5vw;
    padding-top: 5vw;
    padding-right: 0;
    margin: 0;
}

.content--slider {
    width: 100%;
    text-align: left;
    padding-left: 6.5vw;
    padding-top: 5vw;
    padding-right: 0;
    margin: 0;
}

.wrapper {
    height: 100vh;
}

.section-red {
    background: #d90915 !important;
    height: 100%;
    z-index: 1;
    height: 106.5%;
    margin-top: -3vw !important;
    padding-left: 19vw;
    padding-top: 13.9vw;
    padding-bottom: 3.4vw;
}

.section--red {
    background: #d90915 !important;
    height: 100%;
    z-index: 1;
    height: 107%;
    margin-top: -3vw !important;
    padding-left: 19vw;
    padding-top: 13.9vw;
    padding-bottom: 3.4vw;
}

.section-black {
    background: #161615 !important;
    z-index: 2;
    height: 100%;
}

.img-slider-1,
.img-slider-2,
.img-slider-3,
.img-slider-4 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -35vw !important;
    width: auto !important;
    height: 30vw !important;
}

 

.img-slider--1 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    margin-top: -20vw !important;
    width: 30vw !important;
    height: 30vw !important;
}

.img-slider--2 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    margin-top: -20vw !important;
    width: 30vw !important;
    height: 30vw !important;
}

.img-slider--3 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    margin-top: -20vw !important;
    width: 30vw !important;
    height: 30vw !important;
}

.img-slider--4 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    margin-top: -20vw !important;
    width: 30vw !important;
    height: 30vw !important;
}

.header_container-slider {
    margin-top: 0vw;
    padding-left: 3.7vw;
    height: 100vh;
    padding-top: 15vw;
}

.slider-2-xl {
    font-family: Built;
    font-size: 6vw;
    line-height: 0.92;
    text-align: left;
    color: #fff;
    margin-left: -1.7vw !important;
    padding: 0;
}

.slider-2-lg {
    font-family: Built;
    font-size: 3vw;
    line-height: 1;
    padding-bottom: 2vw;
    padding-left: 2.8vw;
    text-align: left;
    color: #fff;
}

.slider-2-sm {
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    padding-right: 56%;
    padding-bottom: 1vw;
    padding-left: 2.8vw;
    text-align: left;
    color: #fff;
}

.header_container-slider .owl-theme .owl-nav {
    top: 29vw !important;
    right: 89.8% !important;
}

.reg-red {
    width: 4vw !important;
    height: 2vw;
    padding: 0;
    margin-top: 0.3vw;
}

.ml-but {
    margin-left: 2.8vw !important;
}

#owl-carousel-3 .owl-dots {
    display: inline-flex;
    margin-top: 2vw;
}

.pl-scroll {
    padding-left: 3vw !important;
}

.rectangle-grey {
    text-align: right;
    right: 0;
    width: 22vw;
    height: 134.7%;
    position: absolute;
    margin-right: 5.3vw;
    margin-top: -0.5vw;
    background-color: #efefef;
}

.rectangle-grey2 {
    text-align: right;
    right: 0;
    width: 22vw;
    height: 165%;
    position: absolute;
    margin-right: 5.3vw;
    margin-top: 0vw;
    background-color: #222222;
}

.absolute {
    position: absolute !important;
}

.pr-video {
    padding-right: 4vw !important;
}

.ptt-3 {
    padding-top: 4vw !important;
}

.mtt-2 {
    margin-top: 2vw;
}

.font-video-md {
    font-family: Built;
    font-size: 2.3vw;
    line-height: 1.75;
    text-align: left;
    color: #161615;
    padding-top: 2vw;
}

.font-video-md2 {
    font-family: Built;
    font-size: 2.3vw;
    line-height: 1;
    text-align: left;
    color: #161615;
    padding-top: 0vw;
}

.font-video-md3 {
    font-family: Built;
    font-size: 3.2vw;
    line-height: 1;
    text-align: left;
    color: #fff;
    padding-bottom: 0.8vw;
    ;
    padding-top: 3vw;
    white-space: nowrap;
}

.group-icon {
    width: 70vw;
    height: 13vw;
    position: absolute;
}

.group-icon img {
    width: 60vw;
    height: 14vw;
}

.sm-icon {
    width: 3vw;
    height: 3.2vw;
}

.sm-icon-padding {
    padding-left: 0.5vw;
    padding-top: 5.3vw;
    text-align: center;
}

.sm-icon2-padding {
    padding-left: 2.5vw;
}

.sm-icon3-padding {
    padding-left: 2vw;
}

.sm-icon4-padding {
    padding-left: 3vw;
}

.num-md {
    font-family: TeXGyreAdventor;
    font-size: 2.2vw;
    line-height: 2;
    text-align: center;
    color: #161615;
}

.font-gray-sm-center {
    padding: 0;
    margin: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    line-height: 1.33;
    text-align: center;
    color: #777;
}

.check {
    width: 1.7vw;
    height: 1.7vw;
    margin-right: 0.5vw;
    margin-top: -0.5vw;
}

.check2 {
    width: 1.7vw;
    height: 1.7vw;
    margin-right: 0.5vw;
    margin-top: -0.5vw;
}

.text-style-scroll-lg {
    font-family: Built;
    font-size: 1.6vw;
    line-height: 1.57;
    text-align: center;
    color: #161615;
    padding-top: 56vw;
}

.text-style-scroll2-lg {
    font-family: Built;
    font-size: 1.6vw;
    line-height: 1.57;
    text-align: center;
    padding-top: 73vw;
    text-align: center;
    color: #fff;
}

.text-style-scroll-xl {
    font-size: 3vw;
    font-family: Built;
    line-height: 0.7;
    text-align: center;
    color: #161615;
}

.polygon {
    text-align: center;
    margin-top: 0.5vw;
    overflow: unset;
    animation: slide-top3 1s linear infinite alternate both;
}

@keyframes slide-top3 {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(20px);
    }
}

.container-grey-video {
    padding-left: 7vw;
    padding-right: 5.3vw;
    background-color: #161615;
    margin-top: 6vw;
}

.pt-32 {
    padding-top: 7vw;
    padding-bottom: 3vw;
}

.pt-34 {
    padding-top: 5vw;
    padding-bottom: 10vw;
}

.pr-22 {
    padding-right: 4vw;
    padding-bottom: 8vw;
}

.pr--22 {
    padding-right: 4vw;
}

.text-video {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.22;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding-top: 2.3vw;
    padding-left: 0.5vw !important;
    padding-right: 7vw !important;
 
}
.pr-text-video{
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 1.22;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding-top: 2.3vw;
    padding-left: 0.5vw !important;
    padding-right: 2vw !important;
 
}
.imgprofile {
    margin-top: 2vw;
    width: 5vw;
    height: 5vw;
}

.owl-dots .owl-dot .but-slider-2 {
    margin-left: 0.4vw;
    width: 6.5vw;
    height: 2.3vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #777;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.owl-dots .owl-dot .but-slider-1 {
    width: 4vw;
    height: 2.3vw;
    font-family: TeXGyreAdventorbold;
    font-size: 1.9vw;
    margin-left: 2.2vw;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #777;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.m-owl-dot {
    margin-left: 0.5vw !important;
}

.owl-dots .owl-dot button:focus {
    outline: none;
}

.owl-dots .owl-dot {
    display: inline-flex !important;
}

.owl-dots .owl-dot.active button {
    color: #fff;
}

.videosize {
    width: 100%;
    height: 25vw;
    position: absolute;
}

.videosize2 {
    width: 100%;
    height: 25vw;
}

a.disabled {
    pointer-events: none;
}

.high-style {
    height: 7.6vw;
}

.white-space {
    white-space: nowrap;
}

.container-interactive {
    margin: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/interactive.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100vh;
}

.container-construction {
    margin: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/construction-man.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 40vw;
    padding-right: 10vw;
    padding-left: 10vw;
    padding-top: 9vw;
    padding-bottom: 9vw;


}

.text-interactive-lg {
    font-family: Built;
    font-size: 14vw;
    line-height: 0.46;
    text-align: center;
    color: #777;
    padding-top: 7vw;
}

.text-interactive-md {
    font-family: Built;
    font-size: 3.5vw;
    line-height: 1;
    text-align: center;
    color: #fff;
    padding-right: 20vw;
    padding-left: 20vw;
    margin-top: -1.2vw;
}

.text-interactive-xs {
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    line-height: 1.38;
    text-align: center;
    color: #efefef;
    padding-left: 2vw;
    padding-right: 2vw;
}

.text-interactive-sm {
    font-family: Built;
    font-size: 2.2vw;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    padding-bottom: 1vw;
}

.m-interactive {
    margin-top: 7vw;
    margin-right: 6vw;
    margin-left: 6vw;
}

.text-reporting {
    font-family: Built;
    padding-top: 8vw;
    font-size: 14.5vw;
    line-height: 0.46;
    text-align: center;
    color: #f8f8f8;
}


.text-reporting2 {
    font-family: Built;
    padding-top: 8vw;
    margin-left: -3.5vw;
    font-size: 13.5vw;
    line-height: 0.46;
    text-align: center;
    color: #f8f8f8;
}


.paddingl-report {
    margin-left: -1.4vw;
}

.padding-report {
    padding-top: 3vw;
    padding-left: 21vw;
    padding-right: 21vw;
}

.padding-report2 {
    padding-top: 1.5vw;
    padding-left: 14vw;
    padding-right: 14vw;
}

.reporting-icon-1 {
    margin: 3vw 0.3vw 1.4vw 0.9vw;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%), url('../img/reporting-icon1.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 18vw;
}

.reporting-icon-1 .reporting-icon-tx-sm {
    display: none;
}

.reporting-icon-1:hover .reporting-icon-tx-lg {
    padding-top: 6vw;
}

.reporting-icon-1:hover .reporting-icon-tx-sm {
    display: block;
}

.reporting-icon-2 {
    margin-left: 0.9vw;
    margin-right: 0.3vw;
    margin-bottom: 1.4vw;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%), url('../img/reporting-icon4.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 18vw;
}

.reporting-icon-2 .reporting-icon-tx-sm {
    display: none;
}


.reporting-icon-2:hover .reporting-icon-tx-lg {
    padding-top: 6vw;
}

.reporting-icon-2:hover .reporting-icon-tx-sm {
    display: block;
}

.reporting-icon-3 {
    margin-top: 3vw;
    margin-left: 0.6vw;
    margin-right: 0.6vw;
    margin-bottom: 1.4vw;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%), url('../img/Solar_Farm_Construction.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 18vw;
}

.reporting-icon-3 .reporting-icon-tx-sm {
    display: none;
}


.reporting-icon-3:hover .reporting-icon-tx-lg {
    padding-top: 6vw;
}

.reporting-icon-3:hover .reporting-icon-tx-sm {
    display: block;
}

.reporting-icon-4 {
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 1.4vw;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%), url('../img/reporting-icon5.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 18vw;
}

.reporting-icon-4 .reporting-icon-tx-sm {
    display: none;
}


.reporting-icon-4:hover .reporting-icon-tx-lg {
    padding-top: 6vw;
}

.reporting-icon-4:hover .reporting-icon-tx-sm {
    display: block;
}

.reporting-icon-5 {
    margin-top: 3vw;
    margin-left: 0.3vw;
    margin-right: 0.9vw;
    margin-bottom: 1.4vw;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%), url('../img/Road_Construction.jpg');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 18vw;
}

.reporting-icon-5 .reporting-icon-tx-sm {
    display: none;
}

.reporting-icon-5:hover .reporting-icon-tx-lg {
    padding-top: 6vw;
}

.reporting-icon-5:hover .reporting-icon-tx-sm {
    display: block;
}

.reporting-icon-6 {
    margin-left: 0.3vw;
    margin-right: 0.9vw;
    margin-bottom: 1.4vw;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%), url('../img/reporting-icon6.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 18vw;
}

.reporting-icon-6 .reporting-icon-tx-sm {
    display: none;
}



.reporting-icon-6:hover .reporting-icon-tx-lg {
    padding-top: 6vw;
}

.reporting-icon-6:hover .reporting-icon-tx-sm {
    display: block;
}

.reporting-icon-tx-lg {
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;
    line-height: 1.08;
    text-align: center;
    color: #fff;
    padding-top: 9vw;
    padding-bottom: 1.5vw;
}

.reporting-icon-tx-sm {
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;
    line-height: 1.38;
    text-align: center;
    color: #ccc;
    padding-right: 3.7vw;
    padding-left: 3.7vw;
}

.sager-training-img {
    max-width: 100%;
}

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

.tab--3_tx {
    font-family: TeXGyreAdventorbold;
    text-transform: uppercase;
    padding-top: 2.5vw;
    font-size: 1.5vw;
    line-height: 0.85;
    text-align: left;
    color: #161615;
}

.tab--3_tx3 {
    font-family: TeXGyreAdventor;
    padding-left: 0.5vw;
    padding-top: 0.3vw;
    font-size: 0.85vw;
    line-height: 1;
    text-align: left;
    color: #161615;
}

.tab--3_tx4 {
    padding-left: 0vw;
    padding-top: 0vw;
    font: 0.85vw/0.8 TeXGyreAdventorbold;
    text-align: left;
    color: #161615;
}

.tab--3_tx5 {
    padding-left: 0.5vw;
    padding-top: 1.3vw;
    font: 0.85vw/0.8 TeXGyreAdventorbold;
    text-align: left;
    color: #161615;
}

.height {
    height: 18vw;
    overflow-y: hidden;
}

.height2 {
    height: 23.5vw;
}

.padding-rl {
    padding-left: 1.3vw;
    padding-right: 1.3vw;
    padding-top: 1vw;
}

.marg-3 {
    margin: 3.5vw 3.5vw 0vw 3.5vw;
}

.bold-tx {
    padding-top: 0.8vw;
    font: 0.85vw TeXGyreAdventorbold;
    text-align: center;
    color: #161615;
}

.text-const-xs {
    padding-top: 0.5vw;
    font: 0.85vw TeXGyreAdventorbold;
    text-align: center;
    color: #ccc;
}

.rectangle-222 {
    width: 100%;
    height: 6.6vw;    
    margin: 0vw 0 0.5vw 0;
    opacity: 0.8;
    border: solid 1px #6a6a6a;
    background-color: #222;
}

.pr--2 {
    padding-right: 0.5vw;
    padding-left: 0;
    padding-bottom: 0;
}

.text-const-num {
    font-family: Built;
    font-size: 2.2vw;
    line-height: 2.75;
    text-align: left;
    color: #777;
    padding-left: 1.6vw;
}

.text-const-xs2 {
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    padding-top: 1.8vw;
    padding-right: 5vw;
    padding-left: 1vw;
    line-height: 1.22;
    text-align: left;
    color: #fff;
}

.mt--22 {
    margin-top: 3vw;
    margin-right: 0;
    margin-left: 0;
}









/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */

/* Only Chrome */

::-webkit-scrollbar {
    width: 10px;
  }
  
  
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px black; 
      background: black;
    border-radius: 0;
  }
  
  
  ::-webkit-scrollbar-thumb {
    background: #b30000; 
    border-radius: 0;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
  }
  
  
  /* Only IE */
  html {scrollbar-face-color: #b30000;  scrollbar-highlight-color: #b30000;}
  /* Only FireFox */
  html {scrollbar-color: #b30000 #000;}
  
  
  body{overflow-x: hidden !important;}
  html, body {  
          position: relative;
          height: 100%;
              width: 100%; padding: 0; margin: 0; scroll-behavior: smooth;
      }
  
      
  /*Header Bottom Area*/
  .header-bottom { 
      position: relative;
      box-shadow:  none;
  }
  
  .content {  
    border-radius: 0px;
    overflow: hidden;
  }
  
  .subscription {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .subscription .add-email{
    position: absolute;
      left: 2vw; 
  }
  
  .subscription .submit-email {
    position: absolute;
      right: 0;  
    transition: width .35s ease-in-out,background .35s ease-in-out;
  }
  
  .subscription.done .submit-email {
    width: calc(100% - 2vw);
    background: #d90915;
  }
  
  .subscription .submit-email .before-submit,
  .subscription .submit-email .after-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  display: inline-flex;
    text-align: center;
    line-height: 38px;
    transition: visibility .35s ease-in-out,
      opacity .35s ease-in-out;
  }
  
  .subscription.done .submit-email .before-submit,
  .subscription:not(.done) .submit-email .after-submit {
    visibility: hidden;
    opacity: 0;
  }
  
  .subscription .submit-email .after-submit {
    transition-delay: .35s;
  }
  
  .subscription:not(.done) .submit-email .before-submit,
  .subscription.done .submit-email .after-submit {
    visibility: visible;
    opacity: 1;
  }
  
  .sticky-header.sticky {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    background: #333;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    animation-name: fadeInDown;
    animation-duration: 900ms;
    animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    border-bottom: 0;
  }
  
  .main-menu {
    position: relative;
      background-color: none;
      text-align: center;
      padding-top: 0.4vw;
  }
  .main-menu nav > ul > li {
    position: relative;
    display: inline-block;
  
  }
  ul ul {
      list-style-type:none;
  }
  .main-menu nav > ul > .has-dropdown {
    margin-right: 5px;
  }
  .main-menu nav > ul > .has-dropdown:last-child {
    margin-right: 0;
  }
  .main-menu nav > ul > .has-megaitem {
    position: static;
  }
  
  .main-menu nav > ul > li > a:hover, .main-menu nav > ul > li > a.active {
    background: none;
    color: #FFF;
  }
  
  .sub-menu > li > a,
  .mega-menu-sub > li > a {
    font-weight: 400;
    display: block;
    line-height: 2.56vw;
    text-transform: capitalize;
    color: #161615 !important;
    position: relative;
      font-family: TeXGyreAdventor;
      font-size: 1vw;
    transition: all 0.3s ease 0s;
  }
  .sub-menu > li > a{padding-left: 2vw;}
  .sub-menu > li > a::after,
  .mega-menu-sub > li > a::after {
    position: absolute;
    
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
    height: 0.36vw;
    width: 0.36vw;
    border-radius: 50%;
    background: #261146;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .sub-menu > li > a:hover,
  .mega-menu-sub > li > a:hover {
    color: #261146;
    transform: translateX(0.73vw);
  }
  .sub-menu > li > a:hover::after,
  .mega-menu-sub > li > a:hover::after {
    transform: translate(-0.73vw, -50%);
    visibility: visible;
    opacity: 1;
  }
  
  .main-menu li .nav-item{
      margin: 0 0 0vw 1.5vw;
      font-family: TeXGyreAdventor;
      font-size: 0.94vw; 
      text-align: center;
      color: #fff !important;
      text-decoration: none; 
      position: relative;
      display: inline-block;
      padding-bottom: 0.5vw;
      padding-right: 0vw;
      padding-left: 0vw;
  }
  .main-menu li .nav-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.35vw;
    background: #fff;
    background-image: linear-gradient(to top, #d90915 0%, #d90915 100%);
    top: 100%;
    animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
  }
  .main-menu li .nav-item:hover:before {
    animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
  }
  .main-menu li .nav-item:nth-child(1) {
    animation: show 0.2s 1.1s ease 1 both;
  }
  
  .main-menu li .nav-item:nth-child(2) {
    animation: show 0.2s 1.2s ease 1 both;
  }
  
  .main-menu li .nav-item:nth-child(3) {
    animation: show 0.2s 1.3s ease 1 both;
  }
  
  .main-menu li .nav-item:nth-child(4) {
    animation: show 0.2s 1.4s ease 1 both;
  }
  
  .main-menu li .nav-item:nth-child(5) {
    animation: show 0.2s 1.5s ease 1 both;
  }
  
  
  
  .sub-menu {
    position: absolute;
    min-width: 16.84vw;
    padding: 1vw 1.7vw 1vw 1.7vw;
    background: #FFF;
    box-shadow: 0 0.22vw 0.81vw 0 rgba(0, 0, 0, 0.1);
    transform:perspective(43.9vw) rotateX(0deg) ;
    transform-origin: 0 0 0;
    left: 2vw;
    right: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    z-index: 99;
    top: 100%;
    text-align: left;
    border-top: 0.36vw solid #d90915;
  }
  
  .mega-menu {
    position: absolute;
    min-width: 100%;
    padding: 1.8vw 2.2vw 2.2vw 2.2vw;
    background: #FFF;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
    transform: perspective(43.9vw) rotateX(-20deg);
    transform-origin: 0 0 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    z-index: 99;
    top: 100%;
    text-align: left;
  }
  
  .mega-menu-inner {
    display: flex;
    justify-content: space-between;
  }
  
  .mega-menu-item-title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 13px;
    color: #333;
  }
  .mega-menu-item-title:hover {
    color: #261146;
  }
  
  .mega-menu-sub > li {
    display: block;
  }
  
  .main-menu nav > ul > li:hover .sub-menu,
  .main-menu nav > ul > li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: perspective(600px) rotateX(0deg);
  }
  
  .menu-banner {
    margin-top: 20px;
  }
  .menu-banner > a {
    display: block;
    width: 100%;
  }
  .menu-banner img {
    width: 100%;
  }
  
  .mobile-header-wrapper {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  
  .mobile-menu {
    border: none;
    padding: 2px;
    display: block;
    border-radius: 4px;
  }
  
  .mobile-menu-dash {
    display: block;
    width: 9vw;
    height: 0.7vw;
    background: #fff;
    margin-top: 0px;
    margin-bottom: 1.7vw;
  }
  
  /*****************************
  Layout - Offcanvas
  *****************************/
  .offcanvas {
    z-index: 999999999999999 !important;
    position: fixed;
    top: 0;
    overflow: hidden;
    height: 100%;
    padding: 20px;
    transition: all 0.3s ease 0s;
    transform: translateY(100%);
    box-shadow: none;
    background: #212121;
    color:#eaeaea;
    width: 300px; 
     box-shadow: 0 3.4px 2.7px rgb(0 0 0 / 1%), 0 8.7px 6.9px rgb(0 0 0 / 1%), 0 17.7px 14.2px rgb(0 0 0 / 1%), 0 36.5px 29.2px rgb(0 0 0 / 1%), 0 100px 80px rgb(0 0 0 / 2%);  
  }
  
  .offcanvas-leftside {
    left: 0%;
    transform: translateY(-100%);
  }
  
  .offcanvas-rightside {
    right: 0%;
    transform: translateY(100%);
  }
  
  .offcanvas.offcanvas-open {
    transform: translateY(0);
  }
  
  .offcanvas-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .offcanvas-header {
    margin-bottom: 30px;
  }
  
  .offcanvas-close {
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
      
      
       
      text-align: center;
      background-color: transparent;
      border-radius: 50%;
      transition: all 0.3s ease 0s;
      color: white;
      border: none;
      
      
      
      
      
  }
  .offcanvas-close:hover {
    color: #261146;
    border-color: #261146;
  }
  
  .offcanvas-title {
    margin-bottom: 40px;
  }
  
  /*mobile-menu Top Area*/
  .mobile-menu-top { 
    display: inline-flex; 
    flex-direction: column;
   font-size: 8vw;
      padding-top: 10vw;
      padding-left: 2vw; 
      font-family: Built;   
    line-height: 0.55; 
    text-align: left;
    color: #fff;
      
      
      
  }
  .rectangle_header{width: 3vw; position: absolute;height: 7vw;}
  .mobile-menu-user-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mobile-menu-user-menu > li {
    margin-right: 40px;
    position: relative;
  }
  .mobile-menu-user-menu > li:last-child {
    margin-right: 0;
  }
  .mobile-menu-user-menu > li::after {
    position: absolute;
    content: "|";
    top: 50%;
    transform: translateY(-50%);
    right: calc(0% - 20px);
  }
  .mobile-menu-user-menu > li:last-child::after {
    display: none;
  }
  .mobile-menu-user-menu > li > a {
    display: inline-block;
    line-height: 46px;
    color: #666 !important;
  }
  .mobile-menu-user-menu > li > a:hover {
    color: #261146;
  }
  
  .has-mobile-user-dropdown {
    position: relative;
    padding-right: 15px;
  }
  .has-mobile-user-dropdown::before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-weight: 400;
  }
  
  .mobile-user-sub-menu {
    position: absolute;
    top: calc(100%);
    left: 50%;
    transform: translate(-50%, -30px);
    padding: 10px 15px;
    width: 160px;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
  }
  .mobile-user-sub-menu > li {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
  }
  .mobile-user-sub-menu > li:last-child {
    border-bottom: none;
  }
  .mobile-user-sub-menu > li > a {
    position: relative;
    color: #666;
    display: flex;
    align-items: center;
  }
  .mobile-user-sub-menu > li > a:hover {
    color: #261146;
  }
  
  .user-sub-menu-link-icon {
    padding-right: 5px;
  }
  
  .has-mobile-user-dropdown:hover .mobile-user-sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
  }
  
  /*Mobile Menu Center Area*/
  .mobile-menu-customer-support {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Raleway", sans-serif;
  }
  
  .mobile-menu-customer-support-icon {
    max-width: 50px;
    overflow: hidden;
    margin-right: 30px;
  }
  
  .mobile-menu-customer-support-icon img {
    width: 100%;
  }
  
  .mobile-menu-customer-support-text-phone {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    transition: all 0.3s ease 0s;
  }
  .mobile-menu-customer-support-text-phone:hover {
    color: #261146;
  }
  
  .mobile-menu-customer-support-text {
    font-size: 14px;
    margin: 20px 0;
  }
  
  .mobile-action-icon {
    display: flex;
    justify-content: center;
  }
  
  .mobile-action-icon-item {
    margin-right: 40px;
  }
  .mobile-action-icon-item:last-child {
    margin-right: 0;
  }
  
  .mobile-action-icon-link {
    position: relative;
    font-size: 27px;
    color: #333;
    transition: all 0.3s ease 0s;
  }
  .mobile-action-icon-link:hover {
    color: #261146;
  }
  
  .mobile-action-icon-item-count {
    position: absolute;
    top: 0;
    right: calc(0% - 10px);
    font-size: 11px;
    display: inline-block;
    background: #333;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease 0s;
  }
  
  .mobile-action-icon-link:hover .mobile-action-icon-item-count {
    background: #261146;
  }
  
  /*Mobile Menu Bottom Area*/
  .mobile-menu-bottom {
      position: fixed;
      bottom: 5%;
  }
  .offcanvas-menu {
    margin: 20px 0;
      margin-left: -10vw !important;
  }
  
  .offcanvas-menu li {
    position: relative;
   padding-bottom: 3vw;padding-left: 0;
      display: flex;
  }
  
  .padding-menu {padding-left: 2vw !important;    padding-right: 3vw !important;    padding-bottom: 7vw; } 
  .offcanvas-menu > ul > li {
    border-bottom: 1px solid transparent;
  }
  
  .offcanvas-menu > ul > li:last-child {
    border-bottom: none;
  }
  
  .offcanvas-menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
      font-family: TeXGyreAdventorbold;
      font-size: 3.8vw;padding-left: 6vw;
  }
  
  .offcanvas-menu li a:hover {
    color: #ddd;
  }
  
  .offcanvas-menu li .mobile-sub-menu {
    display: none;padding-top: 11vw;padding-left: 0; margin-left: -16vw;
  }
  .offcanvas-menu li .mobile-sub-menu li a {
     padding-left: 0vw;
  }
  .font{
   font-family: TeXGyreAdventor !important;
      font-size: 3.4vw !important;
      color:#ccc !important;
  }
  .offcanvas-menu-expand::after {
    content: "";
    position: absolute;
    font-family: "FontAwesome";
    right: 6vw;
    transition: all 0.3s ease;
    color: #fff;    font-size: 4vw;
  }
  
  .offcanvas-menu .active > .offcanvas-menu-expand:last-child,
  .sub-menu > .active .offcanvas-menu-expand:last-child {
    border-bottom: none;
  }
  
  .offcanvas-menu .active > .offcanvas-menu-expand::after,
  .sub-menu > .active .offcanvas-menu-expand::after {
    color: #ccc;
    content: "";
  }
  
  .mobile-menu-email {
    color: #999;
    text-align: center;
    display: block;
  }
  .mobile-menu-email:hover {
    color: #261146;
  }
  
  .mobile-menu-social {
    margin-top: 25px;
    text-align: center;
  }
  .mobile-menu-social > li {
    display: inline-block;
    margin-right: 13px;
  }
  .mobile-menu-social > li:last-child {
    margin-right: 0px;
  }
  .mobile-menu-social > li > a {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #FFF !important;
  }
  .mobile-menu-social > li > a:hover {
    opacity: 0.7;
  }
  .mobile-menu-social > li > a.facebook {
    background: #4867AA;
  }
  .mobile-menu-social > li > a.twitter {
    background: #1DA1F2;
  }
  .mobile-menu-social > li > a.youtube {
    background: #FE0000;
  }
  .mobile-menu-social > li > a.pinterest {
    background: #BD081B;
  }
  .mobile-menu-social > li > a.instagram {
    background: #B23A94;
  }
  
  .offcanvas-cart-item-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .offcanvas-cart-item-single:last-child {
    margin-bottom: 0;
  }
  
  .offcanvas-cart-item-block {
    display: flex;
    align-items: center;
  }
  
  .offcanvas-cart-item-image-link {
    width: 90px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 20px;
  }
  
  .offcanvas-cart-image {
    width: 100%;
  }
  
  .offcanvas-cart-item-link {
    display: block;
    font-weight: 700;
  }
  
  .offcanvas-cart-item-details {
    font-family: "Raleway", sans-serif;
  }
  
  .offcanvas-cart-total-price {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-family: "Raleway", sans-serif;
  }
  
  .offcanvas-cart-total-price-text {
    font-weight: 700;
  }
  
  .offcanvas-cart-action-button-list {
    margin-bottom: 25px;
    display: block;
  }
  
  .offcanvas-cart-action-button-link {
    display: block;
    background: #000;
    color: #FFF;
    padding: 10px 30px;
    text-align: center;
    font-weight: 600;
  }
  .offcanvas-cart-action-button-link:hover {
    background: #261146;
    color: #FFF;
  }
  
  .offcanvas-wishlist-item-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .offcanvas-wishlist-item-single:last-child {
    margin-bottom: 0;
  }
  
  .offcanvas-wishlist-item-block {
    display: flex;
    align-items: center;
  }
  
  .offcanvas-wishlist-item-image-link {
    width: 90px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 20px;
  }
  
  .offcanvas-wishlist-image {
    width: 100%;
  }
  
  .offcanvas-wishlist-item-link {
    display: block;
    font-weight: 700;
  }
  
  .offcanvas-wishlist-item-details {
    font-family: "Raleway", sans-serif;
  }
  
  .offcanvas-wishlist-total-price-text {
    font-weight: 700;
  }
  
  .offcanvas-wishlist-action-button {
    margin-top: 40px;
  }
  
  .offcanvas-wishlist-action-button-list {
    margin-bottom: 25px;
    display: block;
  }
  
  .offcanvas-wishlist-action-button-link {
    display: block;
    background: #000;
    color: #FFF;
    padding: 10px 30px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
  }
  .offcanvas-wishlist-action-button-link:hover {
    background: #261146;
    color: #FFF;
  }
      
  .swiper-container {
          overflow-x: hidden !important;
      width: 100%;
      height: 100%;
      margin-left: auto !important;
      margin-right: auto !important;
          position: relative !important;
          z-index: 2;
  }
  .swiper-slide {
          position: relative !important;
      text-align: center !important;
      font-size: 18px;
      background: #fff;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: -webkit-flex !important;
      display: flex !important;
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      -webkit-justify-content: center !important;
      justify-content: left !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important; 
    }
  
  .swiper-pagination-bullet-active{
    background-color:#fff;
  }
  
    
  
   
  
  .numbers{margin-top: 0;margin-bottom: 0; margin-left: 0.5vw ;margin-right: 0.5vw ; }
   #navHome button:focus { outline: none; border-radius: 0;}
   
  .sager-log img {
  width: 14vw;
      height: 2.3vw; 
      margin-left: 0.2vw;
  float: left;
      text-align: left;
  }
  .sager-log-footer img{
    width: 14vw;
      height: 2.3vw;  
      text-align: center; 
    margin-top: 3vw;
    margin-left: 0;
    margin-bottom: 8vw;
  }
  .pl-3{padding-left: 1vw !important;}
  .nav-item a  ,.nav-item a {line-height:1vw;}
  .nav-item .nav-link{
      margin: 0 0 0vw 0.5vw;
      font-family: TeXGyreAdventor;
      font-size: 1vw; 
      text-align: center;
      color: #fff !important;
      text-decoration: none; 
      position: relative;
      display: inline-block;
  }
  .nav-item .nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.35vw;
    background: #fff;
    background-image: linear-gradient(to top, #d90915 0%, #d90915 100%);
    top: 100%;
    animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
  }
  .nav-item .nav-link:hover:before {
    animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
  }
  .nav-item .nav-link:nth-child(1) {
    animation: show 0.2s 1.1s ease 1 both;
  }
  
  .nav-item .nav-link:nth-child(2) {
    animation: show 0.2s 1.2s ease 1 both;
  }
  
  .nav-item .nav-link:nth-child(3) {
    animation: show 0.2s 1.3s ease 1 both;
  }
  
  .nav-item .nav-link:nth-child(4) {
    animation: show 0.2s 1.4s ease 1 both;
  }
  
  .nav-item .nav-link:nth-child(5) {
    animation: show 0.2s 1.5s ease 1 both;
  }
  .navbar-nav{text-align: center; float: center;  }
  .header-tx-sm{ padding-right: 60%;  
    font-family: TeXGyreAdventor;
    font-size: 0.9vw; 
    text-align: left;
    color: #fff;}
  .header-tx--sm{ padding-right: 60%; margin-left: -2.5vw !important;
    font-family: TeXGyreAdventor;
    font-size: 0.9vw; 
    text-align: left;
    color: #fff;}
  .header-tx-sm-2{   
    font-family: TeXGyreAdventor;
    font-size: 0.9vw; 
    text-align: left;
    color: #fff;}
  .header-tx-lg{ padding-right: 60%;   margin-left:-2.5vw !important;z-index: 1;
    font-family: Built;
    font-size: 6.5vw; 
    line-height: 0.92; 
    text-align: left;
    color: #fff; white-space: nowrap;}
  .header-tx-lg2{ padding-right: 60%;   margin-left:-2.5vw !important;z-index: 1;
    font-family: Built;
    font-size: 6.5vw; 
    line-height: 0.92; 
    text-align: left;
    color: #fff;white-space: nowrap;}
  .padding-tx{ padding-right: 10% !important; }
  .padding-tx2{ padding-right: 51% !important; }
  .header-tx-vertical{line-height:0;
      writing-mode: vertical-lr; 
  transform: rotate(180deg);
   padding-left: 3.8vw;
   
    opacity: 0.5;
    font-family: Built;
    font-size: 1.6vw; 
   
    color: #fff;}
   
  .header-rectangle{width: 3vw;
    height: 6vw;    position:absolute; top: -1.4653vw; right: -2.4vw ;z-index: 0;}
  
  .container-1{
    z-index: 999 !important;
    position: absolute;
    margin-top: 2.5vw; 
    padding-left: 9.12vw;
    padding-right: 9.27vw;
    width: 100% ;
    background-color: none !important; 
    }
  .container-header-black{
    z-index: 999 !important;
    position: relative;
    margin-top: 0vw;
    padding-left: 9vw;
    padding-right: 9vw;
    width: 100% ;
    background-color: #161615 !important;
    padding-top: 2vw ;
    padding-bottom: 1vw
    }
  .hero{
    position: relative;
    height: 100vh !important;
  }
  .container-un{  
    padding-left: 6.12vw;
    padding-right: 9.27vw;
    overflow: hidden !important;
    padding-top: 0vw;  
     
    }
    body:not(.is-loaded) .container-un .hero__slides {
        visibility: visible !important;
    }
    .container-un h1{ 
    font-family: Built;
    font-size: 5vw;
    font-weight: bold; 
    line-height: 0.92; 
    text-align: left;
    color: #fff;
    padding-left: 3vw; 
    position: relative; 
    }
    .container-un h1::before{
      position: absolute;
      content: "";
      left: 0vw;
      top: 0.38vw;
      background-image: url(../img/red_rectangle.svg);
      width: 3.43vw;
    height: 2.08vw;
    z-index: -1;
    }
    .container-un p{ 
      font-family: TeXGyreAdventor;
      font-size: 1.15vw; 
      text-align: left;
      color: #ccc;
      padding-left: 3vw; 
    }
    .container-un p span{
      font-weight: bold;
    }
    .container-un h4{ 
    font-family: Built;
    font-size: 2.08vw;
    font-weight: bold; 
    line-height: 2.75; 
    text-align: left;
    color: #fff;
    padding-left: 3vw; 
    }
    .container-un h4 img{
      width: 1.77vw;
    height: 1.77vw;
    margin-left: 0.53vw;
    margin-bottom: 0.5vw;
    object-fit: contain;
    }
  
  
    .container-un h5{ 
      font-family: Built;
      font-size: 2.08vw;
      font-weight: bold; 
      line-height: 1; 
      text-align: left;
      color: #fff;
      padding-left: 3vw; 
      padding-bottom: 2.71vw;
      }
  
  
    @media (max-width: 912px) {
      .container-un h1{ 
        font-family: Built;
        font-size: 15.25vw;
        font-weight: bold; 
        line-height: 0.92; 
        text-align: left;
        color: #fff;
        padding-left: 3vw; 
        position: relative; 
        }
        .container-un h1::before{
          position: absolute;
          content: "";
          left: 0vw;
          top: 0.38vw;
          background-image: url(../img/red_rectangle.svg);
          width: 3.43vw;
        height: 2.08vw;
        z-index: -1;
        }
        .container-un p{ 
          font-family: TeXGyreAdventor;
          font-size: 4.15vw; 
          text-align: left;
          color: #ccc;
          padding-left: 3vw; 
        }
        .container-un p span{
          font-weight: bold;
        }
        .container-un h4{ 
        font-family: Built;
        font-size: 5.5vw;
        font-weight: bold; 
        line-height: 2.75; 
        text-align: left;
        color: #fff;
        padding-left: 3vw; 
        }
        .container-un h4 img{
          width: 4.77vw;
          height: 4.77vw;
          margin-left: 2.53vw;
        margin-bottom: 0.5vw;
        object-fit: contain;
        }
        .container-un h5{  
          font-size: 5.5vw; 
          padding-left: 3vw; 
          padding-bottom: 6.71vw;
          }
    }
  
  .container-3{
    z-index: 1 !important; 
    position: absolute; 
    top:0;
    width: 100%; 
    padding: 0; 
    margin: 0; 
      background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;
    height: 100%;
    overflow: hidden !important; 
  }
  
  .color-1{
    background: none;border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none 
  }
  .color-2{
     background: none;border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none 
  }
  .color-3{
     background: none;border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none 
  }
  .color-4{
     background: none;border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none 
  }
   
  .container-4{z-index: 2 !important; margin-top: 0; margin-left: 50%; margin-right:0; border-left: 1px solid #d6d6d6 ;  opacity: 0.3; height: 69rem; width: 87.7%; top: 0; position: absolute; overflow: hidden !important;    display: block;overflow: hidden !important; }
  
  .container-5{   margin-top: 10vw; margin-left: 6vw; margin-right: 6vw;  }
  .container5{   margin-top: 10vw; margin-left: 0vw; margin-right: 0vw; margin-bottom: 0;}
  .container-6{ 
    margin-left: 9.22vw;
    margin-right:9.22vw;
    z-index: 9 !important;
      position: relative;
      margin-top: -4vw;
      overflow: hidden !important; 
  }
  
  .container-7{
      margin-top: 0vw; margin-left: 0vw; margin-right: 0vw; background-color: #161615;padding-left: 6vw; padding-right: 0vw;padding-top: 10vw; padding-bottom:12vw; 
      
  }
  .container--7{
      margin-top: 0vw; margin-left: 0vw; margin-right: 0vw; background-color: #161615;padding-left: 6vw; padding-right: 6vw;padding-top: 10vw; padding-bottom:0vw;overflow: hidden !important;
      
  }
  .container7{
      margin-top: 0vw; margin-left: 0vw; margin-right: 0vw; background-color: #f8f8f8;padding-left: 7vw; padding-right: 7vw;padding-top: 10vw; padding-bottom:0vw;overflow: hidden !important;
      
  }
  
  .container-8{ margin-top: 4vw; margin-left: 0.5vw; margin-right: 0.5vw; text-align: center;overflow: hidden !important;}
  
  .container-9{
      margin-top: -5vw; margin-left: 0vw; margin-right: 0vw; background-color: #fff;padding-left:5.5vw; padding-right: 6.5vw;padding-top: 10vw; padding-bottom:8vw;overflow: hidden !important;
  }
  .container-10{ 
    margin-top: 7vw; 
    margin-left: 9.3vw; 
    margin-right: 9.22vw; 
    margin-bottom: 0vw; 
    z-index: 9 !important;
    position: relative; 
      
  }  
  .container-solar{  background-color: #f8f8f8;
      
  }
  .container-solar-10{ margin-top: 0vw; margin-left: 7vw; margin-right: 7vw; margin-bottom: 0vw; z-index: 9 !important;position: relative; 
      
  }
  .container--10{ margin-top: 7vw; margin-left: 6.5vw; margin-right: 7vw; margin-bottom: 0vw; z-index: 9 !important;position: relative; 
      
  } 
  .container-test{ margin-top: 7vw; margin-left: 7vw; margin-right: 7vw; margin-bottom: 7vw; z-index: 9 !important;position: relative; 
      
  }
  .bg-gray{
    background-color: #f8f8f8;
     width: 100%;
      height: 29vw;
    }
  
  .center{ z-index: 999; 
    position:relative   ; 
    overflow: none;
    padding-top: 6vw; 
    line-height: 4vw;
  }
  
  .slide-top {
    text-align: center;
    overflow: none;
    animation: slide-top 1s linear infinite alternate both;
    font-family: Built;
    font-size: 1.51vw;
    font-weight: bold;
    color: #fff;
    bottom: 2.08vw;
    left: 41.5vw;
    position: absolute;
    -webkit-animation: slide-top 1s linear infinite alternate both;
  }
      
  .slide-top img{  
    width: 1.25vw;
    height: 1.09vw; 
    object-fit: contain; 
    margin-bottom: 0.4vw;
  }
  .slide-top a{  
    color: #fff; 
    padding-left: 0.78vw;
  }
  .slide-top a:hover{  
    text-decoration: none;
    color: #fff; 
  }
  
    @keyframes slide-top {
    0% {
      transform: translateY(10px);
      opacity: 0;
    }
    100% {
      transform: translateY(20px);
      opacity: 1;
    }
  }
  
  
  
  .slide-top2 {overflow: none; animation: slide-top2 1s linear infinite alternate both;margin-top: -6vw;}
    @keyframes slide-top2 {
    0% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(20px);
    }
  }
  
  @media (max-width: 912px) {
    .slide-top { 
      font-size: 4.51vw;
      bottom: 12.08vw;
      left: 27.5vw; 
    }
    .slide-top img{  
      width: 4.25vw;
      height: 4.09vw;
      margin-bottom: 0.6vw;
    }
    .slide-top a{   
      padding-left: 0.78vw;
    }
    
  }
  
  .caretdown {
    overflow: none; 
    color: #d90915; 
    font-size: 3vw;
    margin-top: 0.7vw; 
  }
  
  .caretdown-1 {
    overflow: none; 
    color: #d90915; 
    font-size: 2vw !important;
    padding-top: -0.3vw; 
    margin-right: -2vw;
}
  .scroll a{overflow: none;border-style: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none ;
       text-decoration: none;
         font-family:built;
       font-size:1.4vw; 
       color: #fff !important;
          opacity: 1 !important;
          z-index: 2 !important;
          position:relative;
          margin-left: 0vw;
  }
  .scroll{ padding-top: 0.55vw; padding-left: 1.3vw;}
  #myVideo {
    position: inherit;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 90vh;
  }
  .btn-1{
       width: 10vw;
    height: 2.5vw;
    margin: 0 0.9vw 0 0;
      
   vertical-align: middle;
      text-align: center;
    background-color: #d90915;
      color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 0.9vw;
  border: none;	  -webkit-transition:  300ms ease-in-out;
    transition:  300ms ease-in-out;
   }
  .btn-1:hover{text-decoration: underline;}
  .btn-2{
          width: 10vw;
       height: 2.5vw;
       margin: 0;
      vertical-align: middle; 
      text-align: center;
       background-color: #161615;
      color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 0.9vw;
      border: none;	  -webkit-transition:  300ms ease-in-out;
    transition:  300ms ease-in-out;
      
   
     
   }
  .btn-2:hover{
    text-decoration: underline;
  }
  .btn-1:hover, 
  .btn-1:active, 
  .btn-1:focus, 
  .btn-1:checked{ 
    border: none !important; 
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none; 
  }
  
  .btn-2:hover, 
  .btn-2:active, 
  .btn-2:focus, 
  .btn-2:checked{
    border: none !important;  
    outline: none;
    border: none !important;  
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none;
  }
  
  .btn-2-white{  
      background-color: #fff;
      color:#161615;
      font-family: TeXGyreAdventorbold;
      font-size: 0.9vw;
      border: none;
      width: 10vw;
    height: 2.5vw;
    margin: 0;
    vertical-align: middle; text-align: center;  -webkit-transition:  300ms ease-in-out;
    transition:  300ms ease-in-out;
  }
  
  .btn-2-white:hover{
    text-decoration: underline;
  }
  
  .btn-2-white:hover, 
  .btn-2-white:active, 
  .btn-2-white:focus, 
  .btn-2-white:checked{
    border: none !important;  
    outline: none;
    border: none !important;  
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none;
  }
  
  .btn-3{
    white-space: nowrap;
      font-weight: 800;  background-color: #fff;
      color:#d90915;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
      border: none;
      width: 10.5vw;
    height: 3vw;
    position: relative;overflow: hidden;
    vertical-align: middle; text-align: center;
      margin-right: 2vw;
      margin-top: 2vw;
      -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  }
  
  .btn-3:hover, 
  .btn-3:active, 
  .btn-3:focus, 
  .btn-3:checked{ 
    border: none !important;  
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none ;
    color:#fff;  
    box-shadow:-10.6vw 0 0 0 #161615 inset; 
    cursor: pointer  
  }
  
    .btn-3:hover:before{
      opacity: 1; 
      transform: translate(0,0);
    }
  
    .btn-3:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
            font-weight: 800;
        color:#fff;
          font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;  
      }
  
    .btn-3:hover div{
      opacity: 0;
      transform: translate(0,-100%);
      -webkit-transform: translate(0,-100%);
      -moz-transform: translate(0,-100%);
      -ms-transform: translate(0,-100%);
      -o-transform: translate(0,-100%);
    }
  
  .btn-3 div{  
    font-weight: 800;
    color:#d90915;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
    transition: all .3s ease-in-out;
  } 
  
  .btn-5{
    white-space: nowrap;    
    margin-left: 0 !important;
      font-weight: 800;  
    background-color: #d90915;
      color:#fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 10.5vw;
    height: 3vw; 
    position: relative;
    overflow: hidden;
    vertical-align: middle; 
    text-align: center;
      margin-right: 2vw;
    margin-top: 2vw; 
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out; 
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;  
  }
  
  .btn-5:hover, 
  .btn-5:active, 
  .btn-5:focus, 
  .btn-5:checked{ 
    border: none !important;  
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none ;
    color:#fff;  
    box-shadow:-10.6vw 0 0 0  #161615 inset; 
    cursor: pointer  
  }
    
  .btn-5:hover:before{
    opacity: 1; 
    transform: translate(0,0);
  }
  
  .btn-5:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
            font-weight: 800;
        color:#fff;
          font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;
      } 
  
  .btn-5:hover div{
    opacity: 0; 
    transform: translate(0,-100%);
  }
  
  .btn-5 div{  
    font-weight: 800;
    color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
    transition: all .3s ease-in-out;
  }
  
  .btns-5{
    white-space: nowrap;    
    margin-left: 0 !important;
      font-weight: 800;  
    background-color: #d90915;
      color:#fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 15.5vw;
    height: 3vw; 
    position: relative;
    overflow: hidden;
    vertical-align: middle; 
    text-align: center;
      margin-right: 2vw;
    margin-top: 2vw; 
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out; 
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;  
  }
  
  .btns-5:hover, 
  .btns-5:active, 
  .btns-5:focus, 
  .btns-5:checked{ 
    border: none !important;  
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none ;
    color:#fff;  
    box-shadow:-15.6vw 0 0 0  #161615 inset; 
    cursor: pointer  
  }
    
  .btns-5:hover:before{
    opacity: 1; 
    transform: translate(0,0);
  }
  
  .btns-5:before{
    content: attr(data-hover);
    position: absolute;
    top: 0.75vw; left: 0;
    width: 100%;
    font-weight: 800;
    color:#fff;
    font-family: TeXGyreAdventorbold;
    opacity: 0;
    transform: translate(0,100%);
    transition: all .3s ease-in-out;
  } 
  
  .btns-5:hover div{
    opacity: 0; 
    transform: translate(0,-100%);
  }
        
  .btns-5 div{  
    font-weight: 800;
    color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
    transition: all .3s ease-in-out;
  }
  
  .btn--5{
    white-space: nowrap;    
    margin-left: 0 !important;
      font-weight: 800;  
    background-color: #d90915;
      color:#fff;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    border: none;
    width: 16.5vw;
    height: 3vw; 
    position: relative;
    overflow: hidden;
   vertical-align: middle; 
   text-align: center;
      margin-right: 2vw;
    margin-top: 2vw; 
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out; 
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;  
  }
   
   .btn--5:hover, 
   .btn--5:active, 
   .btn--5:focus, 
   .btn--5:checked{ 
    border: none !important;  
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none ;
    color:#fff;  
    box-shadow:-16.6vw 0 0 0  #161615 inset; 
    cursor: pointer  
  }
    
  
  .btn--5:hover:before{
    opacity: 1; 
    transform: translate(0,0);
  }
      
  .btn--5:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
            font-weight: 800;
        color:#fff;
          font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;
  } 
  
  .btn--5:hover div{
    opacity: 0;
    transform: translate(0,-100%);
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
  }
        
  .btn--5 div{
    font-weight: 800;
    color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
    transition: all .3s ease-in-out;
  }
  
  .btn--51{white-space: nowrap;    margin-left: 0 !important;
      font-weight: 800;  background-color: #d90915;
      color:#fff;font-family: TeXGyreAdventorbold;font-size: 1vw;border: none;width: 16.5vw;height: 3vw; position: relative;overflow: hidden;
   vertical-align: middle; text-align: center;
      margin-right: 2vw;margin-top: 2vw; -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out; transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;  }
   
   .btn--51:hover, .btn--51:active, .btn--51:focus, .btn--51:checked{ border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none ;color:#161615;  box-shadow:-16.6vw 0 0 0  #fff inset; cursor: pointer  }
    
     .btn--51:hover:before{opacity: 1; transform: translate(0,0);}
      .btn--51:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
              font-weight: 800;
          color:#161615;
      font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;
      } 
        .btn--51:hover div{opacity: 0; transform: translate(0,-100%);}
        .btn--51 div{  font-weight: 800;
          color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
          transition: all .3s ease-in-out;
        }
  
  .btn-5-2{white-space: nowrap;position: relative;overflow: hidden;
      font-weight: 800;
   text-align: left;
  margin-left: 0vw;
      margin-top: 3vw;
       background-color: #d90915;
      color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
      border: none;
             width: 10.5vw;
    height: 3vw;
  margin-left: 1vw;
    vertical-align: middle; text-align: center;  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
       
   }
  .btn-5-2:hover, .btn-5-2:active, .btn-5-2:focus, .btn-5-2:checked{ border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none ; box-shadow:-10.5vw 0 0 0  #161615 inset; color:#fff;cursor: pointer 
  } 
   /*button:before (attr data-hover)*/
     .btn-5-2:hover:before{opacity: 1; transform: translate(0,0);}
      .btn-5-2:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
              font-weight: 800;
          color:#fff;
      font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .4s ease-in-out;
      }
        /*button div (button text before hover)*/
        .btn-5-2:hover div{opacity: 0; transform: translate(0,-100%)}
        .btn-5-2 div{
        
            
          font-weight: 800;
          color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
          transition: all .3s ease-in-out;
        }
  .btn-7{white-space: nowrap;position: relative;overflow: hidden;
      font-weight: 800;
   
  margin-left: 0vw;
      margin-top: 3vw;
       background-color: #d90915;
      color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
      border: none;
             width: 10.5vw;
    height: 3vw;
  margin-left: 1vw;
    vertical-align: middle; text-align: center;  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
       
   }
  .btn-7:hover, .btn-7:active, .btn-7:focus, .btn-7:checked{ border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none ; box-shadow:-10.5vw 0 0 0  #fff inset; color:#161615;cursor: pointer 
  }
  
   /*button:before (attr data-hover)*/
     .btn-7:hover:before{opacity: 1; transform: translate(0,0);}
      .btn-7:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
              font-weight: 800;
          color:#161615;
      font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;
      }
        /*button div (button text before hover)*/
        .btn-7:hover div{opacity: 0; transform: translate(0,-100%)}
        .btn-7 div{
        
            
          font-weight: 800;
          color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
          transition: all .3s ease-in-out;
        }
  .btn-4{white-space: nowrap;position: relative;overflow: hidden;
      font-weight: 800;
    text-align: center !important;
       background-color: #fff;
      color:#d90915;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
      border: none;
      width: 10.5vw;
      height: 3vw;
   margin-top: 2vw !important;
      
    vertical-align: middle; text-align: center;
      display: none;  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
   }
  .btn-4:hover, .btn-4:active  { border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none; display: block; color:#fff;box-shadow:-10.55vw 0 0 0  #161615 inset;cursor: pointer 
  }
  
   /*button:before (attr data-hover)*/
     .btn-4:hover:before{opacity: 1; transform: translate(0,0);}
      .btn-4:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
              font-weight: 800;
          color:#fff;
      font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;
      }
        /*button div (button text before hover)*/
        .btn-4:hover div{opacity: 0; transform: translate(0,-100%)}
        .btn-4 div{
        
            
          font-weight: 800;
          color:#d90915;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
          transition: all .3s ease-in-out;
        }
  .btn-form{white-space: nowrap;position: relative;overflow: hidden;
      font-weight: 800;
    text-align: center !important;
       background-color: #d90915;
      color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 0.9vw;
      border: none;
      width: 9vw;
      height: 3vw;
   margin-top: 2vw !important;
   
      
    vertical-align: middle; text-align: center;
         -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
   }
  .btn-form:hover, .btn-form:active  { border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none;   color:#161615;box-shadow:-10.55vw 0 0 0  #fff inset;cursor: pointer 
  }
  
   /*button:before (attr data-hover)*/
     .btn-form:hover:before{opacity: 1; transform: translate(0,0);}
      .btn-form:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
              font-weight: 800;
          color:#161615;
      font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;
      }
        /*button div (button text before hover)*/
        .btn-form:hover div{opacity: 0; transform: translate(0,-100%)}
        .btn-form div{
        
            
          font-weight: 800;
          color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
          transition: all .3s ease-in-out;
        }
  .mt-30{margin-top: 3vw !important;}
  
  .btn-6{white-space: nowrap;margin-left: 0 !important;
       position: relative;overflow: hidden;
      font-weight: 800; 
  margin-left: 0vw;
      margin-top: 3vw;
       background-color: #d90915;
      color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
      border: none;
             width: 10.5vw;
    height: 3vw;
  margin-left: 1vw;
    vertical-align: middle; text-align: center;  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
       
   }
  .btn-6:hover, .btn-6:active, .btn-6:focus, .btn-6:checked{ border: none !important;  outline: none; border-color: none;-webkit-box-shadow: none;  box-shadow: none; color:#161615;box-shadow:-10.5vw 0 0 0  #fff inset;cursor: pointer 
  }
   /*button:before (attr data-hover)*/
     .btn-6:hover:before{opacity: 1; transform: translate(0,0);}
      .btn-6:before{
        content: attr(data-hover);
        position: absolute;
        top: 0.75vw; left: 0;
        width: 100%;
              font-weight: 800;
          color:#161615;
      font-family: TeXGyreAdventorbold;
        opacity: 0;
        transform: translate(0,100%);
        transition: all .3s ease-in-out;
      }
        /*button div (button text before hover)*/
        .btn-6:hover div{opacity: 0; transform: translate(0,-100%)}
        .btn-6 div{
        
            
          font-weight: 800;
          color:#fff;
      font-family: TeXGyreAdventorbold;
      font-size: 1vw;
          transition: all .3s ease-in-out;
        }
  .mt{margin-top: -80px; z-index: 0;}
  #navHome{padding-left:5vw; padding-right: 0;}
   
  .font-gray-xl
  {
      margin-left: -0.1vw;
      font-family: built;
      font-size: 15.5vw;
      line-height: 0.39;
      text-align: left !important;
      color: #f8f8f8;
  }
  
  .font-gray2-xl
  {
      margin-left: -0.1vw;
      font-family: built;
      font-size: 15.5vw;
      line-height: 0.39;
      text-align: left !important;
      color: #efefef;
  }
  .red-rectangle{width: 7vw;height: 4vw;}
  .red-rectangle-2{width: 7vw;height: 4vw;margin-right: -6vw;}
  .font-black-xl{  
    font-family: built;
    font-size: 3.3vw; 
    line-height: 1.83; 
    text-align: left;
    color: #161615;}
  .font-gray-sm{
        font-family: TeXGyreAdventor;
    font-size: .885vw; 
    text-align: left;
    color: #777;
  }
  .font-gray--sm{
        font-family: TeXGyreAdventor;
    font-size: .885vw; 
    text-align: left;
    color: #777;padding-right: 5vw;
  }
  .font--gray-smbold{padding-top: 2vw !important;
        font-family: TeXGyreAdventorbold;
    font-size: .885vw; 
    text-align: left;
    color: #777;
  }
  .font-gray2--sm{
        font-family: TeXGyreAdventor;
    font-size: .885vw; 
    text-align: left;
    color: #ccc;  padding-bottom: 5vw;
  }
  .font--gray-smbold2{padding-top: 2vw !important;
        font-family: TeXGyreAdventorbold;
    font-size: .885vw; 
    text-align: left;
    color: #ccc;
  }
  .font-gray-sm2{
        font-family: TeXGyreAdventor;
    font-size: .885vw; 
    text-align: center;
    color: #ccc;
  }
  
  .mt-up-10{margin-top: -1.5vw; padding-left: 0vw;} 
  .mt-up_rectangle10{margin-top: .2vw; padding-left: 0.5vw; }
  .mt-up-20 { margin-top: -1.2vw;padding-left: 0vw; padding-bottom: 3.5vw;
  }
  
  .mt-up-1{margin-top: -4.5vw !important; padding-left: 1.7vw;}
  .mt-up-2{margin-top: -1.4vw; padding-left: 1.7vw; padding-bottom: 5vw;}
  .mt-up-3{margin-top: -1vw; padding-left:5.8vw}
  .mt-up-4{margin-top: -1.2vw; padding-left: 5.8vw;}
  .mt-up-5{margin-top: -1vw; padding-left:2vw;}
  .mt-up5 { margin-top: -1.2vw;    padding-left: 2vw;    margin-left: 0vw;}
   .mt-up-6{margin-top: -1.2vw; padding-left: 2vw;padding-bottom: 2vw;}
  .mt-up-7{margin-top: -1.2vw; }
  .mt-up7{margin-top: -1.2vw; }
  .mt-up-8{margin-top: -1.2vw; margin-left:-1.50vw; overflow-x: hidden !important;}
  .mt-up-9{margin-top: -1.2vw; margin-left: -1.5vw;padding-bottom: 5vw;} 
  .mt-up_rectangle2{margin-top: 0.2vw; ;text-align: right ;padding-right: 0;}
  .mt-up_rectangle{margin-top: -2.8vw !important; padding-left: 0.6vw; }
  .mt-up_rectangle3 {
      margin-top: 0vw;
      padding-left: 0.6vw;
  }
  .mt-up_rectangle-3 {
      margin-top: .2vw;
      padding-left: 0.6vw;
  }
  .mt-up_rectangle4 {
      margin-top: 0.1vw;
      padding-left: 0vw;
  }
  .background-white{
      width: 99.2%;
    height: 1vw;
    background-color: #fff;
  margin-left: .45vw;}
  .background-gray{
      width: 127.5%;
    height: 17.7vw;
    background-color: #efefef;
  margin-left: 0vw;}
  
   
  .background-gray-3{
      right: 0;
      width:6vw;
    height: 34.1vw;
    background-color: #efefef;
   }
  
  .tab {
       width: 65vw;
    overflow: hidden;
    border: none;
    background-color: none; 
    position:relative;
  }
  
  /* Style the buttons inside the tab */
  .tab button { 
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 0 4vw 0 0.05vw;
      padding: 0 0 0 0;
    transition: 0.3s;
      font-family: TeXGyreAdventor;
    font-size: 0.9vw; 
    line-height: 1.22; 
    text-align: left;
    color: #ccc;
      font-weight: 600;
       text-transform: uppercase;
      background-color: #fff !important;
      position:relative;
      outline: none;
      box-shadow: none;
  }
  
  /* Change background color of buttons on hover */
    .tab button.active    { 
      padding-bottom: 1vw;
      border-bottom: 8px solid #d90915;
      color:#161615;
      font-weight: 600;
        font-size: 0.9vw; 
  }
  
  .tab button:hover   { 
      color:#161615;
      font-weight: 600;
        font-size: 0.9vw; 
  } 
  
  /* Style the tab content */
  
   
  .img_tab_1{
      width: 43vw;
  height: 37vw;
  }
  .img_tab_2{
        width: 21.8vw;
     height: 20.3vw;
         
  }
  .img_tab_3{
          width: 21.66vw;   height: 20.3vw;
     }
  .bg-red{background-color: #d90915;padding-top: 3.9vw;padding-left: 2.8vw; overflow: hidden;height:15.83vw; }
  .bg-red-2{background-color: #d90915;padding-top: 3.9vw;padding-left: 2.8vw; overflow: hidden;}
  .bg-red span{ 
      
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw; 
    line-height: 1; 
    text-align: center;
    color: #fff;
       text-transform: uppercase;
  }
  
  .font-white-sm{   
      padding-top: 1.6vw;
      padding-left: 0;
      padding-bottom: 4vw;
    font-family: TeXGyreAdventor;
    font-size: .9vw; 
    line-height: 1.38; 
    text-align: left;
    color: #fff;}
  .font-black-xxl{  
     
    font-family: Built;
    font-size: 15vw;  
    line-height: 0.39; 
    text-align: center;
    color: #222;}
  .font-white-xl{ 
    font-family: Built;
    font-size: 2.8vw; 
    line-height: 1.83; 
    text-align: left;
    color: #fff;position: relative; 
  }
  .font-white-xl-2{ 
    font-family: Built;
    font-size: 3vw; 
    line-height: 1; 
    text-align: left;
    color: #fff;position: relative; padding-bottom: 1vw !important;
  }
  
  .paddingl-c{margin-left: -2.6vw !important;}
  .header_container-career{margin: 0; padding-top: 8vw; padding-left: 6.5vw; padding-bottom: 0vw; padding-right: 56%;}
  .header_container-padding{margin: 0; padding-top: 8vw; padding-left: 6.5vw; padding-bottom: 0vw; padding-right: 60%;}
  .header_container-career2{margin: 0; padding-top: 0vw; padding-left: 6.5vw; padding-bottom: 10vw;}
  .header_container-sup{margin: 0; padding-top: 5vw; padding-left: 8.5vw; padding-bottom: 0vw; padding-right: 56%;}
  .header_container-sup2{margin: 0; padding-top: 0vw; padding-left: 8.5vw; padding-bottom: 10vw;}
  .header_container-sup3{margin: 0; padding-top: 7vw; padding-left: 0vw; padding-bottom: 0vw; padding-right: 0%;}
  .header_container-sup4{margin: 0; padding-top: 3.5vw; padding-left: 8.5vw; padding-bottom: 0vw; padding-right: 56%;}
  .header_container-sup5{margin: 0; padding-top: 1.3vw; padding-left: 6.5vw; padding-bottom: 0vw; padding-right: 56%;display: inline-flex;}
  .font-black{   
    font-family: Built;
    font-size: 15vw;  
    line-height: 0.39; 
    text-align: left;
    color: #222;}
   .font-black-s{   
    font-family: Built;
    font-size: 13vw;  
    line-height: 0.39; 
    text-align: left;
    color: #222;}
  .padding-col{padding-top:3vw;padding-bottom:3vw;padding-right:2.5vw;padding-left:2.5vw;border-right: 1px solid #3e3e3e; 
    height: 20vw;background-color: #222; }
  .padding3-col{padding-top:3vw;padding-bottom:3vw;padding-right:2.5vw;padding-left:2.5vw;border-right: 1px solid #3e3e3e;height: 20vw;background-color: #222; }
  .padding2-col{padding:3vw;border-right: none;height: 20vw; background-color: #222;}
  
  .drone-1-img{
      width: 4vw;
    height: 4vw;
  }
  
  .drone-2-img{
      width: 4vw;
    height: 4vw;
  }
  
  .location-mark-img{
    width: 4vw;
    height: 4vw;
  }
  
  .text-white{
      padding-top: 1.56vw;
    padding-bottom: 1.04vw;
    font-family: TeXGyreAdventorbold;
    font-size: 1.2vw; 
    line-height: 1; 
    text-align: center;
    color: #fff;
       text-transform: uppercase;
    }
  
  .padding-col:hover .drone-1-img,
  .padding-col:hover .font-gray-sm2{
    display: none;
  }
  
  .padding2-col:hover .drone-2-img,
  .padding2-col:hover .font-gray-sm2{
    display: none;
  }
  
  .padding3-col:hover .location-mark-img,
  .padding3-col:hover .font-gray-sm2{
    display: none;
  }
  
  .padding-col:hover .btn-4{
    display: inline-block; 
  }
  
  .padding2-col:hover .btn-4{
    display: inline-block;
  }
  
  .padding3-col:hover .btn-4{
    display: inline-block;
  }
  
  
  .padding-col:hover .text-white{
    padding-top: 5vw;
  }
  
  .padding2-col:hover .text-white{
    padding-top: 5vw;
  }
  
  .padding3-col:hover .text-white{
    padding-top: 5vw;
  }
  
  .padding-col:hover {
    background-color: #d90915;
  }
  
  .padding2-col:hover {
    background-color: #d90915;
  }
  
  .padding3-col:hover {
    background-color: #d90915;
  }
  
  .padding-bg-red{
    margin-left: -0.3vw !important;
    margin-right: 0vw;
    margin-top: 2vw; 
    padding:0;
    text-align: center;  
    width: 99%;
    height: 12vw;
    border-bottom: 1px solid #ff4b56;
    }
  
  .padding-bg-red2{
    margin-left: 0vw !important; 
    margin-right: 0;
    margin-top: 0vw; 
    padding:0;
    text-align: center;  
    width: 100%;
    height: 12vw;
    border-right: 1px solid #ff4b56; 
  }
  
  .padding-bg-red3{
    margin-left: 0vw !important; 
    margin-right:0vw;
    margin-top: 0vw; 
    padding:0;
    text-align: center;  
    width: 100%;
    height: 12vw;
    border-right: none; 
  }
  
  .font-number-white{
      padding-top: 4vw;
      padding-bottom: 1.5vw;
    text-align: center;
    font-family: TeXGyreAdventorbold;
    font-size: 2vw; 
    line-height: 0.55; 
    color: #fff;
  }
  
  .font-white-xs {
      text-transform: uppercase;
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    line-height: 1.22; 
    text-align: center;
    color: #fff;
  }
  
  .earth-img{
    width: 49vw;
    height: 28vw; 
    margin-right: 0; 
    padding-right: 0;
    text-align: right;
  }
  
  .padding-rectangle{
    margin-top: 1.6vw;
  }
  .padding-top{
    padding-top: 3.5vw; 
    padding-left: 1vw;
  }
  .padding-top-text{
    padding-top: 3vw; 
    padding-left: 1vw;
  }
  
  .drone-top-views{position: absolute;
      width: 100%;
      height: 56vw;
      margin-top: -14vw;
      overflow: hidden;
      margin-right: 0;
    }
  .inline-flex{display: inline-flex}
  .pt5{padding-top: 4.5vw;}
  .pr{padding-right: 25%;}
  .font-number-gray{ 
    font-family: TeXGyreAdventor;
    font-size: 4vw;
    text-align: left;
    color: #444;}
  .text{  
    font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 1.22; 
    text-align: left;
    color: #fff;
       text-transform: uppercase;
      padding-top: 2.3vw;
      padding-left: 1vw;
      padding-right: 10%;
  }
  .line{
      padding-left: 0;
      padding-top: 5vw;
      width:54vw;
      margin-bottom: 8vw;
    height: 0.063rem; 
    border-bottom: 1px solid #383838;}
  .pb{padding-bottom: 6vw;}
  
    
  @-webkit-keyframes ping {
    0% {
      -webkit-transform: scale(0.2);
              transform: scale(0.2);
      opacity: 0.8;
    }
    80% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2.2);
              transform: scale(2.2);
      opacity: 0;
    }
  }
  @keyframes ping {
    0% {
      -webkit-transform: scale(0.2);
              transform: scale(0.2);
      opacity: 0.8;
    }
    80% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2.2);
              transform: scale(2.2);
      opacity: 0;
    }
  }
  
  
  .circle-object {
      -webkit-animation: ping 1.3s ease-in-out infinite both;
              animation: ping 1.3s ease-in-out infinite both;
      background: #d90915;
      width: 1.2vw;
      height:1.2vw;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 2px 1px 14px #d90915;
  } 
  
  
  
  .parallelograms{ 
   
      width: 50vw;
      height: 4vw;
      display: inline-block;
    background: #d90915;    
    border: 1px solid #d90915;
    transform: skewX(-32deg);
    }
  .parallelograms-sm{ 
    
      width: 44vw;
      height: 2vw;
      display: inline-block;
    background: #d90915;    
    border: 1px solid #d90915;
    transform: skewX(-32deg);
    }
  .parallelograms-sm2{ 
    position: absolute;
      width: 44vw;
      height: 2vw;
      display: inline-block;
    background: #d90915;    
    border: 1px solid #d90915;
    transform: skewX(-32deg);right:28vw; margin-top: 5vw;
    }
  .container-parallelograms{text-align: center; margin-top: -1vw;  padding-bottom: 6vw; margin-left: 6vw; margin-right: 6vw;}
  .container-const{text-align: center; margin-top: 4vw;  padding-bottom: 6vw; margin-left: 7.5vw; margin-right: 7.5vw;}
  .parallelogramssolar{ 
   margin-left: 1vw;
      width: 43vw;
      height: 2vw;
      display: inline-block;
    background: #efefef;    
    border: 1px solid #efefef;
    transform: skewX(-32deg);
    }
  .parallelogramssolar-1{ 
   margin-left: 1vw;
      width: 43vw;
      height: 2vw;
      display: inline-block;
    background: #d90915;    
    border: 1px solid #d90915;
    transform: skewX(-32deg);
    }
  
  
  #exampleSlider {
    position: relative; 
  }
  @media (max-width: 767px) {
    #exampleSlider {
      border-color: transparent;
    }
  }
  #exampleSlider .MS-content {
    margin: 15px 5%;
    overflow: hidden;
  
        white-space: nowrap; 
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-content {
      margin: 0;
    }
  }
  #exampleSlider .MS-content .item {
    display: inline-block;
      overflow: hidden;
    position: relative;
    vertical-align: top; 
    border-right: none;
    width: 48%;
    height: 36vw;
    margin: 0 0 0 1vw; 
    background-color: #f8f8f8;
      padding: 4vw 2vw 4vw 2vw;
        white-space:normal;
      text-align: left !important;
      
  }
  .black{  background-color: #222 !important;
       
      overflow: hidden;
    position: relative;
    vertical-align: top;  
    width: 100%;
    height: 36vw;    
      padding: 3.5vw 2vw 4vw 3vw;
        white-space:normal;
      text-align: left !important;
  
  }
  @media (max-width: 1200px) {
    #exampleSlider .MS-content .item {
      width: 48%;
    }
  }
  @media (max-width: 1024px) {
    #exampleSlider .MS-content .item {
      width:48%;
    }
  }
  @media (max-width: 992px) {
    #exampleSlider .MS-content .item {
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-content .item {
      width: 100%;
    }
  }
  
  #exampleSlider .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 35px;
  }
  
  #exampleSlider .MS-controls button:hover {
    cursor: pointer;
  }
  
  #exampleSlider .MS-controls .MS-left {
    right: 3.7vw;
      top: -6.5vw;
      background-color: #efefef;
      font-size: 1vw;
      width: 3vw;
      height: 3vw;
      color:#7777;
  }
  
  #exampleSlider .MS-controls .MS-right {
    right: .3vw;
      top: -6.5vw;
      background-color: #d90915;
      font-size: 1vw;
      color:#fff;
      width: 3vw;
      height: 3vw;
  }
  
  .header-text
  {
  
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;  
    line-height: 0.85; 
    text-align: left !important;
    color: #fff;
    padding-bottom: 1.77vw;
  }
  
  .link-text
  { 
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;   
    text-align: left;
    color: #fff;
      padding-bottom: 0;
    margin-left: 1.56vw;
  }
  
  .link-text a{ text-align: left;
    color: #fff;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
  text-decoration: none;
  }
  .link-text a:hover{ 
    color: #fff; 
  text-decoration:underline;
  }
  
  .date-text
  {   
      margin-top: -0.7vw;
    font-family: TeXGyreAdventor;
    font-size: 0.7vw; 
    text-align: left;
    color: #ccc;
    margin-left: 1.56vw;
  }
  
  .pb4{
    padding-bottom: 3vw;
  }
  
  .text-black{  
    font-family: TeXGyreAdventorbold;
    font-size: 0.95vw;  
    line-height: 1.33; 
    text-align: left;
    color: #161615;
      text-transform: uppercase;
      padding: 2vw 2vw 2vw 2vw;
  } 
  .height-blog{
    height: 13vw;
  }
  
  .text-black a{ 
    font-family: TeXGyreAdventorbold;
    font-size: 0.95vw;  
    line-height: 1.33; 
    text-align: left;
    color: #161615;
      text-transform: uppercase;
    text-decoration: none;
  
    height:2.8vw;
      max-height: 3.5vw;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
  
  .text-black a:hover{
    text-decoration:underline;
  }
  
  .link-text-b{ 
    font-family: TeXGyreAdventor;
    font-size: 0.8vw; 
    text-align: left;
    color: #777;
      padding: 0vw 2vw 0vw 2vw;
    height: 5.2vw;
      max-height: 5.5vw;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
  }
  
  .link-text-b2{ 
    font-family: TeXGyreAdventor;
    font-size: 0.8vw; 
    text-align: left;
    color: #777;
      padding: 0vw 2vw 0vw 2vw;
  }
  
  .news-img{ 
    width: 30vw;
    height: 15vw;  
    }
  
  .date-text-2{ 
    padding: 0vw 2vw 0vw 2vw;
      margin-top: -2.8vw;
    font-family: TeXGyreAdventor;
    font-size: 0.7vw; 
    text-align: left;
    color: #777;
  }
  
  .pr2{
    margin: 1.6vw 0vw 0vw 2vw !important;
  }
  
  .blog{
      width: 5vw;
    height: 1.9vw;
    padding: 0.3vw 0.2vw 0.2vw 0.2vw;
    border-radius: 100px;
    background-color: #53b428;
    z-index: 2;
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;
    margin-top: 1vw;
      right: 1vw; 
      position: absolute;
    text-align: center;
    color: #fff;
  }
  .img-style{
    width: 36.1vw;
    height: 29vw;
  }
  .font-padding{
    padding: 6.3vw 3vw 0vw 3vw;
    margin-bottom: 0;
  }
  .font-padding-2{
    padding: 0vw 3vw 2vw 3vw;
  }
  
  .pr3{
    margin-top: 0 !important;
    margin-left: 3vw !important;
  }
  .footer{
    background-image: url("../img/footer-drones.jpg"); 
    background-repeat: no-repeat;
    background-size:cover; 
    margin-top:-12vw;
    z-index: 0;
    margin-left: 0;
    margin-right: 0;
  }
  
  .bg-black{
    background-color: #161615;
    text-align: center;
    padding: 2.5vw;
    border: none;
    }
  
  .bg-red2{
    background-color: #d90915;
    text-align: center;
    padding: 2.5vw;
  }
  
  .phone{
    width: 3vw;
    height: 3vw;
  }
  .map{
    width: 2vw;
    height: 3vw;
  }
  .chat{
    width: 4vw;
    height: 3vw;
  }
  .footer-tx{ 
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw; 
    color: #fff;
  padding-top: 1vw;padding-bottom: 1vw;
  }
  
  .footer-tx-2{  
    font-family: TeXGyreAdventor;
    font-size: 0.8vw; 
    text-align: center;
    color: #ccc !important;
  line-height: 0;
  }
  
  .footer-tx-3 {
      font-family: TeXGyreAdventor;
      font-size: 0.8vw;
      text-align: center;
      color: #fff;
      line-height: 0;
  }
  
  .footer-icon,.footer-icon a{ 
    font-size: 1.5vw; 
    color: #cccccc;
    padding-right: 0.3vw; 
    padding-left: 0.3vw;
  }
  
  .footer-icon a:hover{ 
    color: #d90915; 
  }
  
  .footer-text-lg{
    z-index: 0 !important;
      position: relative;
      font-family: Built;
    font-size: 5.5vw;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  padding-top: 26vw;
  }
  
  .footer-text-sm{ 
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 3vw;
      padding-right: 8vw;
    text-align: left;
    color: #ccc;
  }
  
  .footer-container{
    background-color: #161615;
    margin-top: -5vw;
    padding-top: 4vw;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 1vw;
    padding-left: 9.22vw; 
    padding-right: 9.22vw;
    overflow: hidden !important;
    }
  
  .line-2 {
      padding-left: 0;
      padding-top: 1vw;
      width: 100%;
      margin-bottom: 1vw;
      height: 0.063 ;
      border-bottom:1px solid #383838;
    }
  
  .line-down {
      padding-left: 0;
      padding-top: 0vw;
      width: 100%;
      margin-bottom:0;
      height: 0.063 ;
      border-bottom:1px solid #d6d6d6;
    }
  
  .footer-text-bold{   
    font-family: TeXGyreAdventorbold;
    font-size: 1.1vw; 
      line-height: 1; 
    text-align: left;
      padding-bottom: 0.7vw;
    color: #fff;text-transform:uppercase;
  }
  
  .footer-text-s2{ 
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 0.3vw; padding-left: 0vw;padding-right: 0vw;
    text-align: left;
    color: #ccc;
  }
  
  .footer-text-sm2{ 
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 0vw; padding-left: 0vw;
    text-align: left;
    color: #ccc;
  }
  
  .red_rectangle-footer{
      width: 0.9vw;
    height: 0.7vw;
  }
  
  .footer-text-sm2 a{
    padding-left: .6vw; 
    font-family: TeXGyreAdventor;
    font-size: 0.8vw;  
    text-align: left;
    color: #ccc; 
    transition: padding-left 0.2s; 
    transition-timing-function: ease; 
  }
  
  .footer-text-sm2 a:hover{
    padding-left: 1.3vw;
    text-decoration: none;
    color: #ffff;
  }
  .footer-textbold-sm{   
    padding-left: 0;
     padding-right: 1.1vw; 
     line-height: 2.5vw;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw; 
    text-align: left;
    color: #ccc;
  }
  
  .footer-padding{
    padding-left: 0; 
    padding-right: 0; 
    padding-top: 2.5vw; 
    padding-bottom: 0;
  }
  .footer-textbold-sm a{ 
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw; 
    text-align: left;
    color: #ccc;
  }
  .footer-textbold-sm a:hover{ 
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw; 
    text-decoration: none;
    color: #d90915;
  }
  
  .footer-text-sm3{ 
    font-family: TeXGyreAdventor;
    font-size: 0.9vw;
    padding-top: 0vw; padding-left: 0vw;
    text-align: left;
    color: #ccc;
  } 
  .footer-textbold-sm3 span a{ padding-left: .6vw;
     font-family: TeXGyreAdventorbold;
    font-size: 0.8vw;  
    text-align: left;
    text-decoration: underline;
    color: #fff;
  }
  
  .footer-textbold-sm3 span a:hover{ 
    padding-left: 0.6vw; 
    text-decoration: none;
    color: #d90915;
  }
  
  .footer-textbold-sm3{   
    padding-left: 0; 
    padding-right: 1.1vw; 
    line-height: 2.5vw;
    font-family: TeXGyreAdventor; 
    padding-top: 0vw;
    font-size: 0.9vw; 
    text-align: left;
    color: #ccc;
  }
  
  .footer-textbold-sm2{ 
    padding-left: 0; 
    padding-right: 0vw; 
    line-height: 2.5vw;
    font-family: TeXGyreAdventorbold; 
    padding-top: 0vw;  
    padding-bottom: 0vw;
    font-size: 0.9vw; 
    text-align: left;
    color: #ccc;
  }
  
  .form-text{  
    width: 14.5vw !important;
    height: 3vw !important; 
    padding: 0.875rem 1.25rem 1rem 0.938rem;
    background-color: #fff !important;
    border-radius: 0  !important;
    border: none !important;  
    outline: none; 
    border-color: none;
    -webkit-box-shadow: none;  
    box-shadow: none; 
    font-family: TeXGyreAdventor;
    font-size: 0.7vw;
      text-align: left;
    color: #161615;
  }
  
  .form-text::placeholder{ 
    background-color: #fff !important;
      font-family: TeXGyreAdventor;
    font-size: 0.7vw;
      text-align: left;
    color: #ccc
  }
  
  .form-submit{
    width: 7vw;
    height: 3.1vw;
    border-radius: 0 !important;
    border: none !important;
    outline: none;
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0.5vw 1vw 0.5vw 1vw;
    background-color: #d90915;
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;
    color: #fff;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
  }
  
  form{
    display: inline-flex;
    padding-top: 1vw;
  }
  
  #logoSlider {
    position: relative;  
  }
  @media (max-width: 767px) {
    #logoSlider {
      border-color: transparent;
    }
  }
  
  #logoSlider .MS-content {
    overflow: hidden;  
      white-space: nowrap;  
      padding-left: 1vw;
  }
  
  @media (max-width: 767px) {
    #logoSlider .MS-content {
      margin: 0;	
      padding: 0;
    }
  }
  
  #logoSlider .MS-content .item {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative; 
    vertical-align: top;  
    border-right: none;
    width: 14.4%;     
      white-space:normal;
      text-align: center !important;
  }
  
  @media (max-width: 1200px) {
    #logoSlider .MS-content .item {
      width: 12%;
    }
  }
  @media (max-width: 992px) {
    #logoSlider .MS-content .item {
      width: 25%;
    }
  }
  @media (max-width: 767px) {
    #logoSlider .MS-content .item {
      width: 25%;
        vertical-align: top;  
    }
  }  
  
  .line-1{
    z-index: 3 !important;   
    margin-top: 0; 
    left: 9.219vw; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 69vw; 
    width: 1px; 
    top: 0; 
    position: absolute;
    overflow: hidden !important;    
    display: block;
  }
  
  .line--2{
    z-index: 3 !important;   
    margin-top: 0; 
    right: 9.219vw; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 46.5vw; 
    width: 1px; 
    top: 0; 
    position: absolute;
    overflow: hidden !important;    
    display: block;
  }
  
  .line-3{
    z-index: 3 !important;   
    margin-top: 0; 
    left: 50%; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 69vw; 
    width: 1px; 
    top: 0; 
    position: absolute;
    overflow: hidden !important;    
    display: block;
  }
  
  .line-4{
    z-index: 3 !important;   
    margin-top: 0; 
    left: 29.53vw; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 69vw; 
    width: 1px; 
    top: 0; 
    position: absolute;
    overflow: hidden !important;    
    display: block;
  }
  
  .line-5{
    z-index: 3 !important;   
    margin-top: 0; 
    right: 29.53vw; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 69vw; 
    width: 1px; 
    top: 0; 
    position: absolute;
    overflow: hidden !important;    
    display: block;
  }
  
  .line--1{
    z-index: 3 !important;   
    margin-top: 0; 
    left: 6.4vw; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 100vh; 
    width: 1px; 
    top: 0; 
    position: absolute;
    overflow: hidden !important;    
    display: block;
  }
  
  .line--22{
    z-index: 3 !important;   
    margin-top: 0; 
    right: 6vw; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 100vh; 
    width: 1px; 
    top: 0; 
    position: absolute;
    overflow: hidden !important;    
    display: block;
  }
  
  .line--3{z-index: 3 !important;   margin-top: 0; left: 50%; border-left: 1px solid #d6d6d6 ; opacity: 0.2; height: 100vh; width: 1px; top: 0; position: absolute;overflow: hidden !important;    display: block;}
  .line--4{z-index: 3 !important;   margin-top: 0; left: 27%; border-left: 1px solid #d6d6d6 ; opacity: 0.2; height: 100vh; width: 1px; top: 0; position: absolute;overflow: hidden !important;    display: block;}
  .line--5{z-index: 3 !important;   margin-top: 0; left: 72%; border-left: 1px solid #d6d6d6 ; opacity: 0.2; height: 100vh; width: 1px; top: 0; position: absolute;overflow: hidden !important;    display: block;}
  
  
  .text-center-parallelograms{text-align: center; margin-top: -2.1vw}
  
  
  .preloader { position: fixed; z-index: 1000091; right: 0;  left: 0; background: #212529; bottom: 0; top: 0;}
  .preloader .loader{margin: auto; text-align: center;}
  .preloader .loader {  margin: auto;position: absolute; left: 0; right: 0; top: 10vw; bottom: 0;
  }
  
  
  #pre-loader {z-index: 999999999999999;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #161615;
      width: 100%;
      height: 100%;
  }
  .loadingGraphics {
      display: inline-block;
      width: 300px;
      position: fixed;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }
  .drone {
      width: 300px;
      height: 300px;
  }
  
  .loadingText {
      font-family: sans-serif;
      font-size: 2em;
      color: #999;
      text-transform: uppercase;
      text-align: center;
  }
  .swiper-button-prev, .swiper-button-next {
      position: absolute;
      top: 70% !important;
      width:5vw !important;    height: 5vw !important;    margin-top:0px !important;
      z-index: 9;
      cursor: pointer;
      -moz-background-size: 5vw 5vw !important;
      -webkit-background-size: 5vw 5vw !important;
      background-size: 5vw 5vw !important;
      background-position: center;
      background-repeat: no-repeat;
  
  }
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
      right: 15% !important;
      left: auto;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
      left: 15% !important;
      right: auto;
  }
  
  .swiper-button-next,
  .swiper-button-prev {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.5);
      padding: 5vw;
      color: #000 !important;
      fill: black !important;
      stroke: black !important;
  }
  
  
  .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  }
  
  .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  }
  .overflow{overflow: hidden !important;}
  .overflow-x{overflow-x: hidden !important;}
  
  .header_container{   margin-top: 0vw; padding: 0vw; }
  
  @-webkit-keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.05) translateY(-15px);transform:scale(1.05) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.05) translateY(-15px);transform:scale(1.05) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}
  
  .header_container_img{ 
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
          width: 100%; height: 50%;-webkit-animation:kenburns-top 5s ease-out both;animation:kenburns-top 4s ease-out both  ;position: absolute;  }
  .header_container_img2{   background-repeat: no-repeat;   width: 100%; height: 50%;-webkit-animation:kenburns-top 5s ease-out both;animation:kenburns-top 4s ease-out both  ;position: absolute;background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url('../img/construction.png') ;  background-position: center; background-size:cover;}
   
  
  
  .text-center{
    margin: 0 auto; 
    text-align: center !important;
  }
  
  .index-text{  
    font-family: Built;
    font-size: 15.5vw; 
    line-height: 0.39; 
    text-align: left;
    color: #f8f8f8;
    padding-top: 0vw; 
    padding-left: 0;
  }
  
  .index-text2{  
    font-family: Built;
    font-size: 15.5vw; 
    line-height: 0.39; 
    text-align: left;
    color: #efefef;
  padding-top: 0vw; 
  padding-left: 0;
  }
  
  .index-text-gray{  
    font-family: Built;
    font-size: 15.5vw; 
    line-height: 0.39; 
    text-align: center;
    color: #222;
  padding-top: 0vw; 
  padding-left: 0;
  }
  
  .index-text-gray2{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39; 
    text-align: center;
    color: #222;
  padding-top: 0vw; 
  padding-left: 0;
  }
  
  .index-text--gray2{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39; 
    text-align: center;
    color: #222;
  padding-top: 5vw; 
  padding-left: 0;
  }
  
  .index-text-gray--2{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39; 
    text-align: center;
    color: #222;
  padding-top: 0vw; 
  padding-left: 0;
  }
  
  .index-text-gray--3{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39; 
    text-align: center;
    color: #222;
  padding-top: 0vw; 
  padding-left: 0;
  }
  
  .index-text-gray-team{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39;  
    color: #222;
  padding-top: 0vw; 
  padding-left: 0;
  text-align: left;
  }
    
  .fa-home{ 
    font-size: .885vw; 
    text-align: left;
    color: #d90915;
  }
  .header_container .font-gray-sm a {font-family: TeXGyreAdventor; font-size: .885vw; text-align: left; color: #777; text-decoration: none;}
  .header_container .font-gray-sm2 a {font-family: TeXGyreAdventor; font-size: .885vw; text-align: left; color: #ccc; text-decoration: none;}
  .header_container .header-tx-sm a {font-family: TeXGyreAdventor; font-size: 0.9vw; text-align: left;color: #fff;text-decoration: none;}
  .header_container .header-tx-sm-2 a {font-family: TeXGyreAdventor; font-size: 0.9vw; text-align: left;color: #fff;text-decoration: none;}
  .contact-text{  
    font-family: Built;
    font-size: 12vw; 
    line-height: 0.46; 
    text-align: left;
    color: #f8f8f8;
  padding-top: 3vw; padding-left: 0;}
  .bg2--text{  
    font-family: Built;
    font-size: 12vw; 
    line-height: 0.46; 
    text-align: left;
    color: #f8f8f8;
  padding-top: 3vw; padding-left: 0;}
  .bg--text{  
    font-family: Built;
    font-size: 12vw; 
    line-height: 0.46; 
    text-align: left;
    color: #f8f8f8;
  padding-top: 3vw; padding-left: 0;}
  .bg--text--2{  
    font-family: Built;
    font-size: 12vw; 
    line-height: 0.46; 
    text-align: left;
    color: #f8f8f8;
  padding-top: 3vw; padding-left: 0;}
  .bg--text2{  
    font-family: Built;
    font-size: 12vw; 
    line-height: 0.46; 
    text-align: left;
    color: #f8f8f8;
  padding-top: 3vw; padding-left: 0;}
  .link{font-family: TeXGyreAdventorbold;
    font-size: 0.9vw; 
    text-align: left;
     color: #0047a8; text-decoration: underline;}
  .contact-text-bold{ font-family: TeXGyreAdventorbold;
    font-size: 1vw;  
    text-align: left;
    color: #777;
  }
  
  .contact-text-bold2{ font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;  
    text-align: left;
    color: #ccc; padding-bottom: 1.5vw; padding-left: 0;
  }
  .contact-text-bold-white{ font-family: TeXGyreAdventorbold;
    font-size: 1vw;  
    text-align: left;
    color: #fff; padding-bottom: 0.4vw; padding-left: 0;
  }
  
  .contact-text-span{ font-family: TeXGyreAdventorbold;
    font-size: 0.9vw;  
    text-align: left;
    color: #777;
  }
  .pt-bold{padding-top: 1.3vw;  padding-bottom: 0.4vw}
  .pt--bold2{padding-top:2vw ;  padding-bottom: 1vw}
  .pt-bold-2{padding-top: 1.3vw;  padding-bottom: 0vw}
  .contact-text-bold-lg{ font-family: Built;
    font-size: 2.2vw;  
    line-height: 0.55; 
    text-align: left;
    color: #161615;}
  
  .contact-text-white-lg{ font-family: Built;
    font-size: 2.2vw;  
    line-height: 0.55; 
    text-align: left;
    color: #fff; padding-left: 0; padding-bottom: 1vw;}
  .container--body{margin-left: 7vw; margin-right: 7vw; margin-top: 12vw;}
  .container-body{margin-left: 7vw; margin-right: 7vw; margin-top: 5vw;}
  .container-video{margin-left: 7vw; margin-right: 5.3vw; margin-top: 0vw;}
  .container-body-solar{margin-left: 7vw; margin-right: 7vw; margin-top: 5vw;margin-bottom: 7vw;}
  .container-inspection{padding-left: 7vw; padding-right: 7vw; padding-top: 5vw;padding-bottom: 7vw;background-color: #161615;margin-right: 0vw;margin-left: 0vw;}
  .container--solar{margin-left: 7vw; margin-right: 7vw; margin-top: 10vw;}
  .container-body2{margin-left: 7vw; margin-right: 7vw; margin-top: 0vw;margin-bottom: 0vw;}
  .container-body3{margin-left: 7vw; margin-right: 7vw; margin-top: 3vw;}
  .container--body3{margin-left: 7vw; margin-right: 7vw; margin-top: 3vw;margin-bottom: 7vw;}
  .container--solar3{margin-left: 7vw; margin-right: 7vw; margin-top: 0vw;margin-bottom: 5vw;}
  .container-body4{margin-left: 6.5vw; margin-right: 6vw; margin-top: 3vw;}
  .container-body-4{margin-left: 6.5vw; margin-right: 6vw; margin-top: 3vw;}
   
  .container-body5{margin-left: 6.5vw; margin-right: 6vw; margin-top: 3vw;}
  .container-body-5{margin-left: 4.5vw; margin-right:3.5vw; margin-top: 0vw;margin-bottom: 3vw;}
  .padding-10{padding-top: 2vw;padding-bottom: 6vw; padding-left: 0; padding-right: 0;}
  .font-black-rect{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.4; 
    text-align: left;
    color: #161615;}
  .font-black-rect2{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.4; 
    text-align: left;
    color: #161615;}
  .font--black{ margin-top: -0.9vw !important;padding-left: 0.6vw; 
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #161615;}
  .font--black--solar{ margin-top: 1vw !important;padding-left:0vw; 
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #161615;}
  .font--black2{ margin-top: 2vw !important;padding-left:0vw; 
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #161615;} 
  .font--black-solartab{
      margin-top: 4vw !important;padding-left: 0vw; padding-right:50%;padding-bottom: 1vw; 
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #161615;
  }
  .font--black-solartab2{ padding-left: 0.7vw; margin-bottom: 0.5vw !important;
    font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    text-align: left;
    color: #777;}
  
  .tab--3_tx2{  padding-left: 0vw; margin-bottom: 2vw;padding-right: 12vw;
    font-family: TeXGyreAdventor;
    font-size: 1vw; 
    text-align: left;
    color: #777; 
  
  }
  .font--black-solar{   
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: center;
    color: #161615; padding-left: 24vw;padding-right:24vw;}
  .font--black-solar2{   
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: center;
    color: #161615; padding-left: 20vw;padding-right:20vw;}
  .font--black-training{   
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: center;
    color: #161615; padding-left: 20vw;padding-right:20vw;}
  
  .enroll { 
    font-family: Built;
    font-size: 15vw;  
    line-height: 0.39; 
    color: #f8f8f8;
  }
  .enroll_sm { 
    font-family: TeXGyreAdventorbold;
    font-size: 1vw; line-height: 0.3;  padding-bottom: 2vw;
    text-align: center;
    color: #777;
  }
  
  .font-black-careers-2{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.4; 
    text-align: left;
    color: #161615;}
  
  .font-gray-rect{
      font-family: TeXGyreAdventor;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 0.2;
  }
  .font--gray{
      font-family: TeXGyreAdventor;padding-left: 1vw !important;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 1.2; margin-top:-1vw !important; padding-right: 4vw;text-transform: uppercase;padding-bottom: 1vw;
  }
  .font--gray-2{
      font-family: TeXGyreAdventor;padding-left: 1vw !important;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 1.2; margin-top:-1vw !important; padding-right: 4vw;text-transform: uppercase;padding-bottom: 1vw;
  }
  .font--gray2{
      font-family: TeXGyreAdventor;padding-left: 1vw !important;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 1.2; margin-top:-1vw !important; padding-right: 4vw; 
  }
  .font--gray3{
      font-family: TeXGyreAdventor;padding-left: 1vw !important;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 1.2; margin-top:-1vw !important; padding-right: 4vw; 
  }
  .font--gray--2{
      font-family: TeXGyreAdventor;padding-left: 1vw !important;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 1.2; margin-top:-1vw !important; padding-right: 4vw; 
  }
  .color-red{color: #d90915 !important}
  .red--rectangle-style {
      width: 5.4vw;
      height: 3.5vw;
      margin-top: -0.85vw;
      margin-left: 0vw;
  }
  .font-gray{
      font-family: TeXGyreAdventor;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 0.6;text-transform: uppercase;
  }
  .font-gray-22{
      font-family: TeXGyreAdventor;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 0.6;
  }
  .font-black-rect-index{  
    font-family: built;
    font-size: 3vw; 
    line-height:1; 
    text-align: left;
    color: #161615;}
  .font-black-rect-index2{  
    font-family: built;
    font-size: 3vw; 
    line-height:1; 
    text-align: left;
    color: #fff;}
  .font-black-rect-index3{  
    font-family: built;
    font-size: 3vw; 
    line-height:1; 
    text-align: left;
    color: #fff;}
  .font-black--rect{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #fff;margin-top: -0.5vw;}
  
  
  .font-black2--rect{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #fff;margin-top: -0.5vw;}
  
  
  
      .font--gray--rect{
      font-family: TeXGyreAdventor;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 1;margin-top: -1vw;
  }
  .font--gray2--rect{
      font-family: TeXGyreAdventor;
      font-size: .885vw;
      text-align: left;
      color: #ccc;
      line-height: 1;margin-top: -1vw;
  }
  .paddingl-5-rect{padding-left: 2.7vw !important;}
  .font-black-rect-index4{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.7; 
    text-align: left;
    color: #fff;}
  
  .font-gray-rect-index {
      font-family: TeXGyreAdventor;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 0;margin-top: -0.5vw;
  }
  .font-gray-rect-index2 {
      font-family: TeXGyreAdventor;
      font-size: .885vw;
      text-align: left;
      color: #777;
      line-height: 0;margin-top: 1.2vw;
  }
  .red-rectangle-style {  width: 5.4vw;    height: 3.5vw;    margin-top: -0.7vw
  ;   margin-left: 0vw;}
  .red-rectangle-style-about {  width: 5.4vw;    height: 3.5vw;    margin-top: -0.7vw
  ;   margin-left: 0vw;}
  .red-rectangle-index {  width: 5.4vw;    height:4vw;    margin-top: 0vw
  ;   margin-left: 1.3vw;}
  .red-rectangle-index-slider {  width: 5.4vw;    height:4vw;    margin-top: 0vw
  ;   margin-left: 1.1vw;}
  .red-rectangle-index3 {  width: 5.4vw;    height:4vw;    margin-top: -0.2vw
  ;   margin-left: 1.3vw;}
  .red-rectangle-index4 {  width: 4.8vw;    height:3.5vw;    margin-top: -0.2vw
  ;   margin-left: 1.3vw;}
  .red-rectangle-index2 {  width: 5.4vw;    height:4vw;    margin-top: 0vw
  ;   margin-right: 2.5vw;}
  .paddingl-2{padding-left: 1.6vw !important;}
  .padding-20{padding-left: 0; padding-right: 20%; padding-top: 2vw; padding-bottom: 3vw;}
   .padding-11{padding-left: 0; padding-right: 11%; padding-top: 2vw; padding-bottom: 4.5vw;}
  .gray-bg-container{ width:100%;
  height: 100%;  padding-left: 6vw;  position: absolute;}
  .gray-bg{ width:100%;
    height: 100%;
  background-color: #d6d6d6; }
  iframe{position: relative; padding-top: 5vw;}
    
  .bg-black-form{ padding-right:3.5vw;padding-left:3.5vw; padding-top: 5vw; padding-bottom: 5vw; margin: 0; background-color: #161615; width: 100%; height: 100%;}
  .padding-right-5{padding-right: 5vw;padding-left: 0; padding-top: 0; padding-bottom: 0;}
  .padding-bottom-3{padding-right: 0;padding-left: 0; padding-top: 0; padding-bottom: 5vw; line-height: 0; }
  .padding-left{
    padding-right: 0vw;
    padding-left: 3vw !important; 
    padding-top: 5vw; 
    padding-bottom: 0;
}
  .padding-top-4 {padding-right: 0;padding-left: 1.5vw; padding-top: 2.6vw; padding-bottom: 1.5vw;}
  .padding-top-5{padding-top: 8.5vw; padding-left: 0vw;}
  .padding-top--5{padding-top: 3.5vw; padding-left: 0vw;}
  .call-center{ width: 4vw;
    height: 4vw;}
  .man{ width: 4vw;
    height: 4vw; margin-top: 0.3vw;}
 
    
  .bg-black-form2{ padding-right:2vw;padding-left:2.5vw; padding-top: 4vw; padding-bottom: 4vw; margin: 0; background-color: #161615; width: 100%; height:75%;}
  
  .width-100{width: 100% !important;}
  
  .myVideoheader{
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%; 
    min-height: 100%;
    overflow: hidden;  
    object-fit: cover;}
  
  
   
   
  
  /****  floating-Lable style start ****/
  .floating-label { 
    position:relative; 
    margin-bottom:1.7vw; 
  }
  .floating-input , .floating-select {
    font-size:0.85vw;
    padding-top:0.4vw;
      padding-bottom:0.4vw;
      padding-left:1vw;
      padding-right:1vw;
    display:block;
    width:100%;
    height: 3.1vw;
    background-color: transparent;
    border:none; 
      font-family: TeXGyreAdventor;
      border-radius:0.4vw; 
    border:1px solid  #222;
    background-color: #161615;
      color: #fff;
  }
  
  .floating-input:focus , .floating-select:focus {
       outline:none;
       border:1px solid #777; 
      
  }
  
  label {
    color:#777; 
    font-size:1vw;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:1.5vw;
    top:0.7vw;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
  }
  
  .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-0.9vw; padding-left: 0.5vw; padding-right: 0.5vw; left:1vw;
    color:#777;font-size:0.8vw;
  background: #161615;
  }
   
  .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
    top:-0.9vw; padding-left: 0.5vw; padding-right: 0.5vw; left:1vw;
    color:#777;font-size:0.8vw;
      background: #161615;
  }
  
  /* active state */
  .floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width:50%;
  }
  textarea{
    padding-top: 1.4vw !important;
}
  *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  .red{
    color: #d90915 !important;
  
  }
  
  .floating-textarea {
      height: 10vw; 
  width: 100%;
     overflow:hidden;
    overflow-x: hidden; 
  }
  
  /* highlighter */
  .highlight {
    position:absolute;
    height:50%; 
    width:100%; 
    top:15%; 
    left:0;
    pointer-events:none;
    opacity:0.5;
  }
  
  /* active state */
  .floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
  }
  
  /* animation */
  @-webkit-keyframes inputHighlighter {
      from { background:#161615; }
    to 	{ width:0; background:transparent; }
  }
  @-moz-keyframes inputHighlighter {
      from { background:#161615; }
    to 	{ width:0; background:transparent; }
  }
  @keyframes inputHighlighter {
      from { background:#161615; }
    to 	{ width:0; background:transparent; }
  }
  
  /****  floating-Lable style end ****/
  
  
  
  .padding-form-1{padding-left: 0; padding-top: 0; padding-bottom: 0; padding-right: 0.5vw;}
  .padding-form-2{padding-left: 0.5vw; padding-top: 0; padding-bottom: 0; padding-right: 0;}
  
  .floating-form option {
      font-weight: normal;
      display: block;
      white-space: nowrap;
      height: 3vw;
      padding: 0px 0.6vw 0.4vw;
  }
  
  
  .floating-form select{
    color:#fff; 
  } 
    
  
  [type="checkbox"] {
    position: relative;
    left: 15px;
    top: -4px;
    z-index: 0;
    -webkit-appearance: none;
  }
  [type="checkbox"] + label {
    position: absolute;
  }
  [type="checkbox"] + label::before {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 2px solid #8cad2d;
    background-color: #fff;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    z-index: 5;
    position: relative;
  }
  [type="checkbox"]:checked+label::before {
    box-shadow: inset 0px 0px 0px 3px #fff;
    background-color: #8cad2d;
  }
  
  
  
  .padding-chechbox2 input[type="checkbox"] {
      appearance: none;
      width: 2.6vw;
      height: 1.3vw;
      border: 1px solid #555555;
      border-radius: 0 !important;
      background-clip: content-box;
      padding: 0.3vw;
      position: relative;
      left:0;
      top: 0;
      z-index: 0;
  }
  
  .padding-chechbox2 input[type="checkbox"]:checked {
      background-color: #d90915;
    border: 1px solid #d90915
  }
  
  .padding-chechbox2{ display: inline-flex; padding-top: 2vw;padding-left: 0;}
  
  .padding-chechbox2 p{  padding-left: 1vw;padding-top: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    text-align: left;
    color: #ccc;}
  
  
   
  .padding-chechbox input[type="checkbox"] {
      appearance: none;
      width: 2.3vw;
      height: 1.3vw;
      border: 1px solid #555555;
      border-radius: 0 !important;
      background-clip: content-box;
      padding: 0.3vw;
      position: relative;
      left:0;
      top: 0;
      z-index: 0;
  }
  
  .padding-chechbox input[type="checkbox"]:checked {
      background-color: #d90915;border: 1px solid #d90915
   }
   
  .padding-chechbox{ display: inline-flex; padding-top: 2vw;padding-left: 0;}
  
  .padding-chechbox p{  padding-left: 1vw;padding-top: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    text-align: left;
    color: #ccc;}
  
  
  .padding-chechbox-2 input[type="checkbox"] {
      appearance: none;
      width: 1.3vw;
      height: 1.3vw;
      border: 1px solid #555555;
      border-radius: 50%;
      background-clip: content-box;
      padding: 0.15vw;
      position: relative;
      left:0;
      top: 0;
      z-index: 0;
  }
  
  .padding-chechbox-2 input[type="checkbox"]:checked {
      background-color: #d90915;
      border: 3px solid #d90915;
  
  }
  
  .padding-chechbox-2{  padding-top: 0vw;padding-left: 0;padding-bottom: 1.2vw;}
  
  .padding-chechbox-2 p{  padding-left: 0.5vw;padding-top: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.95vw;
    text-align: left;
    color: #fff; line-height: 1.4;}
  
  select {
      
   background: url(../img/white-drop-down-arrow.png) no-repeat right;
      -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position-x: 95%;
  }
  .padding-owl-carousel{padding-left: 1vw; padding-right: 0vw;}
  .padding-owl-carousel2{padding-left: 0vw; padding-right: 0vw;}
  .owl-carousel .owl-nav button.owl-next  {
      background: 0 0;
      color: inherit;
      border: none;
      padding: 2vw!important;
      font: inherit;
   
      background-color: #d90915 !important;
      font-size: 3vw !important;
      color: #fff !important;
      width: 3vw;font-weight: 800 !important;
      height: 3vw;margin-right: 0 !important;
       
  }
    .owl-carousel .owl-nav button.owl-prev  {
      background: 0 0;
      color: inherit;
       font-size: 3vw !important;
      color: #fff !important;
      background-color: #efefef !important;
      border: none;
      padding: 2vw!important;
      font: inherit; width: 3vw;
      height: 3vw; 
  }
  .owl-theme .owl-dots{display: none;}
  .owl-theme .owl-nav [class*=owl-] {
      color: #FFF;
      font-size: 3vw !important;
      margin: 0.5vw !important;
      padding: 0px 0px !important;
      background: #D6D6D6;
      display: inline-block;
      cursor: pointer;
      border-radius: 0 !important;
  }
      #owl-carousel-2 .owl-theme .owl-nav {
      margin-top: 0 !important;
      right: 0 !important; margin-right: 0 !important;
      top:-7vw !important;
  }
  
  #owl-slider .owl-nav {
      margin-top: 0 !important;
      right: 45vw !important; margin-right: 0 !important;
      top:27vw !important;
  } 
  #owl-slider .owl-theme .owl-nav [class*=owl-] {
      color: #FFF;
      font-size: 3vw !important;
      margin: 0.5vw !important;
      padding: 0px 0px !important;
      background: #fff !important ;
      display: inline-block;
      cursor: pointer;
      border-radius: 0 !important;
  }
  
  
  
  #owl-carousel .owl-theme .owl-nav [class*=owl-] {
      color: #FFF;
      font-size: 3vw !important;
      margin: 0.5vw !important;
      padding: 0px 0px !important;
      background: #fff !important ;
      display: inline-block;
      cursor: pointer;
      border-radius: 0 !important;
  }
  
  
  
  #owl-carousel_slider .owl-theme .owl-nav [class*=owl-] {
      color: #FFF;
      font-size: 3vw !important;
      margin: 0.5vw !important;
      padding: 0px 0px !important;
      background: #fff !important ;
      display: inline-block;
      cursor: pointer;
      border-radius: 0 !important;
  } 
  
  .owl-carousel .owl-nav button.owl-prev{
      background: 0 0;
      color: #777 !important;
      border: none;
      padding: 0!important;
      font: message-box !important;    font-size: 2vw !important; line-height: 0 !important;
      
  }
   
  .owl-carousel .owl-nav button.owl-next{
      background: 0 0;
      color: inherit;
      border: none;
      padding: 0!important;
      font: message-box !important;    font-size: 2vw !important; line-height: 0 !important;
      
  }
  .owl-theme .owl-nav [class*=owl-]:hover, .owl-theme .owl-nav [class*=owl-]:focus ,.owl-theme .owl-nav [class*=owl-]:checked {
      background: #869791;
      color: #FFF;
      text-decoration: none; border: none !important;border-radius: 0 !important;outline: none !important; box-shadow: none !important;
  }
  .owl-theme .owl-nav {
      margin-top: 0 !important;
      right: 0 !important; margin-right: 0 !important;
      top:-7vw !important;
  }
  .owl-theme .owl-dots, .owl-theme .owl-nav {
      text-align: right !important;
      -webkit-tap-highlight-color: transparent; position: absolute;
  }
  
  #owl-carousel2 .item{background-color: #f8f8f8 !important;padding-bottom: 3.5vw !important; text-align: left !important}
  
  #owl-carousel{margin-bottom: 5vw !important;}
  #owl-carousel-2 .item{background-color: #fff !important;padding-bottom: 3.5vw !important; text-align: left !important;
      border:1px solid #d6d6d6 !important;width: 99.3% !important;height: 27vw !important;}
  
  #owl-carousel-2 .item2{background-color: #fff !important;padding-bottom: 3.5vw !important; text-align: left !important;
      border:1px solid #d6d6d6 !important;width: 99.3% !important;height: 31vw !important;margin-bottom: 3vw;}
  #owl-carousel--2 .item2{background-color: #fff !important;padding-bottom: 3.5vw !important; text-align: left !important;
      border:1px solid #d6d6d6 !important;width: 99.3% !important;height: 31vw !important;margin-bottom: 3vw;}
  #owl-carousel_slider{margin-bottom: 5vw !important;margin-top: 5vw !important;}
  #owl-carousel .item .x{background-color: #161615 !important;padding-bottom: 3.5vw !important; text-align: left !important ; height: 32vw ; width: 100% !important;}
  #owl-carousel_slider .item .x{background-color: #fff !important;padding-bottom: 3.5vw !important;  text-align: left !important ; width: 100% !important;padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important}
  #owl-carousel .item {height: 35vw} 
  #owl-carousel_slider .item {height:26vw}
  .careersjob{ width: 49.4vw !important;
    height: 32vw !important;position: absolute !important; top: 5vw;z-index: 9999;right: 8.5vw; 
  }
  #owl-carousel  .owl-nav {
      margin-top: 0 !important;
      right: 85.5% !important; margin-right: 0 !important;
      top:65% !important;
  }
  #owl-carousel_slider  .owl-nav {
      margin-top: 0 !important;
      right: 33.5% !important; margin-right: 0 !important;
      top:86.4% !important;
  }
  .item-header{font-family: Built;
    font-size: 3vw;  
    line-height: 1.57; 
    text-align: left;
    color: #fff; padding-top:6vw; padding-left: 7vw;padding-bottom: 2vw;}
  .item-tx-w{font-family: TeXGyreAdventorbold;padding-top:0vw; padding-left: 7vw;padding-bottom: 0vw;
    font-size: 0.9vw; 
    line-height: 1.22; 
    text-align: left;
    color: #fff;}
  .item-tx-g{font-family: TeXGyreAdventor;padding-top:0vw; padding-left: 7vw;padding-bottom: 0vw;padding-right: 6vw;
    font-size: 0.8vw; 
    text-align: left;
    color: #ccc;}
  .arabicBold a{font-family:TajawalBold !important;}
  .arabicBold2{font-family:TajawalBold !important; 
    font-size:1.4vw;  
    line-height: 1.33; 
    text-align: left;
    color: #161615; 
          padding: 1vw 10vw 3vw 0vw;}
  .arabicMedium  {font-family:TajawalMedium !important;}
  .arabicMedium2{font-family:TajawalMedium !important;
    font-size: 0.8vw; 
    text-align: left;
    color: #777;
      padding: 0vw 2vw 0vw 0vw;}
  
  .owl-theme .owl-nav [class*=owl-]:hover ,.owl-theme .owl-nav [class*=owl-]:focus{
      background:#d90915 !important;
      color: #FFF;
      text-decoration: none;
  }
  
  .owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-prev:focus{
      background: 0 0;
      color: #fff !important;}
  
  .fa-calendar{color: #ccc !important;}
  .drone-demo{margin-top: 5vw;    right: 0px;    margin-left: 61%;}
  
  .demo { 
    position: relative;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 0px;
    background: #d90915;
    transition: background-color 1s;
    cursor: pointer;
      
      text-align: center !important; 
      color: #fff;
      font-family: TeXGyreAdventorbold;
  font-size: 0.9vw !important;
      border: none;
      width: 15vw;
      height: 3.5vw;z-index: 999999999;
  } 
  .demo:before ,.demo:after{
    content: "";
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 14%;
    height: 0.44vw;
    background: #fff;
    transform: scaleX(0);
    transform-origin: 0 100%;
  }
   
  .demo:after {
    left: 19%;
    width: 66%;
  }
  .demo.s--processing {
    background-color: #53e2c2;
    transition-delay: 4.6s;
  }
  .demo.s--processing:before, .demo.s--processing:after {
    transform: scaleX(1);
    background-color: #fff;
  }
  .demo.s--processing:before {
    transition: transform 0.6s 1.4s, background-color 1s 4.6s;
  }
  .demo.s--processing:after {
    transition: transform 2.4169014085s 2.4s, background-color 1s 4.6s;
  }
  .demo.s--reverting {
    background-color: #d90915;
    transition: background-color 0.5s 0.96s;
  }
  .demo.s--reverting:before, .demo.s--reverting:after {
    opacity: 0;
  }
  .demo svg {
    overflow: visible;
    fill: none;
    stroke-linejoin: round;
  }
  .demo-transitionend-listener {
    transition: opacity 6.6s;
  }
  .demo.s--processing .demo-transitionend-listener {
    opacity: 0;
  }
  .demo__revert-line {
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 80%;
    height: 0.43vw;
    background: #fff;
    transform-origin: 0 50%;
    opacity: 0;
  }
  .demo.s--reverting .demo__revert-line {
    opacity: 1;
    transform: scaleX(0);
    transition: transform 0.864s;
  }
  .demo__drone-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
  }
  
   
  .demo__drone-cont--takeoff {
    z-index: -1;
    opacity: 0;
  }
  .demo.s--processing .demo__drone-cont--takeoff {
    opacity: 1;
    transform: translateY(-3.8vw);
    transition: transform 0.8s, opacity 0.2s;
    transition-delay: 1.2s;
  }
  .demo.s--processing .demo__drone-cont--shift-x {
    transition: transform 2.6s 2.4s;
    transform: translateX(140px);
  }
  
  .demo.s--processing .demo__drone-cont--shift-x2 {
    transition: transform 2.6s 2.4s;
    transform: translateX(25vw);
  }
  .demo.s--processing .demo__drone-cont--landing {
    transform: translateY(1.3vw);
    transition: transform 0.3s 5s;
  }
  .demo__drone {
    position: absolute;
    left: 0.58vw;
    top: -0.878vw;
    width: 4.98vw;
    height: 4.09vw;
    stroke: #000;
    stroke-width: 0.15vw;
    fill: none;
  }
  @-webkit-keyframes tiltAnim {
    8%, 24% {
      transform: rotate(0);
    }
    35%, 70% {
      transform: rotate(8deg);
    }
    85% {
      transform: rotate(-4deg);
    }
    95%, 100% {
      transform: rotate(0);
    }
  }
  @keyframes tiltAnim {
    8%, 24% {
      transform: rotate(0);
    }
    35%, 70% {
      transform: rotate(8deg);
    }
    85% {
      transform: rotate(-4deg);
    }
    95%, 100% {
      transform: rotate(0);
    }
  }
  .demo.s--processing .demo__drone {
    transform-origin: 50% 100%;
    -webkit-animation: tiltAnim 3.8s 1.2s;
            animation: tiltAnim 3.8s 1.2s;
  }
  .demo.s--processing .demo__drone-leaving {
    transform: translate( 8.78vw, -8.78vw) rotate(20deg) scale(0.3);
    opacity: 0;
    transition: transform 1.1s 5.5s, opacity 0.55s 6.05s;
  }
  .demo__drone-arm {
    --rotation: 0deg;
    transform-origin: 4.98vw 4.1vw;
    transform: rotate(var(--rotation));
        
  }
  .demo__drone-arm--2 {
    transform: scaleX(-1) rotate(var(--rotation));
       
  }
  .demo.s--processing .demo__drone-arm {
    --rotation: 25deg;
    transition: transform 0.3s 5.2s;
  }
  .demo__drone-green {
    fill: #fff;
  }
  .demo.s--processing .demo__drone-green {
    fill: #d90915;
    transition: fill 1s 4.6s;
  }
  .demo__drone-yellow {
    fill: #d90915;
  }
  .demo__drone-package {
    stroke-width: 0px;
  }
  .demo__drone-package2 {
    stroke-width: 0px;
  }
  @-webkit-keyframes revertAnim {
    40%, 45% {
      transform: translate(-20.86vw, 0);
    }
    75% {
      transform: translate(-20.86vw, -7.3vw);
    }
    100% {
      transform: translate(-20.86vw, 7.3vw);
    }
  }
  @keyframes revertAnim {
    40%, 45% {
      transform: translate(-20.86vw, 0);
    }
    75% {
      transform: translate(-20.86vw, -7.3vw);
    }
    100% {
      transform: translate(-20.86vw, 7.3vw);
    }
  }
  
  @-webkit-keyframes revertAnim2 {
    40%, 45% {
      transform: translate(-50.86vw, 0);
    }
    75% {
      transform: translate(-50.86vw, -7.3vw);
    }
    100% {
      transform: translate(-50.86vw, 7.3vw);
    }
  }
  @keyframes revertAnim2 {
    40%, 45% {
      transform: translate(-50.86vw, 0);
    }
    75% {
      transform: translate(-50.86vw, -7.3vw);
    }
    100% {
      transform: translate(-50.86vw, 7.3vw);
    }
  }
  
  .demo.s--reverting .demo__drone-package {
    opacity: 0;
    transition: opacity 0s 2s;
    -webkit-animation: revertAnim 2s;
            animation: revertAnim 2s;
  }
  .demo.s--reverting .demo__drone-package2 {
    opacity: 0;
    transition: opacity 0s 2s;
    -webkit-animation: revertAnim2 2s;
            animation: revertAnim2 2s;
  }
  .demo__circle {
    position: absolute;
    left: 2vw;
    top: 50%;
    width: 2.4vw;
    height: 2.4vw;
    margin-top: -1.25vw;
    border-radius: 50%;
    background: #d90915;
  }
  .demo.s--processing .demo__circle {
    background-color: #53e2c2;
    transition: background-color 1s;
    transition-delay: 4.6s;
  }
  .demo.s--reverting .demo__circle {
    background-color: #d90915;
    transition: background-color 0.5s 0.96s;
  }
  .demo__circle-inner {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .demo__circle-package {
    width: 1.02vw;
    height: 1.3vw;
    stroke: #fff;
    stroke-width: 0.15vw;
    stroke-linecap: round;
  }
  .demo.s--processing .demo__circle-package {
    transform: translateY(-5.12vw);
    transition: transform 0.8s 1.2s;
  }
  .demo.s--reverting .demo__circle-package {
    transform: translateY(0);
    transition: transform 0.16s 1.6s;
  }
  .demo__circle-grabbers {
    --grabY: 0px;
    --grabRotate: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .demo__circle-grabbers:before, .demo__circle-grabbers:after {
    content: "";
    position: absolute;
    right: 0.36vw;
    top: -0.87vw;
    width: 1.025vw;
    height: 0.58vw;
    border: 0.15vw solid #777;
    border-left: none;
    border-bottom: none;
    transform: translateY(var(--grabY)) rotate(var(--grabRotate));
    transition: transform 0.8s;
  }
  .demo__circle-grabbers:before {
    right: auto;
    left: 0.37;
    transform: translateY(var(--grabY)) scaleX(-1) rotate(var(--grabRotate));
  }
  @-webkit-keyframes grabAnim {
    40%, 59.999% {
      --grabY:  1.1vw;
      --grabRotate: 55deg;
    }
    60%, 100% {
      --grabY: -4.02vw;
      --grabRotate: 55deg;
    }
  }
  @keyframes grabAnim {
    40%, 59.999% {
      --grabY: 1.1vw;
      --grabRotate: 55deg;
    }
    60%, 100% {
      --grabY: -4.02vw;
      --grabRotate: 55deg;
    }
  }
  .demo.s--processing .demo__circle-grabbers {
    -webkit-animation: grabAnim 2s forwards;
            animation: grabAnim 2s forwards;
  }
  .demo__circle-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-width: 0.15vw;
  }
  .demo__circle-progress-line {
    stroke-dasharray: 125.6813812256, 125.6813812256;
    stroke-dashoffset: 125.6813812256;
  }
  .demo.s--processing .demo__circle-progress-line {
    stroke-dashoffset: 0;
    transition: all 0.5s 4.9s;
  }
  .demo.s--reverting .demo__circle-progress-line {
    stroke-dashoffset: 125.6813812256;
    transition: all 0.5s 0.96s;
  }
  .demo__circle-progress-checkmark {
    stroke-dasharray: 21.2132034302, 21.2132034302;
    stroke-dashoffset: 21.2132034302;
  }
  .demo.s--processing .demo__circle-progress-checkmark {
    stroke-dashoffset: 0;
    transition: all 0.5s 4.9s;
  }
  .demo.s--reverting .demo__circle-progress-checkmark {
    stroke-dashoffset: 21.2132034302;
    transition: all 0.5s 0.96s;
  }
  .demo__text-fields {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 0.9vw;
       color: #fff;
      font-family: TeXGyreAdventorbold; 
  }
  .demo__text {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity, transform;
    pointer-events: none;
  }
  @-webkit-keyframes textAnimation {
    20%, 80% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-20px);
    }
  }
  @keyframes textAnimation {
    20%, 80% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-20px);
    }
  }
  .demo__text--step-0 {
    opacity: 1;
    transform: translateY(0);
  }
  .demo.s--processing .demo__text {
    transition: all 0.4s;
  }
  .demo.s--processing .demo__text--step-0 {
    opacity: 0;
    transform: translateY(-1.46vw);
  }
  .demo.s--processing .demo__text--step-1 {
    -webkit-animation: textAnimation 2s 0s;
            animation: textAnimation 2s 0s;
  }
  .demo.s--processing .demo__text--step-2 {
    -webkit-animation: textAnimation 2s 1.6s;
            animation: textAnimation 2s 1.6s;
  }
  .demo.s--processing .demo__text--step-3 {
    -webkit-animation: textAnimation 2s 3.2s;
            animation: textAnimation 2s 3.2s;
  }
  .demo.s--processing .demo__text--step-4 {
    transition-delay: 4.8s;
    transform: translateY(0);
    opacity: 1;
  }
  .demo.s--reverting .demo__text--step-0 {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.4s 1s;
  }
  .demo.s--reverting .demo__text--step-4 {
    opacity: 0;
    transform: translateY(1.46vw);
    transition: all 0.4s 0.8s;
  }
  .demo__text-dots {
    letter-spacing: -0.036vw;
    font-size:  0.9vw;
  }
  @-webkit-keyframes dotAnimation {
    10%, 90% {
      opacity: 0;
    }
    40%, 60% {
      opacity: 1;
    }
  }
  @keyframes dotAnimation {
    10%, 90% {
      opacity: 0;
    }
    40%, 60% {
      opacity: 1;
    }
  }
  .demo__text-dots span {
    opacity: 0;
    -webkit-animation: dotAnimation 1.2s 0.4s infinite;
            animation: dotAnimation 1.2s 0.4s infinite;
  }
  .demo__text-dots:before, .demo__text-dots:after {
    content: ".";
    opacity: 0;
  }
  .demo__text-dots:before {
    -webkit-animation: dotAnimation 1.2s infinite;
            animation: dotAnimation 1.2s infinite;
  }
  .demo__text-dots:after {
    -webkit-animation: dotAnimation 1.2s 0.8s infinite;
            animation: dotAnimation 1.2s 0.8s infinite;
  }
  
  .icon-link {
    z-index: 100;
    position: absolute;
    left: 0.36vw;
    bottom: 0.36vw;
    width: 2.34vw;
  }
  .icon-link img {
    width: 100%;
    vertical-align: top;
  }
  .icon-link--twitter {
    left: auto;
    right: 0.36vw;
  }
    
  
  
  .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }
  
  .checkmark {
    width: 1.5vw;
    height:1.5vw;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 4% 1.5vw 4% 1vw;
    box-shadow: inset 0px 0px 0px #7ac142;
      
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  }
  
  .subscription:not(.done) .submit-email .before-submit  .checkmark__check,
  .subscription.done .submit-email .after-submit .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }
  
  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%, 100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
  }
  
  
  
  /* Style the tab */
  .tab-careers {
      padding-top: 1vw;
    float: left;
    border-style: none;
    background-color: #fff;
    width: 25%;  
  }
  
  /* Style the buttons inside the tab */
  .tab-careers button {
    display: block;
    background: none;
    padding: 3vw 0vw 0vw 0vw;
    width: 100%;
  border-style: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
      font-family: TeXGyreAdventorbold;
    font-size: 1vw;
    line-height: 0;
    text-align: left; 
    color: #ccc;
      text-transform: uppercase;
  }
  
  /* Change background color of buttons on hover */
  .tab-careers button:hover,.tab-careers button.active {
    color: #161615;
  }
  
   
  
  /* Style the tab content */
  .tabcontent-careers {
    float: left; padding: 0;margin: 0;
    border-style: none;
    width: 75%;
    border-left: none;
   
  }
  .font-black-careers{text-transform: uppercase;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw;  
    line-height: 1.2; 
    text-align: left;
    color: #161615;}
  
  .font-black-careers a{text-transform: uppercase; text-decoration: none;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw;   
    text-align: left;
    color: #161615; }
  .font-black-careers a:hover{text-decoration: underline;}
  .tab-m-p{ border-left: 0.5vw solid #d90915; margin-top: 2vw; margin-bottom: 2vw; background-color: #f9f9f9; padding: 2vw; margin-right: 1.5vw;}
  .padding-25{padding-left: 25%;margin: 0; padding-top: 35vw;}
  .padding-25 div{  
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;   
    text-align: left;
    color: #161615;
  }
  .padding-25 a{
    font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 2; 
    text-align: left;
    color: #0047a8;text-decoration: underline;
  }
  .bg-2222{background: #222222;height: 17vw; }
  .bg-222{background: #222222;height: 17vw;}
  .bg-22{background: #222222;height: 4vw;}
  .pr-0{padding-right: 0 !important;}
  .location{  width: 1vw;
    height: 1.5vw; margin-left: 6vw;margin-right: 0.5vw}
  .fulltime{  width: 1.5vw;
    height: 1.5vw;margin-left:  1.8vw;margin-right: 0.5vw}
  .engineering{  width: 2vw;
    height: 1.5vw;margin-left:  1.8vw;margin-right: 0.5vw}
  .midlevel{  width: 2.3vw;
    height: 1.5vw;margin-left: 1.8vw;margin-right: 0.5vw}
  .padding-12{padding-left: 0; padding-right: 4%; padding-top: 0; padding-bottom: 2vw;}
  .padding--12{padding-left: 0; padding-right: 4%; padding-top: 0; padding-bottom: 2vw;}
  .padding-13{padding-left: 0; padding-right: 4%; padding-top: 0; padding-bottom: 2vw;}
  .font-bold-black{ font-family: TeXGyreAdventorbold;
    font-size: 0.95vw; 
    text-align: left;
    color: #161615;padding-bottom: 1vw;}
  .img-text{list-style-type:none;}
  .img-text li{padding-bottom: 0.5vw;padding-left: 2vw}
  .img-text2{list-style-type:none;}
  .img-text2 li{padding-bottom: 0.5vw;padding-left: 0vw; margin-left: -1.3vw;}
  .rectangle_text{width: 1vw; height: 1.5vw;position: absolute;left: 0;}
   
  
  .img-text-2 {list-style-type:none !important;}
  .img-text-2 li{padding-bottom: 0.5vw;padding-left: 2vw;list-style-type:none}
  
  
  
  
  
  
  
  
  
  
  
  section {
    flex-grow: 1;
  }
  
  .file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
      height: 3.1vw;
   padding: 0.7vw;
    border: 1px dashed #777;
    border-radius: 3px;
    transition: 0.2s;
  }
  .file-drop-area:hover{border: 1px dashed #fff !important;}
  .file-drop-area.is-active {
    background-color: rgba(255, 255, 255, 0.05); 
  }
  
  .fake-btn {
    flex-shrink: 0;
    background:none;     
      padding-right: 1vw;
      
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;   
    color: #fff;
  }
  
  .file-msg { color: #777; text-align: center;  font-family: TeXGyreAdventor;
    font-size: 0.85vw;  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
  }
  .file-input:focus {
    outline: none;
  }
  
  footer {
    margin-top: 50px;
  }
  footer a {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 300;
    font-size: 14px;
    text-decoration: none;
  }
  footer a:hover {
    color: white;
  }
  .upload{width: 1.1vw ; height: 1.1vw; margin-right: 0.7vw;margin-top: -0.2vw;}
  .black-date{  width: 6vw; padding-top: 60% !important;
    height: 15vw; 
    background-color: #161615;z-index: 99; }
  
  .black-date2{  width: 6vw; padding-top: 60% !important;
    height: 15vw; 
    background-color: #161615;z-index: 99; } 
  .black-date-num{font-family: TeXGyreAdventor;
    font-size: 2.8vw; 
    line-height: 1.43; 
    text-align: center;
    color: #fff;}
  .black-date-tx{font-family: TeXGyreAdventor;
    font-size: 0.7vw; 
    line-height: 1.43; 
    text-align: center;
    color: #fff;}
  .news-img2{ width: 25vw;
    height: 15vw;  z-index: -1; margin-left: -3vw;
    }
  .news-img3{  width: 56vw;
    height: 22vw;
    }
  .news-img4{ width: 25vw;
    height: 15vw; 
    }
  .z-index{z-index: 99;}
  .padding-col2{ padding-top: 0; padding-left: 3vw; padding-right: 6vw;}
  .padding-font{padding-top: 1vw !important; padding-left: 0 !important; padding-bottom: 1vw !important; padding-right: 8vw !important;}
  .mt-btn{margin-top: 2vw !important;}
  .pt-rows{padding-top: 3vw;}
  .pl-rows{padding-top: 0vw;padding-left: 2.3vw}
  
  
  .pagination-news {
    display: inline-block;
      text-align: center;
       margin-left: 30%;
      margin-top: 5vw;
  }
  
  .pagination-news a {
    color: black;
    float: left;margin-left: 1vw; padding-left: 0.5vw; padding-right: 0.5vw;
    text-decoration: none; 
       border-right: none;
      color:#000;
      font-size:1vw;
  }
  
  .pagination-news .sp{
    color: black;
    float: left; 
    text-decoration: none;    
      color:#000;
      font-size:1vw;
  }
  
  
  .pagination-news a.active {
    background-color: #d90915;
    color: #fff;
    border: 1px solid #d90915; border-radius: 50%;
  }
   
  
  .pagination-news a:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  
  .pagination-news a:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
   
  .pagination-news .arrow1 a {
       
      cursor: pointer;
    transition: 0.6s ease;
    user-select: none;
      padding: 0vw 3vw;
        border: none;
      
      font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;  
    color: #161615;
  }
  .pagination-news .arrow2 a { 
      cursor: pointer;
    transition: 0.6s ease;
    user-select: none;
      padding: 0vw 3vw;
       border: none;
      
      font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;  
    color: #161615;
  }
  
  .mySlides {display: none}
  
  .fa-arrow{color:#d90915; font-size: 0.7vw; margin-right: 1vw;  border: none;margin-left: 1vw;width: 2.2vw;margin-top: -0.3vw;
    height: 2.2vw;}
   
   
  .innp-3,.innp-3 a{  
   white-space: nowrap; 
    width: 12vw; 
    overflow: hidden;
    text-overflow: ellipsis; display: inline-block;  direction: rtl;  padding-left: 0.1vw;
    
    font-family: Tajawal;
    font-size: 0.9vw; 
    color: #fff; 
  }
  
  
  .innp--3,.innp--3 a{  
   white-space: nowrap; 
    width: 12vw; 
    overflow: hidden;
    text-overflow: ellipsis; display: inline-block;  direction: rtl;  padding-left: 0.1vw;
    
    font-family: TeXGyreAdventorbold;
    font-size: 0.9vw; 
    color: #fff; 
  }
  
  
  .p{padding-left: 0.2vw; padding-right: 0.2vw;}
  .p2{margin-top:  -0.4vw; padding-left: 0; margin-right:   0.5vw;}
  .img-bg-1{  
    width: 100%;
    padding-top: 13vw;
    padding-left: 3vw;
    padding-right: 5vw; 
    height: 30vw;  
    background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news2.jpg') ; 
    background-size: cover;
    background-position: center;
    margin-right: 2vw !important ;
     margin-left: 0;
      margin-top: 0; 
     margin-bottom: 1.8vw; 
    }
  .img-bg-2{  width: 35vw;padding-top: 5vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news.png') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left: 2vw; margin-top: 0; margin-bottom: 1.8vw; }
  .img-bg-3{  width: 35vw;padding-top: 3vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/blog3.png') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left: 2vw; margin-top: 0; margin-bottom:1.8vw; }
  
  
  .img-bg-4{  width: 50vw;padding-top: 12vw;padding-left: 3vw;padding-right: 5vw; 
    height: 30vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/careersjob.png') ; background-size: cover;background-position: center;margin-right: 2vw !important ; margin-left: 0; margin-top: 0; margin-bottom: 2vw; }
  .img-bg-5{  width: 50vw;padding-top: 5vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news.png') ; background-size: cover;background-position: center;margin-right: 2vw !important ; margin-left: 0vw; margin-top: 0; margin-bottom: 1.8vw; }
  .img-bg-6{  width: 35vw;padding-top: 30vw;padding-left: 3vw;padding-right: 0vw; 
    height: 46vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/blog5.png') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left: 2vw; margin-top: 0; margin-bottom: 1.8vw; }
  
  .img-bg-7{  width: 35vw;padding-top: 5vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news1.jpg') ; background-size: cover;background-position: center;margin-right: 2vw !important ; margin-left: 0vw; margin-top: 0; margin-bottom: 1.8vw; }
  .img-bg-8{  width: 35vw;padding-top: 5vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news.png') ; background-size: cover;background-position: center;margin-right: 2vw !important ; margin-left: 0vw; margin-top: 0; margin-bottom: 1.8vw; }
  .img-bg-9{  width: 35vw;padding-top: 3vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/blog3.png') ; background-size: cover;background-position: center;margin-right: 2vw !important ; margin-left: 0vw; margin-top: 0; margin-bottom:1.8vw; }
  .img-bg-10{  width: 50.2vw;padding-top: 5vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news.png') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left:1vw; margin-top: 0; margin-bottom: 1.8vw; }
  .img-bg-11{  width: 50.2vw;padding-top: 13vw;padding-left: 3vw;padding-right: 5vw; 
    height: 29.9vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news2.jpg') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left: 1vw; margin-top: 0; margin-bottom: 2vw; }
  
  
  
  .img-bg-12{  width: 28.6vw;padding-top: 6vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/news.png') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left: 1vw; margin-top: 0; margin-bottom: 1vw; }
  .img-bg-13{  width: 28.6vw;padding-top:4.5vw;padding-left: 3vw;padding-right: 0vw; 
    height: 14.03vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/blog3.png') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left: 1vw; margin-top: 0; margin-bottom:1vw; }
  .img-bg-14{  width: 28.6vw;padding-top: 19vw;padding-left: 3vw;padding-right: 0vw; 
    height: 36vw;  background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/blog5.png') ; background-size: cover;background-position: center;margin-right: 0vw !important ; margin-left: 1vw; margin-top: 0; margin-bottom: 1vw; }
  
  
  
  .text-table-xl a{ font-family: TeXGyreAdventorbold;
    font-size: 1.7vw;  
    line-height: 1.06; padding-right: 2vw !important;padding-left: 0; padding-top: 0; padding-bottom: 1vw;
    text-align: left;
    color: #fff;text-transform: uppercase}
  .text-table-sm{ font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    line-height: 1.38; 
    text-align: left;
    color: #fff;padding-bottom: 2vw ;padding-top: 0;padding-left: 0;padding-right:2vw;} 
  .text-table-sm2{ font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    line-height: 1.38; 
    text-align: left;
    color: #fff;padding-bottom: 1vw ;padding-top: 0;padding-left: 0;padding-right:2vw;} 
  .text-table-xl2 a{ font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;  
    line-height: 1.06; padding-right: 2vw !important;padding-left: 0; padding-top: 0; padding-bottom: 1vw;
    text-align: left;
    color: #fff;text-transform: uppercase;cursor: pointer} 
  
  .logo-g{ width: 2vw;
      height: 2vw;margin-right: 0.7vw;margin-top: 0.2vw;}
  .text-table-xl2{line-height:1.7;padding-bottom: 0.7vw;}
  .text-table-xl{line-height:1.7;padding-bottom: 0.7vw;}
  .txBold2{ 
    font-size:1.4vw;  
    line-height: 1.33;  
          padding: 1vw 13vw 3vw 0vw;  
    font-family: TeXGyreAdventorbold; 
    text-align: left;
    color: #161615;
      text-transform: uppercase; 
  } 
  .img_explore{ width:27vw;
    height: 33vw;}
  .padding-a-1{padding-top: 1.5vw; padding-left: 0;padding-right: 0;} 
  .padding-22{padding-top: 1.5vw; padding-left: 0;padding-right: 10%;}
  .about-text{  padding-top: 6.5vw  ; padding-left: 0;padding-right: 0;
    font-family: Built;
    font-size: 14vw; 
    line-height: 0.47; 
    text-align: left;
    color: #f8f8f8;  padding-left: 0;}
  .insp-text{  padding-top: 6.5vw  ; padding-left: 0;padding-right: 0;
    font-family: Built;
    font-size: 11vw; 
    line-height: 0.38; 
    text-align: left;
    color: #f8f8f8;  padding-left: 0;}
  .img_about_slider{ width: 100%;
    height: 100%;}
  .img_about_slider1{  background-image: url(../img/about_slider01.png);background-repeat: no-repeat;background-size: cover; backdrop-filter: none;}
  .img_about_slider2{  background-image: url(../img/about_slider02.png);background-repeat: no-repeat;background-size: cover;backdrop-filter: none;}
  .img_about_slider3{  background-image: url(../img/about_slider03.png);background-repeat: no-repeat;background-size: cover;backdrop-filter: none;}
  .pt-20{padding-top: 5vw;padding-left: 0;padding-right: 0;}
  .bg-slide{background-color: #d90915; padding: 2vw 3vw 4vw 3vw;}
  
  .bg-slide2{background-color: #161615; padding: 2vw 3vw 4vw 3vw;}
  .slide-tx-lg {  
    font-family: TeXGyreAdventorbold;
    font-size: 1.6vw;  
    line-height: 3; 
    text-align: left;
    color: #fff;
  }
  .slide-tx-sm { 
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    text-align: left;
    color: #efefef;
  }
  .pl-20{padding-left: 3vw;}
  .pic-owl{margin-left: 2vw !important;  width: 27vw !important;
    height: 26vw !important; position: absolute;}
  .padding-x{padding-left: 0; padding-right: 3vw;padding-top: 5vw;}
  .padding-x-2{padding-left: 1.5vw; padding-right: 0vw;padding-top: 0vw;padding-bottom: 1.5vw;}
  .font-slide-bold{ font-family: TeXGyreAdventorbold;
    font-size: 0.85vw; 
    text-align: left;
    color: #161615;padding-top: 1.5vw;padding-left: 0;}
  .padding-x-3{padding-top: 1vw;}
  .img-signature{ width: 11vw;
    height:5vw;}
  .img-signature1{ width: 11vw;
    height:5vw;margin-left: 1vw;}
  .bg-black-about{background: #161615;padding: 6.5vw;margin: 0;}
  .ml-about{margin-left: 1vw !important;}
  .pl-about{padding-left: 2.5vw !important;}
  .padding-about{padding-top: 4vw; padding-left: 0;}
  .p-bg-about{padding-left: 0.6vw;padding-right: 0.6vw; padding-top: 1.2vw;padding-bottom: 1.2vw;}
  .bg-about-2{background-color: #222222;height: 21vw;}
  .about-pic{ width: 100%;
    height: 13vw; }
  .cc{color:#ccc !important;}
  .font-slide-white{  font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;  
    text-align: left;
    color: #fff;line-height: 1.5;padding-top: 2.5vw; padding-left: 2vw;}
  .font-slide-white2{  font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;  
    text-align: left;
    color: #fff;line-height: 1.5;padding-top: 1.5vw; padding-left: 2vw;}
  .font-white-sm-slide{ font-family: TeXGyreAdventor;
    font-size: 0.75vw; 
    text-align: left;
    color: #ccc;line-height: 1.5;padding-left: 2vw;padding-bottom: 3vw; }
  .font-white-sm-slide2{ font-family: TeXGyreAdventor;
    font-size: 0.75vw; 
    text-align: left;
    color: #f8f8f8;line-height: 1.5;padding-left: 2vw;padding-bottom: 1vw;padding-right: 2vw;padding-top: 1vw;}
  .font-white-sm-slide2:hover{cursor: default;}
  .fa-linkedin-square-about2{padding-top: 2vw; font-size: 2vw;color: #fff }
  .fa-linkedin-square-about2:hover{   font-size: 2vw;color: #fff;cursor:pointer; }
  .fa-linkedin-square-about{padding-top: 3vw; font-size: 2vw;color: #fff }
  .bg-about-2:hover .about-pic,.bg-about-2:hover .row-1{display: none;}
  .row-2{display: none;}
  .row-2 .font-white-sm-slide {color: #f9f9f9;}
  .bg-about-2:hover{ background-color: #d90915;}
  .bg-about-2:hover .row-2{display: inline-block;}
  .parallax {
    /* The image used */
    background-image: url("../img/parallax.png");
   
   
    /* Set a specific height */
    min-height:21vw; 
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
      position: relative;
  }
  .parallax2{padding-top: 6vw;}
  .parallax-tx-lg {  
      padding-left: 6vw;
    font-family: Built;
    font-size: 4vw; 
    line-height: 1.57; 
    text-align: left;
    color: #fff; 
  }
  .parallax-tx-ff{ padding-left: 6vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    text-align: left;
    color: #fff; 
  }
  .parallax-tx-cc{ padding-left: 6vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    text-align: left;
    color: #ccc;	 
  }
  
  .ml-parallax{margin-left: 6.5vw !important;margin-top: 2vw  !important;}
  .img-testimonials{ width:10vw !important; height: 10vw !important;margin-left: 2.5vw; margin-top: 1.5vw;margin-bottom: 1vw;}
  .img-testimonials2{ width:7vw !important; height: 7vw !important;margin-left: 2.5vw; margin-top: 2.5vw;margin-bottom: 2.8vw;}
  .img-testimonials3{ width:12.5vw !important; height: 7vw !important;margin-left: 2.5vw; margin-top: 2.5vw;margin-bottom: 2.8vw;}
  .tx-testimonials{font-family: TeXGyreAdventorbold;
    font-size: 1.3vw; padding-left: 2.5vw;padding-bottom: 0vw;
      line-height: 1.5vw;
    text-align: left;
    color: #161615;}
  .pl-test{padding-left: 2.5vw !important;}
  .test-tx{  
      padding-left: 0; padding-top: 6vw;
    font-family: Built;
    font-size: 13.5vw; 
    line-height: 4vw; 
    text-align: left;
    color: #f8f8f8;
  }
  .ml-20{margin-left:1vw !important;margin-bottom: 4vw; }
  .ml--20{margin-left: -2vw;}
  .path-img{width: 7vw;
    height:5vw; margin-top: 3.5vw;}
  .drone-telecom{margin-left: 14vw ;width: 28vw;
    height: 30vw;margin-top: -5vw;}
  
  .tab--black{
    background: #161615; 
    margin-top: 5vw;
     margin-bottom: 5vw;
      margin-left: 0;
      margin-right: 0; 
      padding-top: 7vw;
      padding-left: 6vw;
      padding-bottom: 5vw;
      height: 40vw;
    }
  .tab--white{background: #fff;   margin-bottom: 5vw; margin-left: 0;margin-right: 0; padding-top: 0vw; padding-left: 6.5vw;padding-bottom: 5vw;height: 34vw;}
  /* Style the tab */
  .tab--1 {
    overflow: hidden;
    border-bottom: 1px solid #7777;
    background:none;width: 45vw; 
  }
  
  /* Style the buttons inside the tab */
  .tab--1 button {
    background:none; border: none;
    outline: none;
    cursor: pointer; 
    transition: 0.3s; 
       font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 1.22; 
    text-align: left; border-bottom:5px solid #161615;
    color: #777;text-transform: uppercase;
      padding-left: 0; padding-right: 0; margin-right: 2vw;padding-bottom: 1.3vw;
  }
  
 
  
  /* Create an active/current tablink class */
  .tab--1 button.active {
   border-bottom:5px solid #d90915;  color: #fff;
  }
   
  /* Style the tab content */
  .tab--1 .tabcontent {
    display: none;
    padding:0;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
  }
  
  
  
  
  .tab--2 { padding-top: 4vw;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    background:none;width: 58.5vw; 
  }
  
  /* Style the buttons inside the tab */
  .tab--2 button {
    background:none; border: none;
    outline: none;
    cursor: pointer; 
    transition: 0.3s; 
       font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 1.22; 
    text-align: left; border-bottom:5px solid #fff;
    color: #777;text-transform: uppercase;
      padding-left: 0; padding-right: 0; margin-right: 2vw;padding-bottom: 1.3vw;
  }
  
  /* Change background color of buttons on hover */
  
  /* Create an active/current tablink class */
  .tab--2 button.active2 {
   border-bottom:5px solid #d90915;  color: #161615;
  }
  
  /* Style the tab content */
  .tab--2 .tabcontent1 {
    display: none;
    padding:0;
    -webkit-animation: fadeEffect2 1s;
    animation: fadeEffect2 1s;
  }
  .tab--3 { padding-top: 4vw;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    background:none;width: 43vw; 
  }
  
  /* Style the buttons inside the tab */
  .tab--3 button {
    background:none; border: none;
    outline: none;
    cursor: pointer; 
    transition: 0.3s; 
      font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 1.22; 
    text-align: left; border-bottom:5px solid #fff;
    color: #ccc;text-transform: uppercase;
      padding-left: 0; padding-right: 0; margin-right: 2vw;padding-bottom: 1.3vw;
  }
  
  /* Change background color of buttons on hover */
  
  
  /* Create an active/current tablink class */
  .tab--3 button.active2 {
    border-bottom:5px solid #d90915;  color: #161615;
  }
  
  /* Style the tab content */
  .tab--3 .tabcontent1 {
    display: none;
    padding:0;
    -webkit-animation: fadeEffect2 1s;
    animation: fadeEffect2 1s; 
  }
  .tabcontent {
      margin-right: 0;
    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
      overflow-x: hidden; 
  }
  .tabcontent1 {
      margin-right: 0;
    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
      overflow-x: hidden; 
  }
  
  /* Fade in tabs */
  @-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  /* Fade in tabs */
  @-webkit-keyframes fadeEffect2 {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeEffect2 {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  .tab--black ul li{padding: 0;}
  .tab-bold-tx{ 
      text-transform: uppercase; padding-top: 3vw; padding-bottom: 2vw;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5rem;  
    line-height: 0.85; 
    text-align: left;
    color: #fff;
  }
  .tab-sm-tx{font-family: TeXGyreAdventor;width: 45vw; padding-bottom: 3vw;
    font-size: 0.85vw; 
    text-align: left;
    color: #ccc;}
  .tab-sm-tx2{font-family: TeXGyreAdventor;width: 45vw; padding-bottom: 0vw;
    font-size: 0.85vw; text-align: 0;
    text-align: left;
    color: #ccc;}
  .tab-s-tx2{font-family: TeXGyreAdventor;width: 45vw; padding-bottom: 0vw;
    font-size: 0.85vw; text-align: 0;
    text-align: left;
    color: #777;}
  .rectangle__text{width: 1vw; height: 1.5vw;position: absolute;left: 7vw;}
  .rectangle__text2{width: 1vw; height: 1.5vw;position: absolute;left: 0vw;}
  .rectangle__text3{width: 1vw; height: 1.5vw;position: absolute;left:2vw;margin-top: -0.2vw}
  .tab-bg-red{position: absolute; height: 46vw; right: 0;   width: 20vw; background: #d90915;margin-top: -37.5vw;z-index: 1;}
  .tab-bg-grey{position: absolute; height: 115%; right: 0;   width: 30vw; background: #f8f8f8; z-index: 1;}
  .tab-bg--grey{position: absolute; height: 36vw; right: 0;   width: 30vw; background: #f8f8f8; z-index: 1;}
  .tab--img{width: 35.5vw;position: absolute; margin-top: -28.5vw;right: 7vw;
    height: 28vw;z-index: 2;}
  .tab2--img{width: 35.5vw;position: absolute; margin-top: -19.8vw;right: 7vw;
    height: 28vw;z-index: 2;}
  .tab--solar-img{width: 35.5vw;position: absolute; margin-top: -18vw;right: -28.45vw;
    height: 23vw;z-index: 2;}
  .tab--const-img{width: 35.5vw;position: absolute; margin-top: -20vw;right: -28.45vw;
    height: 23vw;z-index: 2;}
  .tab--solar-img2{width: 35.5vw;position: absolute; margin-top: -15vw;right: -28.45vw;
    height: 23vw;z-index: 2;}
  .rectangle1{padding-left: 0vw; padding-bottom: 0.6vw; padding-right: 0.3vw;}
  .rectangle2{padding-left: 0.3vw; padding-bottom: 0.6vw; padding-right:0vw;}
  .rectangle1-f8f8f8 { 
    width: 100%;
    height: 12vw; 
    background-color: #f8f8f8;
  }
  .rectangle2-f8f8f8 { 
    width: 100%;
    height: 12vw; 
    background-color: #f8f8f8;
  }
  .rectangle3-f8f8f8 { 
    width: 15vw;
    height: 16vw; 
    background-color: #f8f8f8;
  }
  
  
  .rectangle1-222222 { 
    width: 100%;
    height: 12vw; 
    background-color: #222222;
  }
  .rectangle2-222222 { 
    width: 100%;
    height: 12vw; 
    background-color: #222222;
  }
  
  
  .rectangle--tx2{ font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 1.3; 
    text-align: center;
    color: #fff;
   padding-left:5.4vw; padding-right:5.4vw;padding-top: 1vw}
  .telecom-img{ width: 100%;
    height: 25vw;box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16);  }
  .telecom-padding{padding-left: 3vw; padding-right: 0vw; margin: 0;padding-top: 1vw;padding-bottom: 3vw;}
  .rectangle-icon{width: 2.5vw;
    height: 2.5vw; margin-top: 3vw; }
  .container-bg-black{ padding-left: 6.5vw;padding-right: 6.5vw;padding-top: 5vw;padding-bottom: 3vw;background:#161615; height: 105vh;margin-left: 0;}
  .container-bg--black{ padding-left: 6.5vw;padding-right: 6.5vw;padding-top: 7vw;padding-bottom: 3vw;background:#161615; height: 120vh;margin-left: 0;margin-top: 7vw}
  .tab-bg-red2{position: absolute; height: 115.9vh; right: 0;   width: 36vw; background: #d90915;z-index: 1;margin-top: -10vw;padding-left: 20vw; padding-top: 14.9vw; padding-bottom: 9.7vw;}
  .tab-bg-red3{position: absolute; height: 111.3vh; right: 0;   width: 32vw; background: #d90915;z-index: 1;margin-top: -17vw;padding-left: 20vw; padding-top: 11.9vw; padding-bottom: 5.7vw;}
  .map-request-img{ width: 32vw;
    height: 32vw; margin-top:7vw;z-index: 2;}
  .map-request{z-index: 2;}
  .ml--2{margin-left: -2.5vw;}
  .ml--3{margin-left: -2.2vw;}
  .text--gray2{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39; 
    text-align: left;
    color: #777;z-index: 1;
  padding-top: 5vw; padding-left: 0;}
  .text--grey2{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39; 
    text-align: left;
    color: #777;z-index: 1;
  padding-top: 5vw; padding-left: 0;}
  .text--grey3{  
    font-family: Built;
    font-size: 12.5vw; 
    line-height: 0.39; 
    text-align: left;
    color: #777;z-index: 1;
  padding-top: 4vw; padding-left: 0;}
  
  
  .text--red{ z-index: 2;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw; 
    text-align: left;
    color: #d90915;margin-top: -2.5vw;padding-left: 12.5vw;
  }
  .text--red2{ z-index: 2;
    font-family: TeXGyreAdventorbold;
    font-size: 1.5vw; 
    text-align: left;
    color: #d90915;margin-top: -2.5vw;padding-left: 12.5vw;
  }
  .font--white{  
    font-family: built;padding-left: 0.5vw;padding-right: 7.5vw;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #fff;}
  .fonts--white{  
    font-family: built;padding-left: 0.5vw;padding-right: 18.5vw;
    font-size: 3vw; 
    line-height:0.9; 
    text-align: left;
    color: #fff;}
  .text--white2-sm { 
    font-family: TeXGyreAdventor;
    font-size: 1vw; 
    text-align: left;
    color: #fff;line-height: 0;padding-top: 2vw;padding-left: 0.5vw;
  }
  .text--white3-sm{ font-family: TeXGyreAdventor;
    font-size: 1vw; 
    text-align: left;
    color: #fff;line-height: 0;padding-top: 1vw;padding-left: 0.5vw;}
  
       .text--gray2-sm {padding-right:20vw !important;padding-left: 0.5vw;
      font-family: TeXGyreAdventor;
      font-size: .8vw;
      text-align: left;
      color: #ccc;
      line-height: 1;height:3vw;
  }
   .text--gray2-sm2 {padding-right:20vw ;padding-left: 0.5vw;
      font-family: TeXGyreAdventor;
      font-size: .8vw;
      text-align: left;
      color: #ccc;
      line-height: 1;height:3vw;
  }
   .text--grey2-sm2 {padding-right:23vw ;padding-left: 0.5vw;
      font-family: TeXGyreAdventor;
      font-size: .8vw;
      text-align: left;
      color: #ccc;
      line-height: 1;height:1vw;
  }
  .text--grey2-sm3 {padding-right:22vw ;padding-left: 0.5vw;
      font-family: TeXGyreAdventor;
      font-size: .8vw;
      text-align: left;
      color: #ccc;
      line-height: 1.5;height:4vw;
  }
  .tx-vertical{ 
      writing-mode: vertical-rl; 
  transform: rotate(180deg); 
    
    color: #fff;
   font-family: TeXGyreAdventor;
    font-size: 1.2vw; 
    line-height: 1.17; 
    text-align: left;
    color: #fff;}
  .bold{ font-family: TeXGyreAdventorbold !important;}
  .mb-absolute2{  margin-bottom: 3vw !important;margin-top: 1.2vw; margin-left: 0;}
  .mb-absolute3{  margin-bottom: 3vw !important;margin-top: 0.4vw; margin-left: 0;}
  
  
  @import url("https://fonts.googleapis.com/css?family=Hind+Vadodara:300,400,500,600,700");
   
  
  .txt_wrap {
    display: table  
  }
  
  .txt_area {
    display: table-cell; 
    vertical-align: middle;
  }
  
  .txt_area { 
    color: #FFF;
  }
  
   
  .z-index-0{z-index: 0;}
  .z-index-1{z-index: 1;}
  .slider-nav-number{ opacity:1;margin-right:4px;color:#fff;opacity: 1;font-family: TeXGyreAdventorbold;font-size: 1.8vw;text-align: left; padding-left: 0vw}
  .slider-nav-txt{width:6vw; margin-top:0.4vw; margin-left:0.6vw; margin-right:0.4vw;color:#fff;opacity: 1;font-family: TeXGyreAdventor;font-size:0.8vw;line-height: 1.13;text-align: left;color: #fff;}
  .slider-nav-txt2{width:5vw; margin-top:0.4vw; margin-left:0.6vw; margin-right:0.4vw;color:#fff;opacity: 1;font-family: TeXGyreAdventor;font-size:0.8vw;line-height: 1.13;text-align: left;color: #fff;}
   .scrollContainer {
    width: 400%;
    display: flex;
    flex-wrap: nowrap;
      cursor:pointer !important;
  }
  
  .section {
    height: 120vh;
    width: 100%;
      
  } 
  .proxy {
    position: absolute;
    visibility: hidden;
  }
  .container-grey-solar{background-color: #f8f8f8; padding-top: 6vw; padding-bottom: 5vw; text-align: center;margin-top: 6vw;}
  .container-white-solar{background-color: #fff; padding-top: 6vw; padding-bottom: 3vw; text-align: center;margin-top: 6vw;}
  .font--container-grey-solar{ 
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;  
    line-height: 1.22;  
    color: #161615;
  }
  .font--container-grey-solar a{ 
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;  
    line-height: 1.22;  
    color: #0047a8;
  }
  .pc{width: 34vw;margin-left: 1.5vw;margin-top: -3vw;
    height: 21vw;}
  .multscreen{ margin-left: 1.5vw;margin-top: -5vw;
     width: 35vw;
    height: 31vw;}
  
  .multscreen2{ margin-left: 1.5vw;margin-top: -5vw;
     width: 30vw;
    height: 31vw;    
      z-index: 99;  }
  
  .paddingl-solar{margin-left: -3vw !important;}
  .solar-icon{width: 14vw;
    height: 7vw; margin-top: 2.5vw; }
  .pic-solar{width: 8vw !important;
    height: 8vw;margin-top:3vw; margin-left: 2.5vw;margin-bottom: 5vw;}
  .solar-icon{margin-right: 6vw !important;}
  .animated  {
    -webkit-animation-duration : 1000 ms  ;
    animation-duration : 1000 ms  ;
    -webkit-animation-fill-mode : both  ;
    animation-fill-mode : both  ;
  }  
  /* .owl-animated-out - only for current item */ 
  /* This is very important class. Use z-index if you want move Out item above In item */ 
  .owl-animated-out {
    z-index : 1 
     }
  /* .owl-animated-in - only for upcoming item
  /* This is very important class. Use z-index if you want move In item above Out item */ 
  .owl-animated-in {
    z-index : 0 
     }
  /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
  .fadeOut  {
    -webkit-animation-name : fadeOut  ;
    animation-name : fadeOut  ;
  }  
  @-webkit-keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
  }
  @keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
  }
     
  
  
  
  .section-slider {
    height:100vh;
    display: flex;
    align-items: left;
    justify-content: left;
   padding: 0; margin: 0;
    position: absolute;
    width: 100%;
  }
  
  .content-slider {
    width:100%;
    text-align:left;padding-left: 6.5vw; 
      padding-top: 6vw;padding-right: 0;margin: 0;
  }
  .content--slider {
    width:100%;
    text-align:left;padding-left: 6.5vw; 
      padding-top: 5vw;padding-right: 0;margin: 0;
  }
  .wrapper {
    height: 100vh;
  }
  .section-red {background: #d90915 !important;height: 100%;z-index: 1;height: 106.5%;margin-top: -3vw !important;padding-left: 19vw; padding-top: 13.9vw; padding-bottom: 3.4vw;}
  .section--red {background: #d90915 !important;height: 100%;z-index: 1;height: 107%;margin-top: -3vw !important;padding-left: 19vw; padding-top: 13.9vw; padding-bottom: 3.4vw;}
   .section--red-2 {background: #d90915 !important;height: 100%;z-index: 1;height: 107%;margin-top: -3vw !important;padding-left: 19vw; padding-top: 13.9vw; padding-bottom: 3.4vw;}
  
  
  .section-black{background: #161615 !important;z-index: 2;height: 100%;}
  .img-slider-1 { margin-left: 45vw !important;z-index: 999 !important;position: absolute !important;margin-top: -23.5vw  !important; width: 30vw !important;
    height: 30vw !important; }
  .img-slider-2{ margin-left: 45vw !important;z-index: 999 !important; margin-top: -20vw  !important; width: 30vw !important;
    height: 30vw !important; }
  
  
  
  
  .img-slider--1{ margin-left: 45vw !important;z-index: 999 !important; margin-top: -20vw  !important; width: 30vw !important;
    height: 30vw !important; }
  .img-slider--2{ margin-left: 45vw !important;z-index: 999 !important; margin-top: -20vw  !important; width: 30vw !important;
    height: 30vw !important; }
  .img-slider--3{ margin-left: 45vw !important;z-index: 999 !important; margin-top: -20vw  !important; width: 30vw !important;
    height: 30vw !important; }
  .img-slider--4{ margin-left: 45vw !important;z-index: 999 !important; margin-top: -20vw  !important; width: 30vw !important;
    height: 30vw !important; }
  
  
  .header_container-slider{   margin-top: 0vw; padding-left:3.7vw;height: 100vh;padding-top:15vw; }
  .slider-2-xl { 
    font-family: Built;
    font-size: 6vw;  
    line-height: 0.92; 
    text-align: left;
    color: #fff; margin-left: -1.7vw !important;  padding: 0;
  }
  
  .slider-2-lg  { 
    font-family: Built;
    font-size: 3vw; 
    line-height: 1; padding-bottom: 2vw;padding-left:2.8vw;
    text-align: left;
    color: #fff;
  }
  
  .slider-2-sm  { 
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;padding-right: 56%; padding-bottom: 1vw;padding-left:2.8vw;
    text-align: left;
    color: #fff;
  }
  .header_container-slider .owl-theme .owl-nav {
      top: 29vw !important;
      right: 89.8%!important; 
  }
  .reg-red{width: 4vw !important; 
    height: 2vw; padding: 0; margin-top:0.3vw;  }
  .ml-but{margin-left: 2.8vw !important;}
   #owl-carousel-3  .owl-dots {
      display: inline-flex;margin-top: 2vw;
  }
  .pl-scroll{padding-left:3vw !important;}
  .rectangle-grey {text-align: right;right: 0;
    width: 22vw;
    height: 134.7%; 
      position: absolute;
      margin-right: 5.3vw; margin-top: -0.5vw; 
    background-color: #efefef;
  }
  .rectangle-grey2 {text-align: right;right: 0;
    width: 22vw;
    height: 165%; 
      position: absolute;
      margin-right: 5.3vw; margin-top: 0vw; 
    background-color: #222222;
  }
  .absolute { position: absolute !important; }
  .pr-video{padding-right: 4vw !important;}
  .ptt-3{padding-top: 4vw !important;}
  .mtt-2{margin-top: 2vw;}
  .font-video-md {
    font-family: Built;
    font-size: 2.3vw;
    line-height: 1.75;
    text-align: left;
    color: #161615;padding-top: 2vw;
  }
  .font-video-md2 {
    font-family: Built;
    font-size: 2.3vw;
    line-height: 1;
    text-align: left;
    color: #161615;padding-top:0vw;
  }
  .font-video-md3 { 
    font-family: Built;
    font-size: 3.2vw;
    line-height: 1;
    text-align: left;
    color: #fff;padding-bottom: 0.8vw;;padding-top: 3vw;
  }
  .group-icon{width: 70vw;
    height: 13vw; position: absolute;}
  .group-icon img{width: 60vw;
    height: 14vw;}
  .sm-icon{width: 3vw;
    height: 3.2vw;}
  .sm-icon-padding{padding-left: 0.5vw;padding-top: 5.3vw;  text-align: center;}
  .sm-icon2-padding{padding-left:2.5vw;}
  .sm-icon3-padding{padding-left: 2vw;}
  .sm-icon4-padding{padding-left: 3vw;}
  .num-md {  
    font-family: TeXGyreAdventor;
    font-size: 2.2vw; 
    line-height: 2; 
    text-align: center;
    color: #161615;
  }
  .font-gray-sm-center{ padding: 0; margin: 0;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw;  
    line-height: 1.33; 
    text-align: center;
    color: #777;}
  .check{ width: 1.7vw;
      height: 1.7vw;  margin-right: 0.5vw;margin-top: -0.5vw;}
  .check2{ width: 1.7vw;
      height: 1.7vw;  margin-right: 0.5vw;margin-top: -0.5vw;}
  
  .text-style-scroll-lg { 
    font-family: Built;
    font-size: 1.6vw; 
    line-height: 1.57; 
    text-align: center;
    color: #161615;padding-top: 56vw;
  }
  .text-style-scroll2-lg { 
    font-family: Built;
    font-size: 1.6vw; 
    line-height: 1.57; 
    text-align: center; padding-top: 73vw;    
    text-align: center;
    color: #fff;
  }
   
  .text-style-scroll-xl {
    font-size: 3vw;
      font-family: Built; 
    line-height: 0.7; 
    text-align: center;
    color: #161615;
  }
  .polygon{text-align: center; margin-top: 0.5vw; overflow: none; animation: slide-top3 1s linear infinite alternate both;}
   
    @keyframes slide-top3 {
    0% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(20px);
    }
  }
  
  .container-grey-video{  padding-left: 7vw;padding-right: 5.3vw;background-color: #161615;margin-top: 6vw;}
  .pt-32{padding-top: 7vw;padding-bottom: 3vw;}
  .pt-34{padding-top: 5vw;padding-bottom: 10vw;}
  .pr-22{padding-right: 4vw;padding-bottom: 8vw;}
  .pr--22{padding-right: 4vw; }
  .text-video{  
    font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 1.22; 
    text-align: left;
    color: #fff;
       text-transform: uppercase;
      padding-top: 2.3vw;
      padding-left: 0.5vw;
      padding-right: 7vw;;
  }
   .imgprofile { margin-top: 2vw;
    width: 5vw;
    height: 5vw; 
  }
   
  .owl-dots .owl-dot .but-slider-2  {
      margin-left: 0.4vw;  
       width:6.5vw;
    height: 2.3vw; 
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #777;
      
  
    background: none;
    border: none;
    padding: 0;   
    cursor: pointer;
  }
  .owl-dots .owl-dot .but-slider-1 {
       width: 4vw  ;
    height: 2.3vw;
  font-family: TeXGyreAdventorbold;
    font-size: 1.9vw;
   margin-left: 2.2vw;
        line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #777;
       
      
    background: none;
    border: none;
    padding: 0 ;  
    cursor: pointer;
  }
  .m-owl-dot{margin-left: 0.5vw !important;}
  .owl-dots .owl-dot button:focus {
    outline: none;
  }
  .owl-dots .owl-dot   {
         display: inline-flex !important;
  }
  .owl-dots .owl-dot.active button {
    color: #fff;
  }
  
  .videosize {width:100%; height:25vw;position: absolute;} 
  .videosize2 {width:100%; height:25vw; } 
  a.disabled {
      pointer-events: none;
  }
  .high-style{height: 7.6vw;}
   .white-space {white-space: nowrap; }
  .container-interactive{margin: 0;background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/interactive.png') ; background-position: center;   background-size:cover;width: 100%;
    height: 100vh; }
  .container-construction{margin: 0;background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/construction-man.png') ; background-position: center;   background-size:cover;width: 100%;
    height: 40vw;  padding-right: 10vw; padding-left: 10vw; padding-top: 9vw; padding-bottom: 9vw;
    
  
  
  }
  .text-interactive-lg{  
    font-family: Built;
    font-size: 14vw;  
    line-height: 0.46; 
    text-align: center;
    color: #777;padding-top: 7vw;
  }
  .text-interactive-md{ 
    font-family: Built;
    font-size: 3.5vw; 
    line-height: 1; 
    text-align: center;
    color: #fff;padding-right: 20vw; padding-left: 20vw;margin-top: -1.2vw;}
  .text-interactive-xs{  
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    line-height: 1.38; 
    text-align: center;
    color: #efefef;padding-left: 2vw; padding-right: 2vw;
  }
  .text-interactive-sm{ 
    font-family: Built;
    font-size: 2.2vw;
    line-height: 1.5;
    text-align: center;
    color: #fff;padding-bottom: 1vw;
  }
  .m-interactive{margin-top: 7vw; margin-right: 6vw; margin-left: 6vw;}
  .text-reporting{ font-family: Built;padding-top: 8vw;
    font-size: 14.5vw; 
    line-height: 0.46; 
    text-align: center;
    color: #f8f8f8;}
  
  
  .text-reporting2{ font-family: Built;padding-top: 8vw;margin-left: -3.5vw;
    font-size: 13.5vw; 
    line-height: 0.46; 
    text-align: center;
    color: #f8f8f8;}
  
  
  .paddingl-report{margin-left: -1.4vw;}
  .padding-report{padding-top: 3vw; padding-left: 21vw; padding-right: 21vw;}
  .padding-report2{padding-top: 1.5vw; padding-left: 14vw; padding-right: 14vw;}
  .reporting-icon-1{margin-top: 3vw;margin-left: 0.9vw;margin-right: 0.3vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7)100%), url('../img/reporting-icon1.png') ; background-position: center;   background-size:cover;width: 100%;
    height: 18vw;}
  
  .reporting-icon-1 .reporting-icon-tx-sm{display: none;}
  .reporting-icon-1:hover{background:#d90915;}
  .reporting-icon-1:hover .reporting-icon-tx-lg{padding-top: 6vw;}
  .reporting-icon-1:hover .reporting-icon-tx-sm{display: block;}
  
  .reporting-icon-2{margin-left: 0.9vw;margin-right: 0.3vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7)100%), url('../img/reporting-icon4.png') ; background-position: center;   background-size:cover;width: 100%;
    height: 18vw;}
  
  .reporting-icon-2 .reporting-icon-tx-sm{display: none;}
  .reporting-icon-2:hover{background:#d90915;}
  .reporting-icon-2:hover .reporting-icon-tx-lg{padding-top: 6vw;}
  .reporting-icon-2:hover .reporting-icon-tx-sm{display: block;}
  
  .reporting-icon-3{margin-top: 3vw;margin-left: 0.6vw;margin-right: 0.6vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7)100%), url('../img/reporting-icon2.png') ; background-position: center;   background-size:cover;width: 100%;
    height: 18vw;}
  .reporting-icon-3 .reporting-icon-tx-sm{display: none;}
  .reporting-icon-3:hover{background:#d90915;}
  .reporting-icon-3:hover .reporting-icon-tx-lg{padding-top: 6vw;}
  .reporting-icon-3:hover .reporting-icon-tx-sm{display: block;}
  
  .reporting-icon-4{margin-left: 0.5vw;margin-right: 0.5vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7)100%), url('../img/reporting-icon5.png') ; background-position: center;   background-size:cover;width: 100%;
    height: 18vw;}
  .reporting-icon-4 .reporting-icon-tx-sm{display: none;}
  .reporting-icon-4:hover{background:#d90915;}
  .reporting-icon-4:hover .reporting-icon-tx-lg{padding-top: 6vw;}
  .reporting-icon-4:hover .reporting-icon-tx-sm{display: block;}
  
  .reporting-icon-5{margin-top: 3vw;margin-left: 0.3vw;margin-right: 0.9vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7)100%), url('../img/reporting-icon3.jpeg') ; background-position: center;   background-size:cover;width: 100%;
    height: 18vw;}
  .reporting-icon-5 .reporting-icon-tx-sm{display: none;}
  .reporting-icon-5:hover{background:#d90915;}
  .reporting-icon-5:hover .reporting-icon-tx-lg{padding-top: 6vw;}
  .reporting-icon-5:hover .reporting-icon-tx-sm{display: block;}
  .reporting-icon-6{margin-left: 0.3vw;margin-right: 0.9vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7)100%), url('../img/reporting-icon6.png') ; background-position: center;   background-size:cover;width: 100%;
    height: 18vw;}
  .reporting-icon-6 .reporting-icon-tx-sm{display: none;}
  .reporting-icon-6:hover{background:#d90915;}
  .reporting-icon-6:hover .reporting-icon-tx-lg{padding-top: 6vw;}
  .reporting-icon-6:hover .reporting-icon-tx-sm{display: block;}
  .reporting-icon-tx-lg { 
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;  
    line-height: 1.08; 
    text-align: center;
    color: #fff;padding-top: 9vw;padding-bottom: 1.5vw;
  }
  .reporting-icon-tx-sm {
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    line-height: 1.38;
    text-align: center;
    color: #ccc;padding-right:3.7vw; padding-left: 3.7vw;
  }
  .tab--3_tx{ 
    font-family: TeXGyreAdventorbold;  text-transform: uppercase;padding-top: 2.5vw;
    font-size: 1.5vw;  
    line-height: 0.85; 
    text-align: left;
    color: #161615;}
  
  .tab--3_tx3
  { 
    font-family: TeXGyreAdventor;
      padding-left: 0.5vw;
      padding-top: 0.3vw;
    font-size: 0.85vw; 
    line-height: 1; 
    text-align: left;
      color: #161615;}
  .tab--3_tx4
  { 
    font-family: TeXGyreAdventor;
      padding-left: 0vw;
      padding-top: 0vw;
    font-size: 0.85vw; 
    line-height: 0.8; 
    text-align: left;
      color: #161615;}
  .tab--3_tx5
  { 
    font-family: TeXGyreAdventor;
      padding-left: 0.5vw;
      padding-top: 1.3vw;
    font-size: 0.85vw; 
    line-height: 0.8; 
    text-align: left;
      color: #161615;}
  .height{height: 18vw;overflow-y: hidden;}
  .height2{height: 23.5vw;}
  .padding-rl{padding-left: 1.3vw; padding-right:1.3vw;padding-top: 1vw;}
  .marg-3{margin-left: 3.5vw;margin-top: 3.5vw;margin-right: 3.5vw;margin-bottom:0vw;}
  .bold-tx{padding-top: 0.8vw;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw; 
    text-align: center;
    color: #161615;}
  .text-const-xs{  padding-top: 0.5vw;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;  
    text-align: center;
    color: #ccc;}
  .rectangle-222 {
    width: 100%;
    height: 6.6vw;
    margin-top: 0vw; margin-bottom: 0.5vw;margin-right: 0;margin-left: 0;
   
    opacity: 0.8;
    border: solid 1px #6a6a6a;
    background-color: #222;
  }
  .pr--2{padding-right: 0.5vw;padding-left: 0;padding-bottom: 0;} 
  .text-const-num { 
    font-family: Built;
    font-size: 2.2vw;  
    line-height: 2.75; 
    text-align: left;
    color: #777;padding-left: 1.6vw;
  }
  .text-const-xs2 { 
    font-family: TeXGyreAdventorbold;
    font-size: 1vw;  
      padding-top: 1.8vw; padding-right: 5vw;padding-left: 1vw;
    line-height: 1.22; 
    text-align: left;
    color: #fff;
  }
  .mt--22{
    margin-top: 3vw;
    margin-right: 0; 
    margin-left: 0;
  }
  
  .innovators{
  padding: 2.6vw 19.53vw 4vw 19.53vw;
  text-align: center;
  }
  .innovators h2::before{
    position: absolute;
    content: "Innovators"; 
    font-family: Built;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
    
    color: #f8f8f8;
    text-transform: uppercase;
    z-index: -1;
    top: 5vw;
    left: 0;
  
  }
  .innovators h2{
    font-family: Built;
    font-size: 4.17vw;
    font-weight: bold; 
    line-height: 1; 
    text-align: center;
    color: #161615;
    position: relative;
    padding-top: 9.4vw;
  
  }
  .innovators h2 span{
    color: #d90915;
  }
  .innovators p{
    font-family: TeXGyreAdventor;
    font-size: 1.04vw;
    font-weight: bold; 
    text-align: center;
    color: #777;
  }
  .innovators img{
    width: 1.93vw;
    height: 1.09vw; 
    object-fit: contain; 
    margin-top: 2vw;
    -webkit-animation: slide-top 1s linear infinite alternate both;
      animation: slide-top 1s linear infinite alternate both;
  }
  
  
  @media (max-width: 912px) {
    .innovators{
      padding: 2.6vw 9.53vw 12vw 9.53vw;
      text-align: center;
      }
  
    .innovators h2::before{ 
      font-size: 21.58vw;
      top: 8vw;
      left: -5vw;
    }
  
    .innovators h2{ 
          font-size: 7.17vw;
          padding-top: 13.4vw;
    
    }
    .innovators h2 span{
      color: #d90915;
    }
    .innovators p{ 
      font-size: 3.04vw; 
      color: #777;
    }
    .innovators img{
      width: 3.93vw;
      height: 3.09vw; 
      object-fit: contain; 
      margin-top: 2vw;
      -webkit-animation: bounce-bottom 3s infinite alternate-reverse both;
      animation: bounce-bottom 3s infinite alternate-reverse both;
    }
  }
  
  
  @-webkit-keyframes bounce-bottom {
    0% {
      -webkit-transform: translateY(45px);
              transform: translateY(45px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 1;
    }
    24% {
      opacity: 1;
    }
    40% {
      -webkit-transform: translateY(24px);
              transform: translateY(24px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    65% {
      -webkit-transform: translateY(12px);
              transform: translateY(12px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    82% {
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    93% {
      -webkit-transform: translateY(4px);
              transform: translateY(4px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
  }
  @keyframes bounce-bottom {
    0% {
      -webkit-transform: translateY(45px);
              transform: translateY(45px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 1;
    }
    24% {
      opacity: 1;
    }
    40% {
      -webkit-transform: translateY(24px);
              transform: translateY(24px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    65% {
      -webkit-transform: translateY(12px);
              transform: translateY(12px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    82% {
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    93% {
      -webkit-transform: translateY(4px);
              transform: translateY(4px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
  }
  
  
  .assests{
  padding: 0 9.22vw 0vw 9.22vw;
  position: relative;
  }
  .assests::before{
    position: absolute;
    content: "";
    right: 0;
    top: 8vw;
    width: 35.37vw;
    height: 70vw; 
    background-color: #f9f9f9;
  
  }
  .assests h2::before{
    position: absolute;
    content: "assests"; 
    font-family: Built;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
    color: #f8f8f8;
    text-transform: uppercase;
    z-index: -1;
    top: 5vw;
    left: 0;
  }
  
  .assests h2::after{
    position: absolute;
    content: "";  
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: 10.6vw;
    left: 0vw;
  }
  .assests h2{
    position: relative;
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold;
    line-height: 0.6;
    text-align: left;
    color: #161615;
    padding-top: 11vw;
    padding-left: 5.5vw;
  }
  .assests p{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #777;
    padding-left: 5.5vw;
  }
  .assests h5{
    font-family: TeXGyreAdventor;
    font-size: 1.04vw;
    font-weight: bold; 
    text-align: left;
    color: #161615;
    padding-top: 5.99vw;
    padding-bottom: 1.04vw;
  }
  .assests h6{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    line-height: 1.38; 
    text-align: left;
    color: #777;
    padding-bottom: 2vw;
  }
  .assests button{ 
    font-family: TeXGyreAdventor;
    font-size: 0.94vw;
    font-weight: bold; 
    text-align: center; 
    width: 8.9vw;
    height: 2.6vw;   
    border: none;
    box-shadow: none; 
    outline: none;
  color: #fff;
  background: linear-gradient(to left, #d90915 50%, #222 50%) right;
  background-size: 200%;
  transition: .5s ease-out;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -ms-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  }
  .assests button a{ 
    font-size: 0.94vw;
    font-weight: bold;
    text-align: center;
    color: #fff; 
    text-decoration: none;
  }
  
  .assests button:hover a{ 
    color: #fff;
    outline: none;
    border: none;
    box-shadow: none; 
  
  }
  .assests button:hover , .assests button:focus{  
    background-position: left;  
    outline: none;
    border: none;
    box-shadow: none; 
  }
  .assests img{
    width: auto;
    height: 4.22vw; 
    object-fit: contain;
    margin-bottom: 2.76vw;
  }
  .assests h4{
    font-family: TeXGyreAdventor;
    font-size: 1.15vw;
    font-weight: bold; 
    line-height: 1.2; 
    text-align: center;
    color: #161615;
  
  }
  .assests h3{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    line-height: 1.38; 
    text-align: center;
    color: #777;
  }
  .assests .col1{
    width: 14vw;
    height: 17.5vw;
    margin: 1.56vw 0vw 5.21vw 0.8vw;
    padding: 3.13vw 1.56vw 2.34vw;
    box-shadow: 0 0.16vw 0.83vw 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #efefef;
    background-color: #fff;
    text-align: center;
  }
  
  
  @media (max-width: 912px) {
  
    .assests{
      padding: 8vw 9.22vw 10vw 9.22vw;
      position: relative;
      }
      .assests::before{ 
        display: none;
      
      }
      .assests h2::before{ 
        font-size: 21.58vw;
        font-weight: bold; 
        line-height: 0.39; 
        color: #f8f8f8;
        text-transform: uppercase;
        z-index: -1;
        top: 5vw;
        left: 0;
      }
      
      .assests h2::after{ 
        width: 11vw;
        height: 8.7vw;
        top: 11.2vw;
        left: 0vw;
      }
      .assests h2{ 
        font-size: 7.13vw;  
        padding-top: 13.3vw;
        padding-left: 12vw;
        line-height: 0.3;
      }
      .assests p{ 
        font-size: 3.04vw;  
        padding-left: 12vw;
  
      }
      .assests h5{ 
        font-size: 4.15vw;
        padding-top: 5.99vw;
        padding-bottom: 1.04vw;
      }
      .assests h6{ 
        font-size: 3.04vw;  
      }
      .assests button{  
        font-size: 3.6vw;
        width: 100%;
        height: 11.6vw;  
        margin-bottom: 6vw;
        outline: none;
    border: none;
    box-shadow: none; 
      }
      .assests button a{ 
        font-size:3.6vw;
      }
      
      .assests img{
        width: auto;
        height: 9.22vw; 
        object-fit: contain;
        margin-bottom: 2.76vw;
      }
      .assests h4{ 
        font-size: 4.15vw; 
      
      }
      .assests h3{ 
        font-size: 3.04vw;  
      }
      .assests .col1{
        max-width: 91.3% !important;
      width: 100%;
      height: 40vw;
      margin: 4vw 0vw 0vw 4.1vw;
      padding: 6.13vw 14.56vw 6.34vw;
      box-shadow: 0 0.16vw 0.83vw 0 rgb(0 0 0 / 6%);
      border: solid 1px #efefef;
      background-color: #fff;
      text-align: center;
      }
  }
  
  @media (max-width: 600px) {
    .assests h2{ 
      font-size: 7.13vw;  
      padding-top: 14.2vw;
      padding-left: 12vw;
      line-height: 0;
    }
  }
  
  .status{
    position: relative;
  }
  .status .bg{
    width: 64vw;
    height: 38.02vw;  
    background-color: #222;
    padding-left: 9.22vw;
    padding-right: 15.417vw; 
    position: relative;
  }
  .status h2{
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold; 
    line-height: 0.6; 
    text-align: left;
    color: #fff;
    position: relative;
    padding-left: 5.42vw;
    padding-top: 12.8vw;
  }
  .status h2::before{
    position: absolute;
    content: "status"; 
    font-family: Built;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
    color: #2f2f2f;
    text-transform: uppercase;
    z-index: -1;
    top: 7vw;
    left: 0;
  }
  .status h2::after{ 
    position: absolute;
    content: "";  
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: 12.5vw;
    left: 0vw;
  }
  .status p{
    font-size: 0.83vw; 
    text-align: left;
    color: #ccc;
    padding-left: 5.42vw;
    padding-bottom: 2.81vw;
  }
  .status h3{
    font-family: TeXGyreAdventor;
    font-size: 1.04vw;
    font-weight: bold; 
    line-height: 1.3; 
    text-align: left;
    color: #fff;
    padding-bottom: 1.04vw;
  }
  .status h4{
    font-family: TeXGyreAdventor;
    font-size: 0.833vw; 
    text-align: left;
    color: #ccc;
    padding-bottom: 2.6vw;
  }
  .status button{
    font-family: TeXGyreAdventor;
    font-size: 0.885vw;
    font-weight: bold; 
    text-align: center;
    color: #fff;
    width: 13.8vw;
    height: 2.6vw; 
    background-color: #d90915;
    border: none;
    box-shadow: none; 
    outline: none;
    background: linear-gradient(to left, #d90915 50%, #fff 50%) right;
background-size: 205%;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    z-index: 2;
    }
    
    .status button:hover , .status button:focus{  
      background-position: left;  
      color: #222;
      outline: none;
      border: none;
      box-shadow: none; 
    }
  
  .status img{
    position: absolute;
    content: "";
    width: 43.28vw;
    height: 26.15vw; 
    right: 4.5vw;
    top: 6vw;
    object-fit: contain;
  }
  
  
  @media (max-width: 912px) {
    .status .bg{
      width: 100%;
      height: auto;  
      padding-right: 8.417vw;  
    }
    .status h2{ 
      font-size: 7.13vw;   
      padding-left: 12vw;
      padding-top: 24.2vw;
      line-height: 0.2;
    }
    .status h2::before{ 
      font-size: 21.58vw; 
      top: 15vw;
      left: 0;
    }
    .status h2::after{ 
      width: 11vw;
      height: 8.7vw;
      top: 22vw;
      left: 0vw;
    }
  
    .status p{
      font-size: 3.04vw; 
      text-align: left;
      color: #ccc;
      padding-left: 12vw;
      padding-bottom: 52vw;
      line-height: 0.9;
      padding-top: 1.7vw;
    }
    .status h3{ 
      font-size: 3.04vw; 
      padding-bottom: 1.04vw;
    }
    .status h4{ 
      font-size: 3.04vw; 
      padding-bottom: 2.6vw;
    }
    .status button{ 
      font-size: 3.3vw; 
      width: 100%;
      height: 11.6vw; 
      margin-bottom: 10vw;
      outline: none;
    border: none;
    box-shadow: none; 
    }
    .status img{
      width: 77.28vw;
      height: 48.15vw;
      right: 8.5vw;
      top: 41vw;
    }
  }
  
  
  .inspections{
    padding: 0vw 9.32vw 6.77vw 9.22vw;
    background-color: #161615;  
  }
  .inspection{
    padding: 5.73vw 9.32vw 0vw 24.63vw;
    background-color: #161615;
  }
  
  .inspection h2{
    padding-top: 11vw;
      position: relative;
      font-family: Built;
      font-size: 3.13vw;
      font-weight: bold;
      line-height: 0.7;
      text-align: left;
      color: #fff;
      z-index: 0;
  }
  .inspection h2::before{
    position: absolute;
    content: "inspections";
    font-family: Built;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
   left: -16vw;
   top: 5vw;
    color: #222;
    z-index: -1;
  
  }
  .inspection h2::after{
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: 10.7vw;
    left: -5.3vw;
  
  }
  .inspection p{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #ccc;
  }
  
  @media (max-width: 912px) {
  
    .inspections{
      padding: 0vw 9.32vw 6.77vw 9.22vw;
      background-color: #161615;  
    }
  
    .inspection{
      padding: 5.73vw 0vw 0vw 0vw;
      background-color: #161615;
    }
    
    .inspection h2{
      padding-top: 13.4vw; 
        font-size: 7.17vw; 
        line-height: 1; 
        padding-left: 8vw;
    }
  
    .inspection h2::before{ 
      font-size: 20.5vw; 
      left: -4vw;
      top: 7.1vw;  
    }
  
    .inspection h2::after{ 
      width: 11vw;
      height: 8.7vw;
      top: 14vw;
      left: -4vw;
    }
  
    .inspection p{ 
      font-size: 3vw;
      padding-left: 8vw;
      margin-top: -2vw;
      margin-bottom: 9vw;
    }
  
  }
  
  .drones{
    padding:14.58vw 8.75vw 4.17vw 8.75vw;
    position: relative;
  }
  .drones::before{
    position: absolute;
    content: "";
    width: 29.58vw;
    height: 52.2vw; 
    background-color: #f9f9f9;
    top: 10.73vw;
    right: 0;
  }
  
  .drones h2{
    position: relative;
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold; 
    line-height: 0.7; 
    text-align: left;
    color: #161615;
    padding-left: 5.89vw;
  }
  
  .drones h2::after{
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: -0.2vw;
    left: 0.5vw;
  }
  
  .drones h2::before{
    position: absolute;
    content: "DRONES";
    font-family: Built; 
    left: 0vw;
    top: -5.7vw; 
    z-index: -1;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
    text-align: left;
    color: #f8f8f8;
  }
  .drones p{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #777;
    padding-left: 5.89vw;
    padding-bottom: 4vw;
  }
  
  .drones .tabs{ 
    margin-right: 9.22vw; 
  }
  @media (max-width: 912px) {
    .drones{
      padding:8.58vw 8.75vw 0vw 8.75vw; 
    }
    .drones::before{
      display: none;
    }
    
    .drones h2{ 
      font-size: 7.17vw;
      line-height: 0.2;
      padding-left: 10.89vw;
      padding-top: 15vw;
    }
    
    .drones h2::after{
      width: 11vw;
      height: 8.7vw;
      top: 13vw;
      left: -1vw;
    }
    
  
    .drones h2::before{
      font-size: 20.5vw; 
      left: -1vw;
      top: 7.1vw;
    }
    .drones p{ 
      font-size: 3.04vw;  
      padding-left: 10.89vw;
      padding-bottom: 4vw;
    }
    
    .drones .tabs{ 
      margin-right: 9.22vw; 
    }
  }
  
  .start{
    text-align: center;
    padding:6.77vw 9.22vw 5.73vw 9.22vw;
  }
  .start h2::before{
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: -0.2vw;
    left: 24.5vw;
  }
  .start h2{
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold; 
    line-height: 0.7; 
    text-align: left;
    color: #161615;
    position: relative;
    padding-left: 30vw;
  }
  .start p{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #777;
    padding-left: 30vw;
    padding-bottom: 3.65vw;
  }
  .start .starts{
  position: relative;
  z-index: 0;
  }
  .start .starts::after{
  position: absolute;
  content: "";
  background-image: url("../img/loop.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 81.56vw;
  height: 17.2vw;
  top: 0;
  left: 0;
  z-index: -1;
  }
  .start .starts img{
    width: auto;
    height: 3.66vw; 
    object-fit: contain;
    margin-top: 6.72vw;
    margin-bottom: 7.8vw;
  }
  .start .img1{
    margin-left: 1vw;
  }
  .start  .img2{
    margin-left: 0vw;
  }
  .start .img3{
    margin-left: -1.5vw;
  }
  .start .img5{
    margin-left: -2vw;
  }
  .start .img4{
    margin-left: -2.5vw;
  }
  .start h6{
    font-family: TeXGyreAdventor;
    font-size: 2.08vw;
    font-weight: bold; 
    line-height: 1.5; 
    text-align: center;
    color: #ccc;
    padding-top: 1vw;
  }
  
  .start h3{
    font-family: Built;
    font-size: 2.08vw;
    font-weight: bold; 
    line-height: 1; 
    text-align: center;
    color: #161615;
    white-space: nowrap;
  }
  .start h3 img{
    width: 1.56vw;
    height: 1.56vw; 
    object-fit: contain;
    margin-bottom: 0.5vw;
  }
  
  .start h5{
    font-family: TeXGyreAdventor;
    font-size: 0.94vw;
    line-height: 1.33;
    text-align: center;
    color: #777;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }
  @media (max-width: 912px) {
    .start h3 img {
      width: 3.56vw;
      height: 3.56vw; 
  }
    .start{
      text-align: center;
      padding:13.77vw 9.22vw 9vw 9.22vw;
    }
    .start h2::before{ 
      width: 11vw;
      height: 8.7vw;
      top: -2vw;
      left: 3vw;
    }
    .start h2{ 
      font-size: 7.17vw; 
      line-height: 0.2; 
      position: relative;
      padding-left: 15vw;
    }
    .start p{ 
      font-size: 3.04vw;   
      padding-left: 15vw;
      padding-bottom: 3.65vw;
    }
  
    .start .starts::after { 
      width: 84.56vw;
      height: 25.2vw; 
  }
  .start .starts img { 
    height: 6.66vw; 
    margin-top: 5.72vw;
    margin-bottom: 7.8vw;
  }
  .start .img2 {
    margin-left: 1vw;
  }
  .start h6 { 
    font-size: 5.08vw; 
  }
  .start h3 { 
    font-size: 3.8vw; 
  }
  .start h5 { 
    font-size: 2.2vw;
    line-height: 1.33; 
    padding-left: 0vw;
    padding-right: 0vw;
  }
  }
  @media (max-width: 550px) {
  .start .starts::after { 
    width: 87.56vw;
    height: 25.2vw; 
  }
  }
  .proven{     
    padding: 15.65vw 9.219vw 6vw 8.9vw;
    background-color: #161615;
  }
  
  .proven h2{    
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold; 
    line-height: 0.7; 
    text-align: left;
    color: #fff; 
    position: relative;
    z-index: 0;
    padding-left: 5.9vw;
  }
  .proven h2::before{
    content: "PROVEN";    
    position: absolute; 
    font-family: Built; 
    left: 0vw;
    top: -5.7vw; 
    z-index: -1;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
    text-align: left;
    color: #222;
  }
  .proven h2::after{    
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: -0.2vw;
    left: 0vw; 
  }
  .proven p{    
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #ccc; 
    padding-left: 5.9vw;
  }
  @media (max-width: 920px) {
    .proven{     
      padding: 19.65vw 9.219vw 12vw 8.9vw;
      background-color: #161615;
    }
    
    .proven h2{     
      font-size: 7.17vw; 
      line-height: 0.9;   
      z-index: 0;
      padding-left: 10.9vw;
    }
    .proven h2::before{ 
      left: 0vw;
      top: -5.7vw; 
      z-index: -1;
      font-size: 21.58vw;
      line-height: 0.39;  
    }
    .proven h2::after{     
      width: 11vw;
      height: 8.7vw;
      top: 0vw;
      left: -1vw;
    }
    .proven p{     
      font-size: 3.04vw;   
      padding-left: 10.9vw;
    }
  }
  .global{
    position: relative;
    z-index: 0;
  }
  .global::after{
    position: absolute;
    content: "";
    z-index: -1;
    background-image: url("../img/global.svg");
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: -1.2vw;
    width: 49vw;
    height: 23vw;
  }
  .dott_1{
    position: absolute;
    content: "";
    width: 0.99vw;
    height: 0.99vw;
    top: 6vw;
    left:35.83vw ;
    -webkit-animation: heartbeat 2s ease-in-out infinite both;
      animation: heartbeat 2s ease-in-out infinite both;
  }
  
  .dott_2{
      position: absolute;
      content: "";
      width: 0.99vw;
      height: 0.99vw;
      top: 10vw;
      left:26.5vw ;
      -webkit-animation: heartbeat 2s ease-in-out 1s infinite both;
      animation: heartbeat 2s ease-in-out 1s infinite both;
  }
  
  .dott_3{
      position: absolute;
      content: "";
      width: 0.99vw;
      height: 0.99vw;
      top:6vw ;
      left:22.15vw ;
      -webkit-animation: heartbeat 2s ease-in-out 0.5s infinite both;
      animation: heartbeat 2s ease-in-out 0.5s infinite both;
  }
  
  .dott_4{
      position: absolute;
      content: "";
      width: 0.99vw;
      height: 0.99vw;
      top:4.2vw ;
      left:29.65vw ;
      -webkit-animation: heartbeat 2s ease-in-out 1.5s infinite both;
      animation: heartbeat 2s ease-in-out 1.5s infinite both;
  }
  
  .dott_5{
    position: absolute;
    content: "";
    width: 0.99vw;
    height: 0.99vw;
    top:4.5vw ;
    left:25vw ;
    -webkit-animation: heartbeat 2s ease-in-out 1s infinite both;
    animation: heartbeat 2s ease-in-out 1s infinite both;
  }
  
  .dott_6{
    position: absolute;
    content: "";
    width: 0.99vw;
    height: 0.99vw;
    top:2vw ;
    left:25vw ;
    -webkit-animation: heartbeat 2s ease-in-out 0.5s infinite both;
    animation: heartbeat 2s ease-in-out 0.5s infinite both;
  }
  
  .dott_7{
    position: absolute;
    content: "";
    width: 0.99vw;
    height: 0.99vw;
    top:3vw ;
    left:23.38vw ;
    -webkit-animation: heartbeat 2s ease-in-out 1.5s  infinite both;
    animation: heartbeat 2s ease-in-out 1.5s  infinite both;
  }
  
  .dott_8{
    position: absolute;
    content: "";
    width: 0.99vw;
    height: 0.99vw;
    top: 2.8vw;
    left: 22.5vw;
    -webkit-animation: heartbeat 2s ease-in-out 1s infinite both;
    animation: heartbeat 2s ease-in-out 1s infinite both;
  }
  
  .dott_9{
    position: absolute;
    content: "";
    width: 0.99vw;
    height: 0.99vw;
    top: 0.8vw;
    left:19.84vw ;
    -webkit-animation: heartbeat 2s ease-in-out infinite both;
    animation: heartbeat 2s ease-in-out infinite both;
  }
  
  /* ----------------------------------------------
   * Generated by Animista on 2023-2-25 22:22:22
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  
  /**
   * ----------------------------------------
   * animation heartbeat
   * ----------------------------------------
   */
   @-webkit-keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {opacity: 0.2;
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {opacity: 0.6;
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {opacity: 0.8;
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {opacity: 0.2;
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {opacity: 0.6;
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {opacity: 0.8;
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  
  @media (max-width: 920px) {
    .global::after{
      position: absolute;
      content: "";
      z-index: -1;
      background-image: url(../img/global.svg);
      background-repeat: no-repeat;
      background-size: contain;
      left: 2vw;
      top: -57.2vw;
      width: 100%;
      height: 40vw;
    }
    .dott_1{
      width: 1.99vw;
      height: 1.99vw;
      top: -44.2vw;
      left: 63.83vw;
    }
    
    .dott_2{ 
      width: 1.99vw;
      height: 1.99vw;
      top:-47.2vw;
      left:45.5vw ; 
    }
    
    .dott_3{ 
      width: 1.99vw;
      height: 1.99vw;
      top:-51.2vw ;
      left:48.15vw ; 
    }
    
    .dott_4{
      width: 1.99vw;
      height: 1.99vw;
      top: -48vw;
      left: 53.65vw;
    }
    
    .dott_5{ 
      width: 1.99vw;
      height: 1.99vw;
      top: -39vw;
      left: 48vw; 
    }
    
    .dott_6{ 
      width: 1.99vw;
      height: 1.99vw;
      top: -50.2vw;
      left: 43vw;
    }
    
    .dott_7{ 
      width: 1.99vw;
      height: 1.99vw;
      top: -51.2vw;
      left: 41.38vw;
    }
    
    .dott_8{
      width: 1.99vw;
      height: 1.99vw;
      top: -46vw;
      left: 39.5vw;
    }
    
    .dott_9{ 
      width: 1.99vw;
      height: 1.99vw;
      top: -54.4vw;
      left: 33.84vw; 
    }
  }
  .reach{  
    padding: 2vw 9.22vw 8.03vw 9.22vw;
    background-color: #161615;
  }
  .reach h2{
    font-family: Built ;
    font-size: 3.13vw;
    font-weight: bold; 
    line-height: 0.7; 
    text-align: left;
    color: #fff;
    position: relative;
    padding-left: 5.5vw;
  }
  .reach h2::before{
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: -0.2vw;
    left: 0vw; 
  }
  .reach p{
    padding-left: 5.5vw;
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #ccc;
    padding-bottom: 3vw;
  
  }
  .reach h4{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #ccc;
    padding-right: 2vw;
    padding-bottom: 4.5vw;
  }
  .reach button{
    width: 13.8vw;
    height: 2.6vw; 
    background-color: #d90915;
    font-family: TeXGyreAdventor;
    font-size: 0.885vw;
    font-weight: bold; 
    text-align: center;
    color: #fff;
    border: none;
    box-shadow: none;
    outline: none; 
    background: linear-gradient(to left, #d90915 50%, #fff 50%) right;
background-size: 205%;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    }
    
    .reach button:hover , .reach button:focus{  
      background-position: left;  
      color: #222;
    }
  @media (max-width: 920px) {
    .reach{  
      padding: 2vw 9.22vw 8.03vw 9.22vw;
      background-color: #161615;
    }
    .reach h2{ 
      font-size: 7.17vw; 
      line-height: 0.2;  
      padding-left: 10.5vw;
    }
    .reach h2::before{
      width: 11vw;
      height: 8.7vw;
      top: -2vw;
      left: -1vw;   
    }
    .reach p{
      padding-left: 10.5vw; 
      font-size: 3.04vw; 
      padding-bottom: 3vw;
    
    }
    .reach h4{ 
      font-size: 3.04vw; 
      padding-right: 2vw;
      padding-bottom: 51.5vw;
    }
    .reach button{
      width: 100%;
      height: 11vw;  
      font-size: 3.4vw; 
    }
  }
  .partner{ 
    padding: 14.59vw 9.22vw 0vw 9.22vw;
    background-color: #f8f8f8;
  }
  .partner h2{
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold;
    line-height: 0.7;
    text-align: left;
    color: #161615;
    position: relative;
    padding-left: 5.5vw;
    z-index: 0;
  }
  .partner h2::after{
    content: "PROVEN";    
    position: absolute; 
    font-family: Built; 
    left: 0vw;
    top: -5.7vw; 
    z-index: -1;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
    text-align: left;
    color: #efefef;
  }
  .partner h2::before{
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: -0.2vw;
    left: 0vw;
  }
  .partner h5{
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    color: #777;
    padding-left: 5.5vw;
    padding-bottom: 6.14vw;
  }
  .tab1{
    width: 5.89vw;
    height: 4.17vw;
    margin-bottom: 1.5vw;
    
  }
  
  @media (max-width: 920px) {
    .partner{ 
      padding: 19.59vw 9.22vw 0vw 9.22vw;
      background-color: #f8f8f8;
    }
    .partner h2{ 
      font-size: 7.17vw; 
      line-height: 0.2; 
      padding-left: 10.5vw; 
      padding-top: 3vw;
    }
    .partner h2::after{
      content: "PROVEN";    
      position: absolute; 
      font-family: Built; 
      left: 0vw;
      top: -5.7vw; 
      z-index: -1;
      font-size: 21.58vw;
      font-weight: bold; 
      line-height: 0.39; 
      text-align: left;
      color: #efefef;
    }
    .partner h2::before{
      width: 11vw;
      height: 8.7vw;
      top: 1vw;
      left: -1vw;
    }
    .partner h5{ 
      font-size: 3.04vw; 
      padding-left: 10.5vw; 
    }
    .tab1{
      width: auto;
      height: 14.17vw;
      
    }
    .link-text
  {  
    margin-left: 4.56vw;
  }
  .date-text {
    padding-left: 3.5vw;
  }
  }
  .mt---3{
    margin-top: 1.3vw;
  }
  
  /* sager space page  */
  .color_w{
    background-color: #fff;
    color: #161615;
  }
  .hero__picture1 { 
    object-fit: fill;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
  }
  .threedot{
    position: relative;
    padding-left: 5vw;
  }
  
  .threedot::before{
    position: absolute;
    content: "";
    left: 2.7vw;
    top: 0;
    background-image: url(../img/Threedot.svg);
    background-repeat: no-repeat;
    background-size:contain ;
    width: 100%;
    height: 12vw; 
    animation-duration: 3s; 
    animation-delay: 3s;
    opacity: 0; 
    animation-fill-mode: forwards;
    animation-name: threedot_anim__;
  }
  
  @keyframes threedot_anim__ {
    0%  { opacity: 0;}  
    100% {opacity: 1;}
  
  }
  
  .threedot::after{
    position: absolute;
    content: "";
    left: 2.7vw;
    top: 0;
    background-color: #d90915;
    border-radius:50% ;
    width: 1.05vw;
    height: 1.05vw;
    -webkit-border-radius:50% ;
    -moz-border-radius:50% ;
    -ms-border-radius:50% ;
    -o-border-radius:50% ; 
    animation-name: threedot_anim;
    animation-duration: 4s; 
    animation-delay: 4.5s; 
    animation-fill-mode: forwards;
    opacity: 1;
  }
  
  @keyframes threedot_anim { 
    0%  {top: 0px; opacity: 1;}  
    50% {top: 5.4vw; opacity: 1; }
    100% {top: 10.95vw; opacity: 1;}
  
  
  }
  .threedot h3{
    font-family: Built;
    font-size: 1.35vw;
    font-weight: bold; 
    line-height: 0.8; 
    text-align: left;
    color: #fff;
  }
  
  
  .threedot .dot2{
    padding-top: 2.2vw;
  }
   
  .threedot p{
    font-family: TeXGyreAdventor;
    font-size: 0.94vw;  
    line-height: 0.7; 
    text-align: left;
    color: #ccc;
    padding-left: 0vw;
  }
  
  .threedot .threedot_anim1 h3 , .threedot .threedot_anim1 p  {
    animation-name: threedot_anim2;
    animation-duration: 1s; 
    animation-delay: 4s; 
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  .threedot .threedot_anim2 h3 , .threedot .threedot_anim2 p {
    animation-name: threedot_anim3;
    animation-duration: 1s; 
    animation-delay: 6s; 
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  .threedot .threedot_anim3 h3 , .threedot .threedot_anim3 p{
    animation-name: threedot_anim4;
    animation-duration: 1s; 
    animation-delay: 7.5s; 
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  @keyframes threedot_anim2 {
    0%  { opacity: 0.2;}  
    100% {opacity: 1;}
  
  }
  @keyframes threedot_anim3 {
    0%  { opacity: 0.2;}  
    100% {opacity: 1;}
    
  }
  
  @keyframes threedot_anim4 {
    0%  { opacity: 0.2;}  
    100% {opacity: 1;}
    
  }
  
  .threedot button{
    width: 13.65vw;
    height: 2.6vw;
    background-color: #d90915;
    font-family: TeXGyreAdventor;
    font-size: 0.94vw;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    margin-top: 3.68vw;
    margin-left: -2.3vw;
    opacity: 0;
    animation-name: threedot_anim_btn;
    animation-duration: 3s;
    animation-delay: 8.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform:3s ;
    -webkit-transform:3s ;
    -moz-transform:3s ;
    -ms-transform:3s ;
    -o-transform:3s ;
    padding-bottom: 0.2vw;
  }
  .threedot button a{ 
    font-size: 0.94vw;
    font-weight: bold;
    text-align: center;
    color: #fff; 
    text-decoration: none;
  }
  .threedot button:hover{  
    background-color: #fff; 
    color: #161615;
  
  }
  .threedot button:hover a{ 
    color: #161615;
  
  }
  @keyframes threedot_anim_btn {
    0%  { opacity: 0;}  
    100% {opacity: 1;}
  
  }
   
  @media (max-width: 1370px) {
    .threedot button{ 
        outline: none;
        margin-top: 1.68vw;
      
      }
  }
  .pa {
    padding: 2.6vw 13.53vw 4vw 13.53vw;
    text-align: center;
  }
  
  
  
  /* Features */
  .features{
    padding: 2.6vw 0 6.25VW 0;
    text-align: center;
    }
    .features h2::before{
      position: absolute;
      content: "Features"; 
      font-family: Built;
      font-size: 14.58vw;
      font-weight: bold; 
      line-height: 0.39; 
      color: #f8f8f8;
      text-transform: uppercase;
      z-index: -1;
      top: 5vw;
      left: 0;
      padding-left: 25.63vw;
      padding-right: 25.63vw;
    
    }
    .features h2{
      font-family: Built;
      font-size: 4.17vw;
      font-weight: bold; 
      line-height: 1; 
      text-align: center;
      color: #161615;
      position: relative;
      padding-top: 9.4vw;
      padding-left: 12.84vw;
      padding-right: 12.84vw;
    
    }
    .features h2 span{
      color: #d90915;
    }
    
    
    @media (max-width: 912px) {
      .features{
        padding: 2.6vw 9.53vw 12vw 9.53vw;
        text-align: center;
        }
    
      .features h2::before{ 
        font-size: 25.58vw;
        top: 15vw;
        left: -30vw;
      }
    
      .features h2{ 
        font-size: 7.17vw;
        padding-top: 23.4vw;
        padding-left: 5.84vw;
      padding-right: 5.84vw;
      
      }
     
    }
    /* end */
  
  /* start services_ */
  .services_{   
    object-fit: contain;
    background-image: url(../img/sagerspacedronebg.webp);
    background-size:100% 35.16vw ;
   
    background-repeat: no-repeat;  
    position: relative;
    height: 44.53vw;
    text-align: center;
  }
  
  .services_ h2{ 
    padding-top: 7vw;
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold; 
    line-height: 1;
    text-align: center;
    color: #fff; 
    position: relative;
  }
  /* .services_ h2.add_r{ 
    padding-left: 5.5vw;
    padding-right: 68vw;
  } */
  
  .services_ h2.add_r::after{ 
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: 7.2vw;
    left: 31vw;
  
  }
  
  .services_ p{ 
    font-family: TeXGyreAdventor;
    font-size: 0.83vw; 
    text-align: left;
    padding-left: 36.3vw;
    color: #ccc;
    padding-bottom: .5vw;
    line-height: 0.39;
    
  }
  
    .services_ h6{   
      text-align: left; 
      margin: 1.823vw 0 2.6vw;
      font-family: TeXGyreAdventor;
      font-size: 0.83vw; 
      text-align: center;
      color: #ccc; 
      padding-left: 29vw;
      padding-right: 29vw;
      
  
    }
  
    
  
    .services_ .img_{
    position: absolute;
    width: 309px;
    height: 612px; 
    object-fit: contain;
    right: 11.302vw;
    top: -2.5vw;
    }
    .services_ button{ 
      font-family: TeXGyreAdventor;
      font-size: 0.94vw;
      font-weight: bold; 
      text-align: left;
      color: #fff;
      width: 13.65vw;
      height: 2.6vw;  
      background-color: #d90915;
      text-align: center;
      border: none;
      outline: none;
      transform:3s ;
      -webkit-transform:3s ;
      -moz-transform:3s ;
      -ms-transform:3s ;
      -o-transform:3s ;
      padding-bottom: 0.2vw;
    }
    .services_ button:hover{  
      background-color: #fff; 
      color: #161615;
    
    }
    .services_ button a{ 
        font-size: 0.94vw;
        font-weight: bold;
        text-align: center;
        color: #fff; 
        text-decoration: none;
      }
      
      .services_ button:hover a{ 
        color: #161615;
      
      }
    .services_ .w_box{ 
      position: absolute;
      bottom: 0;
      left: 0;
      border: none;  
    
    margin:0 9.22vw 0 9.22vw ;
    height: 18.75vw;
    text-align: center;
    
    }
    .services_ .w_box .w__box {   
    
    background-color: #fff;
    border: solid 1px #e0e0e0;
    border-right: none; 
    width: 13.65vw;
    }
    .services_ .w_box .w__box__ {   
      border-right: solid 1px #e0e0e0 !important; 
      }
    .services_ .w_box img{ 
      width: auto;
      height: 3.65vw; 
      object-fit: contain;
      margin-top: 3.91vw;
    }
  
    .services_ .w_box h2{  
    font-family: TeXGyreAdventor;
    font-size: 1.15vw;
    font-weight: bold; 
    line-height: 1.18; 
    text-align: center;
    color: #161615;
    padding-bottom: 0.78vw;
    padding-top: 4.69vw;
    text-transform: uppercase;
    }
  
    .services_ .w_box p{   
        font-family: TeXGyreAdventor;
        font-size: 0.83vw; 
        line-height: 1.38; 
        text-align: center;
        color: #777;
        padding-bottom: 3.33vw;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }
    /* end services_ */
  /* start inspections_ */
    .inspections_{
      padding: 2.6vw 9.22vw 4.06vw 9.22vw;
      text-align: center;
  
    }
  
    .inspections_ h2{
  position: relative;
  font-family: Built;
    font-size: 3.125vw;
    font-weight: bold;
    line-height: 1.83;
    text-align: center;
    color: #161615;
    padding-top: 9vw;
  
    }
  
    .inspections_ h2::before{
        position: absolute;
        content: "inspections";
        font-family: Built;
        font-size: 14.58vw;
        font-weight: bold; 
        line-height: 0.39;  
        color: #f8f8f8;
        text-transform: uppercase;
        z-index: -1;
        top: 5vw;
        left: 7vw;
        text-align: center;
    }
   
  
    .inspections_ h2::after{
      position: absolute;
      content: "";  
      background-image: url("../img/Pathred.svg");
      background-repeat: no-repeat; 
      background-size: contain;
      width: 4.8vw;
      height: 3.8vw;
      top: 10.6vw;
      left: 9vw;
    }
    .inspections_ .col_g1{
      width: 26.51vw;
      height: 21.46vw;
      margin: 3.021vw  0px 5.625vw 0px;
      padding: 3.125vw 2.08vw 3.65vw;
      background-color: #f8f8f8;
      text-align: center;
    }
    .inspections_ .col_g2{
      width: 26.46vw;
      height: 24.58vw;
      margin: 1.46vw 0vw 4.06vw 0vw;
      padding: 4.69vw 2.08vw 5.21vw;
      background-color: #f8f8f8;
      text-align: center;
    }
    .inspections_ .col_g1 img ,   .inspections_ .col_g2 img{
      width: auto;
      height: 5.208vw; 
      object-fit: contain;
    }
   
    .inspections_ .col_g1 h3 ,   .inspections_ .col_g2 h3{
      font-family: TeXGyreAdventor;
    font-size: 1.146vw;
    font-weight: bold; 
    line-height: 0.91; 
    text-align: center;
    color: #161615;
    padding-top: 3.13vw;
    }
    .inspections_ .col_g1 p ,   .inspections_ .col_g2 p{
      font-family: TeXGyreAdventor;
    font-size: 0.83vw  ; 
    line-height: 1.38; 
    text-align: center;
    color: #777;
    padding-top: 1.04vw;
    }
    /* end inspections_ */
  
    /* start ecosystem */
    .ecosystem{
      margin: 0vw 0 7.29vw 9.22vw;
      position: relative;
    }
    .ecosystem::after{ 
      position: absolute;
      content: "";
      background-image: url("../img/red__r.svg");
      background-repeat: no-repeat; 
      background-size: contain;
      width: 29.77vw;
      height: 29.09vw;
      top: 3.3vw;
      right: -5vw;
      z-index: -1;
  
    }
    .ecosystem h2::after{
        position: absolute;
        content: "ecosystem";
        font-family: Built;
        font-size: 14.58vw;
        font-weight: bold; 
        line-height: 0.39;  
        color: #f8f8f8;
        text-transform: uppercase;
        z-index: -1;
        top: 2vw;
        left: 0vw;
        text-align: left;
    }
  
  
  
    .ecosystem h2{
      font-family: Built;
      font-size: 3.13vw;
      font-weight: bold; 
      line-height: 1; 
      text-align: left;
      color: #161615;
      padding-top: 7vw;
      padding-right: 61vw;
      padding-left: 5.42vw;
    }
    .ecosystem h2::before{
      position: absolute;
      content: "";  
      background-image: url("../img/Pathred.svg");
      background-repeat: no-repeat; 
      background-size: contain;
      width: 4.8vw;
      height: 3.8vw;
      top: 7.4vw;
      left: 0vw;
  
    }
    .ecosystem p{
      padding-top:3.13vw ;
      padding-bottom: 3.17vw;
      padding-right: 53vw;
      font-family: TeXGyreAdventor;
    font-size: 1.04vw;
    font-weight: bold; 
    line-height: 1.35; 
    text-align: left;
    color: #777;
  
    }
    .ecosystem img{
      position: absolute;
      top: 5.5vw;
      right: 9.22vw;
      width: auto;
      height: 23.5vw; 
      object-fit: contain;
      /* box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); */
  
    }
    .ecosystem button{
      width: 13.65vw;
      height: 2.6vw;  
      background-color: #d90915;
      font-family: TeXGyreAdventor;
      font-size: 0.94vw;
      font-weight: bold; 
      text-align: center;
      color: #fff;
      border: none;
      outline: none;
      transform:3s ;
      -webkit-transform:3s ;
      -moz-transform:3s ;
      -ms-transform:3s ;
      -o-transform:3s ;
      padding-bottom: 0.2vw;
    }
    .ecosystem button:hover{  
      background-color: #161615; 
      color: #fff;
    
    }
    .ecosystem button a{ 
        font-size: 0.94vw;
        font-weight: bold;
        text-align: center;
        color: #fff; 
        text-decoration: none;
      }
      
      .ecosystem button:hover a{ 
        color: #fff;
      
      }
    /* end ecosystem */
  
  
  
  /*start Services__ */
  
    .Services__{
      position: relative; 
      background-color: #161615;
      padding-left: 9.22vw;
      padding-right: 15.417vw; 
      height: 60.47vw;
      padding-top: 2vw;
    }
    .Services__::before{
      position: absolute; 
      content: "";
      width: 21.51vw;
      height: 39.32vw;  
      background-color: #d90915;
      right: 0;
      bottom: 0;
    }
    .Services__ h2{
      font-family: Built;
      font-size: 3.13vw;
      font-weight: bold; 
      line-height: 0.6; 
      text-align: left;
      color: #fff;
      position: relative;
      padding-left: 5.42vw;
      padding-top: 12.8vw;
    }
  
    .Services__ h2::before{
      position: absolute;
      content: "Services"; 
      font-family: Built;
      font-size: 14.58vw;
      font-weight: bold; 
      line-height: 0.39; 
      color: #222;
      text-transform: uppercase;
      z-index: -1;
      top: 7vw;
      left: 0;
    }
  
    .Services__ h2::after{ 
      position: absolute;
      content: "";  
      background-image: url("../img/Pathred.svg");
      background-repeat: no-repeat; 
      background-size: contain;
      width: 4.8vw;
      height: 3.8vw;
      top: 12.5vw;
      left: 0vw;
    }
  
    .Services__ p{
      font-size: 0.83vw; 
      text-align: left;
      color: #ccc;
      padding-left: 5.42vw;
      padding-bottom: 7.81vw;
    }
  
    .Services__ .button__{
      font-family: TeXGyreAdventor;
      font-size: 0.885vw;
      font-weight: bold; 
      text-align: center;
      color: #fff;
      width: 13.8vw;
      height: 2.6vw; 
      background-color: #d90915;
      border: none ;
      box-shadow: none; 
      outline: none;
      background: linear-gradient(to left, #d90915 50%, #fff 50%) right;
  background-size: 205%;
      transition: .5s ease-out;
      -webkit-transition: .5s ease-out;
      -moz-transition: .5s ease-out;
      -ms-transition: .5s ease-out;
      -o-transition: .5s ease-out;
      z-index: 2;
      margin-top: 3.88vw;
      position: absolute;
      bottom: 7.865vw;
      left: 9.22vw;
      padding-bottom: 0.2vw;
      }
      
      .Services__ .button__:hover , .Services__ .button__:focus{  
        background-position: left;  
        color: #222;
      }
      .Services__ .button__ a{
        font-family: TeXGyreAdventor;
        font-size: 0.885vw;
        font-weight: bold; 
        text-align: center;
        color: #fff;  
        text-decoration: none;
        
        }
        .Services__ .button__:hover a , .Services__ .button__:focus a{   
            color: #222;
          }
  .Services__ .tab__ {
    box-sizing: border-box;
    float: left;
    border-left: 2px solid #222;   
    width: 30%; 
    background-color: #161615 !important;
    height: 17.94vw;
    position: relative;
  
  }
  
  /* Style the buttons inside the tab */
  .Services__ .tab__ .tablinks {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: TeXGyreAdventor;
    font-size: 0.94vw;
    font-weight: bold;
    line-height: 1.22;
    text-align: left;
    color: #777;
    background-color: #161615 !important;
    padding: 1vw 0 1vw 2.08vw;
  
  }
  
  .Services__ .tab__ .tablinks:hover {
    font-family: TeXGyreAdventor;
    font-size: 0.94vw;
    font-weight: bold; 
    line-height: 1.22; 
    text-align: left;
    color: #fff;
  }
  
  .Services__ .tab__ .tablinks.active {
    color: #fff;
    border-left:0.5vw solid #d90915;
    padding-left: 1.58vw;
  
  }
   
  .Services__ .tabcontent__ {
    float: left; 
    width: 70%;   
    position: absolute;
    right: 9.219vw;
    bottom:3.646vw;
    width: 53.85vw;
    height: 32.03vw;
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  /* .Services__ .tabcontent__ img { 
   
  
  } */
    
    
    @media (max-width: 912px) {
        .Services__{  
          padding-right: 8.417vw;  
        }
        .Services__ h2{ 
          font-size: 7.13vw;   
          padding-left: 12vw;
          padding-top: 24.2vw;
          line-height: 0.2;
        }
        .Services__ h2::before{ 
          font-size: 21.58vw; 
          top: 15vw;
          left: 0;
        }
        .Services__ h2::after{ 
          width: 11vw;
          height: 8.7vw;
          top: 22vw;
          left: 0vw;
        }
      
        .Services__ p{
          font-size: 3.04vw; 
          text-align: left;
          color: #ccc;
          padding-left: 12vw;
          padding-bottom: 52vw;
          line-height: 0.9;
          padding-top: 1.7vw;
        }
        
        .Services__ .button__{ 
          font-size: 3.3vw; 
          width: 82%;
          height: 11.6vw; 
          margin-bottom: 4vw;
        }
        .Services__ .button__ a{ 
            font-size: 3.3vw; 
            width: 82%;
            height: 11.6vw; 
            margin-bottom: 4vw;
          }     
    }
  /* end Services__ */
  
  /*  */
  
  .start_{
    
    padding:6.77vw 9.22vw 5.73vw 9.22vw;
  }
  .start_ h2::before{
    position: absolute;
    content: "";
    background-image: url("../img/Pathred.svg");
    background-repeat: no-repeat; 
    background-size: contain;
    width: 4.8vw;
    height: 3.8vw;
    top: -0.2vw;
    left: 24.5vw;
  }
  .start_ h2{
    font-family: Built;
    font-size: 3.13vw;
    font-weight: bold; 
    line-height: 0.7; 
    text-align: left;
    color: #161615;
    position: relative;
    padding-left: 30vw;
    padding-bottom: 6vw; 
  }
  .start_ .start__{
    width: 19.9vw;
    height: 24.48vw;
    position: relative;
  }
  
  .start_ .start__::before{
    position: absolute;
    content: "";
    left: 0;
    top:-3.5vw;
    width: 3.75vw;
    height: 24.48vw;
    background-image: url("../img/red__re.webp");
    background-repeat: no-repeat; 
    background-size: contain;
  }
  
  /* .start_ .start__::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 1.833vw;
    height: 24.48vw;
     opacity: 0.3;
   background-image: radial-gradient(#262423 -88% 51%, #262423 2%, #3f3d3c 2%, #71706f 3%, #9c9b9b 4%, #c0bfbf 5%, #dbdbdb 7%, #efefef 8%, #fbfbfb 9%, #fff 10%);
   
   } */
  .start_ .start__ img{
   
      width: auto;
      height: 3.65vw; 
      object-fit: contain;
      margin-left: 5.89vw;
      position: relative;
      
  }
  
  .start_ .start__ h3{
    font-family: TeXGyreAdventor;
    font-size: 2.08vw;
    font-weight: bold; 
    line-height: 0.8; 
    text-align: left;
    color: #ccc;
    padding-left: 5.89vw;
    padding-top: 4vw;
    padding-bottom: 0.4vw;
  }
  
  .start_ .start__ h4{
    font-family: Built ;
    font-size: 2.08vw;
    font-weight: bold; 
    line-height: 1; 
    text-align: left;
    color: #161615;
    padding-left: 5.89vw;
  }
  .start_ .start__ h4 img{
    width: 1.56vw;
    height: 1.56vw;
    margin: 0 0.3vw 0 0;
    object-fit: contain;
  }
  .start_ .start__ p{
    font-family: TeXGyreAdventor;
    font-size: 0.94vw;  
    line-height: 1.33; 
    text-align: left;
    color: #777;
    padding-left: 5.89vw;
    padding-top: 1.04vw;
  }
  @media (max-width: 912px) {
  
    .start_{
      text-align: center;
      padding:13.77vw 9.22vw 9vw 9.22vw;
    }
    .start_ h2::before{ 
      width: 11vw;
      height: 8.7vw;
      top: -2vw;
      left: 3vw;
    }
    .start_ h2{ 
      font-size: 7.17vw; 
      line-height: 0.2; 
      position: relative;
      padding-left: 15vw;
    }
  
  }
  
  /* start consult */
  .consult{ 
    height: 32.29vw; 
    padding: 6.25vw  9.22vw 12.92vw;
    background-color: #f8f8f8;
    text-align: center;
        margin-bottom: -15.2vw;
  }
  
  .consult h2{ 
    font-family: Built;
    font-size: 3.125vw;
    font-weight: bold; 
    line-height: 1; 
    text-align: center;
    color: #161615;
  }
  .consult h2 span{ 
    color: #d90915;
  }
  .consult p{ 
    font-family: TeXGyreAdventor;
    font-size: 1.35vw;
    font-weight: bold; 
    text-align: center;
    color: #161615;
    padding-bottom: 4.17vw;
  }
  .consult button{ 
    font-family: TeXGyreAdventor;
    font-size: 0.885vw;
    font-weight: bold; 
    text-align: center;
    color: #fff;
    width: 13.8vw;
    height: 2.6vw; 
    background-color: #d90915;
    border: none;
    box-shadow: none; 
    outline: none;
    background: linear-gradient(to left, #d90915 50%, #161615  50%) right;
background-size: 205%;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    z-index: 2;
    padding-bottom: 0.2vw;
    }
    
    .consult button:hover , .consult button:focus{  
      background-position: left;  
      color: #fff;
    }
    .consult button a{ 
        font-size: 0.94vw;
        font-weight: bold;
        text-align: center;
        color: #fff; 
        text-decoration: none;
      }
      
      .consult button:hover a{ 
        color: #fff;
      
      }
  /* end consult */
  
  .threedot_anim4{
    text-align: center;
    overflow: none;
    animation: slide-top 1s linear infinite alternate both;
    font-family: Built;
    font-size: 1.51vw;
    font-weight: bold;
    color: #fff;
    bottom: 2.08vw;
    left: 41.5vw;
    position: absolute;
    opacity: 0; 
    -webkit-animation: slide-top3 1s linear infinite alternate both;
    animation-delay: 10s;
     
  }
  
  .threedot_anim4 a{ 
    color: #fff;  
  }
  
  @keyframes slide-top3 {
    0% {
      transform: translateY(10px);
      opacity: 0;
    }
    100% {
      transform: translateY(20px);
      opacity: 1;
    }
  } 
  
  .popOver {
    height: 100%;
    width: 100%;
    -webkit-animation: bummer 2.8s;
    animation: bummer 2.8s;
    transform-origin: right;
    -webkit-transform: scale(2,2)  ;
    transform: scale(2,2)  ;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-transform: scale(2,2)  ;
    -ms-transform: scale(2,2)  ;
    -o-transform: scale(2,2)  ;
    opacity: 0;
    overflow: hidden;
  }
  
  @-webkit-keyframes bummer {
    100% {
      opacity: 1;
        -webkit-transform: scale(1,1)  rotateY(0deg); 
    }
  }
  
  @keyframes bummer {
    100% {
      opacity: 1;
      transform-origin: center;
        transform: scale(1,1)  rotateZ(0deg);
        -webkit-transform: scale(1,1)  rotateZ(0deg);
        -moz-transform: scale(1,1)  rotateZ(0deg);
        -ms-transform: scale(1,1)  rotateZ(0deg);
        -o-transform: scale(1,1)  rotateZ(0deg);
  }
  }
  
  .bg__{
    background-color: #161615;
  }
  
  .lg_bg{display: block;}
  .mob_bg{display: none;}
  
  /* responceive */
  @media (max-width: 2880px) {
  /* .threedot::before { 
    width: 0.56vw;
    height: 6.4vw; 
  } */
  .threedot .dot2 {
    padding-top: 0.2vw;
  }
  .threedot h3 { 
    font-size: 1.1vw; 
  }
  .threedot p { 
    font-size: 0.8vw; 
  }
  .threedot .dot2 {
    padding-top: 0.6vw;
  }
  .container-un h1::before { 
    left: 1vw; 
  }
  .threedot::after { 
    width: 0.6vw;
    height: 0.6vw; 
  }
  
  @keyframes threedot_anim { 
    0%  {top: 0px; opacity: 1;}  
    50% {top: 2.9vw; opacity: 1; }
    100% {top: 5.8vw; opacity: 1;}
  
  }
  .start_ .start__ h3 { 
    line-height: 1; 
  }
  
  }
  
  
  @media (max-width: 1680px) {
    .threedot .dot2 {
      padding-top: 2.2vw;
    }
    .threedot h3 {  
      font-size: 1.35vw; 
    }
    .threedot p {  
    font-size: 0.94vw;   
    }
    .threedot .dot2 {
      padding-top: 2.2vw;
    }
    .container-un h1::before {  
      left: 0vw; 
    }
    .threedot::after { 
      width: 1.05vw;
      height: 1.05vw; 
    }
    
     
    
    @keyframes threedot_anim { 
      0%  {top: 0px; opacity: 1;}  
      50% {top: 5.1vw; opacity: 1; }
      100% {top: 10.3vw; opacity: 1;}
    
    
    }
    .start_ .start__ h3 { 
      line-height: 0.8;  
    }
    
    }
    @media (max-width: 1540px) {
      .threedot::after { 
        width: 1.05vw;
        height: 1.05vw; 
      }
      
       
      
      @keyframes threedot_anim { 
        0%  {top: 0px; opacity: 1;}  
        50% {top: 5.4vw; opacity: 1; }
        100% {top: 10.95vw; opacity: 1;}
      
      
      }
    }
  
  @media (max-width: 1280px) {
  .threedot::before { 
    width: 1.25vw;
    height: 14.4vw; 
  }
  
  .threedot::after { 
    width: 1.4vw;
    height: 1.4vw; 
  }
  
  @keyframes threedot_anim { 
    0%  {top: 0px; opacity: 1;}  
    50% {top: 6.5vw; opacity: 1; }
    100% {top: 13.1vw; opacity: 1;}
  
  }
  }
  
  @media (max-width: 1024px) {
  
  .threedot::before {  
    width: 1.6vw;
    height: 17.95vw; 
  }
  .threedot .dot2 {
    padding-top: 4.5vw;
  }
  .threedot::after { 
    width: 1.7vw;
    height: 1.7vw; 
  }
  @keyframes threedot_anim { 
    0%  {top: 0px; opacity: 1;}  
    50% {top: 8vw; opacity: 1; }
    100% {top: 16.3vw; opacity: 1;}
  
  
  }
  .container-un h1::before {
    position: absolute;
    content: "";
    left: -0.5vw;
    top: 0.38vw;
    background-image: url(../img/red_rectangle.svg);
    width: 4.43vw;
    height: 3.08vw;
    z-index: -1;
  }
  }
  @media (max-width: 940px) {
    .services_ h2 {
      padding-top: 15vw; 
      font-size: 7.13vw; 
  }
  
  .services_ h2.add_r::after { 
    width: 8.8vw;
    height: 7.8vw;
    top: 14.2vw;
    left: 0vw;
  }
  .services_ p { 
    font-size: 2.83vw;
    text-align: center;
    padding-left: 0;  
  }
  
  .services_ {
    background-size: 100% 81.5vw;
    height: 153.53vw;
    padding: 0 9vw 0 9vw;
  }
  
  .services_ h6 { 
    margin: 8.823vw 0 8.6vw; 
    font-size: 3.5vw;
      padding-left: 0vw;
      padding-right: 0vw;
  }
  .services_ button { 
    font-size: 3.6vw; 
    width: 100%;
    height: 11.6vw; 
    text-align: center;  
  }
  .services_ button a{ 
    font-size: 3.6vw;    
  }
  
  .services_ .w_box { 
    margin: 0 9.22vw 0 9.22vw;
    height: 60vw; 
  }
  
  .services_ .w_box h2 { 
    font-size: 2.8vw; 
  }
  .services_ .w_box .w__box { 
    width: 30.65vw;
  }
  .services_ .w_box img { 
      height: 7.65vw;  
  }
  
  .inspections_ h2::before { 
    font-size: 18.58vw;  
    top: 13vw;
    left: -1vw; 
  }
   
  .inspections_ h2 { 
      font-size: 6.125vw; 
      line-height: 0.9; 
      padding-top: 18vw;
      padding-left: 5vw;
  }
  .inspections_ h2::after { 
    width: 8.8vw;
    height: 7.8vw;
    top: 18vw;
    left: 0vw;
  }
  
  .inspections_ .col_g1 {
    width: 100%;
    height: 46.46vw; 
    padding: 5.125vw 4.08vw 3.65vw; 
    margin: 3.021vw 0px 0 0px;
  }
  .inspections_ .col_g2 {
    width: 100%;
    height: 46.58vw; 
    padding: 5.69vw 4.08vw 5.21vw; 
    margin: 3.021vw 0px 0 0px;
  }
  .inspections_ .col_g1 img, .inspections_ .col_g2 img {
   
    height: 10.208vw; 
  }
  .inspections_ .col_g1 h3, .inspections_ .col_g2 h3 {
    font-family: TeXGyreAdventor;
    font-size: 4.146vw; 
  }
  .inspections_ .col_g1 p, .inspections_ .col_g2 p { 
    font-size: 3vw; 
  }
  
  .ecosystem h2::after { 
      font-size: 20.58vw; 
      top: 12.8vw; 
  }
  
  .ecosystem h2 { 
      font-size: 6.13vw; 
      padding-top: 19vw;
      padding-right: 0; 
      padding-left: 9.42vw;
  }
  
  .ecosystem h2::before { 
      width: 8.8vw;
      height: 7.8vw;
      top: 19.4vw;
      left: 0vw;
  }
  
  .ecosystem::after { 
     display: none;
  }
  
  .ecosystem p {
    padding-top: 45vw;
    padding-bottom: 3.17vw;
    padding-right: 0vw; 
    font-size: 2.7vw; 
  }
  
  .ecosystem img { 
    top: 30.5vw;
    right: 6.22vw;
    height: 35.5vw;
  }
  
  .ecosystem button {
    font-size: 3.6vw; 
    width: 100%;
    height: 11.6vw; 
    text-align: center; 
  }
  .ecosystem button a{
    font-size: 3.6vw;  
  }
  .ecosystem {
    margin:  0 9vw 9.29vw 9vw; 
  }
  
  .consult h2 { 
    font-size: 6.125vw; 
  }
  
  .consult p { 
      font-size: 2.35vw; 
  }
  .consult {
    height: 52.29vw; 
    margin-bottom: 0vw;
  }
  .consult button{
    font-size: 3.6vw; 
    width: 100%;
    height: 11.6vw; 
    text-align: center; 
  }
  .consult button a{
    font-size: 3.6vw;   
  }
  .start_ .start__ {
    height: 38.48vw;
    margin-top: 22vw;
  }
  .start_ .start__ img {
    width: auto;
    height: 11.65vw;
    object-fit: contain;
    position: relative;
    margin-left: 0;
    text-align: center;
    margin-top: 4vw;
  }
  .start_ .start__ h3 {
    font-size: 7.08vw;
    padding-top: 6vw;
    padding-left: 0;
    text-align: center;
  }
  .start_ .start__ p {
    font-size: 2.94vw;
    padding-left: 0;
    text-align: center;
    padding-top: 3vw;
  }
  .start_ .start__ h4 {
    font-size: 6.08vw;
    text-align: center;
    padding-left: 0;
  }
  .start_ .start__::before {
    left: 0;
    top: -11vw;
    width: 9.75vw;
    height: 64.48vw;
  }
  .start_ .start__ h4 img {
    width: 5.56vw;
    height: 5.56vw;
    margin: 0vw 0.3vw 0 0;
    object-fit: contain;
  }
  .start_ {
    text-align: center;
    padding: 13.77vw 9.22vw 24vw 9.22vw;
  }
  .Services__ {
    position: relative;
    background-color: #161615;
    padding-left: 9vw;
    padding-right: 9vw;
    height: 150vw;
    padding-top: 2vw;
  }
  .Services__ p {
    font-size: 3.04vw;
    text-align: left;
    color: #ccc;
    padding-left: 12vw;
    padding-bottom: 7vw;
    line-height: 0.9;
    padding-top: 1.7vw;
  }
  
  .Services__ .tab__ .tablinks:hover { 
    font-size: 2.8vw; 
  }
  
  .Services__ .tab__ .tablinks { 
    font-size: 2.8vw; 
  }
  .Services__ .tab__ { 
    width: 34%; 
    padding: 3vw 0 3vw 0vw;
    height: 53.94vw;
    margin-left: -4vw;
  }
  
  .Services__ .tab__ .tablinks.active { 
    border-left: 1.5vw solid #d90915;
    padding-left: 2.58vw;
  }
  
  .Services__ .tab__ .tablinks {  
    padding: 2vw 0 2vw 4.08vw;
  }
  .Services__::before {
    display: none;
  }
  
  .services_ .w_box .w__box:last-child { 
    border-right: solid 1px #e0e0e0;
  }
  .services_ .w_box .w__box:nth-child(3) { 
    border-right: solid 1px #e0e0e0;
  }
  
  .Services__ .tabcontent__ {
    position: absolute;
    right: 9.219vw;
    bottom: 52.646vw;
    width: 57.85vw;
    height: 47.03vw;
  }
  
  .threedot_anim4 { 
    display: none;
  } 
  .lg_bg{display: none;}
  .mob_bg{display: block;}
  
  .threedot::before {
    width: 1.8vw;
    height: 20.15vw;
  }
  
  .threedot button {
      width: 100%;
      height: 12.6vw; 
      font-size: 3.94vw; 
      margin-top: 9.68vw;
      margin-left: 0vw; 
      animation-delay: 6s;
  }

  .threedot button a{ 
    font-size: 3.94vw;  
}
  .threedot::after {
  display: none;
  }
  
  .threedot h3 {
      font-family: Built;
      font-size: 3.5vw;
      font-weight: bold;
      line-height: 0.8;
      text-align: left;
      color: #fff;
  }
  .threedot p {
    font-family: TeXGyreAdventor;
    font-size: 2vw;
    line-height: 0.7;
    text-align: left;
    color: #ccc;
    padding-left: 0vw;
  }
  .threedot_anim1 , .threedot_anim2 , .threedot_anim3{
    padding-left: 5vw;
    padding-top:0vw;
  }
  .threedot .dot2 {
    padding-top: 2.5vw;
  }
  
  .threedot .threedot_anim2 h3, .threedot .threedot_anim2 p {
    animation-name: threedot_anim3;
    animation-duration: 1s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  .threedot .threedot_anim1 h3 , .threedot .threedot_anim1 p  {
    animation-name: threedot_anim2;
    animation-duration: 1s; 
    animation-delay: 3s; 
    animation-fill-mode: forwards;
    opacity: 0;
  }
   
  
  .threedot .threedot_anim3 h3 , .threedot .threedot_anim3 p{
    animation-name: threedot_anim4;
    animation-duration: 1s; 
    animation-delay: 5s; 
    animation-fill-mode: forwards;
    opacity: 0;
  }
  }
  @media (max-width: 820px)
  {
  .threedot::before {
      width: 1.95vw;
      height: 22.5vw;
  }
  .threedot .dot2 {
    padding-top: 3vw;
  }
  }
  @media (max-width:800px)
  {
  .threedot::before {
      width: 2vw;
      height: 23vw;
  }
  .threedot .dot2 {
    padding-top: 3.2vw;
  }
  .Services__ .tabcontent__  {
    position: absolute;
    right: 9.219vw;
    bottom: 62.646vw;
    width: 53.85vw;
    height: 42.03vw;
  }
  }
  
  @media (max-width: 768px)
  {
  .threedot::before {
      width: 2.1vw;
      height: 23.96vw;
  }
  .threedot .dot2 {
    padding-top: 3.7vw;
  }
  }
  @media (max-width: 600px)
  {
  .threedot::before {
      width: 2.6vw;
      height: 30.55vw;
  }
  .threedot_anim1, .threedot_anim2, .threedot_anim3 {
    padding-left: 5vw;
    padding-top: 0.5vw;
  }
  .threedot .dot2 {
    padding-top: 3.2vw;
  }
  .Services__ .tabcontent__  {
    position: absolute;
    right: 9.219vw;
    bottom: 53.646vw;
    width: 53.85vw;
    height: 45.03vw;
  }
  .start_ .start__ h3 { 
    line-height: 1.2; 
  }
  }
  
  @media (max-width: 540px)
  {
  .threedot::before {
      width: 2.9vw;
      height: 34.2vw;
  }
  }
  @media (max-width: 500px) {
    .services_ h2 {
      padding-top: 15vw; 
      font-size: 7.13vw; 
  }
  
  .services_ h2.add_r::after { 
    width: 8.8vw;
    height: 7.8vw;
    top: 14.2vw;
    left: 0vw;
  }
  .services_ p { 
    font-size: 2.83vw;
    text-align: center;
    padding-left: 0;  
  }
  
  .services_ {
    background-size: 100% 81.5vw;
    height: 153.53vw;
    padding: 0 9vw 0 9vw;
  }
  
  .services_ h6 { 
    margin: 8.823vw 0 8.6vw; 
    font-size: 3.5vw;
      padding-left: 0vw;
      padding-right: 0vw;
  }
  .services_ button { 
    font-size: 3.6vw; 
    width: 100%;
    height: 11.6vw; 
    text-align: center;  
  }
  .services_ button a{
    font-size: 3.6vw;  
  }
  .services_ .w_box { 
    margin: 0 9.22vw 0 9.22vw;
    height: 60vw; 
  }
  
  .services_ .w_box h2 { 
    font-size: 2.8vw; 
  }
  .services_ .w_box .w__box { 
    width: 30.65vw;
  }
  .services_ .w_box img { 
      height: 7.65vw;  
  }
  
  .inspections_ h2::before { 
    font-size: 18.58vw;  
    top: 13vw;
    left: -1vw; 
  }
   
  .inspections_ h2 { 
      font-size: 6.125vw; 
      line-height: 0.9; 
      padding-top: 18vw;
      padding-left: 5vw;
  }
  .inspections_ h2::after { 
    width: 8.8vw;
    height: 7.8vw;
    top: 18vw;
    left: 0vw;
  }
  
  .inspections_ .col_g1 {
    width: 100%;
    height: 46.46vw; 
    padding: 5.125vw 4.08vw 3.65vw; 
    margin: 3.021vw 0px 0 0px;
  }
  .inspections_ .col_g2 {
    width: 100%;
    height: 46.58vw; 
    padding: 5.69vw 4.08vw 5.21vw; 
    margin: 3.021vw 0px 0 0px;
  }
  .inspections_ .col_g1 img, .inspections_ .col_g2 img {
   
    height: 10.208vw; 
  }
  .inspections_ .col_g1 h3, .inspections_ .col_g2 h3 {
    font-family: TeXGyreAdventor;
    font-size: 4.146vw; 
  }
  .inspections_ .col_g1 p, .inspections_ .col_g2 p { 
    font-size: 3vw; 
  }
  
  .ecosystem h2::after { 
      font-size: 20.58vw; 
      top: 12.8vw; 
  }
  
  .ecosystem h2 { 
      font-size: 6.13vw; 
      padding-top: 19vw;
      padding-right: 0; 
      padding-left: 9.42vw;
  }
  
  .ecosystem h2::before { 
      width: 8.8vw;
      height: 7.8vw;
      top: 19.4vw;
      left: 0vw;
  }
  
  .ecosystem::after { 
     display: none;
  }
  
  .ecosystem p {
    padding-top: 45vw;
    padding-bottom: 3.17vw;
    padding-right: 0vw; 
    font-size: 2.7vw; 
  }
  
  .ecosystem img { 
    top: 30.5vw;
    right: 6.22vw;
    height: 35.5vw;
  }
  
  .ecosystem button {
    font-size: 3.6vw; 
    width: 100%;
    height: 11.6vw; 
    text-align: center; 
  }

  .ecosystem button a {
    font-size: 3.6vw;  
  }
  
  .ecosystem {
    margin:  0 9vw 9.29vw 9vw; 
  }
  
  .consult h2 { 
    font-size: 6.125vw; 
  }
  
  .consult p { 
      font-size: 2.35vw; 
  }
  .consult {
    height: 52.29vw; 
    margin-bottom: 0vw;
  }
  .consult button{
    font-size: 3.6vw; 
    width: 100%;
    height: 11.6vw; 
    text-align: center; 
  }
  .consult button a{
    font-size: 3.6vw;  
  }
  .start_ .start__ {
    height: 38.48vw;
    margin-top: 22vw;
  }
  .start_ .start__ img {
    width: auto;
    height: 11.65vw;
    object-fit: contain;
    position: relative;
    margin-left: 0;
    text-align: center;
    margin-top: 4vw;
  }
  .start_ .start__ h3 {
    font-size: 7.08vw;
    padding-top: 6vw;
    padding-left: 0;
    text-align: center;
  }
  .start_ .start__ p {
    font-size: 2.94vw;
    padding-left: 0;
    text-align: center;
    padding-top: 3vw;
  }
  .start_ .start__ h4 {
    font-size: 6.08vw;
    text-align: center;
    padding-left: 0;
  }
  .start_ .start__::before {
    left: 0;
    top: -11vw;
    width: 9.75vw;
    height: 64.48vw;
  }
  .start_ .start__ h4 img {
    width: 5.56vw;
    height: 5.56vw;
    margin: 0vw 0.3vw 0 0;
    object-fit: contain;
  }
  .start_ {
    text-align: center;
    padding: 13.77vw 9.22vw 24vw 9.22vw;
  }
  .Services__ {
    position: relative;
    background-color: #161615;
    padding-left: 9vw;
    padding-right: 9vw;
    height: 150vw;
    padding-top: 2vw;
  }
  .Services__ p {
    font-size: 3.04vw;
    text-align: left;
    color: #ccc;
    padding-left: 12vw;
    padding-bottom: 7vw;
    line-height: 0.9;
    padding-top: 1.7vw;
  }
  
  .Services__ .tab__ .tablinks:hover { 
    font-size: 2.8vw; 
  }
  
  .Services__ .tab__ .tablinks { 
    font-size: 2.8vw; 
  }
  .Services__ .tab__ { 
    width: 34%; 
    padding: 3vw 0 3vw 0vw;
    height: 53.94vw;
    margin-left: -4vw;
  }
  
  .Services__ .tab__ .tablinks.active { 
    border-left: 1.5vw solid #d90915;
    padding-left: 2.58vw;
  }
  
  .Services__ .tab__ .tablinks {  
    padding: 2vw 0 2vw 4.08vw;
  }
  .Services__::before {
    display: none;
  }
  
  .services_ .w_box .w__box:last-child { 
    border-right: solid 1px #e0e0e0;
  }
  .services_ .w_box .w__box:nth-child(3) { 
    border-right: solid 1px #e0e0e0;
  }
  
  .Services__ .tabcontent__  {
    position: absolute;
    right: 9.219vw;
    bottom: 52.646vw;
    width: 57.85vw;
    height: 47.03vw;
  }
  
  .threedot_anim4 { 
    display: none;
  } 
  .lg_bg{display: none;}
  .mob_bg{display: block;}
  
  .threedot::before { 
    width: 4.6vw;
    height: 51.13vw; 
  }
  
  .threedot button {
      width: 100%;
      height: 12.6vw; 
      font-size: 3.94vw; 
      margin-top: 9.68vw;
      margin-left: 0vw; 
      animation-delay: 6s;
  }

  .threedot button a { 
    font-size: 3.94vw;  
}
  .threedot::after {
  display: none;
  }
  
  .threedot h3 {
      font-family: Built;
      font-size: 4.5vw;
      font-weight: bold;
      line-height: 0.8;
      text-align: left;
      color: #fff;
  }
  .threedot p {
    font-family: TeXGyreAdventor;
    font-size: 2.94vw;
    line-height: 0.7;
    text-align: left;
    color: #ccc;
    padding-left: 0vw;
  }
  .threedot_anim1 , .threedot_anim2 , .threedot_anim3{
    padding-left: 5vw;
    padding-top:1.5vw;
  }
  .threedot .dot2 {
    padding-top: 9.2vw;
  }
  
  .threedot .threedot_anim2 h3, .threedot .threedot_anim2 p {
    animation-name: threedot_anim3;
    animation-duration: 1s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  .threedot .threedot_anim1 h3 , .threedot .threedot_anim1 p  {
    animation-name: threedot_anim2;
    animation-duration: 1s; 
    animation-delay: 3s; 
    animation-fill-mode: forwards;
    opacity: 0;
  }
   
  
  .threedot .threedot_anim3 h3 , .threedot .threedot_anim3 p{
    animation-name: threedot_anim4;
    animation-duration: 1s; 
    animation-delay: 5s; 
    animation-fill-mode: forwards;
    opacity: 0;
  }
  }
  @media (max-width: 480px)
  {
  .threedot::before {
      width: 3.4vw;
      height: 38.3vw;
  }
  .threedot .dot2 {
    padding-top: 5.2vw;
  }
  }
  @media (max-width: 412px)
  {
  .threedot::before {
      width: 3.9vw;
      height: 44.7vw;
  }
  
  .threedot .dot2 {
    padding-top: 7.2vw;
  }
  .threedot_anim1, .threedot_anim2, .threedot_anim3 {
    padding-left: 5vw;
    padding-top: 0.5vw;
  }
  
  }
  @media (max-width: 393px)
  {
  .threedot::before {
      width: 3.9vw;
      height: 46.7vw;
  }
  .threedot .dot2 {
    padding-top: 9.2vw;
  }
  }
  
  @media (max-width: 390px)
  {
  .threedot::before {
      width: 4vw;
      height: 47vw;
  }
  }
  
  @media (max-width: 384px)
  {
  .threedot::before {
      width: 4vw;
      height: 48vw;
  }
  .threedot .dot2 {
    padding-top: 8.2vw;
  }
  }
  
  
  @media (max-width: 384px)
  {
  .threedot::before {
      width: 4.2vw;
      height: 49vw;
  }
  .threedot .dot2 {
    padding-top: 10.2vw;
  }
  }
  
  @media (max-width: 360px)
  {
  .threedot::before {
      width: 4.4vw;
      height: 51.1vw;
  }
  }
  
  @media (max-width: 354px)
  {
  .threedot::before {
      width: 4.45vw;
      height: 52.1vw;
  }
  .threedot .dot2 {
    padding-top: 11.2vw;
  }
  }
  
  @media (max-width: 320px)
  {
  .threedot::before {
      width: 5vw;
      height: 57.5vw;
  }
  .threedot .dot2 {
    padding-top: 13vw;
  }
  }



  /* ******************************************** */
  /* ******************************************** */
  /* ********** celebrating Al Hussein ********** */
  /* ******************************************** */
  /* ******************************************** */ 

  .h_header{
    position: relative;
    width: 100%; 
    padding: 5.208vw 9.271vw 5.8vw 9.167vw;
    background-color: #8a1739;
    height: 16.146vw;
  }
  
  .h_header h1{
    font-family: Built;
    font-size: 3.125vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .h_header div img{
    width: 0.854vw;
    height: 0.682vw;
    margin: 0vw 0.76vw 0.13vw 0;
    object-fit: contain;
    position: relative;
  }
  .h_header div a , .h_header div span{
    font-family: TeXGyreAdventor;
    font-size: 0.729vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left; 
    color:#ccc;
  }
  .h_header div a:last-child span{ 
    font-weight: bold; 
    color:#fff;
  }
  .h_header .img__{
    position: absolute;
    width: 18.542vw;
    height: 16.146vw; 
    object-fit: contain;
    right: 9.271vw;
    top: 0;
    z-index: 1;
  }

  @media (max-width: 912px) {
    
    .h_header{ 
        width: 100%;   
        padding: 10.208vw 9.271vw 41vw 9.167vw;
      }
      .h_header h1{ 
        font-size: 14.634vw; 
      }
      .h_header div img{
        width:auto;
        height: 3.195vw; 
        margin: -2vw 0.76vw 0.13vw 0;

      }
      .h_header div span{ 
        font-size: 3.415vw; 
      }
       
      .h_header .img__ {
        position: absolute;
        width: auto;
        height: 31.146vw;
        object-fit: contain;
        right: 31.271vw;;
        top: 53vw;
        z-index: 1;
    }
  }


  .h_body{
    background-color: #222;
    padding: 0vw 9.219vw 21.229vw 9.219vw;
    margin-bottom: -19vw;
    margin-top: 0;
  }
 

    .poster {
        position: relative;
        display: inline-flex; 
        margin-bottom: 2.083vw; 
        margin-top: 2.083vw;
      }

      .poster:after {
        content: "Live broadcast of the celebration of Al Hussein bin Abdullah II";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../img/alhu.webp);
        background-size: cover;
        transition: 1s ease;
        opacity: 1;
        cursor: pointer;
        width: 100%;
        height: 45.6vw; 
        text-align: center;
        font-family: TeXGyreAdventor;
        font-size: 0.938vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ccc; 
        padding-top: 25vw;
      }

      .poster-active:after {
        opacity: 0;
        pointer-events: none;
      }
      .poster::before {
        content: "";
        position: absolute;
        left: 47%;
        top: 42%;
        background: url(../img/play-button.svg);
        background-size: cover;
        transition: 1s ease;
        opacity: 1;
        cursor: pointer;
        width: 5.417vw;
        height: 5.417vw;
        z-index: 2;
      }

      .poster-active::before {
        opacity: 0;
        pointer-events: none;
      }

    .h_body iframe{ 
        width: 80vw;
        height: 45.6vw;
        object-fit: contain;
       
    }
    .h_body .box_{ 
       margin: 0 auto;
       text-align: center;
    }
    .h_body .box_ .box__{ 
        display: inline-grid; 
        width: 5.885vw;
        height: 6.8vw;
        margin: 0 0.781vw 2.083vw 0;
        padding: 1.2vw 0 1.094vw 0;
        border-radius: 1.042vw;
        border: solid 1px #707070;
    }
    .h_body .box_ .box__ h4{ 
        font-family: Built;
        font-size: 2.604vw;
        font-weight: bold;
        font-stretch: condensed;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
    }
    .h_body .box_ .box__ p{ 
        font-family: TeXGyreAdventor;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #777;
    text-transform: uppercase;
    }
   
    .h_body h2{ 
        font-family: Built;
        font-size: 3.125vw;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
}
    
    .h_body h5{  
        -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
        font-family: TeXGyreAdventor;
        font-size: 0.938vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ccc;
    }
    
  
  @media (max-width: 912px) {
    
  .h_body{
    background-color: #222;  
    padding: 0vw 9.219vw 93.229vw 9.219vw;
    margin-bottom: -82vw;
    margin-top: 0;
  }

    .h_body iframe{ 
        width: 100%;
        height: 90vh; 
    }
    .h_body .box_ {   
       margin-top: 10vw;
    }
    .h_body .box_ .box__{   
        width: 27.561vw;
        height: 31.463vw;
        margin: 3.659vw 3vw 0 0;
        padding: 6.585vw 0 5.122vw 0;
        border-radius: 20px; 
    }
    .h_body .box_ .box__ h4{  
        font-size: 12.195vw; 
    }
    .h_body .box_ .box__ p{  
            font-size: 3.902vw; 
    }
   
    .h_body h2{  
        font-size: 14.634vw; 
        padding-top: 15vw;
  }
    
    .h_body h5{   
        font-size: 4.39vw; 
    }
    .poster::before { 
        left: 47%;
        top: 40vh; 
        width: 15.417vw;
        height: 15.417vw;
        z-index: 2;
    }
    .poster:after { 
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../img/alhu.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        transition: 1s ease;
        opacity: 1;
        cursor: pointer;
        width: 100%;
        height: 90vh; 
        font-size: 4.39vw; 
        padding-top: 50vh;
    }
    .poster { 
        margin-top: 10.083vw;
        position: relative;
        display: inline-flex; 
    }
 
      .poster-active:after {
        opacity: 0;
        pointer-events: none;
      }
  
  }

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

    .con_image{
        height: 26vw !important;
       }
       
    .mob{
        padding: 8% 0% 12% 14%;
    }
   .image-div{
    width: 90%;
   }
   .image{
    
    max-width: 100%;
   }
   .imagee{
    float:right;
    height:auto;
   }
    .padding-brochures{
    display: flex;
    flex-direction: column;
    background-color: #222;
    height: 84vw;
    border-bottom: none;
    border-right: none;
    margin-bottom: 3vw;
    align-items: center;
    }
    .font-brochures{
    font-size: 2.85vw !important;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    color: #fff;
    line-height: 1.5;
    padding-left: 4%;
    }
    .broucher-button{
        background-color: red;
        color: white;
        text-align: center;
    }
    .white-button{
        width: 30vw;
        color: #000;
        background-color: #fff;
        height: 1.3rem;
        border: none;
    
    }
   .padding-company{
    height: 64vw !important;
   }
   .padding-construction{
    height: 88vw;
   }
    .modal-broucher{
        background-color: #000 !important;
    }
    .broucher-header{
        color: #fff;
        border-bottom: none !important;
    }
    .form{
        display: block !important;
    }
    .modal-header{
        border-bottom: none !important;
        border: none;
    }
    .broucher-input{
        width: 93%;
        height: 5vh;
        padding-left: 3%;
        border: none;
    }
    .padding-brochures1{
        display: flex;
        flex-direction: row;
        align-content: space-between;
        justify-content: space-between;
        width: 97%;;
        align-items: baseline;
    }
 
    .about-image{
     width: 100%;
    height: 84%;
    overflow: hidden;
}
.col-r{
    padding-right: 16%;
    padding-bottom: 10%;
}

.career{
    width: 70vw !important;
    height: 46vw !important;
}
.brochuer-body{
    padding: 1.4rem;
   }
}
@media only screen and (max-width: 767px) {
    /* solar page */
    .font--black-solartab {
        padding-bottom: 50vw;
        height: 15vw;
        padding-right: 0%;
        font-size: 6vw;
    }

    .bg--text2 {
        margin-bottom: 13vw;
    }

    .bg--text--2 {
        margin-bottom: 13vw;
    }

    .solarWrapper .m-top-50 {
        margin-top: -145vw !important;
    }

    .font--black-solartab {
        padding-bottom: 50vw !important;
        height: 15vw;
        padding-right: 0%;
        font-size: 6vw;
    }

    .index-text-gray--2 {
        padding-bottom: 60px;
        font-size: 19vw !important;
    }

    .text--red2 {
        font-size: 3.5vw !important;
        margin-top: -1.5vw !important;
        padding-left: 24vw !important;
    }

  .overflow .tab--img{
        width: 70vw;
        position: absolute;
        right: 14vw;
        top: 25vw;
        height: 56vw;
        z-index: 2;
    }
    .tab-content1 .padding-12{
     padding: 0 6% 0vw;
    }
    .solar-slider .img-slider-1{ 
        margin-left: 26vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -96vw !important;
    width: auto !important;
    height: 54vw !important;
    }
    .solar-slider .font--white{
        line-height: 1;
        padding-right: 0vw;
        margin-bottom: 15vw;
        font-size: 4.7vw;
    }
    .content-slider .img-slider-2{
        margin-left: 15vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -104vw !important;
        width: 67vw !important;
        height: 67vw !important;
    }
    .content-slider .font--white{
        line-height: 1;
        padding-right: 0vw;
        margin-bottom: 15vw;
        font-size: 4.7vw;
    }
    .content-slider .img-slider-3{
        margin-left: 15vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -93vw !important;
        width: 67vw !important;
        height: 67vw !important;
    }
 .content-slider .img-slider-4{
        margin-left: 15vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -97vw !important;
        width: 67vw !important;
        height: 67vw !important;
    }
 .tabcontent1 .font--black-solartab2{
     padding-right: 0.7vw;
     margin-bottom: 0.5vw !important;
     font-family: TeXGyreAdventorbold;
     font-size: 3vw;
     text-align: left;
     color: #777;
     padding-top: 25px;
 }
 .tabcontent1 .tab--solar-img{
     width: 100%;
     position: absolute;
     margin-top: -107vw;
     right: 0vw;
     height: 50vw;
     z-index: 2;
 }
    .tabcontent1 .padding-12{
        padding: 0 6% 6vw;
    }
  .wrapper_overflow .text--gray2-sm2{
      padding-top: 0vw;
      font-size: 2.8vw;
      line-height: 1.2;
      height: auto;
      padding-bottom: 0;
  }
  .tab--black{
      background: #161615 !important;
        margin: 14vw 0 14vw 0 !important;
      padding-top: 7vw !important;
      padding-left: 6vw !important;
      padding-bottom: 5vw !important;
      position: relative !important;
      height: auto !important;
    }
    /* telecom page */
    .content--slider .index-text-gray2 {
        margin-bottom: 10vw;
        margin-top: 5vw;
    }

    .telecomWrapper .m-top-50 {
        margin-top: -145vw !important;
    }

    .bg--text, .bg2--text {
        margin-bottom: 13vw;
    }

    .text--red {
        padding-left: 24vw !important;
        margin-top: -1.5vw !important;
    }
    .wrapper .img-slider--1{
        margin-left: 18vw !important;
        z-index:999 !important;
        margin-top: -165vw !important;
        width: 67vw !important;
        height: 67vw !important;
    }
    .wrapper .img-slider--2{
        margin-left: 15vw !important;
        z-index:999 !important;
        margin-top: -165vw !important;
        width: 67vw !important;
        height: 67vw !important;
    } .wrapper .img-slider--3{
        margin-left: 15vw !important;
        z-index:999 !important;
        margin-top: -160vw !important;
        width: 67vw !important;
        height: 67vw !important;
    }
    .wrapper .img-slider--4{
        margin-left: 15vw !important;
        z-index:999 !important;
        margin-top: -165vw !important;
        width: 67vw !important;
        height: 67vw !important;
    }

    .wrapper .text--grey2-sm2{
        padding-right: 0vw;
        font-size: 2.8vw;
        line-height: 1.3;
        height: auto;
        padding-bottom: 0;
    }
    .wrapper .padding-t2-57{
        padding-top: 75vw !important;
    }

}


/*=======================================================================
 Responsive screen 767px
=========================================================================*/
@media only screen and (max-width: 767px) {
    .our-drone-pilot {
        display: block;
    }

    .title {
        white-space: nowrap;
    }

    .description {
        width: 90vw;
    }

    /*.sm-icon-padding{*/
    /*    width: 64vh;*/
    /*}*/
    img.check {
        width: 7vw;
        height: 7vw;
        padding-right: 5px;
    }

    .sager-training-img {
        position: absolute;
        bottom: 80vw;
    }

   

    .font-video-md2 {
        white-space: nowrap;
        float: right;
        margin-right: -20px;
    }

    .font-gray-sm-center {
        float: right;
        margin-right: -20px !important;
        width: 18vw;
    }

    .enroll {
        margin-bottom: 10vw;
    }
}

@media only screen and (max-width: 1200px){
    .rectangle-grey {
        display: none;
    }

    .rectangle-grey2 {
        display: none;
    }

}

/*=======================================================================
 Responsive screen 280px
=========================================================================*/
@media only screen and (min-width: 200px) {
    .height2 {
        height: 143.5vw;
        overflow-y: hidden;
    }
    .mob{
        padding: 8% 0% 12% 14%;
    }
   .image-div{
    width: 90%;
   }
   .con_image{
    height: 26vw !important;
   }
   .image{
    
    max-width: 100%;
   }
   .brochuer-body{
    padding: 1.4rem;
   }
   .imagee{
    float:right;
    height:auto;
   }
    .padding-brochures{
    display: flex;
    flex-direction: column;
    background-color: #222;
    height: 84vw;
    border-bottom: none;
    border-right: none;
    margin-bottom: 3vw;
    align-items: center;
    }
    .font-brochures{
    font-size: 2.85vw !important;
    font-family: TeXGyreAdventorbold;
    font-size: 0.85vw;
    color: #fff;
    line-height: 1.5;
    padding-left: 4%;
    }
    .broucher-button{
        background-color: red;
        color: white;
        text-align: center;
    }
    .white-button{
        width: 30vw;
        color: #000;
        background-color: #fff;
        height: 1.3rem;
        border: none;
    
    }
   .padding-company{
    height: 64vw !important;
   }
   .padding-construction{
    height: 88vw;
   }
    .modal-broucher{
        background-color: #000 !important;
    }
    .broucher-header{
        color: #fff;
        border-bottom: none !important;
    }
    .form{
        display: block !important;
    }
    .broucher-input{
        width: 93%;
        height: 8vh;
        padding-left: 3%;
        border: none;
    }
    .padding-brochures1{
        display: flex;
        flex-direction: row;
        align-content: space-between;
        justify-content: space-between;
        width: 97%;;
        align-items: baseline;
    }
 
    .about-image{
     width: 100%;
    height: 84%;
    overflow: hidden;
}
.col-r{
    padding-right: 16%;
    padding-bottom: 10%;
}

.career{
    width: 70vw !important;
    height: 46vw !important;
}

.terms-text{
    font-size: 7.0vw ;
}
.terms-date{
    font-size: 3.5vw;
}
.terms-text-div{
    height: 100vh;
}
   
  
    .text--grey2-sm3 {
        padding-right: 0vw;
        padding-left: 0.5vw;
        font-family: TeXGyreAdventor;
        font-size: 1.8vw;
        text-align: left;
        color: #ccc;
        line-height: 1.5;
        height: 8vw;
    }

    .img-slider--x1 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -122vw !important;
        width: 60vw !important;
        height: 40vw !important;
    }
 
    .img-slider--x2 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -125vw !important;
        width: 60vw !important;
        height: 40vw !important;
    }

    .img-slider--x3 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -131vw !important;
        width: 60vw !important;
        height: 40vw !important;
    }

    .img-slider--x4 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -122vw !important;
        width: 60vw !important;
        height: 40vw !important;
    }

    .text-const-num {
        font-family: Built;
        font-size: 5.2vw;
        line-height: 2.4;
        text-align: left;
        color: #777;
        padding-left: 2.6vw;
    }

    .text-const-xs2 {
        font-size: 2.8vw;
        padding-top: 2.4vw;
    }

    .rectangle-222 {
        height: 13.6vw;
    }

    .container-construction {
        height: 97vw;
    }

    .text-const-xs {
        font-size: 2.85vw;
    }

    .padding-report2 {
        padding-top: 1.5vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .bold-tx {
        font-size: 2.85vw;
    }

    .rectangle-icon2 {
        width: 6.5vw;
        height: 6.5vw;
        margin-top: 6vw;
    }

    .rectangle--tx3 {
        font-family: TeXGyreAdventorbold;
        font-size: 3vw;
        line-height: 2.3;
        text-align: center;
        color: #161615;
        padding-top: 1vw;
    }

    .rectangle3-f8f8f8 {
        width: 100%;
        height: 47vw;
        background-color: #f8f8f8;
    }

    .tab--3_tx4 {
        font-size: 2.85vw;
        line-height: 1;
    }

    .tab--3_tx5 {
        padding-top: 1.3vw;
        font-size: 2.85vw;
        line-height: 1;
    }

    .tab--3_tx {
        font-family: TeXGyreAdventorbold;
        text-transform: uppercase;
        padding-top: 4.5vw;
        font-size: 3.5vw;
        line-height: 0.85;
        text-align: left;
        color: #161615;
    }

    .tab--const-img2 {
        width: 100%;
        position: absolute;
        margin-top: -112vw;
        right: 0vw;
        height: 57vw;
        z-index: 2;
        margin-right: 6vw;
    }

    .padding-72 {
        padding-right: 6%;
        padding-bottom: 6vw;
        padding-top: 67vw;
    }

    .tab--3_tx3 {
        font-size: 2.85vw;
    }

    .height {
        height: 141vw;
        overflow-y: hidden;
    }

    .paddingl-5-rect {
        padding-left: 0vw !important;
    }

    .index-text--gray2 {
        font-family: Built;
        font-size: 25.5vw;
        line-height: 0.39;
        text-align: center;
        color: #222;
        padding-top: 5vw;
        padding-left: 0;
    }

    .paddingl-report {
        margin-left: -1.4vw;
    }

    .font--black-solar2 {
        font-family: built;
        font-size: 6vw;
        line-height: 0.9;
        text-align: center;
        color: #161615;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .font--black2 {
        margin-top: 2vw !important;
        padding-left: 0vw;
        font-family: built;
        font-size: 6vw;
        line-height: 0.9;
        text-align: left;
        color: #161615;
    }

    .font--gray--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -4vw;
        padding-bottom: 80vw;
    }

    .font--gray2--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;

        line-height: 1;
        margin-top: -4vw;
        padding-bottom: 80vw;
    }

    .font-black--rect {
        font-family: built;
        font-size: 6vw;
        line-height: 0.9;
        text-align: left;
        color: #fff;
        margin-top: -0.5vw;
    }

    .font-black2--rect {
        font-family: built;
        font-size: 6vw;
        line-height: 0.9;
        text-align: left;
        margin-top: -0.5vw;
    }

    .container-inspection {
        padding-left: 7vw;
        padding-right: 7vw;
        padding-top: 13vw;
        padding-bottom: 7vw;
        background-color: #161615;
        margin-right: 0vw;
        margin-left: 0vw;
    }

    .reporting-icon-1, .reporting-icon-2, .reporting-icon-3, .reporting-icon-4, .reporting-icon-5, .reporting-icon-6 {
        height: 25vw;
    }

    .reporting-icon-1, .reporting-icon-3, .reporting-icon-5, .reporting-icon-6 {
        margin-bottom: 4.4vw;
    }

    .reporting-icon-tx-sm {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        line-height: 1.38;
        text-align: center;
        color: #ccc;
        padding-right: 3.7vw;
        padding-left: 3.7vw;
    }

    .reporting-icon-tx-lg {
        font-family: TeXGyreAdventorbold;
        font-size: 3.3vw;
        line-height: 1.08;
        text-align: center;
        color: #fff;
        padding-top: 10vw;
        padding-bottom: 3vw;
    }

    .padding-report {
        padding-top: 3vw;
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .text-reporting {
        font-family: Built;
        padding-top: 14vw;
        font-size: 21.5vw;
        line-height: 0.46;
        text-align: center;
        color: #f8f8f8;
    }

    .text-reporting2 {
        font-family: Built;
        padding-top: 14vw;
        font-size: 21.5vw;
        line-height: 0.46;
        text-align: center;
        color: #f8f8f8;
    }

    .container-parallelograms {
        text-align: center;
        margin-top: -3.5vw;
        padding-bottom: 6vw;
        margin-left: 6vw;
        margin-right: 6vw;
    }

    .parallelograms-sm {
        width: 60vw;
        height: 4vw;
        display: inline-block;
        background: #d90915;
        border: 1px solid #d90915;
        transform: skewX(-32deg);
    }

    .parallelograms-sm2 {
        right: 20vw;
        margin-top: 5vw;
        width: 60vw;
        height: 4vw;
        display: inline-block;
        background: #d90915;
        border: 1px solid #d90915;
        transform: skewX(-32deg);
    }

    .text-interactive-xs {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        line-height: 1.38;
        text-align: center;
        color: #efefef;
        padding-left: 0vw;
        padding-right: 0vw;
    }

    .text-interactive-sm {
        padding-top: 10vw;
        font-family: Built;
        font-size: 4.2vw;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        padding-bottom: 1vw;
    }

    .text-interactive-md {
        font-family: Built;
        font-size: 6.5vw;
        line-height: 1;
        text-align: center;
        color: #fff;
        padding-right: 6vw;
        padding-left: 6vw;
        margin-top: -1.2vw;
    }

    .text-interactive-lg {
        font-family: Built;
        font-size: 19vw;
        line-height: 0.46;
        text-align: center;
        color: #777;
        padding-top: 28vw;
    }

    .padding-22 {
        padding-top: 1.5vw;
        padding-left: 0;
        padding-right: 0%;
    }

    .insp-text {
        padding-top: 14.5vw;
        padding-left: 0;
        padding-right: 0;
        font-family: Built;
        font-size: 19vw;
        line-height: 0.38;
        text-align: left;
        color: #f8f8f8;
        padding-left: 0;
    }

    .header_container-padding {

        padding-right: 30%;
    }

    .padding-top--5 {
        padding-bottom: 5vw;
    }

    .high-style {
        height: 72.6vw;
    }

    .pr--22 {
        padding-right: 0vw;
    }

    .font--black-training {
        font-size: 6vw;
        padding-left: 16vw;
        padding-right: 16vw;
    }

    .enroll {
        font-family: Built;
        font-size: 29vw;
        line-height: 0.39;
        color: #f8f8f8;
    }

    .container-white-solar {
        padding-bottom: 10vw;
    }

    .enroll_sm {
        font-size: 3vw;
        line-height: 1.3;
        padding-bottom: 2vw;
    }

    .text-style-scroll2-lg {
        padding-top: 296vw;
        font-size: 3.6vw;
        padding-top: 2vw;
        font-size: 3.5vw;
    }

    .container-grey-video {
        padding-left: 7vw;
        padding-right: 5.3vw;
        background-color: #161615;
        margin-top: 6vw;
        padding-bottom: 22vw;
    }

    .rectangle-grey2 {
        height: 365vw;
    }

    .check2 {
        width: 7.7vw;
        height: 5.7vw;
    }

    .font-video-md3 {
        font-size: 6.2vw;
    }

    .text-video {
        font-size: 3vw;
        line-height: 1.22;
        padding-top: 5.3vw;
        padding-left: 3.5vw;
        padding-right: 7vw;
    }

    .imgprofile {
        margin-top: 2vw;
        width: 14vw;
        height: 14vw;
    }

    .pt-34 {
        padding-top: 11vw;
        padding-bottom: 10vw;
        padding-left: 0;
    }

    .videosize2 {
        width: 100%;
        height: 50vw;
    }

    .pt-32 {
        padding-top: 15vw;
        padding-bottom: 3vw;
    }

    .check {
        width: 2.7vw;
        height: 2.7vw;
    }

    .font-video-md2 {
        font-size: 3.3vw;
    }

    .plr-0 {
        padding-left: 0vw;
        padding-right: 0vw
    }

    .font-gray-sm-center {
        padding: 0;
        margin: 0;
        font-family: TeXGyreAdventor;
        font-size: 2.30vw;
        line-height: 1.33;
        text-align: center;
        color: #777;
    }

    .num-md {
        font-family: TeXGyreAdventor;
        font-size: 4.2vw;
        line-height: 2.5;
        text-align: center;
        color: #161615;
    }

    .sm-icon {
        width: 6vw;
        height: 6.2vw;
        margin-top: 5px;
    }

    .sm-icon2-padding {
        padding-left: 4.5vw;
    }

    .sm-icon-padding {
        padding-left: 0.5vw;
        padding-top: 5.3vw;
        text-align: center;
        justify-content: space-around;
    }

    .group-icon img {
        width: 88vw;
        height: 20vw;
    }

    .font-video-md {
        font-family: Built;
        font-size: 5.3vw;
        line-height: 2.75;
        text-align: left;
        color: #161615;
        padding-top: 7vw;
    }

    .text-style-scroll-lg {
        font-size: 2.6vw;
        padding-top: 104vw;
    }

    .videosize {
        width: 100%;
        height: 50vw;
        position: absolute;
        margin-top: 14vw;
    }

    .ptt-3 {
        padding-top: 4vw !important;
        padding-bottom: 50vw;
    }

    .rectangle-grey {
        text-align: right;
        right: 0;
        width: 22vw;
        height: 130vw;
        position: absolute;
        margin-right: 5.3vw;
        margin-top: 0vw;
        background-color: #efefef;
    } 

    .caretdown-1 {
        font-size: 8vw !important;
    }

    .slide-top2 {
        overflow: unset;
        animation: slide-top2 1s linear infinite alternate both;
        margin-top: -13vw;
    }

    @keyframes slide-top2 {
        0% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(-10px);
        }
    }

    #owl-carousel-3 .owl-dots {
        display: inline-flex;
        margin-top: 16vw;
    }

    .owl-dots .owl-dot .but-slider-2 {
        margin-left: 0.4vw;
        width: 20vw;
        height: 2.3vw;
        font-size: 2.7vw;
        line-height: 1.13;
    }

    .owl-dots .owl-dot .but-slider-1 {
        width: 9vw;
        height: 2.3vw;
        font-size: 4.9vw;
        margin-left: 2.2vw;
        line-height: 1;
    }

    .reg-red {
        width: 6vw !important;
        height: 4vw;
        padding: 0;
        margin-top: 0.6vw;
    }

    .slider-2-lg {
        padding-bottom: 4vw;
        font-size: 6vw;
    }

    .slider-2-sm {
        font-size: 2.85vw;
        padding-right: 7%;
        padding-bottom: 8vw;
        padding-left: 2.8vw;
    }

    .slider-2-xl {
        margin-left: -3vw !important;
        font-size: 12vw;

    }

    .header_container-slider {
        margin-top: 0vw;
        padding-left: 3.7vw;
        height: 100vh;
        padding-top: 44vw;
    }

    .header_container-slider .owl-theme .owl-nav {
        top: 90vw !important;
        right: 77.5% !important;
    }

    .font--black {
        margin-top: 0vw !important;
    }

    .img-text-2 li {
        padding-bottom: 0.5vw;
        padding-left: 5vw;
        list-style-type: none;
    }

    .p-container-body {
        padding-top: 5vw;
    }

    .height-blog {
        height: 47vw;
    }

    .hero__video-wrapper video {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }

    .padding-t2-57 {
        padding-top: 50vw !important;
    }

    .padding-t2-5 {
        padding-top: 50vw !important;
    }

    .text--grey2-sm2 {
        height: 15vw;
    }

    .section-black {

        height: 100%;
    }

    .img-text li {
        padding-bottom: 1.5vw;
        padding-left: 3vw !important;
    }

    .font--container-grey-solar a {
        font-size: 3vw;
        line-height: 3.22;
    }

    .font--container-grey-solar {
        font-size: 3vw;
        line-height: 3.22;
    }

    .font--black-solar {
        font: 6vw/1.22 TeXGyreAdventorbold;
        padding-left: 10vw;
        padding-right: 10vw;
    }

    .font--black--solar {
        font-size: 6vw;
    }

    .pic-solar {
        width: 16vw !important;
        height: 16vw;
        margin-top: 9vw;
        margin-left: 7.5vw;
        margin-bottom: 12vw;
    }

    #owl-carousel-2 .item2 {
        margin-top: 10vw;
        height: 100% !important;
    }

    #owl-carousel--2 .item2 {
        margin-top: 10vw;
        padding-bottom: 20vw !important;
        height: 100% !important;
    }

    .solar-icon {
        width: 28vw;
        height: 14vw;
        margin-top: 2.5vw;
    }

    .container--solar {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 10vw;
    }

    .paddingl-solar {
        margin-left: 0vw !important;
    }

    .padding-t-57 {
        padding-top: 57vw !important;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        margin-left: 17vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -79vw !important;
        width: auto !important;
        height: 52vw !important;

        
    }

    .img-slider-2 {
        margin-left: 32vw !important;
        z-index: 999 !important;

        margin-top: -78vw !important;
        width: 53vw !important;
        height: 45vw !important;
    }

    .img-slider--1 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -144vw !important;
        width: 67vw !important;
        height: 45vw !important;
    }

    .img-slider--2 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -144vw !important;
        width: 67vw !important;
        height: 45vw !important;
    }

    .img-slider--3 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -144vw !important;
        width: 67vw !important;
        height: 64vw !important;
    }

    .img-slider--4 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -144vw !important;
        width: 67vw !important;
        height: 45vw !important;
    }

    .padding-l-10 {
        padding-left: 10vw;
    }

    .content-slider {
        padding-left: 0vw;
    }

    .content--slider {
        padding-left: 0vw;
    }

    .section-red {
        padding-left: 26vw;
        height: 101.8%;
    }

    .section--red {
        padding-left: 26vw;
        height: 101.8%;
    }

    .tab--2 button {
        font-size: 2.2vw;
    }

    .tab--2 {
        width: 100%;
    }

    .tab--3 button {
        font-size: 2.2vw;
    }

    .tab--3 {
        width: 100%;
    }

    .parallelogramssolar {
        margin-left: 1vw;
        width: 95%;
        height: 2vw;
        display: inline-block;
        background: #efefef;
        border: 1px solid #efefef;
        transform: skewX(
                -32deg);
    }

    .parallelogramssolar-1 {
        margin-left: 1vw;
        width: 95%;
        height: 2vw;
        display: inline-block;
        background: #d90915;
        border: 1px solid #d90915;
        transform: skewX(
                -32deg);
    }

    .tab-sm-tx2 {
        width: 100%;
        font-size: 2.85vw;
    }

    .tab--solar-img {
        width: 100%;
        position: absolute;
        margin-top: -115vw;
        right: 0vw;
        height: 71vw;
        z-index: 2;
    }

    .tab--const-img {
        width: 100%;
        position: absolute;
        margin-top: -115vw;
        right: 0vw;
        height: 71vw;
        z-index: 2;
    }

    .tab--solar-img2 {
        width: 100%;
        position: absolute;
        margin-top: -120vw;
        right: 0vw;
        height: 71vw;
        z-index: 2;
    }

    .img-text2 li {
        padding-bottom: 0.5vw;
        padding-left: 0vw;
        margin-left: -7.3vw;
    }

    .rectangle__text2 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 0vw;
    }

    .rectangle__text3 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 10vw;
    }

    .tab--white {
        height: 137vw;
    }

    .font--black-solartab2 {
        font-size: 3vw;
    }

    .tab--3_tx2 {
        font-size: 3vw;

    }

    .font--black-solartab {
        padding-bottom: 78vw;
        height: 15vw;
        padding-right: 0%;
        font-size: 6vw;
    }

    .padding-btn3 {
        padding-top: 0vw;
    }

    .container-body {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 13vw;
    }

    .container-body2 {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 7vw;
        margin-bottom: 0vw;
    }

    .parallax2 {
        padding-top: 16vw;
    }

    .parallax {
        background-image: url(../img/parallax.png);
        min-height: 40vw;
        height: 70vw;
        background-attachment: scroll;
        background-size: cover;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        background-size: 100% 100vh;
    }

    .text-\[16px\] {
        font-size: 4vw;
    }

    .text-\[28px\] {
        font-size: 6vw;
    }

    .mt-\[15rem\] {
        margin-top: 13rem;
    }

    .header-tx--sm {
        padding-right: 20%;
        font-size: 3.7vw;;
    }

    .scrollContainer {
        width: 100% !important;
        display: contents !important;
        flex-wrap: nowrap;
        cursor: pointer !important;
        left: 0 !important;
        right: 0 !important;
    }

    .section {
        height: 87vh !important;
        width: 100%;

        top: 0px;
        right: 0 !important;
        left: 0px;
    }

    .tab-bold-tx {
        padding-top: 5vw;
        font-size: 4vw;
    }


    .tab--img {
        width: 86.5vw;
        position: absolute;
        top: 15%;
        right: 7vw;
        height: 56vw;
        z-index: 2;
    }

    .tab2--img {
        width: 86.5vw;
        position: absolute;
        margin-top: -101vw;
        right: 7vw;
        height: 56vw;
        z-index: 2;
    }

    .tab-bg-red {
        display: none;
    }

    .rectangle__text {
        width: 3vw;
        height: 4.5vw;
    }


    .tab--1 {
        width: 88vw;
    }

    .tab--1 button {
        line-height: 2;
        margin-right: 2.4vw;
        font-size: 2.8vw;
    }

    .tab-sm-tx {
        padding-top: 66vw;
        width: 90vw;
        font-size: 2.85vw;
    }

    .tab--black {
        margin-top: 14vw;
        margin-bottom: 14vw;
        height: 165vw;
    }

    .m-top-50 {
        margin-top: -133vw;
        z-index: 1;
    }

    .rectangle1 {
        padding-left: 0vw;
        padding-bottom: 1.6vw;
        padding-right: 0.8vw;
    }

    .rectangle2 {
        padding-left: 0.8vw;
        padding-bottom: 1.6vw;
        padding-right: 0vw;
    }

  
    
    .rectangle--tx2 {
        font-size: 3vw;
        line-height: 1.3;
        padding-left: 7vw;
        padding-right: 7vw;
    }

    .rectangle2-f8f8f8 {
        height: 24vw;
    }

    .rectangle1-f8f8f8 {
        height: 24vw;
    }

    .rectangle1-222222 {
        height: 24vw;
    }

    .rectangle2-222222 {
        height: 24vw;
    }

    .rectangle-icon {
        width: 6.5vw;
        height: 6.5vw;
        margin-top: 3vw;
    }

    .red--rectangle-style {
        width: 10.4vw;
        height: 9.5vw;
        margin-top: -0.85vw;
        margin-left: 0vw;
    }

    .font--gray2 {
        padding-bottom: 85vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -3vw !important;
    }

    .font--gray3 {
        padding-bottom: 85vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -3vw !important;
    }

    .font--gray--2 {
        padding-bottom: 0vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -3vw !important;
    }

    .bg--text {
        font-size: 24vw;
        line-height: 0.3;
        padding-top: 10vw;
    }

    .bg2--text {
        font-size: 24vw;
        line-height: 0.3;
        padding-top: 8vw;
    }

    .bg--text--2 {
        font-size: 24vw;
        line-height: 0.3;
        padding-top: 8vw;
    }

    .bg--text2 {
        font-size: 23vw;
        line-height: 0.3;
        padding-top: 18vw;
    }

    .tx-vertical {
        font-size: 3.2vw;
        line-height: 0.7;
    }

    .tab-bg-red2 {
        padding-top: 10.9vw;
    }

    .container-bg-black {
        height: 88vh;
    }

    .map-request-img {
        width: 42vw;
        height: 42vw;
        margin-top: 60vw;
        z-index: 2;
    }

    .tab-bg-red2 {
        height: 91vh;
        width: 25vw;
    }

    .btn--5 div {
        font-size: 3vw;
    }

    .btn--5 {
        font-size: 3vw;
        width: 51vw;
        height: 10vw;
    }

    .btn--5:hover, .btn--5:active, .btn--5:focus, .btn--5:checked {
        border: none !important;
        outline: none;
        border-color: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -51.6vw 0 0 0 #161615 inset;
        cursor: pointer
    }


    .btn--5:before {
        top: 2.5vw;
        left: 0;
    }


    .btn--51 div {
        font-size: 3vw;
    }

    .btn--51 {
        font-size: 3vw;
        width: 51vw;
        height: 10vw;
        z-index: 2;
    }

    .btn--51:hover, .btn--5:active, .btn--5:focus, .btn--5:checked {
        border: none !important;
        outline: none;
        border-color: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -51.6vw 0 0 0 #161615 inset;
        cursor: pointer
    }

    .btn--51:before {
        top: 2.5vw;
        left: 0;
    }

    .text--gray2-sm {
        padding-bottom: 6vw;
        padding-right: 0vw;
        font-size: 2.8vw;
        line-height: 1.2;
    }

    .text--gray2-sm2 {
        padding-bottom: 10vw;
        padding-right: 0vw;
        font-size: 2.8vw;
        line-height: 1.2;
    }

    .text--grey2-sm2 {
        padding-bottom: 10vw;
        padding-right: 0vw;
        font-size: 2.8vw;
        line-height: 1.2;
    }

    .text--white2-sm {
        font-size: 3vw;
        line-height: 1;
    }

    .text--red {
        font-size: 3.5vw;
        margin-top: -8.5vw;
        padding-left: 22vw;
    }

    .text--red2 {
        font-size: 3.5vw;
        margin-top: -8.5vw;
        padding-left: 22vw;
    }

    .font--white {
        line-height: 1;
        padding-right: 0vw;
        font-size: 4.7vw;
    }

    .fonts--white {
        line-height: 1;
        padding-right: 0vw;
        font-size: 4.7vw;
    }

    .text--gray2 {
        font-size: 25.5vw;
        padding-top: 12vw;
    }

    .text--grey2 {
        font-size: 25.5vw;
        padding-top: 7vw;
    }

    .text--grey3 {
        font-size: 25.5vw;
        padding-top: 7vw;
    }


    .ml--2 {
        margin-left: 0vw;
        padding-left: 6vw;
    }

    .index-text-gray2 {
        padding-top: 6vw;
    }

    .index-text-gray--2 {
        padding-top: 12vw;
    }

    .telecom-img {
        width: 100%;
    }

    .telecom-padding {
        padding-left: 0vw;
        margin-top: -92vw;
    }

    .font--gray-smbold {
        font-size: 2.885vw;
    }

    .font--gray-smbold2 {
        font-size: 2.885vw;
    }

    .font-gray--sm {
        font-size: 2.885vw;
    }

    .font-gray2--sm {
        font-size: 2.885vw;
    }

    .font--gray {
        padding-bottom: 60vw;
        font-size: 2.885vw;
        margin-top: -4vw !important;
    }

    .font--gray-2 {
        padding-bottom: 2vw;
        font-size: 2.885vw;
        margin-top: -4vw !important;
    }

    .container--body3 {
        margin-top: 16vw;
    }


    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 243vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10
    }

    .all-blogs a {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        color: #777;
        text-decoration: underline;
        cursor: pointer;
        z-index: 10
    }

    .padding-x-3 {
        padding-top: 1vw;
        padding-bottom: 2vw;
    }

    .ml--20 {
        margin-left: 0vw;
        padding-left: 9vw;
    }

    .pl-about {
        padding-left: 9.5vw !important;
    }

    .index-text-gray-team {
        font-family: Built;
        font-size: 24vw;
        line-height: 0.44;
        color: #222;
        padding-top: 0vw;
        padding-left: 0;
        text-align: left;
    }

    .red-rectangle-style-about3 {
        width: 11vw;
        height: 10vw;
        margin-top: -1.1vw;
        margin-left: 5vw;
        margin-bottom: 4vw;
    }

    .red-rectangle-style-about2 {
        width: 11vw;
        height: 10vw;
        margin-top: -2.2vw;
        margin-left: 5vw;
        margin-bottom: 4vw;
    }

    .red-rectangle-style-about {
        width: 9.4vw;
        height: 9.5vw;
        margin-top: -6.6vw;
        margin-left: 0vw;
    }

    .pt--0 {
        padding-top: 1vw !important;
    }

    .pp-1 {
        padding-right: 0 !important;
    }

    .container-body-4 {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 8vw;
        margin-bottom: 18vw;
    }

    .img-testimonials3 {
        width: 35vw !important;
        height: 11vw !important;
        margin-left: 5.5vw;
        margin-top: 12.5vw;
        margin-bottom: 7.8vw;
    }

    .img-testimonials2 {
        width: 21vw !important;
        height: 21vw !important;
        margin-left: 5.5vw;
        margin-top: 6.5vw;
        margin-bottom: 2.8vw;
    }

    #owl-carousel-2 .owl-nav {
        top: 70vw !important;
        right: 6% !important;
        margin-bottom: 10vw;
    }

    .pl-test {
        padding-left: 5.5vw !important;
    }

    .tx-testimonials {
        font-size: 3.3vw;
        line-height: 3vw;
        padding-left: 5.5vw;
    }

    .path-img {
        width: 40vw !important;
        height: 14vw;
        margin-top: 10.5vw;
    }

    #owl-carousel-2 .item {
        padding-bottom: 3.5vw !important;
        width: 100% !important;
        height: 85vw !important;
    }

    .img-testimonials {
        margin-top: 4.5vw;
        width: 25vw !important;
        height: 25vw !important;
        margin-left: 5.5vw;
    }

    .test-tx {
        padding-left: 0;
        padding-top: 9vw;
        font-size: 17.5vw;
        line-height: 6vw;
    }

    .parallax-tx-cc {
        padding-bottom: 5vw;
        padding-left: 2vw;
        font-size: 2.85vw;
    }

    .parallax-tx-ff {
        padding-left: 2vw;
        font-size: 2.85vw;
    }

    .ml-parallax {
        margin-left: 2vw !important;
    }

    .parallax-tx-lg {
        padding-left: 2vw;
        font-size: 8vw;
        line-height: 0.9;
    }

    .about-text {
        padding-top: 9.5vw;
        font-size: 24vw;
    }

    .fa-linkedin-square-about2 {
        padding-top: 4.5vw;
        font-size: 5vw;
    }

    .fa-linkedin-square-about2:hover {
        font-size: 5vw;
    }

    .font-white-sm-slide2 {
        font-size: 2vw;
    }

    .font-slide-white2 {
        font-size: 2.85vw;
        padding-top: 4vw;
    }

    .about-pic {
        width: 100%;
        height: 37vw;
        overflow: hidden;
    }

    .about-pic img {
        max-width: 100%;
    }

    .fa-linkedin-square-about {
        padding-top: 7.5vw;
        font-size: 5vw;
    }

    .font-slide-white {
        font-size: 2.85vw;
        padding-top: 6vw;
    }

    .font-white-sm-slide {
        font-size: 2.75vw;
    }

    .p-bg-about {
        padding-left: 0vw;
        padding-right: 2vw;
    }

    .padding-about {
        padding-bottom: 4vw;
    }

    .pt-40 {
        padding-top: 60vw !important;
    }

    .bg-about-2 {
        height: 60vw;
    }

    .bg-black-about {
        background: #161615;
        padding-top: 14.5vw;
        padding-right: 6.5vw;
        padding-bottom: 6.5vw;
        padding-left: 6.5vw;
        margin: 0;
    }

    .img-signature {
        width: 26vw !important;
        height: 13vw;
    }

    .img-signature1 {
        margin-left: 5vw;
        width: 26vw !important;
        height: 13vw;
    }

    .font-slide-bold {
        font-size: 2.85vw;
    }

    .slide-tx-sm {
        font-size: 2.5vw;
    }

    .slide-tx-lg {
        font-size: 3.85vw;
    }


    .pic-owl {
        margin-left: auto !important;
        margin-top: -100vw !important;
        width: auto !important;
        height: 58vw !important;
    }

    #owl-carousel_slider .owl-nav {
        right: 3% !important;
        top: 89.4% !important;
    }

    .padding-x-2 {
        padding-left: 9vw;
    }

    #owl-carousel_slider .item .x {
        background-color: #fff !important;
        padding-bottom: 3.5vw !important;
        text-align: left !important;
        width: 100% !important;
        padding-left: 3vw !important;
        padding-right: 3vw !important;
        padding-top: 8vw !important
    }

    .pt-20 {
        padding-top: 7vw;
        padding-left: 3vw;
        padding-right: 3vw;
    }

    #owl-carousel_slider .item {
        height: 150vw
    }

    .paddng-home {
        padding-left: 5vw;
    }

    .text-table-xl2 {
        line-height: 1;
        padding-bottom: 2.7vw;
    }

    .text-table-xl {
        line-height: 1;
        padding-bottom: 2.7vw;
    }

    .text-table-xl2 a {
        font-size: 3.6vw;
    }

    .padding-col2 {
        padding-top: 0;
        padding-left: 0vw;
        padding-right: 6vw;
    }

    .img-bg-14 {
        width: 85.6vw;
        padding-top: 39vw;
        padding-left: 3vw;
        padding-right: 0vw;
        height: 83vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url(../img/blog5.png);
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 2vw;
    }

    .img-bg-13 {
        width: 85.6vw;
        padding-top: 10vw;
        padding-left: 3vw;
        padding-right: 0vw;
        height: 36.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url(../img/blog3.png);
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 2vw;
    }

    .img-bg-12 {
        width: 85.6vw;
        padding-top: 10vw;
        padding-left: 3vw;
        padding-right: 0vw;
        height: 36.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url(../img/news.png);
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 2vw;
    }

    .txBold2 {
        font-size: 4vw;
        line-height: 1.33;
        padding: 3vw 6vw 7vw 0vw;
        font-family: TeXGyreAdventorbold;
        text-align: left;
        color: #161615;
        white-space: normal;
        width: 57vw;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }

    .img-bg-4 {
        width: 86vw;
        padding-top: 45vw;
        padding-left: 7vw;
        padding-right: 5vw;
        height: 116vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/careersjob.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-5 {
        width: 86vw;
        padding-top: 8vw;
        padding-left: 7vw;
        padding-right: 0vw;
        height: 36.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-6 {
        width: 86vw;
        padding-top: 65vw;
        padding-left: 7vw;
        padding-right: 0vw;
        height: 116vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog5.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-7 {
        width: 86vw;
        padding-top: 9vw;
        padding-left: 7vw;
        padding-right: 0vw;
        height: 36.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news1.jpg');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-8 {
        width: 86vw;
        padding-top: 9vw;
        padding-left: 7vw;
        padding-right: 0vw;
        height: 36.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-9 {
        width: 86vw;
        padding-top: 12vw;
        padding-left: 7vw;
        padding-right: 0vw;
        height: 45vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-10 {
        width: 86vw;
        padding-top: 9vw;
        padding-left: 7vw;
        padding-right: 0vw;
        height: 36.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-11 {
        width: 86vw;
        padding-top: 46vw;
        padding-left: 7vw;
        padding-right: 5vw;
        height: 116vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news2.jpg');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-3 {
        width: 86vw;
        padding-top: 13vw;
        padding-left: 5vw;
        padding-right: 0vw;
        height: 45vw;
        margin-right: 0vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .img-bg-2 {
        width: 86vw;
        padding-top: 9vw;
        padding-left: 5vw;
        padding-right: 0vw;
        height: 36.03vw;
        margin-right: 0vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .logo-g {
        width: 7vw;
        height: 7vw;
        margin-right: 1.7vw;
        margin-top: 0.2vw;
    }

    .text-table-sm {
        font-family: TeXGyreAdventor;
        font-size: 2.8vw;
    }

    .text-table-sm2 {
        font-family: TeXGyreAdventor;
        font-size: 2.8vw;
    }

    .text-table-xl a {
        padding-right: 0vw !important;
        padding-bottom: 3vw;
        font-size: 4vw;
    }

    .img-bg-1 {
        width: 100%;
        padding-top: 10vw;
        padding-left: 5vw;
        padding-right: 5vw;
        height: 60vw;
        margin-right: 0vw !important;
        margin-bottom: 4vw;
    }

    .black-date-num {
        font-size: 6.8vw;
    }

    .black-date-tx {
        font-size: 2.7vw;
    }

    .pl-rows {
        padding-top: 0vw;
        padding-left: 0;
    }

    .pr-tx {
        padding-right: 6vw !important;
        padding-top: 1vw !important;
        padding-bottom: 5vw !important;
        padding-left: 0 !important;
    }

    .news-img4 {
        width: 67.5vw;
        height: 35vw;
        margin-left: -5vw;
    }

    .arabicMedium2 {
        font-size: 2.8vw;
        padding: 0vw 9vw 7vw 0vw;
    }

    .arabicBold2 {
        font-size: 3.4vw;
        padding: 3vw 10vw 7vw 0vw;
    }

    .news-img3 {
        width: 55vw;
        height: 30vw;
    }

    .p {
        padding-left: 0.6vw;
        padding-right: 0.6vw;
    }

    .innp-3, .innp-3 a {
        width: 37vw;
        font-size: 2.9vw;
    }

    .innp--3, .innp--3 a {
        width: 37vw;
        font-size: 2.9vw;
    }

    .p2 {
        margin-top: -2.7vw;
    }

    .header_container-sup5 {
        padding-top: 3.3vw;
    }

    .bg-22 {
        height: 11vw;
    }

    .fa-arrow {
        color: #d90915;
        font-size: 0.7vw;
        margin-right: 2vw;
        border: none;
        margin-left: 2vw;
        width: 5vw;
        margin-top: -0.3vw;
        height: 5vw;
    }

    .pagination-news {
        margin-left: 4%;
    }

    .pagination-news a {
        font-size: 3vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        padding-bottom: 0vw;
    }

    .pagination-news .sp {
        font-size: 3vw;
    }

    .pagination-news .arrow2 a {
        font-size: 2.85vw;
        padding: 0vw 6vw;
    }

    .pagination-news .arrow1 a {
        font-size: 2.85vw;
        padding: 0vw 6vw;
    }

    .pt-rows {
        padding-top: 7vw;
    }

    .bg-222 {
        height: 38vw;
    }

    .mt-btn {
        margin-top: 5vw !important;
    }

    .padding-font {
        padding-top: 5vw !important;
        padding-bottom: 2vw !important;
    }

    .black-date {
        width: 19vw;
        padding-top: 40% !important;
        height: 35vw;
        margin-left: 0vw !important;
    }

    .black-date2 {
        width: 19vw;
        padding-top: 39% !important;
        height: 35vw;
        margin-left: 0vw !important;
    }

    .news-img2 {
        width: 68vw;
        height: 35vw;
        margin-left: -5vw;
    }

    .mt--0 {
        margin-top: -9vw;
    }

    .padding-12 {
        padding-right: 6%;
        padding-bottom: 6vw;
        padding-top: 27vw;
    }

    .padding-13 {
        padding-right: 6%;
        padding-bottom: 8vw;
    }

    .header_container-sup3 {
        padding-top: 0vw;
    }

    .container-body3 {
        margin-left: 7vw;
        margin-right: 0vw;
        margin-top: 8vw;
    }

    .container-body4 {
        margin-left: 7vw;
        margin-right: 0vw;
        margin-top: 8vw;
    }

    .container-body5 {
        margin-left: 3vw;
        margin-right: 3vw;
        margin-top: 15vw;
    }

    .img-text {
        margin-left: -7vw !important;
        padding-bottom: 5vw;
    }

    .upload {
        width: 3vw;
        height: 3vw;
        margin-right: 1.7vw;
        margin-top: -0.8vw;
    }

    .fake-btn {
        font-size: 2.5vw;
    }

    .file-msg {
        font-size: 2.5vw;
    }

    .file-drop-area {
        height: 10.1vw;
        padding: 3.5vw;
        margin-bottom: 5vw;
    }

    .bg-black-form2 {
        padding-right: 4vw;
        padding-left: 4.5vw;
        padding-top: 7vw;
        padding-bottom: 10vw;
        height: 100%;
    }

    .padding-form-s {
        padding-right: 6.5vw;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .img-text li {
        padding-bottom: 1.5vw;
        padding-left: 12vw;
    }

    .rectangle_text {
        width: 3vw;
        height: 4.3vw;
    }

    .font-bold-black {
        font-size: 3.2vw;
        padding-bottom: 2vw;
    }

    .header_container .header-tx-sm-2 a {
        font-size: 2.85vw;
    }

    .bg-2222 {
        height: 60vw;
    }

    .header_container-sup {
        padding-left: 11.5vw;
        padding-top: 11vw;
    }

    .header_container-sup4 {
        padding-left: 6.5vw;
        padding-top: 11vw;
    }

    .header_container-sup2 {
        padding-left: 6.5vw;
        padding-bottom: 0vw;
    }

    .header_container-career2 {
        padding-left: 6.5vw;
        padding-bottom: 0vw;
    }

    .location {
        width: 3vw;
        height: 4.5vw;
        margin-left: 11vw;
    }

    .fulltime {
        width: 3.5vw;
        height: 3.5vw;
    }

    .engineering {
        width: 4vw;
        height: 3.5vw;
        margin-left: 11vw;
    }

    .midlevel {
        margin-left: 8vw;
        width: 4.3vw;
        height: 4vw;
    }

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

    #owl-carousel .item {
        height: 130vw;
    }

    #owl-carousel .item .x {
        height: 110vw
    }

    .careersjob {
        width: auto !important;
        height: 42vw !important;
        position: absolute;
        top: 19vw;
        z-index: 9999;
        right: 19vw;
    }

    .item-header {
        font-size: 7vw;
        padding-bottom: 51vw;
    }

    .item-tx-w {
        font-size: 3.2vw;
    }

    .item-tx-g {
        font-size: 2.85vw;
        padding-top: 2vw;
    }

    #owl-carousel .owl-nav {
        right: 41.5% !important;
        top: 87% !important;
    }

    .padding-25 div {
        font-size: 2.85vw;
    }

    .padding-25 a {
        font-size: 2.85vw;
    }

    .padding-25 {
        padding-top: 132vw;
    }

    .line-down {
        margin-bottom: 4vw;
    }


    .tab-careers button {
        padding: 5vw 0vw 0vw 0vw;
        font-size: 2.85vw;
        line-height: 1;
    }

    .tab-m-p {
        border-left: 1vw solid #d90915;
        margin-top: 4vw;
        margin-bottom: 0vw;
    }

    .font-black-careers a {
        font-size: 3.8vw;
    }

    .font-gray-22 {
        font-size: 2.7vw;
        line-height: 0.9;
        margin-top: -1.8vw;
    }

    .paddingl-c {
        margin-left: -0.6vw !important;
        padding-left: 5vw;
    }

    .font-gray {
        font-size: 2.7vw;
        line-height: 1.2;
        margin-top: -4.8vw;
    }

    .font-black-careers-2 {
        font-size: 7vw;
        line-height: 0.9;
        margin-top: -2.5vw;
    }

    .header_container-sup {
        padding-right: 18%;
    }

    .header_container-career {
        padding-right: 18%;
    }

    .header_container-sup4 {
        padding-right: 18%;
    }

    .font-white-xl-2 {
        font-size: 7vw;
    }

    .link-text {
        padding-top: 1.8vw;
    }

    .checkmark {
        width: 4.5vw;
        height: 4.5vw;
        margin: 3% 4.5vw 3% 15vw;
        stroke-width: 2vw;
    }

    .subscription.done .submit-email {
        width: calc(100%);
    }

    .margin-sub {
        margin-top: 0.5vw !important;
        margin-left: -2vw !important;
        margin-bottom: 0;
        margin-right: 0;
    }

    .subscription .submit-email .before-submit, .subscription .submit-email .after-submit {
        position: absolute;
        top: 0;
        left: 5vw;
        width: 100%;

        text-align: center;
        line-height: 8.8vw;
        transition: visibility .35s ease-in-out, opacity .35s ease-in-out;
    }

    .subscription .add-email {
        position: absolute;
        left: 2vw;
    }

    .subscription .submit-email {
        position: relative;
    }

    .demo__circle-package {
        width: 3.5vw;
        height: 5.5vw;
        stroke: #fff;
        stroke-width: 0.4vw;
        stroke-linecap: round;
    }

    .demo__circle-progress {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        stroke: #fff;
        stroke-width: 0.4vw;
    }

    .demo:before, .demo:after {
        content: "";
        position: absolute;
        left: 5%;
        bottom: 100%;
        width: 14%;
        height: 2vw;
        background: #fff;
        transform: scaleX(0);
        transform-origin: 0 100%;
    }

    .demo:after {
        left: 19%;
        width: 66%;
        height: 2vw;
    }

    .demo__revert-line {
        position: absolute;
        left: 5%;
        bottom: 100%;
        width: 80%;
        height: 2vw;

        background: #fff;
        transform-origin: 0 50%;
        opacity: 0;
    }

    .demo__circle-grabbers:before, .demo__circle-grabbers:after {
        content: "";
        position: absolute;
        right: 5.313vw;
        top: -3vw;
        width: 4.375vw;
        height: 3.1vw;
        border: 0.625vw solid #777;
        border-left: none;
        border-bottom: none;
        transform: translateY(var(--grabY)) rotate(var(--grabRotate));
        transition: transform 0.8s;
    }

    .demo__circle-grabbers:before {
        right: auto;
        left: 5.3125vw;
        transform: translateY(var(--grabY)) scaleX(-1) rotate(var(--grabRotate));
    }

    .demo.s--processing .demo__drone-cont--takeoff {
        opacity: 1;
        transform: translateY(-11.56vw);
        transition: transform 0.8s, opacity 0.2s;
        transition-delay: 1.2s;
    }

    .demo.s--processing .demo__drone-cont--shift-x {
        transition: transform 2.6s 2.4s;
        transform: translateX(56.25vw);
    }

    .demo.s--processing .demo__drone-cont--shift-x2 {
        transition: transform 2.6s 2.4s;
        transform: translateX(60vw);
    }

    .demo.s--processing .demo__drone-cont--landing {
        transform: translateY(5.625vw);
        transition: transform 0.3s 5s;
    }

    .demo__drone {
        position: absolute;
        left: 2.5vw;
        top: -3.75vw;
        width: 15vw;
        height: 11.25vw;
        stroke: #000;
        stroke-width: 0.625vw;
        fill: none;
    }

    .demo__text-dots {
        letter-spacing: -0.16vw;
        font-size: 2.85vw;
    }

    .demo__text-fields {
        font-size: 2.85vw;
    }

    .demo__circle {
        width: 18vw;
        height: 5vw;
        margin-top: -2.25vw;
    }

    .drone-demo {
        margin-left: 0;
        margin-top: 9vw;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-175vw, 0);
        }
        75% {
            transform: translate(-175vw, -31.25vw);
        }
        100% {
            transform: translate(-175vw, 31.25vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-175vw, 0);
        }
        75% {
            transform: translate(-175vw, -31.25vw);
        }
        100% {
            transform: translate(-175vw, 31.25vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 21vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-185vw, 0);
        }
        75% {
            transform: translate(-185vw, -31.25vw);
        }
        100% {
            transform: translate(-185vw, 31.25vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-185vw, 0);
        }
        75% {
            transform: translate(-185vw, -31.25vw);
        }
        100% {
            transform: translate(-185vw, 31.25vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .demo__drone {
        position: absolute;
        left: 2.5vw;
        top: -3.75vw;
        width: 15vw;
        height: 11.25vw;
        stroke: #000;
        stroke-width: 0.625vw;
        fill: none;
    }

    .demo__text-dots {
        letter-spacing: -0.156vw;
        font-size: 2.85vw;
    }

    .demo__text-fields {
        font-size: 2.85vw;
    }

    .demo__circle {
        width: 18vw;
        height: 5vw;
        margin-top: -2.25vw;
    }

    .drone-demo {
        margin-left: 0;
    }

    .demo {
        width: 100%;
        height: 10.5vw;
    }

    .bg-red {
        padding-top: 7vw;
        height: 58vw;
    }

    .bg-red-2 {
        padding-top: 1vw
    }

    .rectangle_header {
        width: 3vw;
        height: 7vw;
    }

    .mt-30 {
        margin-top: 10vw !important;
    }

    .text-black {
        padding: 6vw 2vw 2vw 6vw;
    }

    .date-text-2 {
        padding: 0vw 2vw 0vw 6vw;
        color: #777;
    }

    .link-text-b {
        padding: 0vw 4vw 0vw 6vw;
    }

    .link-text-b2 {
        padding: 0vw 6vw 0vw 6vw;
    }

    .pr2 {
        margin: 1.6vw 0vw 6vw 6vw !important;
    }

    #owl-carousel2 .item {
        margin-bottom: 15vw;
        height: auto;
    }

    .owl-theme .owl-nav {
        top: 116vw !important;
        right: 0% !important;
        margin-bottom: 10vw;
    }

    #owl-carousel--2 .owl-nav {
        top: 97vw !important;
        right: 4% !important;
        margin-bottom: 10vw;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        font-size: 6vw !important;
    }

    .padding-owl-carousel {
        padding-left: 0vw;
        padding-right: 0vw;
    }

    .owl-carousel .owl-nav button.owl-next {
        padding: 2vw !important;
        font-size: 5.5vw !important;
        width: 9vw;
        height: 9vw;

    }

    .owl-carousel .owl-nav button.owl-prev {
        padding: 2vw !important;
        font-size: 5.5vw !important;
        width: 9vw;
        height: 9vw;
    }

    .header_container_img {
        -webkit-animation: none;
        animation: none;
    }

    .header_container_img2 {
        -webkit-animation: none;
        animation: none;
    }

    .padding-11 {
        padding-left: 0;
        padding-right: 0%;
    }

    .circle-object {
        width: 1.4vw;
        height: 1.4vw;
    }

    .ml-rectangle {
        margin-left: 5vw !important
    }

    .numbers {
        margin-top: 4vw;
    }

    .mt-row-5 {
        margin-top: 17vw;
    }

    .header_container_img {
        width: 100%;
        height: 34vw;
    }

    .header_container_img2 {
        width: 100%;
        height: 34vw;
    }

    iframe {
        width: 72vw;
        height: 130vw;;
        border: 0;
        padding-top: 9vw;
    }

    .background-white {
        width: 99.2%;
        height: 1vw;
        background: none;
        margin-left: 0.45vw;
    }

    .background-gray {
        width: 127.5%;
        height: 23.9vw;
        background: none;
    }

    .sager-log img {
        width: 30vw;
        height: 16vw;
        text-align: center;
    }

    .text-left-center {
        padding-left: 0 !important;
    }

    #navHome {
        padding-left: 4vw;
        width: 94vw;
    }

    .navbar-toggler {
        padding: 1.5vw 2.5vw;
        font-size: 6vw;
        line-height: 1;
        background-color: transparent;
        border: none;
        border-radius: 0;
        margin-top: 2vw;
    }

    .btn-2 {
        font-size: 3.5vw;
        width: 38vw;
        height: 12.5vw;
        margin: 0 0vw 0 0rem;
    }

    .offcanvas-menu {
        margin: 20px 0;
        margin-left: -3vw !important;
    }

    .btn-2-white {
        font-size: 3.5vw;
        width: 38vw;
        height: 12.5vw;
        margin: 0 0vw 0 0rem;
    }

    .btn-1 {
        font-size: 3.5vw;
        width: 38vw;
        height: 12.5vw;
        margin: 0 1vw 0 2vw;
    }

    .navbar-collapse {
        background: #fff;
        margin-left: -10vw;
    }

    .nav-item .nav-link {
        margin: 3vw 0vw 2vw 1.2vw;
        font-size: 2.8vw;
        text-align: left;
        color: #161615 !important;
        text-decoration: none;
        position: relative;
        display: inline-block;
    }

    .dropdown-toggle {
        display: none;
    }

    .dropdown-menu {
        position: relative;
        border-width: 0;
        padding: 0;
        margin: 0;
    }

    .navbar-nav {
        padding-top: 5vw;
        padding-bottom: 50vw;
    }

    .dropdown-item {
        opacity: 0.7;
        font-size: 2.5vw;
        display: block;
        width: 100%;
        padding: 5vw 5vw;
        clear: both;
        color: #161615;
        text-align: center;
        white-space: nowrap;
        border: 0;
    }

    .dropdown-item:hover {
        opacity: 1;
    }

    @keyframes in {
        0% {
            width: 0;
            left: 0;
            right: auto;
        }
        100% {
            left: 0;
            right: auto;
            width: 100%;
        }
    }
    @keyframes out {
        0% {
            width: 100%;
            left: auto;
            right: 0;
        }
        100% {
            width: 0;
            left: auto;
            right: 0;
        }
    }
    @keyframes show {
        0% {
            opacity: 0;
            transform: translateY(-10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .nav-item .nav-link:before {
        height: 0.8vw;
    }

    .line-1 {
        height: 223vw
    }

    .line-22 {
        height: 223vw
    }

    .line-3 {
        height: 223vw
    }

    .line-4 {
        height: 223vw
    }

    .line-5 {
        height: 223vw
    }

    .header-tx-vertical {
        font-size: 5.9vw;
        padding-left: 0vw;
        line-height: 0;
    }

    .header-tx-lg, .js-hero-headline {
        padding-right: 10% !important;
        font-size: 10.6vw;
        line-height: 0.92;
    }

    .header-tx-lg2, .js-hero-headline {
        padding-right: 30% !important;
        font-size: 9vw;
        line-height: 1;
    }

    .header-rectangle {
        width: 9vw;
        height: 11.8vw;
        right: -5.5vw;
    }

    .header-tx-sm {
        padding-right: 3%;
        font-size: 2.9vw;
    }

    .header-tx-sm-2 {
        font-size: 2.9vw;
    }

    .center {
        margin-top: -25vw;
        padding-left: 5vw !important;
    }

    .caretdown {
        font-size: 12vw;
    }

    .scroll a {
        font-size: 4.8vw;
    }

    .scroll {
        margin-top: 0vw;
        padding-top: 2.7vw;
    }

    .container-5 {
        margin-top: 13vw;
    }

    .container--7 {
        padding-top: 18vw;
    }

    .font-gray-xl {
        font-size: 28vw;
    }

    .font-black-xl {
        font-size: 5vw;
    }

    .font-gray-sm {
        font-size: 2.85vw;
    }

    .red-rectangle {
        width: 22vw;
        height: 9vw;
    }

    .mt-up-1 {
        margin-top: -7.7vw !important;
        padding-left: 0.7vw;
    }

    .mt-up_rectangle {
        margin-top: -5.5vw !important;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up-2 {
        margin-top: -4.5vw;
        padding-left: 0.7vw;
        padding-bottom: 10vw;
    }

    .tab button {
        font-size: 1.9vw;
        margin: 0 2vw 0 0.05vw;
    }

    .tab button:hover, .tab button.active {
        font-size: 1.9vw;
        border-bottom: 1vw solid #d90915;
        padding-bottom: 2.5vw;
    }

    .tab {
        width: 100%;
    }

    .background-gray-3 {
        width: 0;
        height: 0;
        margin-top: -2vw !important;
        background: none;
    }

    .img_tab_1 {
        width: 100%;
        height: 100%;
    }

    .img_tab_2 {
        width: 100%;
        height: 100%;
        margin-left: 0;
        height: 41.3vw;
    }

    .img_tab_3 {
        width: 100%;
        height: 100%;
        height: 41.3vw;
    }

    .tab-margin {
        margin-right: 6vw;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
    }

    .bg-red span {
        font-size: 3.8vw
    }

    .font-white-sm {
        font-size: 2.85vw;
        padding-bottom: 9vw;
    }

    .btn-3 {
        font-size: 2.4vw;
        width: 27vw;
        height: 9vw;
        margin-right: 2vw;
        margin-top: 0vw;
        padding-bottom: 1vw;
        padding-top: 0;
    }

    .btn-3:hover, .btn-3:active, .btn-3:focus, .btn-3:checked {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -27.5vw 0 0 0 #161615 inset;
    }

    .btn-3 div {
        font-size: 2.4vw;
    }

    .btn-3:before {
        top: 2.5vw;
        left: 0;
    }

    .btn-6 {
        margin-top: 11vw;
        margin-bottom: 3vw;
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.7vw;
    }

    .btn-6:hover, .btn-6:active, .btn-6:focus, .btn-6:checked {
        color: #161615;
        box-shadow: -29.8vw 0 0 0 #fff inset;
    }

    .btn-6 div {
        font-size: 2.4vw;
    }

    .btn-6:before {
        top: 2.5vw;
        left: 0;
    }

    .btn-7 {
        margin-top: 3vw;
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        margin-left: 1vw;
        padding-bottom: 0.7vw;
        padding-top: 0;
        margin-top: 5.2vw !important;
    }

    .btn-7:hover, .btn-7:active, .btn-7:focus, .btn-7:checked {
        box-shadow: -29.7vw 0 0 0 #fff inset;
        color: #161615;
    }

    .btn-7 div {
        font-size: 2.4vw;
    }

    .btn-7:before {
        top: 2.5vw;
        left: 0;
    }

    .font-black-xxl {
        font-size: 18vw;
    }

    .container-7 {
        padding-top: 20vw;
        padding-right: 5vw;
    }

    .font-white-xl {
        font-size: 7vw;
        line-height: 1.3;
    }

    .red-rectangle-2 {
        width: 22vw;
        height: 9vw;
    }

    .mt-up-3 {
        margin-top: -2.2vw;
    }

    .mt-up_rectangle2 {
        margin-top: -0.5vw;
    }

    .drone-1-img {
        width: 9vw;
        height: 9vw;
    }

    .drone-2-img {
        width: 9vw;
        height: 9vw;
    }

    .location-mark-img {
        width: 9vw;
        height: 9vw;
    }

    .text-white {
        font-size: 3.8vw;
        padding-top: 5vw;
        padding-bottom: 3vw;
    }

    .font-gray-sm2 {
        font-size: 2.85vw;
    }

    .padding-col {
        height: 52vw;
        padding-right: 11.5vw;
        padding-left: 11.5vw;
        padding-top: 7vw;
        border-bottom: none;
        border-right: none;
        margin-bottom: 3vw;
    }

    .padding3-col {
        height: 52vw;
        padding-right: 12.5vw;
        padding-left: 12.5vw;
        border-bottom: none;
        border-right: none;
        padding-top: 7vw;
        margin-bottom: 3vw;
    }

    .padding2-col {
        height: 52vw;
        padding-right: 12.5vw;
        padding-left: 12.5vw;
        padding-bottom: 7vw;
        padding-top: 7vw;
        margin-bottom: 3vw;
    }

    .btn-4 {
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        margin-top: 6vw !important;
        padding-bottom: 0.8vw;
        padding-top: 0;
        text-decoration: none;
    }

    .btn-4:hover, .btn-4:active {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -29.8vw 0 0 0 #161615 inset;
        text-decoration: none !important;
    }

    .btn-4 div {
        font-size: 2.4vw;
    }

    .btn-4:before {
        top: 2.5vw;
        left: 0;
    }

    .btn-form {
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        padding-top: 0;
        padding-bottom: 0.9vw;
        vertical-align: middle;
        text-align: center;
        margin-top: 6vw !important;
    }

    .btn-form:hover, .btn-form:active {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #161615;
        box-shadow: -29.8vw 0 0 0 #fff inset;
    }

    .btn-form div {
        font-size: 2.4vw;
    }

    .btn-form:before {
        top: 2.5vw;
        left: 0;
    }

    .btn-5 {
        margin-top: 4vw;
        margin-bottom: 4vw !important;
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        margin-left: 1vw;
        padding-bottom: 0.7vw;
        padding-top: 0;
    }

    .btn-5:hover, .btn-5:active, .btn-5:focus, .btn-5:checked {
        box-shadow: -29.7vw 0 0 0 #161615 inset !important;
        color: #fff !important;
    }

    .btn-5 div {
        font-size: 2.4vw;
    }

    .btn-5:before {
        top: 2.5vw;
        left: 0;
    }

    .btn-5-2 {
        margin-top: 4vw;
        margin-bottom: 6.6vw;
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        margin-left: 1vw;
        position: relative;
        padding-bottom: 0.7vw;
        padding-top: 0;
    }

    .btn-5-2:hover, .btn-5-2:active, .btn-5-2:focus, .btn-5-2:checked {
        box-shadow: -29.7vw 0 0 0 #161615 inset;
        color: #fff;
        z-index: 10
    }

    .btn-5-2 div {
        font-size: 2.4vw;
    }

    .btn-5-2:before {
        top: 2.5vw;
        left: 0;
    }

    .btns-5 {
        margin-top: 4vw;
        margin-bottom: 4vw !important;
        font-size: 2.4vw;
        width: 35vw;
        height: 9vw;
        margin-left: 1vw;
        padding-bottom: 0.7vw;
        padding-top: 0;
    }

    .btns-5:hover, .btns-5:active, .btns-5:focus, .btns-5:checked {
        box-shadow: -35.7vw 0 0 0 #161615 inset;
        color: #fff;
    }

    .btns-5 div {
        font-size: 2.4vw;
    }

    .btns-5:before {
        top: 2.5vw;
        left: 0;
    }

    .container5 {
        margin-top: 14vw;
    }

    .mobile {
        display: none !important;
    }

    .mobile-2 {
        display: none !important;
    }

    .xlscreen {
        display: inline-flex !important;
    }

    .font-black {
        font-size: 28vw;
    }

    .font-black-s {
        font-size: 23vw;
    }

    .mt-up_rectangle-3 {
        margin-top: 1.80vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up-5 {
        margin-top: -0.3vw;
        padding-left: 3vw;
        margin-left: -2vw;
    }

    .mt-up-6 {
        margin-top: -5.2vw;
        padding-left: 3vw;
        padding-bottom: 9vw;
        margin-left: -2vw;
    }

    .padding-bg-red2 {
        height: 26vw;
    }

    .padding-bg-red3 {
        height: 26vw;
    }

    .font-number-white {
        font-size: 4vw;
        padding-top: 7vw;
        padding-bottom: 3.5vw;
    }

    .font-white-xs {
        font-size: 2.5vw;
        padding-top: 1vw;
        padding-left: 1vw;
        padding-right: 1vw;
    }

    .container-9 {
        margin-top: -11vw;
    }

    .earth-img {
        width: 100%;
        height: 100%;
    }

    .padding-circle-1 {
        margin-left: 11vw;
        margin-top: -42vw;
    }

    .jo-circle {
        margin-left: 54vw;
        margin-top: -25.5vw;
    }

    .ae-circle {
        margin-left: 0vw;
        margin-top: -24.6vw;
    }

    .sa-circle {
        margin-left: 4vw;
        margin-top: -23.6vw;
    }

    .kw-circle {
        margin-left: 54.5vw;
        margin-top: -20vw;
        margin-left: 4vw;
        margin-top: -22.6vw;
    }

    .kw-circle {
        margin-left: -4.5vw;
        margin-top: -23vw;
    }

    .padding-circle-2 {
        margin-left: 17vw;
        margin-top: -32vw;
    }

    .padding-circle-3 {
        margin-left: -13vw;
        margin-top: -40vw;
    }

    .padding-circle-4 {
        margin-left: 30vw;
        margin-top: -37vw;
    }

    .padding-circle-5 {
        margin-left: 11vw;
        margin-top: -39vw;
    }

    .padding-circle-6 {
        margin-left: 11vw;
        margin-top: -27vw;
    }

    .padding-circle-7 {
        margin-left: 5vw;
        margin-top: -16vw;
    }

    .padding-circle-8 {
        margin-left: 46vw;
        margin-top: -24vw;
    }

    .padding-circle-9 {
        margin-left: 29vw;
        margin-top: -41vw;
    }

    .padding-circle-10 {
        margin-left: -15vw;
        margin-top: -32vw;
    }

    .padding-rectangle {
        margin-top: 1.6vw;
        margin-left: -4vw;
    }

    .mt-up-7 {
        margin-top: -3.2vw;
        padding-left: 13vw;
    }

    .padding-top {
        padding-top: 12.5vw;
        padding-left: 1vw;
    }

    .padding-top-text {
        padding-top: 12.5vw;
        padding-left: 1vw;
    }

    .mt-up_rectangle3 {
        margin-top: 0.6vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up5 {
        margin-top: -1.2vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up7 {
        margin-top: -3.2vw;
        margin-left: -5.2vw;
        padding-bottom: 5vw;
    }

    .pr {
        padding-right: 7vw;
        padding-top: 2.5vw;
    }

    .font-number-gray {
        font-size: 8vw;
    }

    .text {
        font-size: 2.3vw;
        padding-top: 4vw;
        padding-left: 3vw;
        padding-right: 0%;
    }

    .line {
        width: 100%;
        margin-bottom: 15vw;
    }

    .mt-up_rectangle4 {
        margin-top: 0.8vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up-8 {
        margin-top: -1.8vw;
        margin-left: -3.5vw;
        overflow-x: hidden !important;
    }

    .mt-up-9 {
        margin-top: -4.8vw;
        margin-left: -3.5vw;
        padding-bottom: 5vw;
    }

    

    .text-center-parallelograms {
        margin-top: -3.1vw;
    }

    .parallelograms {
        width: 50vw;
        height: 5vw;
    }

    .mt-up-10 {
        margin-top: -2.5vw;
        margin-left: -2vw;
    }

    .mt-up_rectangle10 {
        margin-top: -1.5vw;
        padding-left: 0.5vw;
    }

    .mt-up-20 {
        margin-top: -2.5vw;
        margin-left: -2vw;
        padding-bottom: 7vw;
    }

    .header-text {
        font-size: 4.5vw;
    }

    .link-text a {
        font-size: 2.7vw;
    }

    .date-text {
        margin-top: -3.7vw;
        font-size: 2.2vw;
    }

    .black {
        height: 100%;
        padding: 8.5vw 7vw 8vw 8vw;
    }

    #exampleSlider .MS-content .item {
        height: 100%;
        margin: 0 0 0 0vw;
    }

    .news-img {
        width: 100%;
        height: 100%;
    }

    .blog {
        width: 13vw;
        height: 5.5vw;
        padding: 1vw 0.2vw 0.2vw 0.2vw;
        font-size: 2.4vw;
        margin-top: 2vw;
        right: 3vw;
    }

    .text-black a {
        font-size: 3.3vw;
    }

    .date-text-2 {
        margin-top: -5.8vw;
        font-size: 2.2vw;
    }

    .link-text-b {
        font-size: 2.9vw;
    }

    .link-text-b2 {
        font-size: 2.9vw;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 36vw;
        top: 205.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-left: 2.2vw;
        padding-bottom: 0.5vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 45vw;
        top: 205.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-right: 2.3vw;
        padding-bottom: 0.5vw;
    }

    .container-10 {
        margin-top: 14vw;
    }

    .img-resp {
        position: relative;
        z-index: 1;
    }

    .img-style {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .font-black-xl-2 {
        font-family: built;
        font-size: 6.1vw;
        line-height: 1;
        text-align: left;;
        margin-bottom: 0vw;
        color: #161615;
        padding-bottom: 5vw;
        padding-top: 9vw;
        padding-left: 5vw;
    }

    .up-row {
        margin-top: 10vw;
    }

    .mb--3 {
        margin-bottom: 3vw;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    .phone {
        width: 9vw;
        height: 9vw;
    }

    .map {
        width: 6vw;
        height: 9vw;
    }

    .chat {
        width: 12vw;
        height: 9vw;
    }

    a.location-link:hover{
        text-decoration: none;
    }
    .footer-tx {
        font-size: 3.3vw;
    }

    .footer-tx-2 {
        font-size: 2.8vw;
        line-height: 0;
    }
    a.phone-link:hover{
        text-decoration: none;
    }

    .footer-tx-3 {
        font-size: 2.8vw;
        line-height: 0;
    }

    .footer-icon, .footer-icon a {
        font-size: 4.5vw;
    }

    .bg-black {
        padding: 7.5vw;
    }

    .bg-red2 {
        padding: 7.5vw;
    }

    .footer {
        margin-top: -73vw;
    }

    .footer-text-lg {
        font-size: 12.5vw;
        padding-top: 107vw;
    }

    .sager-log-footer img {
        width: 27vw;
        height: 5.3vw;
    }

    .footer-text-sm {
        font-size: 2.9vw;
        padding-top: 3vw;
        padding-left: 6vw;
        padding-right: 6vw;
        text-align: center;
    }

    .footer-container {
        margin-top: 0vw;
        padding-bottom: 7vw;
        padding-top: 2vw;
    }

    .footer-text-bold {
        font-size: 3.4vw;
        padding-top: 8vw !important;
    }

    .footer-text-sm2 a {
        font-size: 2.3vw;
    }

    .red_rectangle-footer {
        width: 3vw;
        height: 2vw;
        margin-top: -1vw;
    }

    .footer-text-s2 {
        font-size: 2.9vw;
    }

    .form-submit {
        width: 23vw;
        height: 10.2vw;
        font-size: 2.7vw;
        padding: 0.5vw 1vw 1.5vw 1vw;
    }

    .form-text {
        width: 65vw !important;
        height: 10vw !important;
        font-size: 2.7vw !important;
        top: 0.3vw;
    }

    .form-text::placeholder {
        font-size: 2.7vw !important;
    }

    .footer-textbold-sm2 {
        font-size: 2.9vw;
    }

    .footer-textbold-sm3 {
        font-size: 2.9vw;
        line-height: 4vw;
    }

    .footer-textbold-sm a {
        font-size: 2.9vw;
    }

    .footer-textbold-sm3 span a {
        font-size: 2.8vw;
    }

    .pl-5 {
        padding-left: 0vw !important;
        padding-right: 0 !important;
    }

    .overflow {
        overflow: hidden !important;
    }

    .padding-bottom {
        padding-bottom: 36% !important;
    }

    .swiper-button-prev, .swiper-button-next {
        top: 70% !important;
    }

    .offcanvas {
        width: 100%;
        font-size: 6vw;
        padding: 9vw;
    }

    .offcanvas-close {
        width: 10vw;
        height: 10vw;
        line-height: 0vw;
    }

    .mobile-header-wrapper {
        padding-top: 4vw;
        padding-right: 0;
        padding-left: 4vw;
    }

    .container-1 {
        margin-top: 6.5vw;
    }

    .mt-up-4 {
        margin-top: -4.3vw;
    }

    .container-8 {
        margin-top: 5vw;
    }

    .pl-4 {
        padding-left: 6vw !important;
    }

    .font-gray2-xl {
        font-size: 24vw;
    }

    .container7 {
        padding-top: 16vw;
    }

    .header_container {
        margin-top: 0vw;
        padding: 0vw;
    }

    .fa-home {
        font-size: 2.885vw;
    }

    .header_container .font-gray-sm a {
        font-size: 2.885vw;
    }

    .header_container .font-gray-sm2 a {
        font-size: 2.885vw;
    }

    .header_container .header-tx-sm a {
        font-size: 2.885vw;
    }

    .contact-text {
        font-size: 23vw;
        padding-top: 9vw;
    }

    .font-black-rect {
        font-size: 7vw;
        line-height: 0.1;
    }

    .font-black-rect2 {
        font-size: 6.9vw;
        line-height: 0.1;
    }

    .font--black {
        font-size: 7vw;
    }

    .red-rectangle-style {
        width: 9.4vw;
        height: 9.5vw;
        margin-top: -5.7vw;
        margin-left: 0.8vw;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -3.7vw;
        margin-left: 4.8vw;
    }

    .red-rectangle-index-slider {
        width: 11.6vw !important;
        height: 9.9vw !important;
        margin-top: -2.2vw;
        margin-left: 4.8vw;
    }

    .red-rectangle-index-slider2 {
        width: 11.6vw !important;
        height: 9.9vw !important;
        margin-top: -1.9vw;
        margin-left: 4.8vw;
    }

    .red-rectangle-index2 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -3.7vw;
        margin-left: 4.8vw;
        margin-right: 0vw;
    }

    .red-rectangle-index3 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -2.2vw;
        margin-left: 4.8vw;
    }

    .red-rectangle-index4 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.9vw;
        margin-left: 4.8vw;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: -1.5vw;
    }

    .contact-text-bold-lg {
        font-size: 4.8vw;
        line-height: 1.55;
    }

    .contact-text-bold {
        font-size: 3vw;
    }

    .contact-text-span {
        font-size: 2.9vw;
    }

    .link {
        font-size: 2.9vw;
    }

    .pb4 {
        padding-bottom: 5vw;
    }

    .pb5 {
        padding-bottom: 5vw;
    }

    .pb--4 {
        padding-bottom: 5vw;
    }

    .pb5 {
        padding-bottom: 5vw;
    }

    .gray-bg-container {
        padding-left: 13vw;
        padding-right: 5vw;
    }

    .gray-bg {
        width: 100%;
        height: 107%;
    }

    .call-center {
        width: 12vw;
        height: 12vw;
    }

    .man {
        width: 12vw;
        height: 12vw;
    }

    .padding-top-4 {
        padding-top: 7.3vw;
    }

    .padding-bottom-3 {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 12vw;
        line-height: 0;
    }

    .padding-right-5 {
        padding-right: 0vw;
        padding-left: 0;
        padding-top: 7vw;
        padding-bottom: 0;
    }

    .contact-text-white-lg {
        font-size: 7vw;
        line-height: 1.55;
    }

    .contact-text-bold2 {
        font-size: 2.9vw;
    }

    .bg-black-form {
        padding-right: 6.5vw;
        padding-left: 6.5vw;
        padding-top: 9vw;
        padding-bottom: 9vw;
    }

    .floating-input, .floating-select {
        font-size: 2.85vw;
        padding-top: 0.4vw;
        padding-bottom: 0.4vw;
        padding-left: 3vw;
        padding-right: 1vw;
        display: block;
        width: 100%;
        height: 10.1vw;
    }

    label {
        font-size: 3vw;
        left: 3.5vw;
        top: 2.7vw;
    }

    .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
        top: -1.6vw;
        padding-left: 1vw;
        padding-right: 1vw;
        left: 2vw;
        font-size: 2.2vw;
        background: #161615;
    }

    .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
        top: -1.6vw;
        padding-left: 1vw;
        padding-right: 1vw;
        left: 2vw;
        font-size: 2.2vw;
        background: #161615;
    }

    .contact-text-bold-white {
        font-size: 3vw;
    }

    .padding-chechbox-2 p {
        font-size: 2.95vw;
        padding-left: 1.5vw;
    }

    .padding-chechbox-2 input[type="checkbox"] {
        width: 3.3vw;
        height: 3.3vw;
        padding: 0.2vw;
        top: 0vw;
    }

    .padding-chechbox-2 input[type="checkbox"]:checked {
        background-color: #d90915;
        border: 2px solid #d90915;

    }

    .padding-chechbox p {
        padding-left: 3vw;
        padding-top: 0;
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
    }

    .padding-chechbox input[type="checkbox"] {
        width: 8.3vw;
        height: 3.3vw;
        padding: 0.6vw;
        top: 1vw;
    }

    .padding-chechbox2 p {
        padding-left: 3vw;
        padding-top: 0;
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
    }

    .padding-chechbox2 input[type="checkbox"] {
        width: 8.3vw;
        height: 3.3vw;
        padding: 0.6vw;
        top: 1vw;
    }

    .floating-label {
        margin-bottom: 4.7vw;
    }

    .floating-textarea {
        height: 20vw !important;
    }

    .padding-left {
        padding-right: 0vw;
        padding-left: 0vw;
        padding-top: 19vw;
        padding-bottom: 0;
    }

    .padding-top-5 {
        padding-top: 0vw;
        padding-left: 0vw;
    }

    .paddingl-1 {
        padding-left: 3.1vw !important;
    }

    .paddingl-2 {
        padding-left: 3.6vw !important;
        padding-bottom: 4vw;
    }

  
    

    .mb-absolute {
        margin-bottom: 0vw !important;
    }

    .padding-20 {
        padding-top: 5vw;
        padding-right: 0%;
    }

    .index-text {
        font-size: 23.5vw;
    }

    .index-text2 {
        font-size: 23.5vw;
    }

    .index-text-gray {
        font-size: 20vw;
    }

    .index-text-gray2 {
        font-size: 20vw;
    }

    .index-text-gray--2 {
        font-size: 24vw;
    }

    .font-black-rect-index {
        font-size: 6.5vw;
        line-height: 0.4;
    }

    .font-black-rect-index2 {
        font-size: 6.3vw;
        line-height: 0.9;
        margin-top: -1.7vw;
    }

    .font-black-rect-index3 {
        font-size: 4.5vw;
        line-height: 0.7;
    }

    .font-black-rect-index4 {
        font-size: 4.5vw;
        line-height: 0.7;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.5;
        margin-top: -3vw;
    }

    .margin-top-m {
        margin-top: -5vw !important;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -3.3vw;
    }

    .font-gray-rect-index2 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -3.3vw;
    }

    .paddingl-6-index {
        padding-left: 7vw !important;
    }

    .paddingl-1-index {
        padding-left: 7vw !important;
    }

    .paddingl-5-index {
        padding-left: 7vw !important;
    }

    .paddingl-4-index {
        padding-left: 7vw !important;
        padding-bottom: 6vw;
    }

    .paddingl-2-index {
        margin-left: 0vw !important;
        padding-left: 7vw !important;
    }

    .paddingl-3-index {
        padding-left: 7vw !important;
        margin-left: 0vw !important;
        padding-bottom: 3vw;
    }

    .container-6 {
        margin-top: 4vw;
    }

    .bg-gray {
        background-color: #f8f8f8;
        width: 100%;
        height: 100%;
    }

    .font-padding-2 {
        padding: 5vw 5vw 2vw 6vw;
    }

    .pr3 {
        margin-top: 0 !important;
        margin-left: 6vw !important;
    }

    .img1 {
        width: 60vw;
        height: 10vw;
        margin-top: 40vw;
    }
}


/*=======================================================================
 Responsive screen 300px
=========================================================================*/
@media only screen and (min-width: 300px) {
    .index-text-gray--2 {
        padding-top: 6vw;
    }

    .index-text-gray2 {
        padding-top: 4vw;
    }

    .mt-\[15rem\] {
        margin-top: 14rem;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -4vw;
        margin-left: 4.8vw;
    }

    .red-rectangle-index4 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -2.2vw;
        margin-left: 4.8vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -2.5vw;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 239vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }
   
}


/*=======================================================================
 Responsive screen 360px-340px
=========================================================================*/
@media only screen and (max-width: 365px)  and (min-width: 340px) {
    .margin-top-m {
        margin-top: -4vw !important;
    }
    .white-button{
        height: 1.7rem !important;
    }
    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -4vw;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: -1.2vw;
    }

    .text-style-scroll-lg {
        font-size: 2.6vw;
        padding-top: 108vw;
    }

    .ptt-3 {
        padding-top: 4vw !important;
        padding-bottom: 53vw;
    }

    .font-video-md {
        font-family: Built;
        font-size: 5.3vw;
        line-height: 2.75;
        text-align: left;
        color: #161615;
        padding-top: 13vw;
    }

    .rectangle-grey2 {
        height: 363vw;
    }

    .index-text-gray2 {
        padding-top: 10vw;
    }

    .font-gray-22 {
        font-size: 2.7vw;
        line-height: 0.9;
        margin-top: -1.1vw;
    }

    .font-gray-22 {
        font-size: 2.7vw;
        line-height: 0.9;
        margin-top: -1.3vw;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -2.8vw;
        margin-left: 4.8vw;
    }

    .font-black-rect-index3 {
        font-size: 4.5vw;
        line-height: 1;
    }

    .red-rectangle-index4 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: 0.1vw;
        margin-left: 4.8vw;
    }

    .red-rectangle-index3 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.4vw;
        margin-left: 4.8vw;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 237vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .line-1 {
        height: 223vw
    }

    .line-22 {
        height: 223vw
    }

    .line-3 {
        height: 223vw
    }

    .line-4 {
        height: 223vw
    }

    .line-5 {
        height: 223vw
    }

    .mt-\[15rem\] {
        margin-top: 15rem;
    }

    .red-rectangle-style-about {
        margin-top: -5.5vw;
    }

    .p2 {
        margin-top: -1.6vw;
    }

    .form-submit {
        height: 10.5vw;
    }

    .margin-sub {
        margin-top: 0.3vw !important;
    }

    .mt-up_rectangle {
        margin-top: -5.5vw !important;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 36vw;
        top: 198.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-bottom: 0vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 45vw;
        top: 198.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-bottom: 0vw;
    }

    .img-style {
        width: 100%;
        height: 100%;
    }

    .scroll {
        margin-top: 0vw;
        padding-top: 3vw;
    }

    .padding-bottom {
        padding-bottom: 37% !important;
    }

    .sager-log img {
        width: 30vw;
        height: 14vw;
    }

    .btn-5 {
        margin-top: 4vw;
        margin-bottom: 4vw;
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;;
        margin-left: 1vw;
        padding-bottom: 0.5vw;
        padding-top: 0;
    }

    .btn-5:hover, .btn-5:active, .btn-5:focus, .btn-5:checked {
        box-shadow: -29.4vw 0 0 0 #161615 inset;
        color: #fff;
    }

    .font-black-rect {
        font-size: 7vw;
        line-height: 0.1;
    }

    .red-rectangle-style {
        width: 10vw;
        height: 10vw;
        margin-top: -4.9vw;
        margin-left: 0.8vw;
    }

    .paddingl-1 {
        padding-left: 3.5vw !important;
    }

    .paddingll-1 {
        padding-left: 3.5vw !important;
    }

    .btn-form {
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        padding-top: 0;
        padding-bottom: 0.5vw;
        vertical-align: middle;
        text-align: center;
        margin-top: 6vw !important;
    }

    .btn-form:hover, .btn-form:active {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #161615;
        box-shadow: -29.8vw 0 0 0 #fff inset;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-148vw, 0);
        }
        75% {
            transform: translate(-148vw, -28vw);
        }
        100% {
            transform: translate(-148vw, 28vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-148vw, 0);
        }
        75% {
            transform: translate(-148vw, -28vw);
        }
        100% {
            transform: translate(-148vw, 28vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 18vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-158vw, 0);
        }
        75% {
            transform: translate(-158vw, -28vw);
        }
        100% {
            transform: translate(-158vw, 28vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-158vw, 0);
        }
        75% {
            transform: translate(-158vw, -28vw);
        }
        100% {
            transform: translate(-158vw, 28vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .subscription .submit-email .before-submit, .subscription .submit-email .after-submit {
        position: absolute;
        top: 0;
        left: 5vw;
        width: 100%;

        text-align: center;
        line-height: 9.3vw;
        transition: visibility .35s ease-in-out, opacity .35s ease-in-out;
    }
}


/*=======================================================================
 Responsive screen 360px
=========================================================================*/
@media only screen and (min-width: 370px) {
    .font--gray--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -3.5vw;
        padding-bottom: 81vw;
    }
    .white-button{
        height: 1.8rem !important;
    }

    .font--gray2--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;

        line-height: 1;
        margin-top: -3.5vw;
        padding-bottom: 81vw;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: -1.2vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -2vw;
    }

    .ptt-3 {
        padding-top: 4vw !important;
        padding-bottom: 55vw;
    }

    .rectangle-grey2 {
        height: 362vw;
    }

    #owl-carousel--2 .owl-nav {
        top: 94vw !important;
        right: 4% !important;
        margin-bottom: 10vw;
    }

    .index-text-gray2 {
        padding-top: 10vw;
    }

    .padding-t2-57 {
        padding-top: 54vw !important;
    }

    .padding-t2-5 {
        padding-top: 54vw !important;
    }

    .font-gray {
        font-size: 2.7vw;
        line-height: 1.2;
        margin-top: -3.8vw;
    }

    .font-gray-22 {
        font-size: 2.7vw;
        line-height: 0.9;
        margin-top: -0.8vw;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 235vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .mt-\[15rem\] {
        margin-top: 15rem;
    }

    .red-rectangle-style-about {
        margin-top: -5.5vw;
    }

    .margin-top-m {
        margin-top: -3.5vw !important;
    }

    .img-bg-4 {
        padding-top: 10vw;
    }

    .img-bg-5 {
        padding-top: 10vw;
    }

    .img-bg-6 {
        padding-top: 10vw;
    }

    .img-bg-7 {
        padding-top: 10vw;
    }

    .img-bg-8 {
        padding-top: 10vw;
    }

    .img-bg-9 {
        padding-top: 10vw;
    }

    .img-bg-10 {
        padding-top: 10vw;
    }

    .img-bg-11 {
        padding-top: 10vw;
    }

    .img-bg-3 {
        padding-top: 10vw;
    }

    .img-bg-2 {
        padding-top: 10vw;
    }

    .img-bg-1 {
        padding-top: 10vw;
    }


    .img-bg-14 {
        padding-top: 10vw;

    }

    .img-bg-13 {
        padding-top: 10vw;
    }

    .img-bg-12 {
        padding-top: 10vw;
    }

    .p2 {
        margin-top: -1.6vw;
    }

    .margin-sub {
        margin-top: 0.1vw !important;
    }

    .form-submit {
        height: 10.3vw;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-150vw, 0);
        }
        75% {
            transform: translate(-150vw, -30vw);
        }
        100% {
            transform: translate(-150vw, 30vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-150vw, 0);
        }
        75% {
            transform: translate(-150vw, -30vw);
        }
        100% {
            transform: translate(-150vw, 30vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 18vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-160vw, 0);
        }
        75% {
            transform: translate(-160vw, -30vw);
        }
        100% {
            transform: translate(-160vw, 30vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-160vw, 0);
        }
        75% {
            transform: translate(-160vw, -30vw);
        }
        100% {
            transform: translate(-160vw, 30vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .btn-3 {
        padding-bottom: 0.7vw;
    }

    .contact-text {
        font-size: 23vw;
        padding-top: 14vw;
    }

    .ml-rectangle {
        margin-left: 4vw !important
    }

    .mt-up_rectangle {
        margin-top: -5.1vw !important;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up-2 {
        margin-top: -4.9vw;
        padding-left: 0.7vw;
        padding-bottom: 10vw;
    }

    .header-rectangle {
        width: 9vw;
        height: 11.6vw;
        right: -4.5vw;
    }

    .scroll {
        margin-top: 0vw;
        padding-top: 3.1vw;
    }

    .btn-4 {
        padding: 0.5vw 2.3vw 1.2vw;
    }

    .mt-up_rectangle-3 {
        margin-top: 1.1vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .text-center-parallelograms {
        margin-top: -2.5vw;
    }

    .mt-up_rectangle10 {
        margin-top: 1.1vw;
        padding-left: 0.5vw;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 36vw;
        top: 198.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-left: 2.2vw;
        padding-bottom: 0vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 45vw;
        top: 198.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-right: 2.2vw;
        padding-bottom: 0vw;
    }

    .img-style {
        width: 100%;
        height: 100%;
    }

    .line-1 {
        height: 222vw
    }

    .line-22 {
        height: 222vw
    }

    .line-3 {
        height: 222vw
    }

    .line-4 {
        height: 222vw
    }

    .line-5 {
        height: 222vw
    }

    .padding-bottom {
        padding-bottom: 38% !important;
    }

    .sager-log img {
        width: 30vw;
        height: 13vw;
    }

    .mobile-header-wrapper {
        padding-top: 3vw;
        padding-right: 0;
        padding-left: 4vw;
    }

    .btn-5 {
        margin-top: 4vw;
        margin-bottom: 4vw;
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;;
        margin-left: 1vw;
    }

    .btn-5:hover, .btn-5:active, .btn-5:focus, .btn-5:checked {
        box-shadow: -29.4vw 0 0 0 #161615 inset;
        color: #fff;
    }

    .mt-up_rectangle3 {
        margin-top: 0vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up7 {
        margin-top: -3.2vw;
        margin-left: -3vw;
        padding-bottom: 5vw;
    }

    .mt-up5 {
        margin-top: -1.2vw;
        padding-left: 1vw;
        margin-left: 0vw;
    }

    .font-black-rect {
        font-size: 7vw;
        line-height: 0.1;
    }

    .red-rectangle-style {
        width: 9.4vw;
        height: 9.5vw;
        margin-top: -4.9vw;
        margin-left: 0.8vw;
    }

    .padding-chechbox-2 input[type="checkbox"] {
        width: 3.3vw;
        height: 3.3vw;
        padding: 0.2vw;
        top: 0.6vw;
    }

    .padding-chechbox input[type="checkbox"] {
        width: 8.3vw;
        height: 3.3vw;
        padding: 0.6vw;
        top: 1.1vw;
    }

    .padding-chechbox2 input[type="checkbox"] {
        width: 8.3vw;
        height: 3.3vw;
        padding: 0.6vw;
        top: 1.1vw;
    }

    .paddingl-1 {
        padding-left: 3.5vw !important;
    }

    .paddingll-1 {
        padding-left: 3.5vw !important;
    }

    .font-black-rect-index3 {
        font-size: 4.3vw;
        line-height: 0.5;
    }

    .font-black-rect-index4 {
        font-size: 4.3vw;
        line-height: 0.7;
    }

    .red-rectangle-index {
        margin-left: 4.4vw;
    }

    .red-rectangle-index-slider {
        margin-left: 4.4vw;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -2.7vw;
    }

    .container5 {
        margin-top: 13vw;
    }

    .red-rectangle-index3 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -0.8vw;
        margin-left: 4.8vw;
    }

    .font-gray-rect-index2 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -2.5vw;
    }

    .btn-form {
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        padding-top: 0;
        padding-bottom: 0.5vw;
        vertical-align: middle;
        text-align: center;
        margin-top: 6vw !important;
    }
    .terms-text{
        font-size: 5.0vw ;
    }
    .terms-date{
        font-size: 2.5vw;
    }


}

/*=======================================================================
 Responsive screen 360px-340px
=========================================================================*/
@media only screen and (min-width: 380px) {
    .rectangle__text3 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 9vw;
    }

    .tab--3_tx3 {
        padding-left: 1.5vw;
    }

    .text-style-scroll-lg {
        font-size: 2.6vw;
        padding-top: 108vw;
    }

    .font--gray {
        padding-bottom: 60vw;
        font-size: 2.885vw;
        margin-top: -3vw !important;
    }


    .index-text-gray2 {
        padding-top: 6vw;
    }

    .bg2--text {
        font-size: 24vw;
        line-height: 0.3;
        padding-top: 2vw;
    }

    .font-gray {
        font-size: 2.7vw;
        line-height: 1.2;
        margin-top: -3.5vw;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -2.4vw;
        margin-left: 4.8vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -2.4vw;
    }

    .red-rectangle-index2 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -2.7vw;
        margin-left: 4.8vw;
        margin-right: 0vw;
    }

    .red-rectangle-index4 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.6vw;
        margin-left: 4.8vw;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 233vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .line-1 {
        height: 211vw
    }

    .line-22 {
        height: 211vw
    }

    .line-3 {
        height: 211vw
    }

    .line-4 {
        height: 211vw
    }

    .line-5 {
        height: 211vw
    }

    .mt-\[15rem\] {
        margin-top: 15rem;
    }

    .p2 {
        margin-top: -1.5vw;
    }

    .form-submit {
        height: 10.4vw;
    }

    .padding-bottom {
        padding-bottom: 35% !important;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-150vw, 0);
        }
        75% {
            transform: translate(-150vw, -30vw);
        }
        100% {
            transform: translate(-150vw, 30vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-150vw, 0);
        }
        75% {
            transform: translate(-150vw, -30vw);
        }
        100% {
            transform: translate(-150vw, 30vw);
        }
    }
    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-160vw, 0);
        }
        75% {
            transform: translate(-160vw, -30vw);
        }
        100% {
            transform: translate(-160vw, 30vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-160vw, 0);
        }
        75% {
            transform: translate(-160vw, -30vw);
        }
        100% {
            transform: translate(-160vw, 30vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 18vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }
}

/*=======================================================================
 Responsive screen 400px
=========================================================================*/
@media only screen and (min-width: 400px) {
    .rectangle__text3 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 9vw;
        
    }
    .white-button{
     height: 2rem !important;   
    }
    .font--gray--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -3vw;
        padding-bottom: 81vw;
    }

    .font--gray2--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;

        line-height: 1;
        margin-top: -3vw;
        padding-bottom: 81vw;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: -1.2vw;
    }

    .font-video-md {
        font-family: Built;
        font-size: 5.3vw;
        line-height: 2.75;
        text-align: left;
        color: #161615;
        padding-top: 17vw;
    }

    .group-icon img {
        width: 88vw;
        height: 19vw;
    }

    .rectangle-grey2 {
        height: 22vw;
    }

    .ptt-3 {
        padding-top: 4vw !important;
        padding-bottom: 55vw;
    }

    .font--black-solartab {
        padding-bottom: 82vw;
        height: 15vw;
        padding-right: 0%;
        font-size: 6vw;
    }

    .index-text-gray2 {
        padding-top: 2vw;
    }

    #owl-carousel--2 .owl-nav {
        top: 93vw !important;
        right: 4% !important;
        margin-bottom: 10vw;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        margin-left: 17vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -76vw !important;
        width: auto !important;
        height: 52vw !important;
    }

    .img-slider-2 {
        margin-left: 27vw !important;
        z-index: 999 !important;

        margin-top: -76vw !important;
        width: 60vw !important;
        height: 46vw !important;
    }

    .img-slider--1 {
        margin-left: 27vw !important;
        z-index: 999 !important;
        margin-top: -139vw !important;
        width: 60vw !important;
        height: 46vw !important;
    }

    .img-slider--2 {
        margin-left: 27vw !important;
        z-index: 999 !important;
        margin-top: -139vw !important;
        width: 60vw !important;
        height: 46vw !important;
    }

    .img-slider--3 {
        margin-left: 27vw !important;
        z-index: 999 !important;
        margin-top: -139vw !important;
        width: 60vw !important;
        height: 46vw !important;
    }

    .img-slider--4 {
        margin-left: 27vw !important;
        z-index: 999 !important;
        margin-top: -139vw !important;
        width: 60vw !important;
        height: 46vw !important;
    }

    .img-text2 li {
        padding-bottom: 0.5vw;
        padding-left: 0vw;
        margin-left: -5.3vw;
    }

    .line-1 {
        height: 223vw
    }

    .line-22 {
        height: 223vw
    }

    .line-3 {
        height: 223vw
    }

    .line-4 {
        height: 223vw
    }

    .line-5 {
        height: 223vw
    }

    .mt-\[15rem\] {
        margin-top: 17rem;
    }

    .p2 {
        margin-top: -1.4vw;
    }

    .paddingl-c {
        margin-left: 0vw !important;
        padding-left: 4vw;
    }

    .font-gray-22 {
        font-size: 2.7vw;
        line-height: 0.9;
        margin-top: -1vw;
    }

    .subscription .submit-email .before-submit, .subscription .submit-email .after-submit {
        position: absolute;
        top: 0;
        left: 5vw;
        width: 100%;

        text-align: center;
        line-height: 9.3vw;
        transition: visibility .35s ease-in-out, opacity .35s ease-in-out;
    }

    .form-submit {
        height: 10.35vw;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-130vw, 0);
        }
        75% {
            transform: translate(-130vw, -25vw);
        }
        100% {
            transform: translate(-130vw, 25vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-130vw, 0);
        }
        75% {
            transform: translate(-130vw, -25vw);
        }
        100% {
            transform: translate(-130vw, 25vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 16vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-140vw, 0);
        }
        75% {
            transform: translate(-140vw, -25vw);
        }
        100% {
            transform: translate(-140vw, 25vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-140vw, 0);
        }
        75% {
            transform: translate(-140vw, -25vw);
        }
        100% {
            transform: translate(-140vw, 25vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .btn-3 {
        font-size: 2.4vw;
        width: 27vw;
        height: 9vw;
        margin-right: 2vw;
        margin-top: 0vw;
        padding-bottom: 1vw;
        padding-top: 0;
    }

    .text {
        font-size: 2.3vw;
        padding-top: 3.8vw;
        padding-left: 3vw;
        padding-right: 0%;
    }

    .contact-text {
        font-size: 23vw;
        padding-top: 16vw;
    }

    .btn-form {
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        padding-top: 0;
        padding-bottom: 0.2vw;
        vertical-align: middle;
        text-align: center;
        margin-top: 6vw !important;
    }

    .btn-3 {
        font-size: 2.4vw;
        width: 29vw;
        height: 9vw;
        margin-right: 2vw;
        margin-top: 0vw;
        padding-bottom: 0vw;
        padding-top: 0;
    }

    .btn-3:hover, .btn-3:active, .btn-3:focus, .btn-3:checked {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -29.4vw 0 0 0 #161615 inset;
    }

    .btn-2 {
        font-size: 3.5vw;
        width: 38vw;
        height: 12.5vw;
        margin: 0 0vw 0 0rem;
    }

    .btn-2-white {
        font-size: 3.5vw;
        width: 36vw;
        height: 10.5vw;
        margin: 0 0vw 0 0rem;
    }

    .btn-1 {
        font-size: 3.5vw;
        width: 36vw;
        height: 10.5vw;
        text-align: center;
        margin: 0 4vw 0 1.8vw;
    }

    .header-rectangle {
        width: 9vw;
        height: 11.6vw;
        right: -4.5vw;
    }

    .mt-up_rectangle {
        margin-top: -5.7vw !important;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up_rectangle2 {
        margin-top: -0.4vw;
    }

    .mt-up_rectangle-3 {
        margin-top: 1.60vw;
        padding-left: 0vw;
        margin-left: -1vw;
    }

    .mt-up-7 {
        margin-top: -3.2vw;
        padding-left: 5.5vw;
    }

    .mt-up_rectangle3 {
        margin-top: 0vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .mt-up_rectangle4 {
        margin-top: 1vw;
        padding-left: 0vw;
        margin-left: 0vw;
    }

    .text-center-parallelograms {
        margin-top: -2.5vw;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 36vw;
        top: 195.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-left: 2vw;
        padding-bottom: 0vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 45vw;
        top: 195.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-right: 2vw;
        padding-bottom: 0vw;
    }

    .padding-bottom {
        padding-bottom: 39% !important;
    }

    .sager-log img {
        width: 30vw;
        height: 12vw;
    }

    .mt-up-5 {
        margin-top: -0.3vw;
        padding-left: 3.7vw;
        margin-left: -2vw;
    }

    .mt-up7 {
        margin-top: -3.2vw;
        margin-left: -2.9vw;
        padding-bottom: 5vw;
    }

    .mt-up-8 {
        margin-top: -1.8vw;
        margin-left: -2.5vw;
        overflow-x: hidden !important;
    }

    .mt-up-9 {
        margin-top: -4.8vw;
        margin-left: -2.5vw;
        padding-bottom: 5vw;
    }

    .font-black-rect {
        font-size: 7vw;
        line-height: 0.1;
    }

    .red-rectangle-style {
        width: 9.4vw;
        height: 9.5vw;
        margin-top: -4.9vw;
        margin-left: 0.8vw;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.8vw;
        margin-left: 4.3vw;
    }

    .red-rectangle-index-slider {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.8vw;
        margin-left: 4.3vw;
    }

    .red-rectangle-index2 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.8vw;
        margin-left: 4.3vw;
        margin-right: 0;
    }

    .red-rectangle-index3 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -0.6vw;
        margin-left: 4.3vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -2.2vw;
    }

    .font-gray-rect-index2 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -2.2vw;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -2.3vw;
    }

}

/*=======================================================================
 Responsive screen 480px
=========================================================================*/
@media only screen and (min-width: 480px) {
    .rectangle__text3 {
        left: 7vw;
    }

    .tab--3_tx3 {
        padding-left: 1.5vw;
    }
    .white-button{
        height: 2.5rem !important;
    }

    .font--gray-2 {
        padding-bottom: 2vw;
        font-size: 2.885vw;
        margin-top: -3vw !important;
    }

    .rectangle-grey2 {
        height: 359vw;
    }

    .index-text-gray2 {
        padding-top: 13vw;
    }

    .font-gray-22 {
        font-size: 2.7vw;
        line-height: 0.9;
        margin-top: 0vw;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 227vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1.2;
        margin-top: -0.2vw;
    }

    .red-rectangle-style-about {
        margin-top: -3.5vw;
    }

    .p2 {
        margin-top: -0.8vw;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-120vw, 0);
        }
        75% {
            transform: translate(-120vw, -20vw);
        }
        100% {
            transform: translate(-120vw, 20vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-120vw, 0);
        }
        75% {
            transform: translate(-120vw, -20vw);
        }
        100% {
            transform: translate(-120vw, 20vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 14vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-120vw, 0);
        }
        75% {
            transform: translate(-120vw, -7.3vw);
        }
        100% {
            transform: translate(-120vw, 7.3vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-120vw, 0);
        }
        75% {
            transform: translate(-120vw, -7.3vw);
        }
        100% {
            transform: translate(-120vw, 7.3vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

}

/*=======================================================================
 Responsive screen 568px-500px
=========================================================================*/
@media only screen and (max-width: 568px)  and (min-width: 500px) {
    .tab--3_tx3 {
        padding-left: 2.5vw;
    }

    .rectangle__text3 {
        left: 5vw;
    }

    .img-slider--x1 {
        margin-left: 33vw !important;
        z-index: 999 !important;
        margin-top: -95vw !important;
        width: 40vw !important;
        height: 26vw !important;
    }

    .img-slider--x2 {
        margin-left: 33vw !important;
        z-index: 999 !important;
        margin-top: -98vw !important;
        width: 40vw !important;
        height: 26vw !important;
    }

    .img-slider--x3 {
        margin-left: 33vw !important;
        z-index: 999 !important;
        margin-top: -95vw !important;
        width: 40vw !important;
        height: 26vw !important;
    }

    .img-slider--x4 {
        margin-left: 33vw !important;
        z-index: 999 !important;
        margin-top: -85vw !important;
        width: 40vw !important;
        height: 26vw !important;
    }

    .img-slider--1 {
        margin-left: 44vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 38vw !important;
        height: 31.5vw !important;
    }

    .img-slider--2 {
        margin-left: 41vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 39vw !important;
        height: 31.5vw !important;
    }

    .img-slider--3 {
        margin-left: 41vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 39vw !important;
        height: 34.5vw !important;
    }

    .img-slider--4 {
        margin-left: 44vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 34vw !important;
        height: 35.5vw !important;
    }

    .text-style-scroll-lg {
        font-size: 2.6vw;
        padding-top: 111vw;
    }

    .rectangle-grey2 {
        height: 317vw;
    }

    .img-slider-2 {
        margin-left: 48vw !important;
        z-index: 999 !important;

        margin-top: -54vw !important;
        width: 39vw !important;
        height: 28vw !important;
    }

    .tx-vertical {
        font-size: 2.7vw;
        line-height: 0.7;
    }

    .img-text li {
        padding-bottom: 1.5vw;
        padding-left: 5vw !important;
    }

    .padding-t2-57 {
        padding-top: 30vw !important;
    }

    .padding-t2-5 {
        padding-top: 30vw !important;
    }

    .index-text-gray2 {
        padding-top: 6vw;
    }

    .p2 {
        margin-top: -.2vw;
    }

    .paddingl-c {
        margin-left: -0.6vw !important;
        padding-left: 5vw;
    }

    .font-gray-22 {
        margin-top: 2.5vw;
    }

    .font-gray {
        margin-top: -1.5vw;
    }

    .header-rectangle {
        width: 9vw;
        height: 11.9vw;
        right: -4.5vw;
    }

    .line-1 {
        height: 200vw
    }

    .line-22 {
        height: 200vw
    }

    .line-3 {
        height: 200vw
    }

    .line-4 {
        height: 200vw
    }

    .line-5 {
        height: 200vw
    }

    .padding-bottom {
        padding-bottom: 27% !important;
    }

    .date-text {
        margin-top: -1.7vw;
        font-size: 1.8vw;
    }

    .date-text-2 {
        margin-top: -3.8vw;
        font-size: 2.2vw;
    }

    .red-rectangle-style {
        width: 9.4vw;
        height: 9.5vw;
        margin-top: -3.4vw;
        margin-left: 0.8vw;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: 0vw;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-100vw, 0);
        }
        75% {
            transform: translate(-100vw, -20vw);
        }
        100% {
            transform: translate(-100vw, 20vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-100vw, 0);
        }
        75% {
            transform: translate(-100vw, -20vw);
        }
        100% {
            transform: translate(-100vw, 20vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 13vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-110vw, 0);
        }
        75% {
            transform: translate(-110vw, -7.3vw);
        }
        100% {
            transform: translate(-110vw, 7.3vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-110vw, 0);
        }
        75% {
            transform: translate(-110vw, -7.3vw);
        }
        100% {
            transform: translate(-110vw, 7.3vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .terms-text{
        font-size: 5.1vw ;
    }
    .terms-date{
        font-size: 2.0vw;
    }

 

}

/*=======================================================================
 Responsive screen 640px-570px
=========================================================================*/
@media only screen and (max-width: 640px)  and (min-width: 570px) {
    .tab--3_tx3 {

        padding-left: 3.5vw;

    }

    .rectangle__text3 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 4vw;
    }

    .font--gray-2 {
        padding-bottom: 2vw;
        font-size: 2.885vw;
        margin-top: -2vw !important;
    }

    .paddingl-report {
        margin-left: 0vw;
    }

    .font--gray--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -2vw;
        padding-bottom: 83vw;
    }

    .font--gray2--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;

        line-height: 1;
        margin-top: -2vw;
        padding-bottom: 83vw;
    }

    .text-style-scroll-lg {
        font-size: 2.6vw;
        padding-top: 112vw;
    }

    .rectangle-grey2 {
        height: 356vw;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        margin-left: 21vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -72vw !important;
        width: auto !important;
        height: 50vw !important;
    }

    .font--white {
        line-height: 1;
        padding-right: 0vw;
        font-size: 5.2vw;
    }

    .text--red2 {
        font-size: 3.5vw;
        margin-top: -6.5vw;
        padding-left: 25vw;
    }

    .padding-l-10 {
        padding-left: 7vw;
    }

    .font--gray {
        padding-bottom: 60vw;
        font-size: 2.885vw;
        margin-top: -2vw !important;
    }

    .index-text-gray2 {
        padding-top: 6vw;
    }

    .font--gray2 {
        padding-bottom: 85vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -1vw !important;
    }

    .img-text li {
        padding-bottom: 1.5vw;
        padding-left: 5vw !important;
    }

    .font-gray {
        font-size: 2.7vw;
        line-height: 1.2;
        margin-top: -2vw;
    }

    .font-gray-22 {
        font-size: 2.7vw;
        line-height: 0.9;
        margin-top: 3vw;
    }

    .red-rectangle-style {
        width: 9.4vw;
        height: 9.5vw;
        margin-top: -3.2vw;
        margin-left: 0.8vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -1vw;
    }

    .mt-\[15rem\] {
        margin-top: 24rem;
    }

    .margin-top-m {
        margin-top: -2.5vw !important;
    }

    .red-rectangle-index4 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -0.9vw;
        margin-left: 1.8vw;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -1.3vw;
    }

    .paddingl-5-index {
        padding-left: 5vw !important;
    }

    .red-rectangle-index3 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -0.6vw;
        margin-left: 2.3vw;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.4vw;
        margin-left: 4.3vw;
    }

    .footer-tx-2 {
        font-size: 2.8vw;
        line-height: 1;
    }

    .footer-tx-3 {
        font-size: 2.8vw;
        line-height: 1;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 228vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .date-text-2 {
        margin-top: -3.8vw;
        font-size: 2.2vw;
    }

    .date-text {
        margin-top: -1.7vw;
        font-size: 2.2vw;
    }

    .line-1 {
        height: 202.5vw
    }

    .line-22 {
        height: 202.5vw
    }

    .line-3 {
        height: 202.5vw
    }

    .line-4 {
        height: 202.5vw
    }

    .line-5 {
        height: 202.5vw
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1.2;
        margin-top: -0.2vw;
    }

    .red-rectangle-style-about {
        margin-top: -3.5vw;
    }

    .p2 {
        margin-top: 0vw;
    }

    .checkmark {
        width: 4.5vw;
        height: 4.5vw;
        margin: 3% 4.5vw 3% 15vw;
        stroke-width: 1vw;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 36vw;
        top: 184.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-left: 2vw;
        padding-bottom: 0vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 45vw;
        top: 184.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-right: 2vw;
        padding-bottom: 0vw;
    }


    .padding-bottom {
        padding-bottom: 35vw !important;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-93vw, 0);
        }
        75% {
            transform: translate(-93vw, -15vw);
        }
        100% {
            transform: translate(-93vw, 15vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-93vw, 0);
        }
        75% {
            transform: translate(-93vw, -15vw);
        }
        100% {
            transform: translate(-93vw, 15vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 11vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-95vw, 0);
        }
        75% {
            transform: translate(-95vw, -15vw);
        }
        100% {
            transform: translate(-95vw, 15vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-95vw, 0);
        }
        75% {
            transform: translate(-95vw, -15vw);
        }
        100% {
            transform: translate(-95vw, 15vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .terms-text{
        font-size: 4.2vw ;
    }
    .terms-date{
        font-size: 2.0vw;
    }

 
}

/*=======================================================================
 Responsive screen 736px-642px
=========================================================================*/
@media only screen and (max-width: 736px)  and (min-width: 630px) {
    .img-slider--x2 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -116vw !important;
        width: 60vw !important;
        height: 40vw !important;
    }

    .img-slider--x3 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -122vw !important;
        width: 60vw !important;
        height: 40vw !important;
    }

    .img-slider--x4 {
        margin-left: 18vw !important;
        z-index: 999 !important;
        margin-top: -112vw !important;
        width: 60vw !important;
        height: 40vw !important;
    }

    .font--gray-2 {
        padding-bottom: 2vw;
        font-size: 2.885vw;
        margin-top: -2vw !important;
    }

    .rectangle__text3 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 2vw;
    }

    .tab--3_tx3 {
        padding-left: 4.5vw;
    }

    .text-interactive-sm {
        padding-top: 4vw;
        font-family: Built;
        font-size: 4.2vw;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        padding-bottom: 1vw;
    }

    .text-style-scroll-lg {
        font-size: 2.6vw;
        padding-top: 113vw;
    }

    .rectangle-grey2 {
        height: 350vw;
    }

    .text-style-scroll2-lg {
        padding-top: 335vw;
        font-size: 3.6vw;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        margin-left: 22vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -71vw !important;
        width: auto !important;
        height: 50vw !important;
    }

    .index-text-gray--2 {
        padding-top: 9vw;
    }

    .font--white {
        line-height: 1;
        padding-right: 0vw;
        font-size: 5.2vw;
    }

    .text--red2 {
        font-size: 3.5vw;
        margin-top: -6.5vw;
        padding-left: 25vw;
    }

    .font--black-solartab {
        padding-bottom: 81vw;
        height: 15vw;
        padding-right: 0%;
        font-size: 6vw;
    }

    .font--gray {
        padding-bottom: 60vw;
        font-size: 2.885vw;
        margin-top: -2vw !important;
    }

    .font--gray2 {
        padding-bottom: 85vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -2vw !important;
    }

    .img-text li {
        padding-bottom: 1.5vw;
        padding-left: 6vw !important;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: 2.3vw;
    }

    .mt-\[15rem\] {
        margin-top: 27rem;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.8;
        margin-top: -1.7vw;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.4vw;
        margin-left: 4.3vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.2;
        margin-top: -1.7vw;
    }

    .margin-top-m {
        margin-top: -2vw !important;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -1.3vw;
    }

    .red-rectangle-index4 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1vw;
        margin-left: 3.8vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.2;
        margin-top: -0.7vw;
    }

    .font-gray-rect-index2 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -1.7vw;
    }

    .date-text {
        margin-top: -1.7vw;
        font-size: 2.2vw;
    }

    .date-text-2 {
        margin-top: -3.8vw;
        font-size: 2.2vw;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 224vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .footer-tx-2 {
        font-size: 2.8vw;
        line-height: 1;
    }

    .footer-tx-3 {
        font-size: 2.8vw;
        line-height: 1;
    }

    .p2 {
        margin-top: 0.2vw;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-90vw, 0);
        }
        75% {
            transform: translate(-90vw, -15vw);
        }
        100% {
            transform: translate(-90vw, 15vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-90vw, 0);
        }
        75% {
            transform: translate(-90vw, -15vw);
        }
        100% {
            transform: translate(-90vw, 15vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 10.5vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-90vw, 0);
        }
        75% {
            transform: translate(-90vw, -15vw);
        }
        100% {
            transform: translate(-90vw, 15vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-90vw, 0);
        }
        75% {
            transform: translate(-90vw, -15vw);
        }
        100% {
            transform: translate(-90vw, 15vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .terms-text{
        font-size: 4vw ;
    }
    .terms-date{
        font-size: 2vw;
    }

}

/*=======================================================================
 Responsive screen 768px
=========================================================================*/

@media only screen and (min-width: 768px) {
    .rectangle__text3 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 6vw;
    }
    .white-button{
        height: 3rem !important;
    }

 
    

    .img-slider--x1 {
        margin-left: 35vw !important;
        z-index: 999 !important;
        margin-top: -93vw !important;
        width: 44vw !important;
        height: 27vw !important;
    }

    .img-slider--x2 {
        margin-left: 35vw !important;
        z-index: 999 !important;
        margin-top: -87vw !important;
        width: 44vw !important;
        height: 27vw !important;
    }

    .img-slider--x3 {
        margin-left: 35vw !important;
        z-index: 999 !important;
        margin-top: -94vw !important;
        width: 44vw !important;
        height: 27vw !important;
    }

    .img-slider--x4 {
        margin-left: 35vw !important;
        z-index: 999 !important;
        margin-top: -84vw !important;
        width: 44vw !important;
        height: 27vw !important;
    }

    .text-interactive-lg {
        font-family: Built;
        font-size: 19vw;
        line-height: 0.46;
        text-align: center;
        color: #777;
        padding-top: 11vw;
    }

    .text-interactive-sm {
        padding-top: 4vw;
        font-family: Built;
        font-size: 4.2vw;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        padding-bottom: 1vw;
    }

    .font--gray--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -1vw;
        padding-bottom: 84vw;
    }

    .font--gray2--rect {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;

        line-height: 1;
        margin-top: -1vw;
        padding-bottom: 84vw;
    }

    .paddingl-report {
        margin-left: 0vw;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: 2.7vw;
    }

    .text-style-scroll-lg {
        font-size: 2.6vw;
        padding-top: 111vw;
    }

    .rectangle-grey2 {
        height: 350vw;
    }

    .text-style-scroll2-lg {
        padding-top: 334vw;
        font-size: 3.6vw;
    }

    .text--red2 {
        font-size: 3.5vw;
        margin-top: -6.5vw;
        padding-left: 22vw;
    }

    .font--white {
        line-height: 1;
        padding-right: 0vw;
        font-size: 5vw;
    }

    .index-text-gray--2 {
        padding-top: 7vw;
    }

    .padding-t-57 {
        padding-top: 32vw !important;
    }

    #owl-carousel--2 .owl-nav {
        top: 87vw !important;
        right: 5% !important;
        margin-bottom: 10vw;
    }

    .font--gray3 {
        padding-bottom: 85vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -2vw !important;
    }

    .tx-vertical {
        font-size: 2.8vw;
        line-height: 0.7;
    }

    .font--gray-2 {
        padding-bottom: 2vw;
        font-size: 2.885vw;
        margin-top: -1vw !important;
    }

    .font--gray {
        padding-bottom: 60vw;
        font-size: 2.885vw;
        margin-top: -1vw !important;
    }

    .bg--text {
        font-size: 24vw;
        line-height: 0.3;
        padding-top: 8vw;
    }

    .font--gray2 {
        padding-bottom: 85vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -2vw !important;
    }

    .bg2--text {
        font-size: 24vw;
        line-height: 0.3;
        padding-top: 13vw;
    }

    .img-text li {
        padding-bottom: 1.5vw;
        padding-left: 7vw !important;
    }

    .section-black {
        height: 100%;
    }

    .section-red {
        padding-left: 26vw;
        height: 125.8%;
        padding-top: 9.9vw;
        padding-bottom: 3.4vw;
    }

    .section--red {
        padding-top: 8.9vw;
        padding-left: 26vw;
        height: 102.3%;
    }

    .container--solar {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 11vw;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        margin-left: 44vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -48vw !important;
        width: auto !important;
        height: 30vw !important;
    }

    .img-slider-2 {
        margin-left: 44vw !important;
        z-index: 999 !important;

        margin-top: -54vw !important;
        width: 40vw !important;
        height: 30vw !important;
    }

    .img-slider--1 {
        margin-left: 44vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 38vw !important;
        height: 31.5vw !important;
    }

    .img-slider--2 {
        margin-left: 41vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 39vw !important;
        height: 31.5vw !important;
    }

    .img-slider--3 {
        margin-left: 41vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 39vw !important;
        height: 34.5vw !important;
    }

    .img-slider--4 {
        margin-left: 44vw !important;
        z-index: 999 !important;
        margin-top: -110vw !important;
        width: 34vw !important;
        height: 35.5vw !important;
    }

    .index-text-gray2 {
        padding-top: 5vw;
    }

    .padding-t2-57 {
        padding-top: 32vw !important;
    }

    .padding-t2-5 {
        padding-top: 32vw !important;
    }

    .padding-l-10 {
        padding-left: 6vw;
    }

    .img-text2 li {
        padding-bottom: 0.5vw;
        padding-left: 0vw;
        margin-left: -0.3vw;
    }

    .header-tx-lg, .js-hero-headline {
        padding-right: 10% !important;
        font-size: 10.6vw;
        line-height: 0.92;
    }

    .header-tx-lg2, .js-hero-headlin {
        padding-right: 0% !important;
        font-size: 9vw;
        line-height: 1;
    }

    .container-body {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 5vw;
    }

    .container-body2 {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 3vw;
        margin-bottom: 0vw;
    }

    .parallax2 {
        padding-top: 16vw;
    }

    .parallax {
        background-image: url(../img/parallax.png);
        min-height: 50vw;
        height: 80vw;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
        position: relative;
        background-size: 100% 100vh;
    }

    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 2.85vw;
        position: absolute;
        left: -2vw;
        top: 215.5vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: 2.7vw;
        text-align: left;
        color: #777;
        line-height: 1.3;
        margin-top: -1.5vw;
    }

    .text-\[16px\] {
        font-size: 4vw;
    }

    .text-\[28px\] {
        font-size: 6vw;
    }

    .mt-\[15rem\] {
        margin-top: 25rem;
    }

    .pic-owl {
        margin-left: 0vw !important;
        margin-top: -115vw !important;
        width: 100% !important;
        height: 58vw !important;
    }

    .pt-40 {
        padding-top: 66vw !important;
    }

    .red-rectangle-index-slider2 {
        width: 10.6vw !important;
        height: 7.9vw !important;
        margin-top: -1.5vw;
        margin-left: 2.8vw;
    }

    .padding-x-3 {
        padding-top: 1vw;
        padding-bottom: 7vw;
    }

    .red-rectangle-style-about {
        margin-top: -3.5vw;
    }

    .img-bg-4 {
        padding-top: 50vw;
    }

    .img-bg-5 {
        padding-top: 12vw;;
    }

    .img-bg-6 {
        padding-top: 70vw;;
    }

    .img-bg-7 {
        padding-top: 13vw;
    }

    .img-bg-8 {
        padding-top: 10vw;
    }

    .img-bg-9 {
        padding-top: 10vw;
    }

    .img-bg-10 {
        padding-top: 10vw;
    }

    .img-bg-11 {
        padding-top: 10vw;
    }

    .img-bg-3 {
        padding-top: 10vw;
    }

    .img-bg-2 {
        padding-top: 10vw;
    }

    .img-bg-1 {
        padding-top: 10vw;
    }

    .img-bg-14 {
        padding-top: 10vw;

    }

    .img-bg-13 {
        padding-top: 10vw;
    }

    .img-bg-12 {
        padding-top: 13vw;
    }

    .p2 {
        margin-top: 0.6vw;
    }

    .paddingl-c {
        margin-left: -0.6vw !important;
        padding-left: 5vw;
    }

    .font-gray-22 {
        margin-top: 2.5vw;
    }

    .font-gray {
        margin-top: -1.5vw;
    }

    .checkmark {
        width: 4.5vw;
        height: 4.5vw;
        margin: 3% 4.5vw 3% 15vw;
        stroke-width: 1vw;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-70vw, 0);
        }
        75% {
            transform: translate(-72vw, -12vw);
        }
        100% {
            transform: translate(-72vw, 12vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-72vw, 0);
        }
        75% {
            transform: translate(-72vw, -12vw);
        }
        100% {
            transform: translate(-72vw, 12vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 9vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-75vw, 0);
        }
        75% {
            transform: translate(-75vw, -12vw);
        }
        100% {
            transform: translate(-75vw, 12vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-75vw, 0);
        }
        75% {
            transform: translate(-75vw, -12vw);
        }
        100% {
            transform: translate(-75vw, 12vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .paddingl-3-index {
        padding-left: 5.5vw !important;
    }

    .ml-rectangle {
        margin-left: 2vw !important;
    }

    .container5 {
        margin-top: 13vw;
    }

    .paddingl-5-index {
        padding-left: 3.4vw !important;
    }

    .paddingl-1-index {
        padding-left: 5vw !important;
    }

    .btn-2 {
        font-size: 2.5vw;
        width: 22vw;
        height: 5.5vw;
        margin: 1vw 0vw 0 0rem;
    }

    .red-rectangle-index4 {
        width: 8vw;
        height: 6vw;
        margin-top: 0.3vw;
        margin-left: 2.4vw;
    }

    .header-tx-vertical {
        font-size: 4.8vw;
    }

    .header-rectangle {
        width: 9vw;
        height: 11.7vw;
        right: -2.5vw;
    }

    .center {
        margin-top: -16vw;
        padding-left: 5vw !important;
    }

    .scroll {
        margin-top: 0vw;
        padding-top: 2.8vw;
    }

    .mt-up_rectangle {
        margin-top: -5.1vw !important;
        padding-left: 0vw;
        margin-left: -2.7vw;
    }

    .mt-up-1 {
        margin-top: -7.7vw !important;
        padding-left: 3.4vw;
    }

    .mt-up_rectangle2 {
        margin-top: -0.3vw;
    }

    .mt-up-7 {
        margin-top: -3.2vw;
        padding-left: 5.5vw;
    }

    .padding-rectangle {
        margin-top: 2.6vw;
        margin-left: -4vw;
    }

    .mt-up_rectangle-3 {
        margin-top: 1.3vw;
        padding-left: 0vw;
        margin-left: -2.5vw;
    }

    .mt-up-5 {
        margin-top: -0.8vw;
        padding-left: 1.45vw;
        margin-left: 0vw;
    }

    .mt-up-6 {
        margin-top: -5.8vw;
        padding-left: 0vw;
        padding-bottom: 9vw;
        margin-left: -1vw;
    }

    .mt-up_rectangle3 {
        margin-top: 0.8vw;
        padding-left: 0vw;
        margin-left: -2.6vw
    }

    .mt-up7 {
        margin-top: -3.2vw;
        margin-left: -3.6vw;
        padding-bottom: 5vw;
    }

    .mt-up-8 {
        margin-top: -2.3vw;
        margin-left: -0.5vw;
        overflow-x: hidden !important;
    }

    .mt-up_rectangle4 {
        margin-top: 0.2vw;
        padding-left: 0vw;
        margin-left: -2.5vw;
    }

    .mt-up-9 {
        margin-top: -5vw;
        margin-left: -2.5vw;
        padding-bottom: 5vw;
    }

    .mt-up_rectangle10 {
        margin-top: 0.2vw;
        padding-left: 0.5vw;
    }

    .mt-up-20 {
        margin-top: -3vw;
        margin-left: -2vw;
        padding-bottom: 7vw;
    }

    .date-text {
        margin-top: -1.7vw;
        font-size: 1.7vw;
    }

    .date-text-2 {
        margin-top: -3.8vw;
        font-size: 2.2vw;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 36vw;
        top: 185.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-left: 1.3vw;
        padding-bottom: 0vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 45vw;
        top: 185.5vw;
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
        padding-right: 1.3vw;
        padding-bottom: 0vw;
    }

    .line-1 {
        height: 172vw
    }

    .line-22 {
        height: 172vw
    }

    .line-3 {
        height: 172vw
    }

    .line-4 {
        height: 172vw
    }

    .line-5 {
        height: 172vw
    }

    .padding-bottom {
        padding-bottom: 20% !important;
    }

    .swiper-button-prev, .swiper-button-next {
        top: 76% !important;
    }

    .sager-log img {
        width: 30vw;
        height: 11vw;
    }

    .font-gray-sm {
        font-size: 2.85vw;
    }

    .red-rectangle-style {
        width: 9.4vw;
        height: 9.5vw;
        margin-top: -3.5vw;
        margin-left: 0.8vw;
    }

    .padding-chechbox input[type="checkbox"] {
        width: 8vw;
        height: 3vw;
        padding: 0.7vw;
        top: 1.1vw;
    }

    .padding-chechbox2 input[type="checkbox"] {
        width: 8vw;
        height: 3vw;
        padding: 0.7vw;
        top: 1.1vw;
    }

    .footer-tx-2 {
        font-size: 2.8vw;
        line-height: 1;
    }

    .footer-tx-3 {
        font-size: 2.8vw;
        line-height: 1;
    }

    .footer-container {
        margin-top: -2vw;
        padding-bottom: 7vw;
        padding-top: 11vw;
    }

    .footer-text-lg {
        font-size: 12.5vw;
        padding-top: 87vw;
    }

    .btn-2-white {
        font-size: 3.5vw;
        width: 38vw;
        height: 12.5vw;
        margin: 0 0vw 0 0rem;
    }

    .btn-1 {
        font-size: 3.5vw;
        width: 36vw;
        height: 12.5vw;
        margin: 0 2vw 0 2vw;
    }

    .btn-2 {
        font-size: 3.5vw;
        width: 36vw;
        height: 12.5vw;
        margin: 0 0vw 0 0rem;
    }

    .offcanvas-menu {
        margin: 20px 0;
        margin-left: -3vw !important;
    }

    .red-rectangle-index {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.4vw;
        margin-left: 2.3vw;
    }

    .red-rectangle-index-slider {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.4vw;
        margin-left: 2.3vw;
    }

    .red-rectangle-index2 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.4vw;
        margin-left: 4.8vw;
        margin-right: 0;
    }

    .red-rectangle-index3 {
        width: 9vw;
        height: 7vw;
        margin-top: 0.2vw;
        margin-left: 2.3vw;
    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: 3.1vw;
    }

    .font-gray-rect-index2 {
        font-family: TeXGyreAdventor;
        font-size: 2vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: 2.1vw;
    }

    .container-5 {
        margin-top: 12vw;
    }

    .font-black-rect-index2 {
        font-size: 6vw;
        line-height: 1;
    }

    .margin-top-m {
        margin-top: 0vw !important;
    }

    .font-black-rect-index3 {
        font-size: 4.2vw;
        line-height: 0.9;
    }

    .font-black-rect-index4 {
        font-size: 4.2vw;
        line-height: 0.9;
    }

    .img1 {
        width: 60vw;
        height: 10vw;
        margin-top: 40vw;
    }

    .pr {
        padding-right: 0;
        padding-top: 4vw;
    }
    .terms-text{
        font-size: 3vw ;
    }

}

/*=======================================================================
 Responsive screen 992px
=========================================================================*/

@media only screen and (min-width: 800px) {
    .rectangle__text3 {
        width: 3vw;
        height: 4.5vw;
        position: absolute;
        left: 4vw;
    }

    .font--gray3 {
        padding-bottom: 93vw;
        font-size: 2.885vw;
        line-height: 1.2;
        margin-top: -2vw !important;
    }

    .font--black-solartab {
        padding-bottom: 84vw;
        height: 15vw;
        padding-right: 0%;
        font-size: 6vw;
    }

    .index-text-gray2 {
        padding-top: 15vw;
    }

    .bg2--text {
        font-size: 24vw;
        line-height: 0.3;
        padding-top: 11vw;
    }

    .font-gray-rect {
        font-size: 2.2vw;
        line-height: 1;
        margin-top: 2.7vw;
    }

    .mt-\[15rem\] {
        margin-top: 30rem;
    }

    .red-rectangle-index2 {
        width: 9.6vw;
        height: 7.9vw;
        margin-top: -1.4vw;
        margin-left: 3.8vw;
        margin-right: 0;
    }

    .paddingl-6-index {
        padding-left: 5vw !important;
    }

    .paddingl-5-index {
        padding-left: 4.4vw !important;
    }
    .terms-text{
        font-size: 3.6vw ;
    }
    .terms-date{
        font-size: 1.5vw;
    }


}

@media only screen and (max-width: 1024px){
    .image-container{
        width: 92vw !important;
        height: 76.6vw !important;
    }
    .blog-responsive{
        background-color:#efefef;
        height: 100vw;
         width: 100%;
         margin-bottom: 100px;
      }
      .news-img{
        width: 88vw;
        height: 51.76vw;
      }
    
 
}
/*=======================================================================
 Responsive screen 1024px
=========================================================================*/

@media only screen and (min-width: 1024px) {
    .height2 {
        height: 23.5vw;
    }
    .career{
        display: none !important;
    }
    
    .text--grey2-sm3 {
        padding-right: 22vw;
        padding-left: 0.5vw;
        font-family: TeXGyreAdventor;
        font-size: .8vw;
        text-align: left;
        color: #ccc;
        line-height: 1.5;
        height: 4vw;
    }
    .blog-responsive{
        background-color:#efefef;
        margin-bottom: 1.8vw;
        height: 28vw;
         width: 100%;
      }

    .tab--3_tx {
        font-family: TeXGyreAdventorbold;
        text-transform: uppercase;
        padding-top: 2.5vw;
        font-size: 1.5vw;
        line-height: 0.85;
        text-align: left;
        color: #161615;
    }

    .text-const-num {
        font-family: Built;
        font-size: 2.2vw;
        line-height: 2.75;
        text-align: left;
        color: #777;
        padding-left: 1.6vw;
    }

    .text-const-xs2 {
        font-size: 1vw;
        padding-top: 1.8vw;
    }

    .rectangle-222 {
        height: 6.6vw;
    }

    .container-construction {
        height: 40vw;
    }

    .text-const-xs {
        font-size: 0.85vw;
    }

    .padding-report2 {
        padding-top: 1.5vw;
        padding-left: 14vw;
        padding-right: 14vw;
    }

    .bold-tx {
        font-size: 0.85vw;
    }

    .rectangle--tx3 {
        font-family: TeXGyreAdventorbold;
        font-size: 1vw;
        line-height: 1.3;
        text-align: center;
        color: #161615;
        padding-top: 1vw
    }

    .rectangle3-f8f8f8 {
        width: 15vw;
        height: 16vw;
        background-color: #f8f8f8;
    }


    .rectangle__text3 {
        width: 1vw;
        height: 1.5vw;
        position: absolute;
        left: 4vw;
    }

    .tab--3_tx4 {
        font-size: 0.85vw;
        line-height: 0.8;
    }

    .tab--3_tx5 {
        padding-top: 1.3vw;
        font-size: 0.85vw;
        line-height: 0.8;
    }

    .tab--3_tx3 {
        font-size: 0.85vw;
    }

    .height {
        height: 18vw;
        overflow-y: hidden;
    }

    .paddingl-5-rect {
        padding-left: 2.7vw !important;
    }

    .index-text--gray2 {
        font-family: Built;
        font-size: 12.5vw;
        line-height: 0.39;
        text-align: center;
        color: #222;
        padding-top: 5vw;
        padding-left: 0;
    }

    .paddingl-report {
        margin-left: -1.4vw;
    }

    .font--black-solar2 {
        font-family: built;
        font-size: 3vw;
        line-height: 0.9;
        text-align: center;
        color: #161615;
        padding-left: 20vw;
        padding-right: 20vw;
    }

    .font--black2 {
        margin-top: 2vw !important;
        padding-left: 0vw;
        font-family: built;
        font-size: 3vw;
        line-height: 0.9;
        text-align: left;
        color: #161615;
    }

    .font--gray--rect {
        padding-bottom: 0.5vw;
        font-family: TeXGyreAdventor;
        font-size: 0.885vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -0.7vw;
    }

    .font--gray2--rect {
        padding-bottom: 0.5vw;
        font-family: TeXGyreAdventor;
        font-size: 0.885vw;
        text-align: left;

        line-height: 1;
        margin-top: -0.7vw;
    }

    .font-black--rect {
        font-family: built;
        font-size: 3vw;
        line-height: 0.9;
        text-align: left;
        color: #fff;
        margin-top: -0.5vw;
    }

    .font-black2--rect {
        font-family: built;
        font-size: 3vw;
        line-height: 0.9;
        text-align: left;
        margin-top: -0.5vw;
    }

    .container-inspection {
        padding-left: 7vw;
        padding-right: 7vw;
        padding-top: 5vw;
        padding-bottom: 7vw;
        background-color: #161615;
        margin-right: 0vw;
        margin-left: 0vw;
    }

    .reporting-icon-1, .reporting-icon-2, .reporting-icon-3, .reporting-icon-4, .reporting-icon-5, .reporting-icon-6 {
        height: 18vw;
        margin-bottom: 1.4vw;
    }

    .reporting-icon-tx-sm {
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
        line-height: 1.38;
        text-align: center;
        color: #ccc;
        padding-right: 3.7vw;
        padding-left: 3.7vw;
    }

    .reporting-icon-tx-lg {
        font-family: TeXGyreAdventorbold;
        font-size: 1.3vw;
        line-height: 1.08;
        text-align: center;
        color: #fff;
        padding-top: 9vw;
        padding-bottom: 1.5vw;
    }

    .padding-report {
        padding-top: 3vw;
        padding-left: 21vw;
        padding-right: 21vw;
    }

    .text-reporting {
        font-family: Built;
        padding-top: 8vw;
        font-size: 14.5vw;
        line-height: 0.46;
        text-align: center;
        color: #f8f8f8;
    }

    .text-reporting2 {
        font-family: Built;
        padding-top: 8vw;
        font-size: 13.5vw;
        line-height: 0.46;
        text-align: center;
        color: #f8f8f8;
    }

    .container-parallelograms {
        text-align: center;
        margin-top: -1vw;
        padding-bottom: 6vw;
        margin-left: 6vw;
        margin-right: 6vw;
    }

    .parallelograms-sm {
        width: 44vw;
        height: 2vw;
        display: inline-block;
        background: #d90915;
        border: 1px solid #d90915;
        transform: skewX(-32deg);
    }

    .parallelograms-sm2 {
        right: 28vw;
        margin-top: 5vw;
        width: 44vw;
        height: 2vw;
        display: inline-block;
        background: #d90915;
        border: 1px solid #d90915;
        transform: skewX(-32deg);
    }

    .text-interactive-xs {
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
        line-height: 1.38;
        text-align: center;
        color: #efefef;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .text-interactive-sm {
        padding-top: 0.5vw;
        font-family: Built;
        font-size: 2.2vw;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        padding-bottom: 1vw;
    }

    .text-interactive-md {
        font-family: Built;
        font-size: 3.5vw;
        line-height: 1;
        text-align: center;
        color: #fff;
        padding-right: 20vw;
        padding-left: 20vw;
        margin-top: -1.2vw;
    }

    .text-interactive-lg {
        font-family: Built;
        font-size: 14vw;
        line-height: 0.46;
        text-align: center;
        color: #777;
        padding-top: 7vw;
    }

    .padding-22 {
        padding-top: 1.5vw;
        padding-left: 0;
        padding-right: 10%;
    }

    .insp-text {
        padding-top: 6.5vw;
        padding-left: 0;
        padding-right: 0;
        font-family: Built;
        font-size: 11vw;
        line-height: 0.38;
        text-align: left;
        color: #f8f8f8;
        padding-left: 0;
    }

    .header_container-padding {

        padding-right: 60%;
    }

    .drone-telecom {
        margin-left: 14vw;
        width: 28vw;
        height: 30vw;
        margin-top: -3vw;
    }

    .padding-top--5 {
        padding-bottom: 0.5vw;
    }

    .high-style {
        height: 7.6vw;
    }

    .pr--22 {
        padding-right: 4vw;
    }

    .font--black-training {
        font-size: 3vw;
        padding-left: 20vw;
        padding-right: 20vw;
    }

    .enroll {
        font-family: Built;
        font-size: 15vw;
        line-height: 0.39;
        color: #f8f8f8;
        margin-bottom: 10vw;
    }

    .container-white-solar {
        padding-bottom: 3vw;
    }

    .enroll_sm {
        font-size: 1vw;
        line-height: 0.3;
        padding-bottom: 2vw;
    }

    .container-grey-video {
        padding-left: 7vw;
        padding-right: 5.3vw;
        background-color: #161615;
        margin-top: 6vw;
        padding-bottom: 0.5vw;
    }

    .font-video-md3 {
        font-size: 3.2vw;
    }

    .text-video {
        font-size: 1vw;
        line-height: 1.22;
        padding-top: 2.3vw;
        padding-left: 0.5vw;
        padding-right: 7vw;
    }

    .imgprofile {
        margin-top: 2vw;
        width: 5vw;
        height: 5vw;
    }

    .videosize2 {
        width: 100%;
        height: 25vw;
    }

    .check {
        width: 1.7vw;
        height: 1.7vw;
    }

    .check2 {
        width: 1.7vw;
        height: 1.7vw;
    }

    .font-video-md2 {
        font-size: 2.3vw;
    }

    .plr-0 {
        padding-left: 0.5vw;
        padding-right: 0.5vw
    }

    .font-gray-sm-center {
        padding: 0;
        margin: 0;
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
        line-height: 1.33;
        text-align: center;
        color: #777;
    }

    .num-md {
        font-family: TeXGyreAdventor;
        font-size: 2.2vw;
        line-height: 2;
        text-align: center;
        color: #161615;
    }

    .sm-icon4-padding {
        padding-left: 3vw;
    }

    .sm-icon3-padding {
        padding-left: 2vw;
    }

    .sm-icon2-padding {
        padding-left: 2.5vw;
    }

    .sm-icon {
        width: 3vw;
        height: 3.2vw;
    }

    .sm-icon-padding {
        padding-left: 0.5vw;
        padding-top: 5.3vw;
        text-align: center;
        justify-content: flex-start;
    }

    .group-icon img {
        width: 60vw;
        height: 14vw;
    }

    .font-video-md {
        font-family: Built;
        font-size: 2.3vw;
        line-height: 1.75;
        text-align: left;
        color: #161615;
        padding-top: 2vw;
    }

    .videosize {
        width: 100%;
        height: 25vw;
        position: absolute;
        margin-top: 0vw;
    }

    .ptt-3 {
        padding-top: 4vw !important;
        padding-bottom: 0vw;
    }

    .caretdown-1 {
        font-size: 2vw !important;
    }

    .slide-top2 {
        overflow: unset;
        animation: slide-top2 1s linear infinite alternate both;
        margin-top: -6vw;
    }

    @keyframes slide-top2 {
        0% {
            transform: translateY(10px);
        }
        100% {
            transform: translateY(20px);
        }
    }

    .owl-dots .owl-dot .but-slider-2 {
        margin-left: 0.4vw;
        width: 6.5vw;
        height: 2.3vw;
        font-size: 0.85vw;
        line-height: 1.13;
    }

    .owl-dots .owl-dot .but-slider-1 {
        width: 4vw;
        height: 2.3vw;
        font-size: 1.9vw;
        margin-left: 2.2vw;
        line-height: 1;
    }

    .reg-red {
        width: 4vw !important;
        height: 2vw;
        padding: 0;
        margin-top: 0.3vw;
    }

    .slider-2-sm {
        font-size: 0.85vw;
        padding-right: 56%;
        padding-bottom: 1vw;
        padding-left: 2.8vw;
    }

    .slider-2-lg {
        font-size: 3vw;
        padding-bottom: 2vw;
    }

    .slider-2-xl {
        font-size: 6vw;
        margin-left: -1vw !important;
        width: 35vw;
    }

    .j-s-pilot-network {
        font-size: 6vw;
        margin-left: -2.4vw !important;
        width: 35vw;
    }

    .header_container-slider {
        margin-top: 0vw;
        padding-left: 3.7vw;
        height: 100vh;
        padding-top: 15vw;
    }

    .pt-32 {
        padding-top: 10vw;
        padding-bottom: 0vw;
    }

    .pt-34 {
        padding-top: 11vw;
        padding-bottom: 10vw;
    }

    .text-style-scroll2-lg {
        font-family: Built;
        font-size: 1.6vw;
        line-height: 1.57;
        text-align: center;
        padding-top: 80vw;
        text-align: center;
        color: #fff;
    }

    .rectangle-grey {
        text-align: right;
        right: 0;
        width: 22vw;
        height: 100vw;
        position: absolute;
        margin-right: 5.3vw;
        margin-top: -0.5vw;
        background-color: #efefef;
    }

    .rectangle-grey2 {
        text-align: right;
        right: 0;
        width: 22vw;
        height: 89.5vw;
        position: absolute;
        margin-right: 5.3vw;
        margin-top: 0vw;
        background-color: #222222;
    }

    .text-style-scroll-lg {
        font-family: Built;
        font-size: 1.6vw;
        line-height: 1.57;
        text-align: center;
        color: #161615;
        padding-top: 79vw;
    }

    .container-video {
        margin-left: 7vw;
        margin-right: 5.3vw;
        margin-top: 2vw;
    }

    .header_container-slider .owl-theme .owl-nav {
        top: 25vw !important;
        right: 89.8% !important;
    }

    #owl-carousel-3 .owl-dots {
        display: inline-flex;
        margin-top: 0vw;
    }

    .font--black {
        margin-top: -0.9vw !important;
    }

    .paddingll-1 {
        padding-left: 0vw !important;
    }

    .img-text-2 li {
        padding-bottom: 0.5vw;
        padding-left: 2vw;
        list-style-type: none;
    }

    .content--slider {
        width: 100%;
        text-align: left;
        padding-left: 6.5vw;
        padding-top: 3vw;
        padding-right: 0;
        margin: 0;
    }

    .height-blog {
        height: 13vw;
    }

    .hero__slides {
        padding-top: 10vw;
        padding-bottom: 0;
    }

    .hero__video-wrapper video {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }

    .text--grey2-sm2 {
        height: 1vw;
    }

    .section-black {

        height: 100%;
    }

    .img-text li {
        padding-bottom: 0.5vw;
        padding-left: 0vw !important;
    }

    .font--container-grey-solar a {
        font-size: 1vw;
        line-height: 1.22;
    }

    .font--container-grey-solar {
        font-size: 1vw;
        line-height: 1.22;
    }

    .font--black-solar {
        font-size: 3vw;
        padding-left: 24vw;
        padding-right: 24vw;
    }

    .font--black--solar {
        font-size: 3vw;
    }

    .pic-solar {
        width: 8vw !important;
        height: 8vw;
        margin-top: 3vw;
        margin-left: 2.5vw;
        margin-bottom: 5vw;
    }

    #owl-carousel-2 .item2 {
        margin-top: 0vw;
        height: 31vw !important;
    }

    #owl-carousel--2 .item2 {
        margin-top: 0vw;
        padding-bottom: 3.5vw !important;
        height: 31vw !important;
    }

    .solar-icon {
        width: 14vw;
        height: 7vw;
        margin-top: 2.5vw;
    }

    .container--solar {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 12vw;
    }

    .paddingl-solar {
        margin-left: -3vw !important;
    }

    .padding-t-57 {
        padding-top: 2vw !important;
    }

    .padding-t2-57 {
        padding-top: 2vw !important;
    }

    .padding-t2-5 {
        padding-top: 4.5vw !important;
    }

    .jo-circle {
        margin-left: 32vw;
        margin-top: -14vw;
    }

    .ae-circle {
        margin-left: 34vw;
        margin-top: -13.6vw;
    }

    .sa-circle {
        margin-left: 31.5vw;
        margin-top: -13vw;
    }

    .kw-circle {
        margin-left: 30.4vw;
        margin-top: -14.7vw;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -35vw !important;
        width: auto !important;
        height: 30vw !important;
    }

    .img-slider-2 {
        margin-left: 45vw !important;
        z-index: 999 !important;

        margin-top: -25vw !important;
        width: 30vw !important;
        height: 30vw !important;
    }

    .img-slider--x1 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -37vw !important;
        width: 30vw !important;
        height: 30vw !important;
    }

    .img-slider--x2 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -43vw !important;
        width: 30vw !important;
        height: 30vw !important;
    }

    .img-slider--x3 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -37vw !important;
        width: 30vw !important;
        height: 30vw !important;
    }

    .img-slider--x4 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -37vw !important;
        width: 30vw !important;
        height: 30vw !important;
    }

    .img-slider--1 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -37vw !important;
        width: 30vw !important;
        height: 30vw !important;
    }

    .img-slider--2 {
        margin-left: 42vw !important;
        z-index: 999 !important;
        margin-top: -37vw !important;
        width: 33vw !important;
        height: 30vw !important;
    }

    .img-slider--3 {
        margin-left: 42vw !important;
        z-index: 999 !important;
        margin-top: -37vw !important;
        width: 33vw !important;
        height: 33vw !important;
    }

    .img-slider--4 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -38vw !important;
        width: 30vw !important;
        height: 34vw !important;
    }

    .padding-l-10 {
        padding-left: 1.5vw;
    }

    .content-slider {
        padding-left: 6.5vw;
    }

    .section-red {
        padding-left: 19vw;
        padding-top: 13.9vw;
        padding-bottom: 3.4vw;
    }

    .section--red {
        padding-left: 19vw;
    }

    .tab--2 button {
        font-size: 1vw;
    }

    .tab--3 {
        width: 43vw;
    }

    .tab--3 button {
        font-size: 1vw;
    }

    .tab--2 {
        width: 58.5vw;
    }

    .parallelogramssolar {
        margin-left: 1vw;
        width: 43vw;
        height: 2vw;
        display: inline-block;
        background: #efefef;
        border: 1px solid #efefef;
        transform: skewX(
                -32deg);
    }

    .parallelogramssolar-1 {
        margin-left: 1vw;
        width: 43vw;
        height: 2vw;
        display: inline-block;
        background: #d90915;
        border: 1px solid #d90915;
        transform: skewX(
                -32deg);
    }

    .tab--solar-img {
        width: 40.5vw;
        position: absolute;
        margin-top: -18vw;
        right: -31.45vw;
        height: 23vw;
        z-index: 2;
    }

    .tab--const-img {
        width: 35.5vw;
        position: absolute;
        margin-top: -21vw;
        right: -28.45vw;
        height: 23vw;
        z-index: 2;
    }

    .tab--const-img2 {
        width: 35.5vw;
        position: absolute;
        margin-top: -21vw;
        right: -28.45vw;
        height: 23vw;
        z-index: 2;
    }

    .img-text2 li {
        padding-bottom: 0.5vw;
        padding-left: 0vw;
        margin-left: -1.3vw;
    }

    .rectangle__text2 {
        width: 1vw;
        height: 1.5vw;
        position: absolute;
        left: 0vw;
    }

    .tab--white {
        height: 34vw;
    }

    .font--black-solartab2 {
        font-size: 1vw;
    }

    .tab--3_tx2 {
        font-size: 1vw;
    }

    .font--black-solartab {
        padding-bottom: 1vw;
        height: 6.5vw;
        padding-right: 50%;
        font-size: 3vw;
    }

    .tab-bg-grey {
        height: 115%;
    }

    .font--black-solartab2 {
        padding-left: 0vw;
    }

    .section-red {
        padding-top: 13.9vw;
        padding-bottom: 3.4vw;
        height: 106.5%;
    }

    .section--red {
        padding-top: 13.9vw;
        padding-bottom: 3.4vw;
        height: 106.7%;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        height: 30vw !important;
    }

    .img-slider-2 {
        height: 30vw !important;
    }

    .padding-btn3 {
        padding-top: 2.4vw;
    }

    .container-body {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 5vw;
    }

    .container-body2 {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 3vw;
        margin-bottom: 0vw;
    }

    .parallax2 {
        padding-top: 10vw;
    }

    .parallax {
        background-image: url(../img/parallax.png);
        min-height: 21vw;
        height: 21vw;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        background-size: 100% 100vh;
    }

    .drone-top-views {
        height: 56vw;
    }

    .header-tx--sm {
        padding-right: 60%;
        font-size: 0.9vw;;
    }

    .hero__controls {
        margin-top: 9.5vh;
    }

    .slider-nav {
        bottom: 5vw;
    }

    .padding-bg-red {
        margin-left: -0.3vw !important;
        margin-right: 0vw;
        margin-top: 2vw;
        padding: 0;
        text-align: center;
        width: 99%;
        height: 12vw;
        border-bottom: 1px solid #ff4b56;
    }

    .scrollContainer {
        width: 400% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        cursor: pointer !important;
        left: 0 !important;
        right: auto !important;
    }

    .section {
        height: 120vh !important;
        width: 100%;

        top: 0px;
        right: auto !important;
        left: 0px;

    }

    .tab-bold-tx {
        padding-top: 3vw;
        font-size: 1.3vw;
    }

    .tab--img {
        width: 35.5vw;
        position: absolute;
        top: 15%;
        right: 7vw;
        height: 28vw;
        z-index: 2;
    }

    .tab2--img {
        width: 35.5vw;
        position: absolute;
        margin-top: -19.8vw;
        right: 7vw;
        height: 28vw;
        z-index: 2;
    }

    .tab-bg-red {
        display: block;
        position: absolute;
        height: 46vw;
        right: 0;
        width: 20vw;
        background: #d90915;
        top: -7%;
        z-index: 1;
    }

    .rectangle__text {
        width: 1vw;
        height: 1.5vw;
    }

    .tab-sm-tx2 {
        width: 45vw;
        font-size: 0.85vw;
    }

    .tab--1 {
        width: 45vw;
    }

    .tab--1 button {
        line-height: 1.22;
        margin-right: 2vw;
        font-size: 1vw;
    }

    .tab-sm-tx {
        padding-top: 0;
        width: 45vw;
        font-size: 0.85vw;
    }

    .tab--black {
        margin-top: 5vw;
        margin-bottom: 5vw;
        height: 40vw;
    }

    .m-top-50 {
        margin-top: 0vw;
    }

    .rectangle1 {
        padding-left: 0vw;
        padding-bottom: 0.6vw;
        padding-right: 0.3vw;
    }

    .rectangle2 {
        padding-left: 0.3vw;
        padding-bottom: 0.6vw;
        padding-right: 0vw;
    }

   
    

    .rectangle--tx2 {
        font-size: 1vw;
        line-height: 1.3;
        padding-left: 5.4vw;
        padding-right: 5.4vw;
    }

    .rectangle1-f8f8f8 {
        height: 12vw;
    }

    .rectangle1-222222 {
        height: 12vw;
    }

    .rectangle2-222222 {
        height: 12vw;
    }

    .rectangle2-f8f8f8 {
        height: 12vw;
    }

    .rectangle-icon {
        width: 2.5vw;
        height: 2.5vw;
        margin-top: 3vw;
    }

    .rectangle-icon2 {
        width: 2.5vw;
        height: 2.5vw;
        margin-top: 3vw;
    }

    .red--rectangle-style {
        width: 5.4vw;
        height: 3.5vw;
        margin-top: -0.85vw;
        margin-left: 0vw;
    }

    .font--gray2 {
        padding-bottom: 0vw;
        font-size: .885vw;
        line-height: 1.2;
        margin-top: -1vw !important;
    }

    .font--gray3 {
        padding-bottom: 0vw;
        font-size: .885vw;
        line-height: 1.2;
        margin-top: -1vw !important;
    }

    .font--gray--2 {
        padding-bottom: 0vw;
        font-size: .885vw;
        line-height: 1.2;
        margin-top: -1vw !important;
    }

    .bg--text {
        font-size: 12vw;
        line-height: 0.46;
        padding-top: 3vw;
    }

    .bg2--text {
        font-size: 12vw;
        line-height: 0.46;
        padding-top: 3vw;
    }

    .bg--text--2 {
        font-size: 12vw;
        line-height: 0.46;
        padding-top: 3vw;
    }

    .bg--text2 {
        font-size: 12vw;
        line-height: 0.46;
        padding-top: 3vw;
    }

    .tx-vertical {
        font-size: 1.2vw;
        line-height: 1.17;
    }

    .tab-bg-red2 {
        padding-top: 14.9vw;
    }

    .container-bg-black {
        height: 105vh;
    }

    .map-request-img {
        width: 32vw !important;
        height: 32vw;
        margin-top: 0vw;
        z-index: 2;
    }

    .tab-bg-red2 {
        padding-bottom: 9.7vw;
        height: 115.9vh;
        width: 36vw;
    }

    .btn--5 div {
        font-size: 1vw;
    }

    .btn--5 {
        font-size: 1vw;
        width: 14.5vw;
        height: 3vw;
    }

    .btn--5:hover, .btn--5:active, .btn--5:focus, .btn--5:checked {
        border: none !important;
        outline: none;
        border-color: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -16.6vw 0 0 0 #161615 inset;
        cursor: pointer
    }


    .btn--5:before {
        top: 0.75vw;
        left: 0;
    }

    .btn--51 div {
        font-size: 1vw;
    }

    .btn--51 {
        font-size: 1vw;
        width: 16.5vw;
        height: 3vw;
        margin-top: 0;
    }

    .btn--51:hover, .btn--51:active, .btn--51:focus, .btn--51:checked {
        border: none !important;
        outline: none;
        border-color: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #161615;
        box-shadow: -16.6vw 0 0 0 #fff inset;
        cursor: pointer
    }

    .btn--51:before {
        top: 0.75vw;
        left: 0;
    }

    .text--gray2-sm {
        padding-bottom: 0;
        padding-right: 7vw;
        font-size: .8vw;
        line-height: 1;
    }

    .text--gray2-sm2 {
        padding-bottom: 0;
        padding-right: 20vw;
        font-size: .8vw;
        line-height: 1;
    }

    .text--grey2-sm2 {
        padding-bottom: 0;
        padding-right: 17vw;
        font-size: .8vw;
        line-height: 1;
    }

    .text--white2-sm {
        font-size: 1vw;
        line-height: 0;
    }

    .text--red {
        font-size: 1.5vw;
        margin-top: -3vw;
        padding-left: 12.5vw;
    }

    .text--red2 {
        font-size: 1.5vw;
        margin-top: -3vw;
        padding-left: 12.5vw;
    }

    .font--white {
        line-height: 0.9;
        padding-right: 13.5vw;
        font-size: 3vw;
    }

    .fonts--white {
        line-height: 0.9;
        padding-right: 18.5vw;
        font-size: 3vw;
    }

    .text--gray2 {
        font-size: 12.5vw;
        padding-top: 5vw;
    }

    .text--grey2 {
        font-size: 12.5vw;
        padding-top: 4vw;
    }

    .text--grey3 {
        font-size: 12.5vw;
        padding-top: 3.5vw;
    }

    .ml--2 {
        margin-left: -2.5vw;
        padding-left: 1vw;
    }

    .index-text-gray2 {
        padding-top: 3vw;
    }

    .index-text-gray--2 {
        padding-top: 0vw;
    }

    .telecom-img {
        width: 100%;
    }

    .telecom-padding {
        padding-bottom: 3vw;
        padding-left: 3vw;
        margin-top: 0vw;
    }

    .font--gray-smbold {
        font-size: .885vw;
    }

    .font--gray-smbold2 {
        font-size: .885vw;
    }

    .font-gray--sm {
        font-size: 0.885vw;
    }

    .font-gray2--sm {
        font-size: 0.885vw;
    }

    .font--gray {
        padding-bottom: 1vw;
        font-size: 0.885vw;
        margin-top: -1vw !important;
    }

    .font--gray-2 {
        padding-bottom: 1vw;
        font-size: 0.885vw;
        margin-top: -1vw !important;
    }

    .container--body3 {
        margin-top:11vw;
    }


    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
        position: absolute;
        right: 2vw;
        top: 2vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10
    }

    .all-blogs a {
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
        color: #777;
        text-decoration: underline;
        cursor: pointer;
        z-index: 10
    }

    .padding-x-3 {
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    .ml--20 {
        margin-left: -2vw;
        padding-left: 1vw;
    }

    .pl-about {
        padding-left: 2.5vw !important;
    }

    .index-text-gray-team {
        font-family: Built;
        font-size: 12.5vw;
        line-height: 0.39;
        color: #222;
        padding-top: 0vw;
        padding-left: 0;
        text-align: left;
    }

    .red-rectangle-style-about3 {
        width: 5.3vw;
        height: 3.9vw;
        margin-top: -0.25vw;
        margin-left: 1vw;
        margin-bottom: 4vw;
    }

    .pt--0 {
        padding-top: 0vw !important;
    }

    .pp-1 {
        padding-right: 0.6vw !important;
    }

    .img-testimonials2 {
        width: 7vw !important;
        height: 7vw !important;
        margin-left: 2.5vw;
        margin-top: 2.5vw;
        margin-bottom: 2.8vw;
    }

    .img-testimonials3 {
        width: 8vw !important;
        height: 5vw !important;
        margin-left: 2.5vw;
        margin-top: 3.5vw;
        margin-bottom: 3.8vw;
    }

    .container-body-4 {
        margin-left: 6.5vw;
        margin-right: 6vw;
        margin-top: 2vw;
        margin-bottom: 0vw;
    }


    .pl-test {
        padding-left: 2.5vw !important;
    }

    .tx-testimonials {
        font-size: 1.3vw;
        line-height: 1.5vw;
        padding-left: 2.5vw;
    }

    .path-img {
        width: 100% !important;
        height: 5vw;
        margin-top: 3.5vw;
    }

    #owl-carousel-2 .item {
        padding-bottom: 3.5vw !important;
        width: 99.3% !important;
        height: 25vw !important;
    }

    .img-testimonials {
        margin-top: 1.5vw;
        width: 10vw !important;
        height: 10vw !important;
        margin-left: 2.5vw;
    }

    .test-tx {
        padding-left: 0;
        padding-top: 2vw;
        font-size: 13.5vw;
        line-height: 4vw;
    }

    .parallax2 {
        padding-top: 6vw;
    }

    .parallax-tx-cc {
        padding-bottom: 0vw;
        padding-left: 6vw;
        font-size: 0.85vw;
    }

    .parallax-tx-ff {
        padding-left: 6vw;
        font-size: 0.85vw;
    }

    .parallax {
        min-height: 21vw;
    }

    .ml-parallax {
        margin-left: 6.5vw !important;
        margin-top: 2vw !important;
    }

    .parallax-tx-lg {
        padding-left: 6vw;
        font-size: 4vw;
        line-height: 1.57;
    }

    .about-text {
        padding-top: 6.5vw;
        font-size: 14vw;
    }

    .fa-linkedin-square-about2 {
        padding-top: 2vw;
        font-size: 2vw;
    }

    .fa-linkedin-square-about2:hover {
        font-size: 2vw;
    }

    .font-white-sm-slide2 {
        font-size: 0.75vw;
    }

    .font-slide-white2 {
        font-size: 0.85vw;
        padding-top: 1.5vw;
    }

    .about-pic {
        width: 100%;
        height: 13vw;
    }

    .fa-linkedin-square-about {
        padding-top: 3vw;
        font-size: 2vw;
    }

    .font-slide-white {
        font-size: 0.85vw;
        padding-top: 2.5vw;
    }

    .font-white-sm-slide {
        font-size: 0.75vw;
    }

    .p-bg-about {
        padding-left: 0.6vw;
        padding-right: 1.5vw;
        padding-top: 1.2vw;
        padding-bottom: 1.2vw;
    }

    .padding-about {
        padding-bottom: 0vw;
    }

    .pt-40 {
        padding-top: 0vw !important;
        height: 5.5vw;
    }

    .bg-about-2 {
        height: 21vw;
    }

    .bg-black-about {
        background: #161615;
        padding-top: 6.5vw;
        padding-right: 6.5vw;
        padding-bottom: 6.5vw;
        padding-left: 6.5vw;
        margin: 0;
    }

    .slide-tx-sm {
        font-size: 0.85vw;
    }

    .slide-tx-lg {
        font-size: 1.6vw;
    }

    .img-signature {
        width: 11vw !important;
        height: 5vw;
    }

    .img-signature1 {
        width: 11vw !important;
        margin-left: 1vw;
        height: 5vw;
    }

    .font-slide-bold {
        font-size: 0.85vw;
    }

    .pic-owl {
        margin-left: 2vw !important;
        margin-top: 0 !important;
        width: 26.8vw !important;
        height: 26vw !important;
    }

    #owl-carousel_slider .owl-nav {
        right: 33.5% !important;
        top: 86.4% !important;
    }

    .padding-x-2 {
        padding-left: 1.5vw;
    }
 

    #owl-carousel_slider .item .x {
        background-color: #fff !important;
        padding-bottom: 3.5vw !important;
        text-align: left !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important
    }

    .pt-20 {
        padding-top: 5vw;
        padding-left: 0vw;
        padding-right: 0vw;
    }

    #owl-carousel_slider .item {
        height: 26vw
    }

    .paddng-home {
        padding-left: 0vw;
    }

    .text-table-xl {
        line-height: 1.7;
        padding-bottom: 0.7vw;
    }

    .text-table-xl2 {
        line-height: 1.7;
        padding-bottom: 0.7vw;
    }

    .text-table-xl2 a {
        font-size: 1.3vw;
    }

    .text-table-xl2 {
        line-height: 1.7;
        padding-bottom: 0.7vw;
    }

    .padding-col2 {
        padding-top: 0;
        padding-left: 3vw;
        padding-right: 6vw;
    }

    .text-table-sm2 {
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
        line-height: 1.38;
        text-align: left;
        color: #fff;
        padding-bottom: 1vw;
        padding-top: 0;
        padding-left: 0;
        padding-right: 2vw;
    }

    .img-bg-12 {
        width: 28.6vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1vw;
    }

    .img-bg-13 {
        width: 28.6vw;
        padding-top: 1vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1vw;
    }

    .img-bg-14 {
        width: 28.6vw;
        padding-top: 17vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 36vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog5.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1vw;
    }

    .txBold2 {
        font-size: 1.4vw;
        line-height: 1.33;
        padding: 1vw 13vw 3vw 0vw;
        font-family: TeXGyreAdventorbold;
        text-align: left;
        color: #161615;
        white-space: normal;
        width: 57vw;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }

    .img-bg-4 {
        width: 50vw;
        padding-top: 11vw;
        padding-left: 2vw;
        padding-right: 5vw;
        height: 30vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/careersjob.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2vw;
    }

    .img-bg-5 {
        width: 50vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-6 {
        width: 35vw;
        padding-top: 27vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 46vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog5.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 2vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-7 {
        width: 35vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news1.jpg');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-8 {
        width: 35vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-9 {
        width: 35vw;
        padding-top: 1vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-10 {
        width: 50.2vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-11 {
        width: 50.2vw;
        padding-top: 11vw;
        padding-left: 2vw;
        padding-right: 5vw;
        height: 29.9vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news2.jpg');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 2vw;
    }

    .img-bg-3 {
        width: 35vw;
        padding-top: 1vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        margin-right: 0vw !important;
        margin-left: 2vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-2 {
        width: 35vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        margin-right: 0vw !important;
        margin-left: 2vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .logo-g {
        width: 2vw;
        height: 2vw;
        margin-right: 0.7vw;
        margin-top: 0.2vw;
    }

    .text-table-sm {
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
    }

    .text-table-xl a {
        padding-right: 2vw !important;
        padding-bottom: 1vw;
        font-size: 1.7vw;
    }

    .img-bg-1 {
        width: 50vw;
        padding-top: 11vw;
        padding-left: 2vw;
        height: 30vw;
        margin-right: 2vw !important;
        margin-bottom: 1.8vw;
    }

    .black-date-tx {
        font-size: 0.7vw;
    }

    .black-date-num {
        font-size: 2.8vw;
    }

    .pl-rows {
        padding-top: 0vw;
        padding-left: 2.3vw;
    }

    .pr-tx {
        padding-right: 0vw !important;
        padding-top: 1vw !important;
        padding-bottom: 2vw !important;
        padding-left: 2vw !important;
    }

    .news-img4 {
        width: 25vw;
        height: 15vw;
        margin-left: 0;
    }

    .arabicMedium2 {
        font-size: 0.8vw;
        padding: 0vw 2vw 0vw 0vw;
    }

    .arabicBold2 {
        font-size: 1.4vw;
        padding: 1vw 10vw 3vw 0vw;
    }
    .p {
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }

    .innp-3, .innp-3 a {
        width: 12vw;;
        font-size: 0.9vw;
    }

    .innp--3, .innp--3 a {
        width: 12vw;;
        font-size: 0.9vw;
    }

    .p2 {
        margin-top: -0.7vw;
    }

    .bg-22 {
        height: 4vw;
    }

    .header_container-sup5 {
        padding-top: 1.3vw;
    }

    .fa-arrow {
        color: #d90915;
        font-size: 0.7vw;
        margin-right: 1vw;
        border: none;
        margin-left: 1vw;
        width: 2.2vw;
        margin-top: -0.3vw;
        height: 2.2vw;
    }

    .pagination-news {
        margin-left: 33%;
    }

    .pagination-news a {
        font-size: 1vw;
        padding-left: .55vw;
        padding-right: .55vw;
        padding-bottom: 0.1vw;
    }

    .pagination-news .sp {
        font-size: 1vw;
    }

    .pagination-news .arrow2 a {
        font-size: .85vw;
        padding: 0vw 3vw;
    }

    .pagination-news .arrow1 a {
        font-size: .85vw;
        padding: 0vw 3vw;
    }

    .pt-rows {
        padding-top: 3vw;
    }

    .mt-btn {
        margin-top: 2vw !important;
    }

    .padding-font {
        padding-top: 1vw !important;
        padding-bottom: 1vw !important;
    }

    .black-date {
        width: 6vw;
        padding-top: 65% !important;
        height: 15vw;
        z-index: 99;
        margin-left: 0 !important;
    }

    .black-date2 {
        width: 6vw;
        padding-top: 4.5vw !important;
        height: 15vw;
        z-index: 99;
        margin-left: 0 !important;
    }

    .news-img2 {
        width: 25vw;
        height: 15vw;
        margin-left: -3vw;
    }

    .mt--0 {
        margin-top: 0vw;
    }

    .padding-72 {
        padding-right: 4%;
        padding-bottom: 1vw;
        padding-top: 0
    }

    .padding-12 {
        padding-right: 4%;
        padding-bottom: 1vw;
        padding-top: 0
    }

    .padding-13 {
        padding-right: 4%;
        padding-bottom: 2vw;
    }

    .header_container-sup3 {
        padding-top: 7vw;
    }

    .container-body3 {
        margin-left: 7vw;
        margin-right: 7vw;
        margin-top: 11vw;
    }

    .container-body4 {
        margin-left: 6.5vw;
        margin-right: 7vw;
        margin-top: 3vw;
    }

    .container-body5 {
        margin-left: 6.5vw;
        margin-right: 7vw;
        margin-top: 3vw;
    }

    .img-text {
        margin-left: 0vw !important;
        padding-bottom: 1vw;
    }

    .mt-20 {
        margin-top: 3vw !important;
    }

    .upload {
        width: 1.1vw;
        height: 1.1vw;
        margin-right: 0.7vw;
        margin-top: -0.2vw;
    }

    .file-msg {
        font-size: 0.85vw;
    }

    .fake-btn {
        font-size: 0.85vw;
    }

    .bg-black-form2 {
        padding-right: 2vw;
        padding-left: 2.5vw;
        padding-top: 4vw;
        padding-bottom: 4vw;
        width: 100%;
        height: 72%;
    }

    .file-drop-area {
        height: 3.1vw;
        padding: 0.7vw;
        margin-bottom: 0vw;
    }

    .padding-form-s {
        padding-right: 0;
        padding-left: 1vw;
    }

    .img-text li {
        padding-bottom: 0.5vw;
        padding-left: 2vw;
    }

    .rectangle_text {
        width: 1vw;
        height: 1.5vw;
    }

    .font-bold-black {
        font-size: 0.95vw;
        padding-bottom: 1vw;
    }

    .location {
        width: 1vw;
        height: 1.5vw;
        margin-left: 6vw;
    }

    .fulltime {
        width: 1.5vw;
        height: 1.5vw;
    }

    .engineering {
        width: 2vw;
        height: 1.5vw;
        margin-left: 0vw;
    }

    .midlevel {
        margin-left: 1.8vw;
        width: 2.3vw;
        height: 1.5vw;
    }

    .header_container .header-tx-sm-2 a {
        font-size: 0.9vw;
    }

    .header_container-sup2 {
        padding-left: 8.5vw;
        padding-bottom: 10vw;
    }

    .header_container-sup {
        padding-left: 8.5vw;
        padding-top: 5vw;
    }


    .header_container-career2 {
        padding-left: 6.5vw;
        padding-bottom: 10vw;
    }

    .header_container-career {
        padding-right: 56%;
        padding-left: 6.5vw;
        padding-top: 7vw;
    }

    .header_container-sup4 {
        padding-left: 8.5vw;
        padding-top: 3.5vw;
    }

    .bg-2222 {
        height: 17vw;
    }

    .bg-222 {
        height: 15vw;
    }

    .padding-25 {
        padding-left: 25%;
    }

    #owl-carousel .item .x {
        height: 32vw
    }

    #owl-carousel .item {
        height: 35vw
    }

    .careersjob {
        width: 49.4vw !important;
        height: 32vw !important;
        position: absolute !important;
        top: 5vw;
        z-index: 9999;
        right: 8.5vw;
    }

    .item-tx-w {
        font-size: 0.9vw;
    }

    .item-tx-g {
        font-size: 0.8vw;
        padding-top: 0vw;
    }

    .item-header {
        font-size: 3vw;
        padding-bottom: 2vw;
    }

    #owl-carousel .owl-nav {
        right: 85.5% !important;
        top: 65% !important;
    }

    .padding-25 {
        padding-top: 35vw;
    }

    .padding-25 div {
        font-size: 1vw;
    }

    .padding-25 a {
        font-size: 1vw;
    }

    .line-down {
        margin-bottom: 0vw;
    }

    .tab-careers button {
        padding: 3vw 0vw 0vw 0vw;
        font-size: 1vw;
        line-height: 0;
    }

    .tab-m-p {
        border-left: 0.5vw solid #d90915;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .font-black-careers a {
        font-size: 1.5vw;
    }

    .paddingl-c {
        margin-left: -2.6vw !important;
        padding-left: 1vw;
    }

    .font-gray {
        font-size: .885vw;
        line-height: 0.6;
        margin-top: 0;
    }

    .font-gray-22 {
        font-size: .885vw;
        line-height: 0.6;
        margin-top: 0;
    }

    .font-black-careers-2 {
        font-size: 3vw;
        line-height: 0.4;
        margin-top: 0vw;
    }

    .header_container-sup {
        padding-right: 56%;
    }

    .header_container-sup4 {
        padding-right: 56%;
    }

    .font-white-xl-2 {
        font-size: 3vw;
    }

    .link-text {
        padding-top: 1.2vw;
    }

    .checkmark {
        width: 1.5vw;
        height: 1.5vw;
        margin: 4% 1.5vw 4% 1vw;
        stroke-width: 0.4vw;
    }

    .subscription.done .submit-email {
        width: calc(100% - 2vw);
    }

    .margin-sub {
        margin-top: 0vw !important;
        margin-left: 0vw !important;
    }

    .subscription .submit-email .before-submit, .subscription .submit-email .after-submit {
        position: absolute;
        top: 0;
        left: 1.3vw;
        width: 100%;

        text-align: center;
        line-height: 3vw;
        opacity: 0;
        transition: visibility .35s ease-in-out, opacity .35s ease-in-out;
    }

    .subscription .add-email {
        position: absolute;
        left: 2vw;
    }

    .subscription .submit-email {
        position: absolute;
    }

    .subscription.done .submit-email .before-submit,
    .subscription:not(.done) .submit-email .after-submit {
        visibility: hidden;
        opacity: 0;
    }

    .demo__circle-progress {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        stroke: #fff;
        stroke-width: 0.15vw;
    }

    .demo__circle-package {
        width: 1.02vw;
        height: 1.3vw;
        stroke: #fff;
        stroke-width: 0.15vw;
        stroke-linecap: round;
    }

    .demo__revert-line {
        position: absolute;
        left: 5%;
        bottom: 100%;
        width: 80%;
        height: 0.5vw;
        background: #fff;
        transform-origin: 0 50%;
        opacity: 0;
    }

    .demo:before, .demo:after {
        content: "";
        position: absolute;
        left: 5%;
        bottom: 100%;
        width: 14%;
        height: 0.5vw;
        background: #fff;
        transform: scaleX(0);
        transform-origin: 0 100%;
    }

    .demo:after {
        left: 19%;
        width: 66%;
    }

    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 6.5vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    .demo__circle-grabbers:before, .demo__circle-grabbers:after {
        content: "";
        position: absolute;
        right: 0.36vw;
        top: -0.88vw;
        width: 1.02vw;
        height: 0.58vw;
        border: 0.15vw solid #777;
        border-left: none;
        border-bottom: none;
        transform: translateY(var(--grabY)) rotate(var(--grabRotate));
        transition: transform 0.8s;
    }

    .demo__circle-grabbers:before {
        right: auto;
        left: 0.36vw;
        transform: translateY(var(--grabY)) scaleX(-1) rotate(var(--grabRotate));
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-25.86vw, 0);
        }
        75% {
            transform: translate(-25.86vw, -7.3vw);
        }
        100% {
            transform: translate(-25.86vw, 7.3vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-25.86vw, 0);
        }
        75% {
            transform: translate(-25.86vw, -7.3vw);
        }
        100% {
            transform: translate(-25.86vw, 7.3vw);
        }
    }
    .demo.s--processing .demo__drone-cont--takeoff {
        opacity: 1;
        transform: translateY(-3.8vw);
        transition: transform 0.8s, opacity 0.2s;
        transition-delay: 1.2s;
    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-65.86vw, 0);
        }
        75% {
            transform: translate(-65.86vw, -7.3vw);
        }
        100% {
            transform: translate(-65.86vw, 7.3vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-65.86vw, 0);
        }
        75% {
            transform: translate(-65.86vw, -7.3vw);
        }
        100% {
            transform: translate(-65.86vw, 7.3vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }

    .demo.s--processing .demo__drone-cont--shift-x {
        transition: transform 2.6s 2.4s;
        transform: translateX(10.25vw);
    }

    .demo.s--processing .demo__drone-cont--shift-x2 {
        transition: transform 2.6s 2.4s;
        transform: translateX(25vw);
    }

    .demo.s--processing .demo__drone-cont--landing {
        transform: translateY(1.3vw);
        transition: transform 0.3s 5s;
    }

    .demo__drone {
        position: absolute;
        left: 0.58vw;
        top: -0.88vw;
        width: 4.98vw;
        height: 4.1vw;
        stroke: #000;
        stroke-width: 0.15vw;
        fill: none;
    }

    .demo__circle {
        width: 2.4vw;
        height: 2.4vw;
        margin-top: -1.25vw;
    }

    .demo__text-dots {
        letter-spacing: -0.036vw;
        font-size: 0.9vw;
    }

    .demo__text-fields {
        font-size: 0.9vw;
    }

    .drone-demo {
        margin-left: 61%;
        margin-top: 5vw;
    }

    .demo {
        width: 15vw;
        height: 3.5vw;
    }

    .demo__drone {
        position: absolute;
        left: 0.58vw;
        top: -0.878vw;
        width: 4.98vw;
        height: 4.1vw;
        stroke: #000;
        stroke-width: 0.15vw;
        fill: none;
    }

    .demo__circle {
        width: 2.4vw;
        height: 2.4vw;
        margin-top: -1.25vw;
    }

    .demo__text-dots {
        letter-spacing: -0.036vw;
        font-size: 0.9vw;
    }

    .demo__text-fields {
        font-size: 0.9vw;
    }

    .drone-demo {
        margin-left: 61%;
    }

    .demo {
        width: 15vw;
        height: 3.5vw;
    }

    .bg-red {
        padding-top: 4vw;
        height: 15.85vw;
    }

    .bg-red-2 {
        padding-top: 0vw
    }

    .rectangle_header {
        width: 1vw;
        height: 2.5vw;
    }

    .mt-30 {
        margin-top: 3vw !important;
    }

    #owl-carousel2 .item {
        padding-bottom: 3.5vw !important;
        height: 36.1vw;
    }

    .text-black {
        padding: 1.5vw 2vw 2vw 2vw;
    }

    .date-text-2 {
        padding: 0vw 2vw 0vw 2vw;
    }

    .link-text-b {
        padding: 0vw 2vw 0vw 2vw;
    }

    .link-text-b2 {
        padding: 0vw 2vw 0vw 2vw;
    }

    .pr2 {
        margin: 1.6vw 0vw 6vw 2vw !important;
    }

    #owl-carousel2 .item {
        margin-bottom: 0vw;
    }

    .padding-11 {
        padding-left: 0;
        padding-right: 11%;
    }

    .img-resp {
        position: absolute;
    }

    .background-white {
        width: 99.2%;
        height: 1vw;
        background-color: #fff;
        margin-left: 0.45vw;
    }

    .circle-object {
        width: 1vw;
        height: 1vw;
    }

    .numbers {
        margin-top: 0vw;
    }

    .line-1 {
        height: 100vw
    }

    .line-22 {
        height: 100vw
    }

    .line-3 {
        height: 100vw
    }

    .line-4 {
        height: 100vw
    }

    .line-5 {
        height: 100vw
    }

    .background-gray {
        width: 127.5%;
        height: 17.7vw;
        background-color: #efefef;
    }

    .container-5 {
        margin-top: 8vw;
    }

    .sager-log img {
        width: 14vw;
        height: 2.3vw;
        float: left;
        text-align: left;
    }

    .text-left-center {
        padding-left: 0 !important;
    }

    #navHome {
        padding-left: 5vw;
        width: 100%;
    }

    .btn-2 {
        font-size: 0.9vw;
        width: 8.5vw;
        height: 2.4vw;
        margin-left: 0;
        margin-right: 0.05vw;
    }

    .btn-2-white {
        font-size: 0.9vw;
        width: 8.5vw;
        height: 2.4vw;
        margin: 0;
    }

    .btn-1 {
        font-size: 0.9vw;
        width: 8.5vw;
        height: 2.4vw;
        margin: 0 0.9vw 0 0rem;
    }

    .navbar-collapse {
        background: none;
        margin-left: 0vw;
    }

    .nav-item .nav-link {
        margin: 0 0 0vw 0.3vw;
        font-size: 1vw;
        text-align: center;
        color: #fff !important;
        text-decoration: none;
        position: relative;
        display: inline-block;
    }

    .navbar-nav {
        padding-top: 0vw;
        padding-bottom: 0vw;
    }

    .dropdown-item {
        opacity: 0.7;
        font-size: 1vw;
        display: block;
        width: 100%;
        padding: 1vw;
        clear: both;
        color: #161615;
        text-align: center;
        white-space: nowrap;
        border: 0;
    }

    @keyframes in {
        0% {
            width: 0;
            left: 0;
            right: auto;
        }
        100% {
            left: 6px;
            right: auto;
            width: 85%;
        }
    }
    @keyframes out {
        0% {
            width: 85%;
            left: auto;
            right: 0;
        }
        100% {
            width: 0;
            left: auto;
            right: 0;
        }
    }
    @keyframes show {
        0% {
            opacity: 0;
            transform: translateY(-10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .nav-item .nav-link:before {
        height: 0.35vw;
    }

    .header-tx-vertical {
        font-size: 1.6vw;
        padding-left: 53.8vw;
        line-height: 0;
    }

    .header-tx-lg, .js-hero-headlin {
        padding-right: 37vw !important;
        font-size: 6.5vw;
        line-height: 0.92;
    }

    .header-tx-lg2, .js-hero-headlin {
        padding-right: 30vw !important;
        font-size: 6.5vw;
        line-height: 0.92;
    }

    .header-rectangle {
        width: 3vw;
        height: 6vw;
        right: 0vw;
    }

    .header-tx-sm {
        padding-right: 55%;
        font-size: 0.9vw;
    }

    .header-tx-sm-2 {
        font-size: 0.9vw;
    }

    .center {
        margin-top: 0vw;
        padding-left: 0vw !important;
    }

    .caretdown {
        font-size: 3vw;
    }

    .scroll a {
        font-size: 1.4vw;
    }

    .scroll {
        margin-top: 0vw;
        padding-top: 0.55vw;
        margin-bottom: 2vw;
    }

    .paddingl-6-index {
        padding-left: 3.3vw !important;
    }

    .paddingl-1 {
        padding-left: 1vw !important;
    }

    .paddingl-1-index {
        padding-left: 1vw !important;
    }

    .paddingl-5-index {
        padding-left: 0.8vw !important;
    }

    .paddingl-2-index {
        margin-left: -3.2vw !important;
        padding-left: 1vw !important;
    }

    .paddingl-3-index {
        padding-left: 0vw !important;
        margin-left: -1vw !important;
        padding-bottom: 3vw;
    }

    .paddingl-4-index {
        padding-left: 0.4vw !important;
        padding-bottom: 3vw;
    }

    .paddingl-5-index {
        padding-left: 1.6vw !important;
    }

    .font-gray-xl {
        font-size: 15.5vw;
    }

    .font-black-xl {
        font-size: 3.3vw;
    }

    .font-gray-sm {
        font-size: .885vw;
    }

    .red-rectangle {
        width: 6.5vw;
        height: 3.5vw;
    }

    .mt-up-1 {
        margin-top: -4.5vw !important;
        padding-left: 1.7vw;
    }

    .mt-up_rectangle {
        margin-top: -2.8vw !important;
        padding-left: 0.6vw;
        margin-left: 0vw;
    }

    .mt-up-2 {
        margin-top: -1.4vw;
        padding-left: 1.7vw;
        padding-bottom: 5vw;
    }

    .tab button {
        font-size: 0.9vw;
        margin: 0 3.8vw 0 0.05vw;
    }

    .tab {
        width: 65vw;
    }

    .tab button:hover, .tab button.active {
        font-size: 0.9vw;
        border-bottom: 0.8vw solid #d90915;
        padding-bottom: 1vw;
    }

    .background-gray-3 {
        width: 6vw;
        max-height: 36vw;
        margin-top: 0vw !important;
        background-color: #efefef;
        height: 35vw;
    }

    .img_tab_1 {
        width: 100%;
        height: 35.15vw;
    }

    .img_tab_2 {
        width: 100%;
        height: 100%;
        margin-left: 0vw;
        height: 19.3vw;
    }

    .img_tab_3 {
        width: 100%;
        height: 100%;
        height: 19.3vw;
    }


    .tab-margin {
        margin-right: 0vw;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
    }

    .bg-red span {
        font-size: 1.3vw
    }

    .font-white-sm {
        font-size: .9vw;
        padding-bottom: 6vw;
    }

    .btn-3 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-right: 2vw;
        margin-top: 1vw;
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn-3:hover, .btn-3:active, .btn-3:focus, .btn-3:checked {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -10.6vw 0 0 0 #161615 inset;
    }

    .btn-3 div {
        font-size: 1vw;
    }

    .btn-3:before {
        top: 0.75vw;
        left: 0;
    }

    .font-black-xxl {
        font-size: 15vw;
    }

    .container-7 {
        padding-top: 10vw;
        padding-right: 0vw;
    }

    .font-white-xl {
        font-size: 2.8vw;
        line-height: 1.83;
    }

    .red-rectangle-2 {
        width: 6.5vw;
        height: 3.5vw;
    }

    .mt-up-3 {
        margin-top: -1vw;
    }

    .mt-up_rectangle2 {
        margin-top: 0.2vw;
    }

    .drone-1-img {
        width: 4vw;
        height: 4vw;
    }

    .drone-2-img {
        width: 4vw;
        height: 4vw;
    }

    .location-mark-img {
        width: 4vw;
        height: 4vw;
    }

    .text-white {
        font-size: 1.2vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }

    .font-gray-sm2 {
        font-size: 0.885vw;
    }

    .padding-col {
        height: 20vw;
        padding-right: 2.5vw;
        padding-left: 2.5vw;
        padding-top: 3vw;
        border-right: 1px solid #3e3e3e;
        border-bottom: none;
        margin-bottom: 0;
    }

    .padding3-col {
        height: 20vw;
        padding-right: 2.5vw;
        padding-left: 2.5vw;
        border-right: 1px solid #3e3e3e;
        border-bottom: none;
        padding-top: 3vw;
        margin-bottom: 0;
    }

    .padding2-col {
        height: 20vw;
        padding-right: 2.5vw;
        padding-left: 2.5vw;
        padding-bottom: 3vw;
        padding-top: 3vw;
        margin-bottom: 0;
    }

    .btn-4 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-top: 2vw !important;
        padding-top: 0.7vw;
    }

    .btn-4:hover, .btn-4:active {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -10.6vw 0 0 0 #161615 inset;
    }

    .btn-4 div {
        font-size: 1vw;
    }

    .btn-4:before {
        top: 0.75vw;
        left: 0;
    }

    .btn-5 {
        margin-bottom: 0vw !important;
        margin-top: 3vw;
        font-size: 1vw;
        width: 14.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .btn-5:hover, .btn-5:active, .btn-5:focus, .btn-5:checked {
        box-shadow: -10.6vw 0 0 0 #161615 inset;
        color: #fff;
    }

    .btn-5 div {
        font-size: 1vw;
    }

    .btn-5:before {
        top: 0.75vw;
        left: 0;
    }

    .btn-5-2 {
        margin-bottom: 0vw;
        margin-top: 3vw;
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .btn-5-2:hover, .btn-5-2:active, .btn-5-2:focus, .btn-5-2:checked {
        box-shadow: -10.5vw 0 0 0 #161615 inset;
        color: #fff;
    }

    .btn-5-2 div {
        font-size: 1vw;
    }

    .btn-5-2:before {
        top: 0.75vw;
        left: 0;
    }

    .btns-5 {
        margin-bottom: 0vw !important;
        margin-top: 3vw;
        font-size: 1vw;
        width: 15.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .btns-5:hover, .btns-5:active, .btns-5:focus, .btns-5:checked {
        box-shadow: -15.6vw 0 0 0 #161615 inset;
        color: #fff;
    }

    .btns-5 div {
        font-size: 1vw;
    }

    .btns-5:before {
        top: 0.75vw;
        left: 0;
    }

    .font-padding-2 {
        padding: 0vw 3vw 2vw 3vw;
    }

    .padding-20 {
        padding-top: 2vw;
        padding-right: 20%;
    }

    .up-row {
        margin-top: -10vw;
    }

    .mt-row-5 {
        margin-top: 0vw;
    }

    .paddingl-2 {
        padding-left: 1.6vw !important;
        padding-bottom: 0;
    }

    .container5 {
        margin-top: 8vw;
    }

    .mobile {
        display: inline-block !important;
    }

    .mobile-2 {
        display: inline-flex !important;
    }

    .xlscreen {
        display: none !important;
    }

    .font-black {
        font-size: 15vw;
    }

    .font-black-s {
        font-size: 13vw;
    }

    .mt-up_rectangle-3 {
        margin-top: 0.2vw;
        padding-left: .6vw;
        margin-left: 0vw;
    }

    .mt-up-5 {
        margin-top: -1vw;
        padding-left: 2vw;
        margin-left: 0vw;
    }

    .mt-up-6 {
        margin-top: -1.2vw;
        padding-left: 2vw;
        padding-bottom: 2vw;
        margin-left: 0;
    }

    .padding-bg-red2 {
        height: 12vw;
    }

    .padding-bg-red3 {
        height: 12vw;
    }

    .font-number-white {
        font-size: 2vw;
        padding-top: 4vw;
        padding-bottom: 1.5vw;
    }

    .font-white-xs {
        font-size: 0.9vw;
        padding-top: 0vw;
        padding-right: 0vw;
        padding-left: 0vw
    }

    .container-9 {
        margin-top: -6vw;
    }

    .earth-img {
        width: 49vw;
        height: 28vw;
    }

    .padding-circle-1 {
        margin-left: 11vw;
        margin-top: -22vw;
    }

    .padding-circle-2 {
        margin-left: 19vw;
        margin-top: -20vw;
    }

    .padding-circle-3 {
        margin-left: -2vw;
        margin-top: -10vw;
    }

    .padding-circle-4 {
        margin-left: 30vw;
        margin-top: -7vw;
    }

    .padding-circle-5 {
        margin-left: 11vw;
        margin-top: -19vw;
    }

    .padding-circle-6 {
        margin-left: 11vw;
        margin-top: -17vw;
    }

    .padding-circle-7 {
        margin-left: 5vw;
        margin-top: -6vw;
    }

    .padding-circle-8 {
        margin-left: 38vw;
        margin-top: -14vw;
    }

    .padding-circle-9 {
        margin-left: 29vw;
        margin-top: -21vw;
    }

    .padding-circle-10 {
        margin-left: 8vw;
        margin-top: -22vw;
    }

    .padding-rectangle {
        margin-top: 1.6vw;
        margin-left: 0vw;
    }

    .mt-up-7 {
        margin-top: -1.2vw;
        padding-left: 1.2vw;
    }

    .padding-top {
        padding-top: 4vw;
        padding-left: 1vw;
    }

    .padding-top-text {
        padding-top: 3vw;
        padding-left: 1vw;
    }

    .mt-up_rectangle3 {
        margin-top: 0vw;
        padding-left: .6vw;
        margin-left: 0vw;
    }

    .mt-up5 {
        margin-top: -1.2vw;
        padding-left: 2vw;
        margin-left: 0vw;
    }

    .mt-up7 {
        margin-top: -1.2vw;
        margin-left: 6vw;
        padding-bottom: 2vw;
    }

    .pr {
        padding-right: 25%;
        padding-top: 1.5vw;
    }

    .font-number-gray {
        font-size: 4vw;
    }

    .text {
        font-size: 1vw;
        padding-top: 2.3vw;
        padding-left: 1.4vw;
        padding-right: 7%;
    }

    .btn-6 {
        margin-bottom: 0;
        margin-top: 3vw;
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .btn-6:hover, .btn-6:active, .btn-6:focus, .btn-6:checked {
        color: #161615;
        box-shadow: -10.5vw 0 0 0 #fff inset;
    }

    .btn-6 div {
        font-size: 1vw;
    }

    .btn-6:before {
        top: 0.75vw;
        left: 0;
    }

    .line {
        width: 54vw;
        margin-bottom: 8vw;
    }

    .mt-up_rectangle4 {
        margin-top: 0.1vw;
        padding-left: 0.5vw;
        margin-left: 0vw;
    }

    .mt-up-8 {
        margin-top: -1.5vw;
        margin-left: -1.5vw;
        overflow-x: hidden !important;
    }

    .mt-up-9 {
        margin-top: -1.4vw;
        margin-left: -1.5vw;
        padding-bottom: 5vw;
    }

 
    

    .text-center-parallelograms {
        margin-top: -2.1vw;
    }

    .parallelograms {
        width: 50vw;
        height: 4vw;
    }

    .mt-up-10 {
        margin-top: -1.5vw;
        margin-left: 0vw;
    }

    .mt-up_rectangle10 {
        margin-top: 0.2vw;
        padding-left: 0.5vw;
    }

    .mt-up-20 {
        margin-top: -1.2vw;
        margin-left: 0vw;
        padding-bottom: 3.5vw;
    }

    .header-text {
        font-size: 1.3vw;
        text-align: left;
    }

    .link-text a {
        font-size: 0.85vw;
    }

    .date-text {
        margin-top: -.7vw;
        font-size: .7vw;
    }

    .black {
        height: 36vw;
        padding: 3.5vw 2vw 4vw 3vw;
    }

    .btn-7 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
        transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
        padding-top: 0;
        padding-bottom: 0.2vw;
        margin-top: 5.2vw !important;
    }

    .btn-7:hover, .btn-7:active, .btn-7:focus, .btn-7:checked {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        box-shadow: -10.5vw 0 0 0 #fff inset;
        color: #161615;
    }

    .btn-7 div {
        font-size: 1vw;
    }

    .btn-7:before {
        top: 0.75vw;
        left: 0;
    }

    #exampleSlider .MS-content .item {
        height: 36vw;
        margin: 0 0 0 1.5vw;
    }

    .news-img {
        width: 25vw;
        height: 15vw;
    }

    .blog {
        width: 5vw;
        height: 1.9vw;
        padding: 0.3vw 0.2vw 0.2vw 0.2vw;
        font-size: .8vw;
        margin-top: 1vw;
        right: 1vw;
    }

    .text-black a {
        font-size: 0.95vw;
    }

    .date-text-2 {
        margin-top: -2.8vw;
        font-size: 0.7vw;
        color: #777;
    }

    .link-text-b {
        font-size: 0.8vw;
    }

    .link-text-b2 {
        font-size: 0.8vw;
    }

    .pr2 {
        margin: 1.6vw 0vw 0vw 2vw !important;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 0.3vw;
        top: -6.5vw;
        font-size: 1vw;
        color: #fff;
        width: 3vw;
        height: 3vw;
        padding-left: 0.6vw;
        padding-bottom: 0vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 4.3vw;
        top: -6.5vw;
        font-size: 1vw;
        color: #fff;
        width: 3vw;
        height: 3vw;
        padding-right: 0.6vw;
        padding-bottom: 0vw;
    }

    .container-10 {
        margin-top: 7vw;
    }

    .img-style {
        width: 36.1vw;
        height: 29vw;
        position: absolute;
    }

    .mb--3 {
        margin-bottom: 0vw;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    .phone {
        width: 3vw;
        height: 3vw;
    }

    .map {
        width: 2vw;
        height: 3vw;
    }

    .chat {
        width: 4vw;
        height: 3vw;
    }

    .footer-tx {
        font-size: 1.3vw;
    }

    .footer-tx-2 {
        font-size: 0.8vw;
        line-height: 0;
    }

    .footer-tx-3 {
        font-size: 0.8vw;
        line-height: 0;
    }

    .footer-icon, .footer-icon a {
        font-size: 1.5vw;
    }

    .bg-black {
        padding: 2.5vw;
    }

    .bg-red2 {
        padding: 2.5vw;
    }

    .footer {
        margin-top: -8vw;
    }

    .footer-text-lg {
        font-size: 5.5vw;
        padding-top: 22.4vw;
    }

    .sager-log-footer img {
        width: 14vw;
        height: 2.3vw;
    }

    .footer-text-sm {
        font-size: 0.9vw;
        padding-top: 3vw;
        padding-left: 3vw;
        padding-right: 7vw;
        text-align: left;
        padding-bottom: 3.9vw;
    }

    .footer-container {
        margin-top: 0vw;
        padding-bottom: 1vw;
        padding-top: 2vw;
    }

    .footer-text-bold {
        font-size: 1.1vw;
        padding-top: 0vw !important;
    }

    .footer-text-sm2 a {
        font-size: 0.8vw;
    }

    .red_rectangle-footer {
        width: 0.9vw;
        height: 0.7vw;
        margin-top: 0;
    }

    .footer-text-s2 {
        font-size: 0.85vw;
    }

    .form-submit {
        width: 7vw;
        height: 3.1vw;
        font-size: 0.9vw;
        padding: 0.5vw 1vw 0.5vw 1vw;
    }

    .form-text {
        width: 14vw !important;
        height: 3.1vw !important;
        font-size: 0.7vw !important;
        top: 0vw;
    }

    .form-text::placeholder {
        font-size: 0.7vw !important;
    }

    .footer-textbold-sm2 {
        font-size: 0.9vw;
    }

    .footer-textbold-sm3 {
        font-size: 0.88vw;
        line-height: 2.5vw;
    }

    .footer-textbold-sm a {
        font-size: 0.9vw;
    }

    .footer-textbold-sm3 span a {
        font-size: 0.8vw;
    }

    .pl-5 {
        padding-left: 5vw !important;
        padding-right: 0 !important;
    }

    .overflow {
        overflow: hidden !important;
    }

    .container-1 {
        margin-top: 2.5vw;
    }

    .container--7 {
        padding-top: 11vw;
    }

    .mt-up-4 {
        margin-top: -1.2vw;
    }

    .container-8 {
        margin-top: 3vw;
    }

    .pl-4 {
        padding-left: 1vw !important;
    }

    .font-gray2-xl {
        font-size: 15.5vw;
    }

    .container7 {
        padding-top: 10vw;
    }

    iframe {
        width: 31.5vw;
        height: 46.2vw;;
        border: 0;
        padding-top: 4vw;
    }

    .header_container {
        margin-top: 0vw;
        padding: 0vw;
    }

    .fa-home {
        font-size: 0.885vw;
    }

    .header_container .font-gray-sm a {
        font-size: 0.885vw;
    }

    .header_container .font-gray-sm2 a {
        font-size: 0.885vw;
    }

    .header_container .header-tx-sm a {
        font-size: 0.9vw;
    }

    .contact-text {
        font-size: 12vw;
        padding-top: 3vw;
    }

    .font-black-rect {
        font-size: 3vw;
        line-height: 0.4;
    }

    .font-black-rect2 {
        font-size: 3vw;
        line-height: 0.4;
    }

    .font--black {
        font-size: 3vw;
    }

    .red-rectangle-style {
        width: 5.4vw;
        height: 3.5vw;
        margin-top: -0.7vw;
        margin-left: 0vw;
    }

    .red-rectangle-style-about {
        width: 5.4vw;
        height: 3.5vw;
        margin-top: -0.7vw;
        margin-left: 0vw;
    }

    .red-rectangle-style-about2 {
        width: 5.4vw;
        height: 3.5vw;
        margin-top: 0.2vw;
        margin-left: 1vw;
        margin-bottom: 4vw;
    }

    .font-gray-rect {
        font-size: 0.885vw;
        line-height: 0.2;
        margin-top: 0vw;
    }

    .contact-text-bold-lg {
        font-size: 2.2vw;
        line-height: 0.55;
    }

    .contact-text-bold {
        font-size: 1vw;
    }

    .contact-text-span {
        font-size: 0.9vw;
    }

    .link {
        font-size: 0.9vw;
    }

    .pb4 {
        padding-bottom: 1vw;
        padding-top: 0.5vw;
    }

    .pb--4 {
        padding-bottom: 3vw;
        padding-top: 0.5vw;
    }

    .pb5 {
        padding-bottom: 5vw;
    }

    .gray-bg-container {
        padding-left: 6vw;
        padding-right: 0vw;
    }

    .gray-bg {
        width: 100%;
        height: 100%;
    }

    .call-center {
        width: 4vw;
        height: 4vw;
    }

    .man {
        width: 4vw;
        height: 4vw;
    }

    .padding-top-4 {
        padding-top: 2.6vw;
    }

    .padding-bottom-3 {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 5vw;
        line-height: 0;
    }

    .padding-right-5 {
        padding-right: 5vw;
        padding-left: 0;
        padding-top: 0vw;
        padding-bottom: 0;
    }

    .contact-text-white-lg {
        font-size: 2.2vw;
        line-height: 0.55;
    }

    .contact-text-bold2 {
        font-size: 0.9vw;
    }

    .bg-black-form {
        padding-right: 3.5vw;
        padding-left: 3.5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .floating-input, .floating-select {
        font-size: 0.85vw;
        padding-top: 0.4vw;
        padding-bottom: 0.4vw;
        padding-left: 1vw;
        padding-right: 1vw;
        display: block;
        width: 100%;
        height: 3.1vw;
    }

    label {
        font-size: 1vw;
        left: 0.7vw;
        top: 0.7vw;
    }

    .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
        top: -0.6vw;
        padding-left: 0.5vw;
        padding-right: 0.5vw;
        left: 0.6vw;
        font-size: 0.75vw;
        background: #161615;
    }

    .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
        top: -0.5vw;
        padding-left: 0.5vw;
        padding-right: 0.5vw;
        left: 0.6vw;
        font-size: 0.75vw;
        background: #161615;
    }

    .contact-text-bold-white {
        font-size: 1vw;
    }

    .padding-chechbox-2 p {
        font-size: 0.95vw;
        padding-left: 0.5vw;
    }

    .padding-chechbox-2 input[type="checkbox"] {
        width: 1.3vw;
        height: 1.3vw;
        padding: 0.15vw;
        top: 0vw;
    }

    .padding-chechbox-2 input[type="checkbox"]:checked {
        background-color: #d90915;
        border: 3px solid #d90915;

    }

    .padding-chechbox p {
        padding-left: 1vw;
        padding-top: 0;
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
    }

    .padding-chechbox input[type="checkbox"] {
        width: 2.3vw;
        height: 1.3vw;
        padding: 0.3vw;
        top: 0.3vw;
    }

    .padding-chechbox2 p {
        padding-left: 1vw;
        padding-top: 0;
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
    }

    .padding-chechbox2 input[type="checkbox"] {
        width: 2.6vw;
        height: 1.3vw;
        padding: 0.3vw;
        top: 0.3vw;
    }

    .floating-label {
        margin-bottom: 1.4vw;
    }

    .floating-textarea {
        height: 9vw !important;
    }

    .padding-left {
        padding-right: 0vw;
        padding-left: 7vw;
        padding-top: 5vw;
        padding-bottom: 0;
    }

    .padding-top-5 {
        padding-top: 6.5vw;
        padding-left: 0vw;
    }


    .mb-absolute {
        margin-bottom: 3vw !important;
    }

    .btn-form {
        font-weight: 800;
        text-align: center !important;
        background-color: #d90915;
        color: #fff;
        font-family: TeXGyreAdventorbold;
        font-size: 0.9vw;
        border: none;
        width: 9vw;
        height: 3vw;
        margin-top: 2vw !important;


        padding: 0.5vw 2.3vw 0.6vw;
        -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
        transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    }

    .btn-form:hover, .btn-form:active {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #161615;
        box-shadow: -10.55vw 0 0 0 #fff inset;
    }

    .btn-form div {
        font-size: 0.9vw;
    }

    .btn-form:before {
        top: 0.75vw;
        left: 0;
    }

    .index-text {
        font-size: 15.5vw;
    }

    .index-text2 {
        font-size: 15.5vw;
    }

    .index-text-gray {
        font-size: 15.5vw;
    }

    .index-text-gray2 {
        font-size: 12.5vw;
    }

    .index-text-gray--2 {
        font-size: 12.5vw;
    }

    .red-rectangle-index {
        width: 4.8vw;
        height: 3.5vw;
        margin-top: 0.2vw;
        margin-left: 1.3vw;
    }

    .red-rectangle-index-slider {
        width: 4.8vw !important;
        height: 3.5vw !important;
        margin-top: 0.2vw;
        margin-left: 1.1vw;
    }

    .red-rectangle-index-slider2 {
        width: 4.8vw !important;
        height: 3.5vw !important;
        margin-top: 0.2vw;
        margin-left: 1.1vw;
    }

    .red-rectangle-index2 {
        width: 4.8vw;
        height: 3.5vw;
        margin-top: 0.25vw;
        margin-right: 2.5vw;
    }

    .red-rectangle-index3 {
        width: 4.8vw;
        height: 3.7vw;
        margin-top: -0.3vw;
        margin-left: 1.3vw;
    }

    .red-rectangle-index4 {
        width: 4.8vw;
        height: 3.5vw;
        margin-top: -0.2vw;
        margin-left: 1.3vw;
    }

    .font-black-rect-index {
        font-family: built;
        font-size: 3vw;
        line-height: 1;
        text-align: left;
        color: #161615;
    }

    .font-black-rect-index2 {
        font-family: built;
        font-size: 3vw;
        line-height: 1;
        margin-top: 0;
    }

    .font-black-rect-index3 {
        font-family: built;
        font-size: 3vw;
        line-height: 0.7;
    }

    .font-black-rect-index4 {
        font-family: built;
        font-size: 3vw;
        line-height: 0.7;

    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: .885vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: -0.7vw;
    }

    .margin-top-m {
        margin-top: -0.7vw !important;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: .885vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: -0.2vw;
    }

    .font-gray-rect-index2 {
        font-family: TeXGyreAdventor;
        font-size: .885vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: 0vw;
    }

    .container-6 {
        margin-top: -4vw;
    }

    .bg-gray {
        background-color: #f8f8f8;
        width: 100%;
        height: 29vw;
    }

    .pr3 {
        margin-top: 0 !important;
        margin-left: 3vw !important;
    }

    .img1 {
        width: 30vw;
        height: 5vw;
        margin-top: 10vw;
    }

    .ml-rectangle {
        margin-left: 0 !important
    }

    .img-resp {
        position: absolute;
    }

    .font-black-xl-2 {
        font-family: built;
        font-size: 3vw;
        line-height: 0;
        text-align: left;
        color: #161615;
        padding-bottom: 0;
        padding-top: 8vw;
        padding-left: 3vw;
        margin-bottom: -4vw;
    }

    .background-white {
        width: 99.2%;
        height: 1vw;
        background-color: #fff;
        margin-left: 0.45vw;
    }


    .owl-theme .owl-nav {
        top: -7vw !important;
        right: 0 !important;
    }

    #owl-carousel-2 .owl-nav {
        top: -7vw !important;
        right: 0 !important;
    }

    #owl-carousel--2 .owl-nav {
        top: -7vw !important;
        right: 0 !important;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        font-size: 2vw !important;
    }

    .padding-owl-carousel {
        padding-left: 1vw;
        padding-right: 0vw;
    }

    .owl-carousel .owl-nav button.owl-next {
        padding: 2vw !important;
        font-size: 2vw !important;
        width: 3vw;
        height: 3vw;

    }

    .owl-carousel .owl-nav button.owl-prev {
        font-size: 2vw !important;
        width: 3vw;
        height: 3vw;
    }

    .header_container_img {
        width: 100%;
        height: 22vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .header_container_img2 {
        width: 100%;
        height: 22vw;
    }
    .terms-text{
        font-size: 3.0vw ;
    }
    .terms-date{
        font-size: 1.2vw;
    }
    .terms-text-div{
        height: 72vh;
    }
}

/*=======================================================================
 Responsive screen 1200px
=========================================================================*/
@media only screen and (min-width: 1200px) {
    .rectangle__text3 {
        width: 1vw;
        height: 1.5vw;
        position: absolute;
        left: 2vw;
    }
    .blog-responsive{
        background-color:#efefef;
        margin-bottom:1.8vw;
        height: 30vw;
         width: 100%;
      }

    .font--gray--rect {
        padding-bottom: 0.5vw;
        font-family: TeXGyreAdventor;
        font-size: 0.885vw;
        text-align: left;
        color: #777;
        line-height: 1;
        margin-top: -0.7vw;
    }

    .font--gray2--rect {
        padding-bottom: 0.5vw;
        font-family: TeXGyreAdventor;
        font-size: 0.885vw;
        text-align: left;

        line-height: 1;
        margin-top: -0.7vw;
    }

    .drone-telecom {
        margin-left: 14vw;
        width: 28vw;
        height: 30vw;
        margin-top: -5vw;
    }

    .caretdown-1 {
        font-size: 2vw !important;
    }

    .pt-32 {
        padding-top: 7vw;
        padding-bottom: 3vw;
    }

    .pt-34 {
        padding-top: 7vw;
        padding-bottom: 8vw;
    }

    .text-style-scroll-lg {
        font-family: Built;
        font-size: 1.6vw;
        line-height: 1.57;
        text-align: center;
        color: #161615;
        padding-top: 63vw;
    }

    .text-style-scroll2-lg {
        font-family: Built;
        font-size: 1.6vw;
        line-height: 1.57;
        text-align: center;
        padding-top: 73vw;
        text-align: center;
        color: #fff;
    }

    .rectangle-grey {
        text-align: right;
        right: 0;
        width: 22vw;
        height: 80vw;
        position: absolute;
        margin-right: 5.3vw;
        background-color: #efefef;
    }

    .rectangle-grey2 {
        text-align: right;
        right: 0;
        width: 22vw;
        height: 53vw;
        position: absolute;
        margin-right: 5.3vw;
        background-color: #222222;
    }
    .padding-container{
        padding-top: 74vw;
    }

    .img-bg-12 {
        width: 28.6vw;
        padding-top: 5vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1vw;
    }

    .img-bg-13 {
        width: 28.6vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1vw;
    }

    .img-bg-14 {
        width: 28.6vw;
        padding-top: 19vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 36vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog5.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1vw;
    }

    .img-bg-4 {
        width: 50vw;
        padding-top: 13vw;
        padding-left: 2vw;
        padding-right: 5vw;
        height: 30vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/careersjob.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2vw;
    }

    .img-bg-5 {
        width: 50vw;
        padding-top: 5vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-6 {
        width: 35vw;
        padding-top: 29vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 46vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog5.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 2vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-7 {
        width: 35vw;
        padding-top: 5vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news1.jpg');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-8 {
        width: 35vw;
        padding-top: 5vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-9 {
        width: 35vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/blog3.png');
        background-size: cover;
        background-position: center;
        margin-right: 2vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-10 {
        width: 50.2vw;
        padding-top: 5vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news.png');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-11 {
        width: 50.2vw;
        padding-top: 13vw;
        padding-left: 2vw;
        padding-right: 5vw;
        height: 29.9vw;
        background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url('../img/news2.jpg');
        background-size: cover;
        background-position: center;
        margin-right: 0vw !important;
        margin-left: 1vw;
        margin-top: 0;
        margin-bottom: 2vw;
    }

    .img-bg-3 {
        width: 35vw;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        margin-right: 0vw !important;
        margin-left: 2vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-2 {
        width: 35vw;
        padding-top: 5vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.03vw;
        margin-right: 0vw !important;
        margin-left: 2vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }

    .img-bg-1 {
        width: 50vw;
        padding-top: 13vw;
        padding-left: 2vw;
        height: 30vw;
        margin-right: 2vw !important;
        margin-bottom: 1.8vw;
    }

    .p2 {
        margin-top: -0.3vw;
    }

    .link-text {
        padding-top: 1.8vw;
    }

    .demo__revert-line {
        position: absolute;
        left: 5%;
        bottom: 100%;
        width: 80%;
        height: 0.43vw;
        background: #fff;
        transform-origin: 0 50%;
        opacity: 0;
    }

    .demo:before, .demo:after {
        content: "";
        position: absolute;
        left: 5%;
        bottom: 100%;
        width: 14%;
        height: 0.44vw;
        background: #fff;
        transform: scaleX(0);
        transform-origin: 0 100%;
    }

    .demo:after {
        left: 19%;
        width: 66%;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-20.86vw, 0);
        }
        75% {
            transform: translate(-20.86vw, -7.3vw);
        }
        100% {
            transform: translate(-20.86vw, 7.3vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-20.86vw, 0);
        }
        75% {
            transform: translate(-20.86vw, -7.3vw);
        }
        100% {
            transform: translate(-20.86vw, 7.3vw);
        }
    }
    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 4.98vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-49vw, 0);
        }
        75% {
            transform: translate(-49vw, -7.3vw);
        }
        100% {
            transform: translate(-49vw, 7.3vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-49vw, 0);
        }
        75% {
            transform: translate(-49vw, -7.3vw);
        }
        100% {
            transform: translate(-49vw, 7.3vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }


    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    #owl-carousel--2 .owl-nav {
        top: -7vw !important;
        right: 0 !important;
    }

    #owl-carousel-2 .owl-nav {
        top: -7vw !important;
        right: 0 !important;
    }

    .owl-theme .owl-nav {
        top: -7vw !important;
        right: 0 !important;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        font-size: 2vw !important;
    }

    .padding-owl-carousel {
        padding-left: 1vw;
        padding-right: 0vw;
    }

    .owl-carousel .owl-nav button.owl-next {
        padding: 2vw !important;
        font-size: 2vw !important;
        width: 3vw;
        height: 3vw;

    }

    .owl-carousel .owl-nav button.owl-prev {
        font-size: 2vw !important;
        width: 3vw;
        height: 3vw;
    }

    .header_container_img {
        -webkit-animation: kenburns-top 5s ease-out both;
        animation: kenburns-top 4s ease-out both;
    }

    .header_container_img {
        width: 100%;
        height: 22vw;
    }

    .header_container_img2 {
        -webkit-animation: kenburns-top 5s ease-out both;
        animation: kenburns-top 4s ease-out both;
    }

    .header_container_img2 {
        width: 100%;
        height: 22vw;
    }

    .img-resp {
        position: absolute;
    }

    .background-white {
        width: 99.2%;
        height: 1vw;
        background-color: #fff;
        margin-left: 0.45vw;
    }

    .circle-object {
        width: 1vw;
        height: 1vw;
    }

    .numbers {
        margin-top: 0vw;
    }

    .header_container_img {
        width: 100%;
        height: 50%;
    }

    .header_container_img2 {
        width: 100%;
        height: 50%;
    }

    .line-1 {
        height: 100vw
    }

    .line-22 {
        height: 100vw
    }

    .line-3 {
        height: 100vw
    }

    .line-4 {
        height: 100vw
    }

    .line-5 {
        height: 100vw
    }

    .background-gray {
        width: 127.5%;
        height: 17.7vw;
        background-color: #efefef;
    }

    .container-5 {
        margin-top: 8vw;
    }

    .sager-log img {
        width: 14vw;
        height: 2.3vw;
        float: left;
        text-align: left;
    }

    .text-left-center {
        padding-left: 0 !important;
    }

    #navHome {
        padding-left: 5vw;
        width: 100%;
    }

    .btn-2 {
        font-size: 0.9vw;
        width: 8.5vw;
        height: 2.4vw;
        margin-left: 0;
        margin-right: 0.05vw;
    }

    .btn-2-white {
        font-size: 0.9vw;
        width: 8.5vw;
        height: 2.4vw;
        margin: 0;
    }

    .btn-1 {
        font-size: 0.9vw;
        width: 8.5vw;
        height: 2.4vw;
        margin: 0 0.9vw 0 0rem;
    }

    .navbar-collapse {
        background: none;
        margin-left: 0vw;
    }

    .nav-item .nav-link {
        margin: 0 0 0vw 0.3vw;
        font-size: 1vw;
        text-align: center;
        color: #fff !important;
        text-decoration: none;
        position: relative;
        display: inline-block;
    }

    .navbar-nav {
        padding-top: 0vw;
        padding-bottom: 0vw;
    }

    .dropdown-item {
        opacity: 0.7;
        font-size: 1vw;
        display: block;
        width: 100%;
        padding: 1vw;
        clear: both;
        color: #161615;
        text-align: center;
        white-space: nowrap;
        border: 0;
    }

    @keyframes in {
        0% {
            width: 0;
            left: 0;
            right: auto;
        }
        100% {
            left: 6px;
            right: auto;
            width: 85%;
        }
    }
    @keyframes out {
        0% {
            width: 85%;
            left: auto;
            right: 0;
        }
        100% {
            width: 0;
            left: auto;
            right: 0;
        }
    }
    @keyframes show {
        0% {
            opacity: 0;
            transform: translateY(-10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .nav-item .nav-link:before {
        height: 0.35vw;
    }

    .header-tx-vertical {
        font-size: 1.6vw;
        padding-left: 53.8vw;
        line-height: 0;
    }

    .header-tx-lg, .js-hero-headlin {
        padding-right: 37vw !important;
        font-size: 6.5vw;
        line-height: 0.92;
    }

    .header-tx-lg2, .js-hero-headlin {
        padding-right: 30vw !important;
        font-size: 6.5vw;
        line-height: 0.92;
    }

    .header-rectangle {
        width: 3vw;
        height: 6vw;
        right: 0vw;
    }

    .header-tx-sm {
        padding-right: 55%;
        font-size: 0.9vw;
    }

    .center {
        margin-top: 0vw;
        padding-left: 0vw !important;
    }

    .caretdown {
        font-size: 3vw;
    }

    .scroll a {
        font-size: 1.4vw;
    }

    .scroll {
        margin-top: 0vw;
        padding-top: 0.55vw;
    }

    .paddingl-6-index {
        padding-left: 3.3vw !important;
    }

    .paddingl-1 {
        padding-left: 1vw !important;
    }

    .paddingl-1-index {
        padding-left: 1vw !important;
    }

    .paddingl-5-index {
        padding-left: 0.8vw !important;
    }

    .paddingl-2-index {
        margin-left: -3.2vw !important;
        padding-left: 1vw !important;
    }

    .paddingl-3-index {
        padding-left: 0vw !important;
        margin-left: -1vw !important;
        padding-bottom: 3vw;
    }

    .paddingl-4-index {
        padding-left: 0.4vw !important;
        padding-bottom: 3vw;
    }

    .paddingl-5-index {
        padding-left: 1.6vw !important;
    }

    .font-gray-xl {
        font-size: 15.5vw;
    }

    .font-black-xl {
        font-size: 3.3vw;
    }

    .font-gray-sm {
        font-size: .885vw;
    }

    .red-rectangle {
        width: 6.5vw;
        height: 3.5vw;
    }

    .mt-up-1 {
        margin-top: -4.5vw !important;
        padding-left: 1.7vw;
    }

    .mt-up_rectangle {
        margin-top: -2.8vw !important;
        padding-left: 0.6vw;
        margin-left: 0vw;
    }

    .mt-up-2 {
        margin-top: -1.4vw;
        padding-left: 1.7vw;
        padding-bottom: 5vw;
    }

    .tab button {
        font-size: 0.9vw;
        margin: 0 3.8vw 0 0.05vw;
    }

    .tab {
        width: 65vw;
    }

    .tab button:hover, .tab button.active {
        font-size: 0.9vw;
        border-bottom: 0.8vw solid #d90915;
        padding-bottom: 1vw;
    }

    .background-gray-3 {
        width: 6vw;
        max-height: 36vw;
        margin-top: 0vw !important;
        background-color: #efefef;
        height: 36vw;
    }

    .img_tab_1 {
        width: 100%;
        height: 36.15vw;
    }

    .img_tab_2 {
        width: 100%;
        height: 100%;
        margin-left: 0vw;
        height: 20.3vw;
    }

    .img_tab_3 {
        width: 100%;
        height: 100%;
        height: 20.3vw;
    }


    .tab-margin {
        margin-right: 0vw;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
    }

    .bg-red span {
        font-size: 1.3vw
    }

    .font-white-sm {
        font-size: .9vw;
        padding-bottom: 6vw;
    }

    .btn-3 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-right: 2vw;
        margin-top: 1vw;
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn-3:hover, .btn-3:active, .btn-3:focus, .btn-3:checked {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -10.6vw 0 0 0 #161615 inset;
    }

    .font-black-xxl {
        font-size: 15vw;
    }

    .container-7 {
        padding-top: 10vw;
    }

    .font-white-xl {
        font-size: 2.8vw;
        line-height: 1.83;
    }

    .red-rectangle-2 {
        width: 6.5vw;
        height: 3.5vw;
    }

    .mt-up-3 {
        margin-top: -1vw;
    }

    .mt-up_rectangle2 {
        margin-top: 0.2vw;
    }

    .drone-1-img {
        width: 4vw;
        height: 4vw;
    }

    .drone-2-img {
        width: 4vw;
        height: 4vw;
    }

    .location-mark-img {
        width: 4vw;
        height: 4vw;
    }

    .text-white {
        font-size: 1.2vw
    }

    .font-gray-sm2 {
        font-size: 0.885vw;
    }

    .padding-col {
        height: 20vw;
        padding-right: 2.5vw;
        padding-left: 2.5vw;
        padding-top: 3vw;
        border-right: 1px solid #3e3e3e;
        border-bottom: none;
        margin-bottom: 0;
    }

    .padding3-col {
        height: 20vw;
        padding-right: 2.5vw;
        padding-left: 2.5vw;
        border-right: 1px solid #3e3e3e;
        border-bottom: none;
        padding-top: 3vw;
        margin-bottom: 0;
    }

    .padding2-col {
        height: 20vw;
        padding-right: 2.5vw;
        padding-left: 2.5vw;
        padding-bottom: 3vw;
        padding-top: 3vw;
        margin-bottom: 0;
    }

    .btn-4 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-top: 2vw !important;
        padding-top: 0.7vw;
    }

    .btn-4:hover, .btn-4:active {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        box-shadow: -10.6vw 0 0 0 #161615 inset;
    }

    .btn-5 {
        font-size: 1vw;
        width: 14.5vw;
        height: 3vw;
        margin-right: 2vw;
        margin-top: 1vw;
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn-5:hover, .btn-5:active, .btn-5:focus, .btn-5:checked {
        box-shadow: -10.6vw 0 0 0 #161615 inset;
        color: #fff;
    }

    .btn-5-2 {
        margin-bottom: 0vw;
        margin-top: 3vw;
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .btn-5-2:hover, .btn-5-2:active, .btn-5-2:focus, .btn-5-2:checked {
        box-shadow: -10.5vw 0 0 0 #161615 inset;
        color: #fff;
    }


    .font-padding-2 {
        padding: 0vw 3vw 2vw 3vw;
    }

    .padding-20 {
        padding-top: 2vw;
    }

    .up-row {
        margin-top: -10vw;
    }

    .mt-row-5 {
        margin-top: 0vw;
    }

    .paddingl-2 {
        padding-left: 1.6vw !important;
        padding-bottom: 0;
    }

    .container5 {
        margin-top: 8vw;
    }

    .mobile {
        display: inline-block !important;
    }

    .mobile-2 {
        display: inline-flex !important;
    }

    .xlscreen {
        display: none !important;
    }

    .font-black {
        font-size: 15vw;
    }

    .font-black-s {
        font-size: 13vw;
    }

    .mt-up_rectangle-3 {
        margin-top: 0.2vw;
        padding-left: .6vw;
        margin-left: 0vw;
    }

    .mt-up-5 {
        margin-top: -1vw;
        padding-left: 2vw;
        margin-left: 0vw;
    }

    .mt-up-6 {
        margin-top: -1.2vw;
        padding-left: 2vw;
        padding-bottom: 2vw;
        margin-left: 0;
    }

    .padding-bg-red2 {
        height: 12vw;
    }

    .padding-bg-red3 {
        height: 12vw;
    }

    .font-number-white {
        font-size: 2vw;
        padding-top: 4vw;
        padding-bottom: 1.5vw;
    }

    .font-white-xs {
        font-size: 0.9vw;
        padding-top: 0vw
    }

    .container-9 {
        margin-top: -6vw;
    }

    .earth-img {
        width: 49vw;
        height: 28vw;
    }

    .padding-circle-1 {
        margin-left: 11vw;
        margin-top: -22vw;
    }

    .padding-circle-2 {
        margin-left: 19vw;
        margin-top: -20vw;
    }

    .padding-circle-3 {
        margin-left: -2vw;
        margin-top: -10vw;
    }

    .padding-circle-4 {
        margin-left: 30vw;
        margin-top: -7vw;
    }

    .padding-circle-5 {
        margin-left: 11vw;
        margin-top: -19vw;
    }

    .padding-circle-6 {
        margin-left: 11vw;
        margin-top: -17vw;
    }

    .padding-circle-7 {
        margin-left: 5vw;
        margin-top: -6vw;
    }

    .padding-circle-8 {
        margin-left: 38vw;
        margin-top: -14vw;
    }

    .padding-circle-9 {
        margin-left: 29vw;
        margin-top: -21vw;
    }

    .padding-circle-10 {
        margin-left: 8vw;
        margin-top: -22vw;
    }

    .padding-rectangle {
        margin-top: 1.6vw;
        margin-left: 0vw;
    }

    .mt-up-7 {
        margin-top: -1.2vw;
        padding-left: 1.2vw;
    }

    .padding-top {
        padding-top: 4vw;
        padding-left: 1vw;
    }

    .mt-up_rectangle3 {
        margin-top: 0vw;
        padding-left: .6vw;
        margin-left: 0vw;
    }

    .mt-up5 {
        margin-top: -1.2vw;
        padding-left: 2vw;
        margin-left: 0vw;
    }

    .mt-up7 {
        margin-top: -1.2vw;
        margin-left: 6vw;
        padding-bottom: 2vw;
    }

    .pr {
        padding-right: 25%;
        padding-top: 1.5vw;
    }

    .font-number-gray {
        font-size: 4vw;
    }

    .text {
        font-size: 1vw;
        padding-top: 2.3vw;
        padding-left: 1.4vw;
        padding-right: 7%;
    }

    .btn-6 {
        margin-bottom: 0;
        margin-top: 3vw;
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .btn-6:hover, .btn-6:active, .btn-6:focus, .btn-6:checked {
        color: #161615;
        box-shadow: -10.5vw 0 0 0 #fff inset;
    }

    .line {
        width: 54vw;
        margin-bottom: 8vw;
    }

    .mt-up_rectangle4 {
        margin-top: 0.1vw;
        padding-left: 0.5vw;
        margin-left: 0vw;
    }

    .mt-up-8 {
        margin-top: -1.5vw;
        margin-left: -1.5vw;
        overflow-x: hidden !important;
    }

    .mt-up-9 {
        margin-top: -1.4vw;
        margin-left: -1.5vw;
        padding-bottom: 5vw;
    }


  
    

    .text-center-parallelograms {
        margin-top: -2.1vw;
    }

    .parallelograms {
        width: 50vw;
        height: 4vw;
    }

    .mt-up-10 {
        margin-top: -1.5vw;
        margin-left: 0vw;
    }

    .mt-up_rectangle10 {
        margin-top: 0.2vw;
        padding-left: 0.5vw;
    }

    .mt-up-20 {
        margin-top: -1.2vw;
        margin-left: 0vw;
        padding-bottom: 3.5vw;
    }

    .header-text {
        font-size: 1.3vw;
        text-align: left;
    }

    .link-text a {
        font-size: 0.85vw;
    }

    .date-text {
        margin-top: -.7vw;
        font-size: .7vw;
    }

    .black {
        height: 36vw;
        padding: 3.5vw 2vw 4vw 3vw;
    }

    .btn-7 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
        transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
        padding-top: 0;
        padding-bottom: 0.2vw;
        margin-top: 5.2vw !important;
    }

    .btn-7:hover, .btn-7:active, .btn-7:focus, .btn-7:checked {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        box-shadow: -10.5vw 0 0 0 #fff inset;
        color: #161615;
    }

    #exampleSlider .MS-content .item {
        height: 36vw;
        margin: 0 0 0 1.5vw;
    }

    .news-img {
        width: 26vw;
        height: 15vw;
        }

    .blog {
        width: 5vw;
        height: 1.9vw;
        padding: 0.3vw 0.2vw 0.2vw 0.2vw;
        font-size: .8vw;
        margin-top: 1vw;
        right: 1vw;
    }

    .text-black a {
        font-size: 0.95vw;
    }

    .date-text-2 {
        margin-top: -2.6vw;
        font-size: 0.7vw;
    }

    .link-text-b {
        font-size: 0.8vw;
    }

    .link-text-b2 {
        font-size: 0.8vw;
    }

    .pr2 {
        margin: 1.6vw 0vw 0vw 2vw !important;
    }

    #exampleSlider .MS-controls .MS-right {
        right: 0.3vw;
        top: -6.5vw;
        font-size: 1vw;
        color: #fff;
        width: 3vw;
        height: 3vw;
        padding-left: 0.6vw;
        padding-bottom: 0vw;
    }

    #exampleSlider .MS-controls .MS-left {
        right: 4.3vw;
        top: -6.5vw;
        font-size: 1vw;
        color: #fff;
        width: 3vw;
        height: 3vw;
        padding-right: 0.6vw;
        padding-bottom: 0vw;
    }

    .container-10 {
        margin-top: 7vw;
    }

    .img-style {
        width: 36.1vw;
        height: 29vw;
        position: absolute;
    }

    .mb--3 {
        margin-bottom: 0vw;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    .phone {
        width: 3vw;
        height: 3vw;
    }

    .map {
        width: 2vw;
        height: 3vw;
    }

    .chat {
        width: 4vw;
        height: 3vw;
    }

    .footer-tx {
        font-size: 1.3vw;
    }

    .footer-tx-2 {
        font-size: 0.8vw;
        line-height: 0;
    }

    .footer-tx-3 {
        font-size: 0.8vw;
        line-height: 0;
    }

    .footer-icon, .footer-icon a {
        font-size: 1.5vw;
    }

    .bg-black {
        padding: 2.5vw;
    }

    .bg-red2 {
        padding: 2.5vw;
    }

    .footer {
        margin-top: -8vw;
    }

    .footer-text-lg {
        font-size: 5.5vw;
        padding-top: 22.4vw;
    }

    .sager-log-footer img {
        width: 14vw;
        height: 2.3vw;
    }

    .footer-text-sm {
        font-size: 0.9vw;
        padding-top: 3vw;
        padding-left: 3vw;
        padding-right: 7vw;
        text-align: left;
        padding-bottom: 3.9vw;
    }

    .footer-container {
        margin-top: 0vw;
        padding-bottom: 1vw;
        padding-top: 2vw;
    }

    .footer-text-bold {
        font-size: 1.1vw;
        padding-top: 0vw !important;
    }

    .footer-text-sm2 a {
        font-size: 0.8vw;
    }

    .red_rectangle-footer {
        width: 0.9vw;
        height: 0.7vw;
        margin-top: 0;
    }

    .footer-text-s2 {
        font-size: 0.85vw;
    }

    .form-submit {
        width: 7vw;
        height: 3.15vw;
        font-size: 0.9vw;
    }

    .form-text {
        width: 13.5vw;
        height: 3.1vw;
        font-size: 0.7vw;
    }

    .form-text::placeholder {
        font-size: 0.7vw;
    }

    .footer-textbold-sm2 {
        font-size: 0.9vw;
    }

    .footer-textbold-sm3 {
        font-size: 0.88vw;
        line-height: 2.5vw;
    }

    .footer-textbold-sm a {
        font-size: 0.9vw;
    }

    .footer-textbold-sm3 span a {
        font-size: 0.8vw;
    }

    .pl-5 {
        padding-left: 5vw !important;
        padding-right: 0 !important;
    }

    .overflow {
        overflow: initial !important;
    }

    .container-1 {
        margin-top: 2.5vw;
    }

    .container--7 {
        padding-top: 11vw;
    }

    .mt-up-4 {
        margin-top: -1.2vw;
    }

    .container-8 {
        margin-top: 3vw;
    }

    .pl-4 {
        padding-left: 1vw !important;
    }

    .font-gray2-xl {
        font-size: 15.5vw;
    }

    .container7 {
        padding-top: 10vw;
    }

    iframe {
        width: 31.5vw;
        height: 45.2vw;;
        border: 0;
        padding-top: 4vw;
    }

    .header_container {
        margin-top: 0vw;
        padding: 0vw;
    }

    .fa-home {
        font-size: 0.885vw;
    }

    .header_container .font-gray-sm a {
        font-size: 0.885vw;
    }

    .header_container .font-gray-sm2 a {
        font-size: 0.885vw;
    }

    .header_container .header-tx-sm a {
        font-size: 0.9vw;
    }

    .contact-text {
        font-size: 12vw;
        padding-top: 3vw;
    }

    .font-black-rect {
        font-size: 3vw;
        line-height: 0.4;
    }

    .font-black-rect2 {
        font-size: 3vw;
        line-height: 0.4;
    }

    .red-rectangle-style {
        width: 5.4vw;
        height: 3.5vw;
        margin-top: -0.7vw;
        margin-left: 0vw;
    }

    .font-gray-rect {
        font-size: 0.885vw;
        line-height: 0.2;
        margin-top: 0vw;
    }

    .contact-text-bold-lg {
        font-size: 2.2vw;
        line-height: 0.55;
    }

    .contact-text-bold {
        font-size: 1vw;
    }

    .contact-text-span {
        font-size: 0.9vw;
    }

    .link {
        font-size: 0.9vw;
    }

    .pb4 {
        padding-bottom: 1.1vw;
        padding-top: 0.5vw;
    }

    .pb--4 {
        padding-bottom: 3.7vw;
        padding-top: 0.5vw;
    }

    .pb5 {
        padding-bottom: 5vw;
    }

    .gray-bg-container {
        padding-left: 6vw;
        padding-right: 0vw;
    }

    .gray-bg {
        width: 100%;
        height: 100%;
    }

    .call-center {
        width: 4vw;
        height: 4vw;
    }

    .man {
        width: 4vw;
        height: 4vw;
    }

    .padding-top-4 {
        padding-top: 2.6vw;
    }

    .padding-bottom-3 {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 5vw;
        line-height: 0;
    }

    .padding-right-5 {
        padding-right: 5vw;
        padding-left: 0;
        padding-top: 0vw;
        padding-bottom: 0;
    }

    .contact-text-white-lg {
        font-size: 2.2vw;
        line-height: 0.55;
    }

    .contact-text-bold2 {
        font-size: 0.9vw;
    }

    .bg-black-form {
        padding-right: 3.5vw;
        padding-left: 3.5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .floating-input, .floating-select {
        font-size: 0.85vw;
        padding-top: 0.4vw;
        padding-bottom: 0.4vw;
        padding-left: 1vw;
        padding-right: 1vw;
        display: block;
        width: 100%;
        height: 3.1vw;
    }

    label {
        font-size: 1vw;
        left: 0.7vw;
        top: 0.7vw;
    }

    .contact-text-bold-white {
        font-size: 1vw;
    }

    .padding-chechbox-2 p {
        font-size: 0.95vw;
        padding-left: 0.5vw;
    }

    .padding-chechbox-2 input[type="checkbox"] {
        width: 1.3vw;
        height: 1.3vw;
        padding: 0.15vw;
        top: 0vw;
    }

    .padding-chechbox-2 input[type="checkbox"]:checked {
        background-color: #d90915;
        border: 3px solid #d90915;

    }

    .padding-chechbox p {
        padding-left: 1vw;
        padding-top: 0;
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
    }

    .padding-chechbox input[type="checkbox"] {
        width: 2.3vw;
        height: 1.3vw;
        padding: 0.3vw;
        top: 0.3vw;
    }

    .padding-chechbox2 p {
        padding-left: 1vw;
        padding-top: 0;
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
    }

    .padding-chechbox2 input[type="checkbox"] {
        width: 2.6vw;
        height: 1.3vw;
        padding: 0.3vw;
        top: 0.3vw;
    }

    .floating-label {
        margin-bottom: 1.4vw;
    }

    .floating-textarea {
        height: 9vw !important;
    }

    .padding-left {
        padding-right: 0vw;
        padding-left: 7vw;
        padding-top: 5vw;
        padding-bottom: 0;
    }

    .padding-top-5 {
        padding-top: 6.5vw;
        padding-left: 0vw;
    }

 

    .mb-absolute {
        margin-bottom: 3vw !important;
    }

    .btn-form {
        font-weight: 800;
        text-align: center !important;
        background-color: #d90915;
        color: #fff;
        font-family: TeXGyreAdventorbold;
        font-size: 0.9vw;
        border: none;
        width: 9vw;
        height: 3vw;
        margin-top: 2vw !important;


        padding: 0.5vw 2.3vw 0.6vw;
        -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
        transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    }

    .btn-form:hover, .btn-form:active {
        border: none !important;
        outline: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #161615;
        box-shadow: -10.55vw 0 0 0 #fff inset;
    }

    .index-text {
        font-size: 15.5vw;
    }

    .index-text2 {
        font-size: 15.5vw;
    }

    .index-text-gray {
        font-size: 15.5vw;
    }

    .index-text-gray2 {
        font-size: 12.5vw;
    }

    .index-text-gray--2 {
        font-size: 12.5vw;
    }

    .red-rectangle-index {
        width: 4.8vw;
        height: 3.5vw;
        margin-top: 0.2vw;
        margin-left: 1.3vw;
    }

    .red-rectangle-index-slider {
        width: 4.8vw !important;
        height: 3.5vw !important;
        margin-top: 0.2vw;
        margin-left: 1.1vw;
    }

    .red-rectangle-index2 {
        width: 4.8vw;
        height: 3.5vw;
        margin-top: 0.25vw;
        margin-right: 2.5vw;
    }

    .red-rectangle-index3 {
        width: 4.8vw;
        height: 3.7vw;
        margin-top: -0.3vw;
        margin-left: 1.3vw;
    }

    .red-rectangle-index4 {
        width: 4.8vw;
        height: 3.5vw;
        margin-top: -0.2vw;
        margin-left: 1.3vw;
    }

    .font-black-rect-index {
        font-family: built;
        font-size: 3vw;
        line-height: 1;
        text-align: left;
        color: #161615;
    }

    .font-black-rect-index2 {
        font-family: built;
        font-size: 3vw;
        line-height: 1;
    }

    .font-black-rect-index3 {
        font-family: built;
        font-size: 3vw;
        line-height: 0.7;
    }

    .font-black-rect-index4 {
        font-family: built;
        font-size: 3vw;
        line-height: 0.7;

    }

    .font-gray-rect-index {
        font-family: TeXGyreAdventor;
        font-size: .885vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: -0.6vw;
    }

    .font-gray-rect-index3 {
        font-family: TeXGyreAdventor;
        font-size: .885vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: -0.2vw;
    }

    .font-gray-rect-index2 {
        font-family: TeXGyreAdventor;
        font-size: .885vw;
        text-align: left;
        color: #777;
        line-height: 0;
        margin-top: 0vw;
    }

    .container-6 {
        margin-top: -4vw;
    }

    .bg-gray {
        background-color: #f8f8f8;
        width: 100%;
        height: 29vw;
    }

    .pr3 {
        margin-top: 0 !important;
        margin-left: 3vw !important;
    }

    .img1 {
        width: 30vw;
        height: 5vw;
        margin-top: 10vw;
    }

    .ml-rectangle {
        margin-left: 0 !important
    }

    .img-resp {
        position: absolute;
    }

    .font-black-xl-2 {
        font-family: built;
        font-size: 3vw;
        line-height: 0;
        text-align: left;
        color: #161615;
        padding-bottom: 0;
        padding-top: 8vw;
        padding-left: 3vw;
        margin-bottom: -4vw;
    }

    .background-white {
        width: 99.2%;
        height: 1vw;
        background-color: #fff;
        margin-left: 0.45vw;
    }
    .terms-text{
        font-size: 2.5vw ;
    }
    .terms-date{
        font-size: 1.0vw;
    }


}


/*=======================================================================
 Responsive screen 1250px-1100px
=========================================================================*/
@media only screen  and (max-width: 1366px) and (min-width: 1270px) {
    .text-style-scroll-lg {
        font-family: Built;
        font-size: 1.6vw;
        line-height: 1.57;
        text-align: center;
        color: #161615;
        padding-top: 55vw;
    }

    .header_container_img {
        width: 100%;
        height: 22vw;
    }

    .header_container_img2 {
        width: 100%;
        height: 22vw;
    }
}

/*=======================================================================
 Responsive screen 1400px
=========================================================================*/
@media only screen and (min-width: 1400px) {
    .all-blogs {
        font-family: TeXGyreAdventor;
        font-size: 0.85vw;
        position: absolute;
        right: 2vw;
        top: 2.4vw;
        color: #777;
        text-decoration: underline;
        padding-right: 8vw;
        text-align: right;
        z-index: 10;
    }

    .caretdown-1 {
        font-size: 2vw !important;
    }

    .rectangle-grey {
        text-align: right;
        right: 0;
        width: 22vw;
        height: 80vw;
        position: absolute;
        margin-right: 5.3vw;
        margin-top: -2vw;
        background-color: #efefef;
    }

    .pt-34 {
        padding-top: 5vw;
        padding-bottom: 10vw;
    }

    .text-style-scroll-lg {
        font-family: Built;
        font-size: 1.6vw;
        line-height: 1.57;
        text-align: center;
        color: #161615;
        padding-top: 57vw;
    }

    .rectangle-grey2 {
        text-align: right;
        right: 0;
        width: 22vw;
        height: 53vw;
        position: absolute;
        margin-right: 5.3vw;
        margin-top: 0vw;
        background-color: #222222;
    }

    .container-video {
        margin-left: 7vw;
        margin-right: 5.3vw;
        margin-top: 2vw;
    }

    .header_container-slider .owl-theme .owl-nav {
        top: 29vw !important;
        right: 89.8% !important;
    }

    #owl-carousel-3 .owl-dots {
        display: inline-flex;
        margin-top: 2vw;
    }

    .p-container-body {
        padding-top: 5vw;
    }

    .section-black {
        height: 110%;
    }

    .content--slider {
        width: 100%;
        text-align: left;
        padding-left: 6.5vw;
        padding-top: 0vw;
        padding-right: 0;
        margin: 0;
    }

    .container-body5 {
        margin-left: 6.5vw;
        margin-right: 7vw;
        margin-top: 9vw;
    }

    .scroll {
        margin-top: 0vw;
        padding-top: 0.55vw;
        margin-bottom: 4vw;
    }

    .center {
        margin-top: -5vw;
        padding-left: 0vw !important;
    }

    .hero__slides {
        padding-top: 15vw;
        padding-bottom: 0;
    }

    .tab-bg-red {
        display: block;
        position: absolute;
        height: 44vw;
        right: 0;
        width: 20vw;
        background: #d90915;
        top: -7%;
        z-index: 1;
    }

    .tab-bg-grey {
        height: 86%;
    }

    .font--black-solartab2 {
        padding-left: 0.5vw;
    }

    .section-red {
        padding-top: 18vw;
        padding-bottom: 8.8vw;
        height: 116.4%;
    }

    .section--red {
        padding-top: 18vw;
        padding-bottom: 8.5vw;
        height: 116.4%;
    }

    .img-slider-1,
    .img-slider-2,
    .img-slider-3,
    .img-slider-4 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -35vw !important;
        width: auto !important;
        height: 32vw !important;
    }

    .img-slider-2 {
        margin-left: 45vw !important;
        z-index: 999 !important;

        margin-top: -27vw !important;
        width: 30vw !important;
        height: 31.5vw !important;
    }


    .img-slider--1 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -38vw !important;
        width: 30vw !important;
        height: 31.5vw !important;
    }

    .img-slider--2 {
        margin-left: 42vw !important;
        z-index: 999 !important;
        margin-top: -38vw !important;
        width: 33vw !important;
        height: 31.5vw !important;
    }

    .img-slider--3 {
        margin-left: 42vw !important;
        z-index: 999 !important;
        margin-top: -38vw !important;
        width: 33vw !important;
        height: 34.5vw !important;
    }

    .img-slider--4 {
        margin-left: 45vw !important;
        z-index: 999 !important;
        margin-top: -40vw !important;
        width: 30vw !important;
        height: 35.5vw !important;
    }


    .btn--51 {
        margin-top: 0vw;
    }

    .text--gray2 {
        font-size: 12.5vw;
        padding-top: 8vw;
    }

    .text--grey2 {
        font-size: 12.5vw;
        padding-top: 7vw;
    }

    .text--grey3 {
        font-size: 12.5vw;
        padding-top: 4vw;
    }

    .header-rectangle {
        width: 3vw;
        height: 6vw;
        right: 0.6vw;
    }

    .parallax2 {
        padding-top: 8vw;
    }

    .parallax {
        background-image: url(../img/parallax.png);
        min-height: 25vw;
        height: 25vw;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        background-size: 100% 100vh;
    }

    .drone-top-views {
        height: 63vw;
    }

    .hero__controls {
        margin-top: 19.5vh;
    }

    .slider-nav {
        bottom: 10vw;
    }

    .padding-bg-red2 {
        height: 15vw;
    }

    .padding-bg-red3 {
        height: 15vw;
    }

    .font-number-white {
        font-size: 2vw;
        padding-top: 5.5vw;
        padding-bottom: 1.5vw;
    }

    .padding-bg-red {
        margin-left: -0.3vw !important;
        margin-top: 4vw;;
        height: 15vw;
    }

    .font--gray2 {
        padding-bottom: 0vw;
        font-size: .885vw;
        line-height: 1.2;
        margin-top: 0vw !important;
    }

    .font--gray--2 {
        padding-bottom: 0vw;
        font-size: .885vw;
        line-height: 1.2;
        margin-top: 0vw !important;
    }

    .tab-bg-red2 {
        height: 113.4vh;
        padding-top: 22.9vw;
        padding-bottom: 13.5vw;
    }

    .map-request-img {
        width: 32vw !important;
        height: 32vw;
        margin-top: 0vw;
        z-index: 2;
    }

    .index-text-gray2 {
        padding-top: 6vw;
    }

    .index-text-gray--2 {
        padding-top: 3vw;
    }

    .font-gray-rect-index3 {
        line-height: 0.5;
    }

    .font-gray-rect-index {
        line-height: 0.5;
    }

    .font-gray-rect {
        font-size: 0.885vw;
        line-height: 0.2;
        margin-top: 1.3vw;
    }

    .tab-careers button {
        padding: 2vw 0vw 0vw 0vw;
        font-size: 1vw;
        line-height: 1vw;
    }

    .font-gray-22 {
        font-size: .885vw;
        line-height: 1.2;
        margin-top: 0;
    }

    .font-gray {
        font-size: .885vw;
        line-height: 0.9;
        margin-top: 0;
    }

    .header_container-career {
        padding-right: 56%;
        padding-left: 6.5vw;
        padding-top: 8vw;
    }

    .img-bg-14 {
        padding-top: 20vw;

    }

    .img-bg-13 {
        padding-top: 4vw;
    }

    .img-bg-12 {
        padding-top: 6vw;
    }

    .p2 {
        margin-top: 0.1vw;
    }

    .demo:before, .demo:after {
        content: "";
        position: absolute;
        left: 5%;
        bottom: 100%;
        width: 14%;
        height: 0.5vw;
        background: #fff;
        transform: scaleX(0);
        transform-origin: 0 100%;
    }

    .demo:after {
        left: 19%;
        width: 66%;
    }

    .demo__drone-arm {
        --rotation: 0deg;
        transform-origin: 4.3vw 4.1vw;
        transform: rotate(var(--rotation));

    }

    .demo__drone-arm--2 {
        transform: scaleX(-1) rotate(var(--rotation));

    }

    .demo.s--processing .demo__drone-arm {
        --rotation: 25deg;
        transition: transform 0.3s 5.2s;
    }

    @-webkit-keyframes revertAnim {
        40%, 45% {
            transform: translate(-17vw, 0);
        }
        75% {
            transform: translate(-17vw, -5vw);
        }
        100% {
            transform: translate(-17vw, 5vw);
        }
    }
    @keyframes revertAnim {
        40%, 45% {
            transform: translate(-17vw, 0);
        }
        75% {
            transform: translate(-17vw, -5vw);
        }
        100% {
            transform: translate(-17vw, 5vw);
        }
    }
    .demo.s--reverting .demo__drone-package {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim 2s;
        animation: revertAnim 2s;
    }


    @-webkit-keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-43vw, 0);
        }
        75% {
            transform: translate(-43vw, -4vw);
        }
        100% {
            transform: translate(-43vw, 4vw);
        }
    }
    @keyframes revertAnim2 {
        40%, 45% {
            transform: translate(-43vw, 0);
        }
        75% {
            transform: translate(-43vw, -4vw);
        }
        100% {
            transform: translate(-43vw, 4vw);
        }
    }


    .demo.s--reverting .demo__drone-package2 {
        opacity: 0;
        transition: opacity 0s 2s;
        -webkit-animation: revertAnim2 2s;
        animation: revertAnim2 2s;
    }


    .font-gray-rect-index3 {
        margin-top: 0.8vw;
    }

    .font-gray-rect-index2 {
        margin-top: 1vw;
    }

    .btn-3:before {
        top: 0.65vw;
        left: 0;
    }

    .btn-4:before {
        top: 0.65vw;
        left: 0;
    }

    .btn-6:before {
        top: 0.65vw;
        left: 0;
    }

    .btn-7:before {
        top: 0.65vw;
        left: 0;
    }

    #owl-carousel2 .item {
        padding-bottom: 4.4vw !important;
    }

    .font-white-sm {
        padding-bottom: 5.8vw;
    }

    .mt-up_rectangle {
        padding-left: 0.4vw;
    }

    .btn-5 {
        margin-bottom: 0vw;
        margin-top: 3vw;
        font-size: 1vw;
        width: 14.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .background-gray-3 {
        width: 6vw;
        max-height: 35.6vw;
    }

    .line-1 {
        height: 90vw
    }

    .line-22 {
        height: 90vw
    }

    .line-3 {
        height: 90vw
    }

    .line-4 {
        height: 90vw
    }

    .line-5 {
        height: 90vw
    }

    .footer {
        margin-top: -8vw;
    }

    .header_container_img {
        width: 100%;
        height: 50%;
    }

    .red-rectangle-index {
        width: 4.8vw;
        height: 3.5vw;
        margin-top: 0.2vw;
        margin-left: 1.1vw;
    }

    .font-gray-rect-index {
        margin-top: -0.5vw;
    }

    .margin-top-m {
        margin-top: -0.5vw !important;
    }

    .btn-3 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-right: 2vw;
        margin-top: 1vw;
        padding-top: 0;
        padding-bottom: 0.2vw;
    }

    .btn-4 {
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-top: 2vw !important;
        padding-top: 0.6vw;
    }

    .btn-6 {
        margin-bottom: 0;
        margin-top: 3vw;
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-bottom: 0.2vw;
    }

    .btn-5-2 {
        margin-bottom: 0vw;
        margin-top: 3vw;
        font-size: 1vw;
        width: 10.5vw;
        height: 3vw;
        margin-left: 1vw;
        padding-top: 0;
        padding-bottom: 0.1vw;
    }

    .tab button {
        margin: 0 3.6vw 0 0.05vw;
    }

    .pb4 {
        padding-bottom: 2.6vw;
        padding-top: 0.5vw;
    }

    .terms-text{
        font-size: 2.0vw ;
    }
    .terms-date{
        font-size: 0.9vw;
    }
    .padding-container{
        padding-top: 74vw !important;
    }

}

/*=======================================================================
 Responsive screen 1600px
=========================================================================*/
@media only screen  and (max-width: 1716px) and (min-width: 1600px) {
    .footer {
        margin-top: -8vw;
    }
}

/*=======================================================================
 Responsive screen 1920px
=========================================================================*/
@media only screen and (min-width: 1920px) {
    .p2 {
        margin-top: 0vw;
    }

    .footer {
        margin-top: -8vw;
    }

    .font-gray-rect {
        font-size: 0.885vw;
        line-height: 0.2;
        margin-top: 1.3vw;
    }

    .footer-container {
        margin-top: -0.5vw;
        padding-bottom: 1vw;
        padding-top: 2vw;
    }


}

/*=======================================================================
 Responsive screen 2400px
=========================================================================*/
@media only screen and (min-width: 2400px) {
    .font-white-sm {
        padding-bottom: 5.8vw;
    }

    .footer {
        margin-top: -8vw;
    }
}

.ml-fly{
    margin-left: 2.7vw !important;
}

.footer-icon-m{
    margin: 0 2vw !important;
}