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
}
 
.pl-5-footer{
    padding-left: 3rem!important;
}
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
    }
    .btn-5{  
        font-size: 1vw;
        width: 10.5vw;  
        height: 3vw;   
        margin-right: 2vw;    
        margin-top: 1vw;
        margin-left: 5.5vw !important;
        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;}
	
}

@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));
  
    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 {
    list-style: none;
    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)); 
    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;}
  /* 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: 3.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; 
   margin-bottom: 0;
      text-align: center;
      margin-top: 3vw;
    margin-left: 9vw;
  }
  .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; 
    width: 100% ;
    background-color: #161615 !important;
    padding-top: 2vw ;
    padding-bottom: 1vw;
    padding-left: 9.12vw;
    padding-right: 9.27vw;
    }
  .hero{
    position: relative;
    height: 100vh !important;
  }
  .container-2{  
    padding-left: 6.12vw;
    padding-right: 9.27vw;
    overflow: hidden !important;
    padding-top: 0vw;  
     
    }
    .container-2 h1{ 
    font-family: Built;
    font-size: 6.25vw;
    font-weight: bold; 
    line-height: 0.92; 
    text-align: left;
    color: #fff;
    padding-left: 3vw; 
    position: relative; 
    }
    .container-2 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-2 p{ 
      font-family: TeXGyreAdventor;
      font-size: 1.15vw; 
      text-align: left;
      color: #ccc;
      padding-left: 3vw; 
    }
    .container-2 p span{
      font-weight: bold;
    }
    .container-2 h4{ 
    font-family: Built;
    font-size: 2.08vw;
    font-weight: bold; 
    line-height: 2.75; 
    text-align: left;
    color: #fff;
    padding-left: 3vw; 
    }
    .container-2 h4 img{
      width: 1.77vw;
    height: 1.77vw;
    margin-left: 0.53vw;
    margin-bottom: 0vw;
    object-fit: contain;
    }
  
  
    @media (max-width: 912px) {
      .container-2 h1{ 
        font-family: Built;
        font-size: 17.25vw;
        font-weight: bold; 
        line-height: 0.92; 
        text-align: left;
        color: #fff;
        padding-left: 3vw; 
        position: relative; 
        }
        .container-2 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-2 p{ 
          font-family: TeXGyreAdventor;
          font-size: 4.15vw; 
          text-align: left;
          color: #ccc;
          padding-left: 3vw; 
        }
        .container-2 p span{
          font-weight: bold;
        }
        .container-2 h4{ 
        font-family: Built;
        font-size: 5.5vw;
        font-weight: bold; 
        line-height: 2.75; 
        text-align: left;
        color: #fff;
        padding-left: 3vw; 
        }
        .container-2 h4 img{
          width: 4.77vw;
          height: 4.77vw;
          margin-left: 2.53vw;
        margin-bottom: 0.5vw;
        object-fit: contain;
        }
    }
  
  .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;
  }
  
    @keyframes slide-top {
    0% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(20px);
    }
  }
  
    .slide-top2 {
    overflow: none; 
    animation: slide-top2 1s linear infinite alternate both;
    position: absolute;
    right: 9.12vw;
    }
    @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: 3vw !important; 
    margin-right: 1vw;
}
  .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;
    margin-top: 5.2vw !important;
       
   }
  .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: #c8bdbd;
  }
  .font-gray--sm{
        font-family: TeXGyreAdventor;
    font-size: .885vw; 
    text-align: left;
    color: #c8bdbd;
    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;
  }
  
  /* Change background color of buttons on hover */
    .tab button.active  .tab button.active:focus   { 
      padding-bottom: 1vw;
      border-bottom: 8px solid #d90915;
      color:#161615;
      font-weight: 600;
    font-size: 0.9vw; 
    outline:none ;

  }
 
  
  .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: 3.125vw; 
    line-height: 1.83; 
    text-align: left;
    color: #fff;position: relative; 
    z-index: 4;
  }
  .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: 9.12vw;
      padding-bottom: 0vw;
       padding-right: 56%;
    }

  .header_container-padding{
    margin: 0; 
    padding-top: 8vw; 
    padding-left: 9.12vw; 
    padding-bottom: 0vw; 
    padding-right: 60%;
}
  
  .header_container-career2{
    margin: 0; 
    padding-top: 0vw; 
    padding-left: 9.12vw; 
    padding-bottom: 10vw;
    position: relative;
    z-index: 4;
    font-weight: bold;
}
  .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: 9.15vw; 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: 9.12vw; 
    margin-left: 7.7vw;
    margin-right: 8.5vw;
}
  .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;
    height: 2.5vw;
    max-height: 2.5vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .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;
    color: #161615;
  }
  
  .link-text-b{ 
    font-family: TeXGyreAdventor;
    font-size: 0.8vw; 
    text-align: left;
    color: #777;
      padding: 0vw 2vw 0vw 2vw;
    height: 5vw;
      max-height: 5.5vw;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
  }
  .link-text-b_new{ 
    font-family: TeXGyreAdventor;
    font-size: 0.8vw; 
    text-align: left;
    color: #777;
      padding: 0vw 2vw 0vw 2vw;
    height: 5vw;
      max-height: 5.5vw;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      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: 100%;
    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;
    padding: 0 !important;
  }
  
  .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 !important;
     padding-right: 1.1vw !important; 
     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: 100vh; 
    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: 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: 29.53vw; 
    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; 
    right: 29.53vw; 
    border-left: 1px solid #d6d6d6 ; 
    opacity: 0.2; 
    height: 100vh; 
    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; 
    position: relative;
    z-index: 3; 
   }
  
  @-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-size: cover; 
     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; 
        
         }
  .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;
    margin-right: 0.521vw;
  }
  .header_container .font-gray-sm a {
    font-family: TeXGyreAdventor; 
    font-size: 0.729vw; 
    text-align: left; 
    color: #ccc; 
    text-decoration: none;
    font-weight: bold;
}
  .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: 9.12vw; margin-right: 9.12vw; margin-top: 12vw;}
  .container-body{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 5vw;}
  .container-video{
    margin-left: 9.12vw !important; 
    margin-right: 9.12vw !important;
     margin-top: 0vw;
    }
  .container-body-solar{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 5vw;margin-bottom: 7vw;}
  .container-inspection{
    padding-left: 9.12vw;
     padding-right: 9.12vw;
      padding-top: 5vw;
      padding-bottom: 7vw;
      background-color: #161615;
      margin-right: 0vw;
      margin-left: 0vw;}
  .container--solar{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 10vw;}
  .container-body2{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 0vw;margin-bottom: 0vw;}
  .container-body3{margin-left: 9.12vw; margin-right:9.12vvw; margin-top: 3vw;}
  .container--body3{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 3vw;margin-bottom: 7vw;}
  .container--solar3{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 0vw;margin-bottom: 5vw;}
  .container-body4{
    margin-left: 9.12vw; 
    margin-right: 9.12vw;
     margin-top: 3vw;
    }
  .container-body-4{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 3vw;}
   
  .container-body5{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 3vw;}
  .container-body-5{margin-left: 9.12vw; margin-right:9.12vw; 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:1; 
    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 !important; padding-top: 0; padding-bottom: 0; padding-right: 0.5vw !important;}
  .padding-form-2{padding-left: 0.5vw !important; padding-top: 0; padding-bottom: 0; padding-right: 0 !important;}
  
  .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: 31.2vw !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:9.12vw; 
     padding-left:9.12vw;
     padding-bottom: 2vw;}
  .item-tx-w{
    font-family: TeXGyreAdventorbold; 
    padding-top:0vw;
     padding-left: 9.12vw;
     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: 9.12vw;
    padding-bottom: 0vw;
    padding-right: 9.12vw;
    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;
      outline: none;
      border: none;
      box-shadow: none;
  }
  
  /* Change background color of buttons on hover */
  .tab-careers button:hover,.tab-careers button.active {
    color: #161615;
    outline: none;
    border: none;
    box-shadow: none;
  }
  
   
  
  /* 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: 0vw; 
     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;
padding-top: 4vw;
}
  .black-date-tx{font-family: TeXGyreAdventor;
    font-size: 0.7vw; 
    line-height: 1.43; 
    text-align: center;
    color: #fff;}
  .news-img2{ 
    width: 100%;
    height: 15vw;  z-index: -1; margin-left: -3vw;
    }
  .news-img3{  
    width: 100%;
    height: 22vw;
    }
  .news-img4{ 
    width: 100%;
    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: ltr;  
    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: 99%;
     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: .8vw; }
  .img-bg-2{  
    width: 100%;
    padding-top: 3vw;
    padding-left: 3vw;
    padding-right: 0vw; 
    height: 15.1vw;
    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: 0.8vw; 
    margin-top: 0; 
    margin-bottom: .8vw; 
}
  .img-bg-3{  
    width: 100%;
    padding-top: 3vw;
    padding-left: 0.8vw;
    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:0.8vw; 
     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: 99%;
     padding-top: 5vw;
     padding-left: 3vw;
     padding-right: 0vw; 
    height: 13.7vw;  
    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: 0.8vw; }
  .img-bg-6{ 
     width: 100%;
     padding-top: 27vw;
     padding-left: 3vw;
     padding-right: 2vw; 
    height: 44.9vw;  
    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: 0.8vw; 
    margin-top: 0;
     margin-bottom: 0.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: 0.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: 0.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:0.8vw; 
    margin-top: 0; 
    margin-bottom: 1.2vw; 
}
  .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: 0.8vw; }
  
  
  
  .img-bg-12{  
    width:100%;
    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: 0.8vw; }
  .img-bg-13{  
    width: 100%;
    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: 100%;
    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: 0.8vw; }
  
  
  
  .text-table-xl a{ 
    font-family: TeXGyreAdventorbold;
    color: #fff;
    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: capitalize
}
.text-table-xl a:hover{  
    color: #fff;}

  .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: 1vw;
      margin-top: 0.2vw;
      margin-left: -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 !important; 
    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 9.12vw;
    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: 2.7vw;
}
  .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: 9.12vw;
    font-family: Built;
    font-size: 4vw; 
    line-height: 1.57; 
    text-align: left;
    color: #fff; 
  }
  .parallax-tx-ff{ 
    padding-left: 9.12vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    text-align: left;
    color: #fff; 
  }
  .parallax-tx-cc{ 
    padding-left: 9.12vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    text-align: left;
    color: #ccc;	 
  }
  
  .ml-parallax{
    margin-left: 3.9vw !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: 9.12vw; padding-left: 9.12vw;
    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;
    outline: none;
    border: none;
    box-shadow: none;
  }
  
  /* Change background color of buttons on hover */
  .tab--1 button:hover {
    outline: none;
    border: none; 
    box-shadow: none;
  }
  
  /* Create an active/current tablink class */
  .tab--1 button.active {
   border-bottom:5px solid #d90915;  
   color: #fff;
   outline: none;
   border: none; 
   box-shadow: none;
  }
   
  /* 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;
      outline: none;
     border: none;
     box-shadow: none;
  }
  
  /* Change background color of buttons on hover */
  
  /* Create an active/current tablink class */
  .tab--2 button.active2 {
   border-bottom:5px solid #d90915;
     color: #161615;
     outline: none;
     border: none;
     box-shadow: none;
  }
  
  /* 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: hidden; 
      position: relative;
      height: 100%;
  }
  .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: 40vw; 
    padding-bottom: 0vw;
    font-size: 0.85vw; 
    text-align: 0;
    text-align: left;
    color: #ccc;
    display: inline-flex;
}
  .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: 0vw;}
  .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{
    display: block;
    position: absolute;
    height: 44vw;
    right: 0;
    width: 33.1vw;
    background: #d90915;
    margin-top: -41.2vw;
    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: auto;
    position: absolute;
    margin-top: -3.5vw;
    right: 7vw;
    height: 23vw;
    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 !important; 
    padding-bottom: 0.6vw !important; 
    padding-right: 0.3vw !important;
}
  .rectangle2{
    padding-left: 0.3vw !important; 
    padding-bottom: 0.6vw !important; 
    padding-right:0vw !important;
}
  .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--tx{ font-family: TeXGyreAdventorbold;
    font-size: 1vw; 
    line-height: 1.3; 
    text-align: center;
    color: #161615;
  text-align: center; 
    padding: 1vw 2.6vw 0 2.6vw;
}
  
  .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-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!important;
    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: 13.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;
    margin-left: 17vw;
    margin-bottom: 4.8vw;
}
  .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: 2.5;  
    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: 105.8%;
    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: -33vw !important;
     width: auto !important;
    height: 30vw !important; 

    
}
  .img-slider-1-mobile { 
    margin-left: 45vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -33vw !important;
     width: auto !important;
    height: 30vw !important; 

    
}
  .img-slider-2{ 
    margin-left: 45vw !important;
    z-index: 999 !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:9.12vw;
    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: 91.68%!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:2vw !important;}
  .rectangle-grey {
    text-align: right;
    right: 0;
    width: 22vw;
    height: 134.7%; 
      position: absolute;
      margin-right: 9.22vw; 
      margin-top: -0.5vw; 
    background-color: #efefef;
  }
  .rectangle-grey2 {text-align: right;right: 0;
    width: 22vw;
    height: 165%; 
      position: absolute;
      margin-right: 9.22vw; 
      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;
    padding-bottom: 4vw;
  }
  .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: 1vw;
  }
  .group-icon{width: 70vw;
    height: 13vw; position: absolute;}
 
  .sm-icon{
    width: 3vw;
    height: 3.2vw;
    margin-top: -1vw;
    margin-bottom: 1vw;
}
  .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: 50vw;
  }
  .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: 9.12vw;padding-right: 9.12vw;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; 
    margin-bottom: 1.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: 0.5vw;
        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: 9.12vw !important;
     margin-left: 9.12vw !important;}
  .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.25vw !important;
    padding-left: 0.25vw !important;
    padding-bottom: 0.25vw;
} 
  .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: "digitized"; 
    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: 5.5vw;
  
  }
  .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: 8.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: "SEAMLESS"; 
    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: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: 6.5vw;  
        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 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: "DIGITAL"; 
    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: TeXGyreAdventorbold;
    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: 201%;
    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:6.5vw;   
      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: 36vw;
    }
  }
  
  
  .inspections{
    padding: 0vw 9.32vw 6.77vw 9.22vw;
    background-color: #161615;  
  }
  .inspection{
    padding: 5.73vw 9.32vw 0vw 29.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: "Services";
    font-family: Built;
    font-size: 14.58vw;
    font-weight: bold; 
    line-height: 0.39; 
   left: -13vw;
   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: 6.5vw; 
        line-height: 1; 
        padding-left: 8vw;
    }
  
    .inspection h2::before{ 
      font-size: 20.5vw; 
      left: 0vw;
      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;
    }
  
    .assests button{
  
      font-size: 3.3vw !important;
      width: 100% !important;
      height: 11.6vw !important;
      margin-bottom: 10vw;
      outline: none;
      border: none;
      box-shadow: none; 
  
    }
  
  }
  
  .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: "Industries";
    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: 6.5vw;
      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: 0vw;
    margin-right: 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; 
      margin-right: 1vw;
  }
    .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: 6.5vw; 
      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: "MATRIX";    
    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: 6.5vw; 
      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.8vw;
    height: 0.99vw;
    top: 16vw;
    left:39.4vw ;
    -webkit-animation: heartbeat 2s ease-in-out 1.5s infinite both;
      animation: heartbeat 2s ease-in-out 1.5s infinite both;
  }
  
  
  .dott_3{
      position: absolute;
      content: "";
      width: 0.8vw;
      height: 0.99vw;
      top:5vw;
      left:31.15vw;
    -webkit-animation: heartbeat 2s ease-in-out 1.5s infinite both;
      animation: heartbeat 2s ease-in-out 1.5s infinite both;
  }
  
  .dott_4{
      position: absolute;
      content: "";
      width: 0.8vw;
      height: 0.99vw;
      top:4.2vw ;
      left:28.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.8vw;
    height: 0.99vw;
    top:5.2vw ;
    left:30vw ;
    -webkit-animation: heartbeat 2s ease-in-out 1.5s infinite both;
      animation: heartbeat 2s ease-in-out 1.5s infinite both;
  }
  
  @-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.1vw;
      height: 1.99vw;
      top: -27.2vw;
      left: 70.83vw;
    }
    
    .dott_2{ 
      width: 1.1vw;
      height: 1.99vw;
      top:-47.2vw;
      left:45.5vw ; 
    }
    
    .dott_3{ 
      width: 1.1vw;
      height: 1.99vw;
      top: -48vw;
      left: 52.3vw;
    }
    
    .dott_4{
      width: 1.1vw;
      height: 1.99vw;
      top: -45.9vw;
      left: 55.65vw;
  
    }
    
    .dott_5{ 
      width: 1.1vw;
      height: 1.5vw;
      top: -46vw;
      left: 53.3vw;
    }
    
    .dott_6{ 
      width: 1.1vw;
      height: 1.99vw;
      top: -50.2vw;
      left: 43vw;
    }
    
    .dott_7{ 
      width: 1.1vw;
      height: 1.99vw;
      top: -51.2vw;
      left: 41.38vw;
    }
    
    .dott_8{
      width: 1.1vw;
      height: 1.99vw;
      top: -46vw;
      left: 39.5vw;
    }
    
    .dott_9{ 
      width: 1.1vw;
      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: 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;
    }
    
    .reach button:hover , .reach button:focus{  
      background-position: left;  
      color: #222;
      border: none;
    box-shadow: none;
    outline: none; 
    }
  @media (max-width: 920px) {
    .reach{  
      padding: 2vw 9.22vw 8.03vw 9.22vw;
      background-color: #161615;
    }
    .reach h2{ 
      font-size: 6.5vw; 
      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;
      padding-top: 0.5vw;
    
    }
    .reach h4{ 
      font-size: 3.04vw; 
      padding-right: 2vw;
      padding-bottom: 51.5vw;
    }
    .reach button{
      width: 100%;
      height: 11vw;  
      font-size: 3.4vw; 
      border: none;
    box-shadow: none;
    outline: none; 
    }
  }
  .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;
    object-fit: unset;
    
  }
  
  @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: 11.56vw;
  }
  .date-text {
    padding-left: 3.5vw;
    margin-left: 8vw;
  }
  }
  .mt---3{
    margin-top: 1.3vw;
  }
  
  .footer-sub-text{
    z-index: 0 !important;
    position: relative;
    font-family: Built;
    font-size: 1.3vw;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  
  .assests button{
    font-family: TeXGyreAdventorbold;
    font-size: 0.885vw;
    font-weight: bold;
    text-align: center;
    color: #fff;
    width: 13.8vw;
    height: 2.6vw;
    z-index: 2;
    outline: none;
    border: none;
    box-shadow: none; 
  }

  /*=======================================================================
 Responsive screen 280px
=========================================================================*/
@media only screen and (min-width:200px) {
    .height2 {
    height: 143.5vw;overflow-y: hidden;
}
    .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;
}
.margin{
    margin-top: 0.8vw !important;
}

.footer-sub-text{
    font-size: 5.9vw;
  }
    
    .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: 84vw;
}
    .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: 9.12vw;
    padding-right: 9.12vw;
    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: 7.7vw;
    margin-right: 8.5vw;
}
    .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: 10%;
}
	.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: 338vw; font-size: 3.6vw;
}
    .container-grey-video {
    padding-left: 9.12vw;
    padding-right: 9.12vw;
    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.85vw;
    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;
}
    .sm-icon2-padding {
    padding-left: 4.5vw;
}
    .sm-icon-padding {
    padding-left:0.5vw;
    padding-top: 5.3vw;
    text-align: center;
}
    .group-icon img {
    width: 83vw;
    height: auto;
}
    .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: 166vh;
    position: absolute;
    margin-right: 9.22vw;
    margin-top: 0vw;
    background-color: #efefef;
}
    .caretdown-1 { 
    font-size:8vw !important; 
}
   
    .slide-top2 {
        overflow: none; 
        animation: slide-top2 1s linear infinite alternate both;
        position: absolute;
        right: 9.12vw;
    }
  @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: 0.5vw;
    line-height: 1; 
}
    .reg-red {
    width: 6vw !important;
    height: 4vw;
    padding: 0;
    margin-top: 0.6vw;
    margin-left: -0.7vw;
}
     .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: 9.12vw;
    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-size: 6vw; 
    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 {
    margin-left: 17vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -30.7vw !important;
    width: 67vw !important;
    height: 52vw !important;
}
	.img-slider-1-mobile {
        margin-left: 25vw !important;
        z-index: 999 !important;
        position: absolute !important;
        margin-top: -86.7vw !important;
        width: auto !important;
        height: 55vw !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 !important;
    }
		.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.35%; 
}
    		.section--red-2 { 
    padding-left: 26vw;height: 101.35%; 
}
	
	.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: 9.12vw;
    margin-right: 9.12vw;
    margin-top: 13vw;
}
	.container-body2{margin-left: 9.12vw; margin-right: 9.12vw; 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;
}
		.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;
    margin-top: -10vw;
    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; 
            outline: none;
            border: none;
}
	.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;}
    .m-top--50{margin-top: -146vw;z-index: 1;}
	.rectangle1 {
    padding-left: 0vw !important;
    padding-bottom: 1.6vw !important;
    padding-right: 0.8vw !important;
}
	.rectangle2 {
    padding-left: 0.8vw !important;
    padding-bottom: 1.6vw !important;
    padding-right: 0vw !important;
}
	.rectangle--tx { 
    font-size: 3vw;
    line-height: 1.3; 
    
}
    .rectangle--tx2 { 
    font-size: 3vw;
    line-height: 1.3; 
    text-align: center;
    padding-left: 3vw;
    padding-right: 3vw; 
}
	.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: 89vw;
    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; 
    margin-top: 10vw;
    margin-bottom: 0;
}
	.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: none;-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: none;-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; 
}
    		.index-text-gray--3 { 
    padding-top: 12vw; 
}
	.telecom-img {
    width: 100%;
    height: 57vw;
}
	.telecom-padding {
		padding-left: 0vw !important;
        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: 9.12vw;
    margin-right: 9.12vw;
    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: 6.9vw;  
		font-size: 2.85vw;}
	.parallax-tx-ff { 
        padding-left: 6.9vw; 
        font-size: 2.85vw;
    }
	 
	.ml-parallax {
    margin-left:6.9vw !important; 
}
	.parallax-tx-lg {
    padding-left: 6.9vw; 
    font-size: 8vw;
    line-height: 0.9; 
}
	.about-text {
    padding-top: 2.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;
}
	.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: 9.12vw;
    padding-bottom: 6.5vw;
    padding-left: 9.12vw;
    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: 0vw !important;
    margin-top: -106vw !important;
    width: 100% !important;
    height: 58vw !important;
}
	#owl-carousel_slider .owl-nav { 
    right: 3% !important; 
    top: 89.4% !important;
}
	.padding-x-2 {
    padding-left:10vw !important;
    padding-bottom: 7.5vw; 
}
	#owl-carousel_slider .item .x{
        background-color: #fff !important;
        padding-bottom: 3.5vw !important;  
        text-align: left !important ; 
        width: 100% !important;
        padding-left: 6vw !important;
         padding-right: 6vw !important; 
         padding-top: 8vw !important}
	
	.pt-20 {
    padding-top: 7vw;
    padding-left: 6vw;
    padding-right: 6vw;
}
	#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: 100%;
    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: 100%;
    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: 100%;
    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;
    text-transform: uppercase;
}
	
.img-bg-4{ 
     width: 100%;
    padding-top: 45vw;
    padding-left: 5vw;
    padding-right: 5vw; 
    height: 60vw;  
    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: 100%;
    padding-top: 8vw;
    padding-left: 5vw;
    padding-right: 0vw; 
  height: 45vw;  
  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: 100%;
    padding-top: 65vw;
    padding-left: 5vw;
    padding-right: 0vw; 
    height: 60vw;  
    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: 100%;
    padding-top: 9vw;
    padding-left: 5vw;
    padding-right: 0vw; 
  height: 45vw;  
  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: 100%;
    padding-top: 9vw;
    padding-left:5vw;
    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: 100%;
    padding-top: 12vw;
    padding-left:5vw;
    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: 100%;
    padding-top: 9vw;
    padding-left: 5vw;
    padding-right: 0vw; 
    height: 45vw;  
    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: 100%;
    padding-top: 46vw;
    padding-left: 5vw;
    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: 100%;
        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: 99%;
        padding-top: 9vw;
        padding-left: 5vw;
        padding-right: 0vw;
        height: 45vw; 
        margin-right: 0vw !important;
        margin-left: 0vw;
        margin-top: 0;
        margin-bottom: 4vw;
}
	.logo-g {
    width: 7vw;
    height: 7vw;
    margin-right: 5vw;
    margin-top: 0.6vw;
    margin-left: -1.8vw;
}
	.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: 99%;
        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: 100%;
    height: 39vw;
}
	.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: 100%;
    height: 35vw; margin-left: -5vw;
}
	.mt--0{margin-top: -9vw;}
	.padding-12 {  	padding-right: 6%;padding-bottom:6vw;padding-top: 27vw;}
    	.padding--12 {  	padding-right: 6%;padding-bottom:6vw;padding-top: 0vw;}
	.padding-13{  	padding-right: 6%;padding-bottom: 8vw;}
	.header_container-sup3{  padding-top: 0vw; }
	.container-body3{margin-left: 9.12vw; margin-right: 0vw; margin-top: 8vw;}
		.container-body4{
            margin-left: 9.12vw; 
            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: 8vw !important;
}
	.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-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: 83.7vw !important;
		height: 42vw !important;
		position: absolute;
		top: 23vw;
		z-index: 9999;
		right: 7vw;
    }
	.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; 
    outline: none;
    border: none;
    box-shadow: none;
}
		.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: 0;
}
	.header_container-sup4 { 
    padding-right: 18%;
}
	.font-white-xl-2 { 
    font-size: 7vw; 
}


	.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 .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;
        height: 20vw;
        max-height: 20.5vw;
        -webkit-line-clamp: 5;
    }
    .link-text-b_new { 
        padding: 0vw 4vw 0vw 6vw; 
        max-height: 20.5vw;
        -webkit-line-clamp: 5;
    }
	.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:113vw !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 !important; 
        padding-right: 0vw !important;
    }
.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: 2.4vw;    height: 2.4vw;}
	 
		.ml-rectangle{margin-left: 5vw !important}
	.numbers { margin-top: 4vw		;}
	.mt-row-5{
        margin-top: 17vw;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
	.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;}
	 
	.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.85vw;margin: 0 2vw 0 0.05vw;}
	.tab button.active{
        font-size: 1.75vw;
        border-bottom:1vw solid #d90915;    
        padding-bottom: 2.5vw;
    }
	.tab button:hover{
        font-size: 1.75vw; 
    }
	.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: 0vw; 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{ 
         font-size: 2.4vw;
         width: 29vw;
         height: 9vw;
         margin-left: 0vw;  
         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;
        
        }
	.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;   }
	.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;
     
        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; color:#fff;}
	.btn-5 div{ 
        font-size: 3.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;}
.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;}
	.logo-1{  width: auto !important;height: 15vw;} 
.logo-2{  width:auto !important;height: 15vw;} 
.logo-3{ width: auto !important;height: 15vw;} 
.logo-4{ width: auto !important;height: 15vw;} 
.logo-5{  width: auto !important;height: 15vw;} 
.logo-6{  width: auto !important;height: 15vw;} 
.logo-7{  width: auto !important;height: 15vw;} 
.logo-8{  width: auto !important;height: 15vw; } 
    
        
    .logo-9{ width: auto !important;height: 15vw; } 
 
    .logo-10{ width: auto !important;height: 15vw; }
    .logo-11{  width: auto !important;height: 15vw; } 
    .logo-12{  width: auto !important;height: 15vw; } 
    
    
.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; }
	
	.date-text {
        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-b_new {
         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;
        padding-right: 0vw !important;
    }
 .phone { width: 9vw;height: 9vw;}
.map { width: 6vw;    height: 9vw;}
	.chat { width: 12vw;    height: 9vw;}
	.footer-tx {font-size: 3.3vw;}
	.footer-tx-2 {font-size: 2.8vw;line-height: 0;}
	.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: 11vw; padding-top: 107vw;}
	.sager-log-footer img { 
        width: 27vw;    
        height: 5.3vw;    
        margin-left: 0vw;
        margin-bottom: 1vw; 
        margin-top: 11vw;
    }
	.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;
        padding-left: 7.22vw;
        padding-right: 7.22vw;
    }
	.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;
        padding-bottom: 8vw;
    }
	.fa-home { font-size: 2.885vw;}
	.header_container .font-gray-sm a {
        font-size: 2.885vw;
        white-space: nowrap;
    }
    .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: 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: -3.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: 0vw;}
	.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;}
	
	.careers{ 
         width: 100%;
  height: 100%; 
  text-align: left;
  position: relative;
  margin-left: 0vw;
}
	.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; }
    .index-text-gray--3{ font-size: 19vw; }
	.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:1; }
.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-gray--3 {
    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;
}
    .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-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;}
	
	.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;
}
       .font--gray2--rect {
    font-family: TeXGyreAdventor;
    font-size: 2vw;
    text-align: left;
 
    line-height: 1;
    margin-top: -3.5vw;
    padding-bottom: 84vw;
}
    .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: 7vw;}
	.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: 2.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%;}
 
	.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;}
	
	.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:1; }
	.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;}
	
}
/*=======================================================================
 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;
}
	 
		.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;
}
    .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: 84vw;
}
    .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;
}


    .rectangle-grey2 {
    height: 361vw;
}
    .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 {
    margin-left: 17vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -76vw !important;
    width: 67vw !important;
    height: 52vw !important;
}
.img-slider-1-mobile {
    margin-left: 17vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -76vw !important;
    width: 67vw !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;
}

		.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; 
}
    .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: 357vw;
}
 .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;}
 
	.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;
}
	
}
/*=======================================================================
 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: 84vw;
}
    .text-style-scroll-lg {
    font-size: 2.6vw;
    padding-top: 112vw;
}
    .rectangle-grey2 {
    height: 356vw;
}
    
    .img-slider-1 {
    margin-left: 21vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -30.7vw !important;
    width: 63vw !important;
    height: 50vw !important;
}
    .img-slider-1-mobile {
    margin-left: 21vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -30.7vw !important;
    width: 63vw !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: 10vw !important;
}
    .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: 218vw;
    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;
}
	 
	.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;
}
	
}

/*=======================================================================
 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 {
    margin-left: 22vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -30.7vw !important;
    width: 63vw !important;
    height: 50vw !important;
}
    .img-slider-1-mobile {
    margin-left: 22vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -30.7vw !important;
    width: 63vw !important;
    height: 50vw !important;
}
    .index-text-gray--2 {
    padding-top: 9vw;
}
      .index-text-gray--3 {
    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: 214vw;
    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;
}
	
}
/*=======================================================================
 Responsive screen 768px
=========================================================================*/
                       
@media only screen and (min-width: 768px) {
    .pl-5-footer{
        padding-left: 0 !important;
    }
   
    .rectangle__text3 {
    width: 3vw;
    height: 4.5vw;
    position: absolute;
    left: 6vw;
}

.footer-sub-text{
    font-size: 6.4vw;
  }
    
    .rectangle--tx {
    font-size: 3vw;
    line-height: 1.3;
    
}
    .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;
}
       .index-text-gray--3 {
    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%;
}
    .section--red-2 {padding-top: 8.9vw;
    padding-left: 26vw;
    height: 102.3%;
}
	.container--solar {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-top: 11vw;
}
	.img-slider-1 {
    margin-left: 44vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -48vw !important;
    width: 41vw !important;
    height: 29vw !important;
}
	.img-slider-1-mobile {
    margin-left: 44vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -48vw !important;
    width: 41vw !important;
    height: 29vw !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: 10vw !important;
}
	.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: 9.12vw;
    margin-right: 9.12vw;
    margin-top: 5vw;
}
	.container-body2{margin-left: 9.12vw; margin-right:9.12vw; 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;
}
	.all-blogs {
    font-family: TeXGyreAdventor;
    font-size: 2.85vw;
    position: absolute;
    left: -2vw;
    top: 208.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: -106vw !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: 0.7vw;
}
	.padding-x-3 {
    padding-top: 1vw;
    padding-bottom: 7vw;
}
	.red-rectangle-style-about { 
    margin-top: -3.5vw; 
}
	.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: 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;}
 
	 
	.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:1; }
		.img1{  width: 60vw;height: 10vw;margin-top:40vw;}
	.pr {
    padding-right: 0;
    padding-top: 4vw;}
	
}
/*=======================================================================
 Responsive screen 992px
=========================================================================*/
                       
@media only screen and (min-width: 800px) {
    .pl-5-footer{
        padding-left: 0 !important;
    }
    .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;
}

}

/*=======================================================================
 Responsive screen 1024px
=========================================================================*/
                       
@media only screen and (min-width: 1024px) {
    .height2{height: 23.5vw;}
    .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;
}

    .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: 9.12vw;
    padding-right: 9.12vw;
    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: 7.7vw;
    margin-right: 8.5vw;
}
    .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;
}
     .container-white-solar { 
    padding-bottom: 3vw; 
}
 
.enroll_sm { 
    font-size: 1vw;
    line-height: 0.3;
    padding-bottom: 2vw; }
 
       .container-grey-video {
    padding-left: 9.12vw;
    padding-right: 9.12vw;
    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;
    margin-bottom: 1.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;
}
    .group-icon img {
        width: 55vw;
        height: auto;
}
    .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: 3vw !important; 
}
   .slide-top2 {
    overflow: none; 
    animation: slide-top2 1s linear infinite alternate both;
    position: absolute;
    right: 9.12vw;
}
  @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: 0.5vw;
    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: -3vw !important;
   
}
    
    .header_container-slider {
    margin-top: 0vw;
    padding-left: 9.12vw;
    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: 166vh;
    position: absolute;
    margin-right: 9.22vw;
    margin-top:-0.5vw;
    background-color: #efefef;
}
	.rectangle-grey2 {
    text-align: right;
    right: 0;
    width: 22vw;
    height: 177.3vh;
    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: 9.12vw;
    margin-right: 9.12vw;
    margin-top: 2vw;
}
	.header_container-slider .owl-theme .owl-nav {
    top: 25vw !important;
    right: 91.68%!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: 4vw;
    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: 2.5; 
}
	.font--container-grey-solar { 
    font-size: 1vw;
    line-height: 2.5; 
}
	.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;}
	.img-slider-1 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -33vw !important;
    width: auto !important;
    height: 30vw !important;
}
	.img-slider-1-mobile {
    margin-left: 45vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -33vw !important;
    width: auto !important;
    height: 30vw !important;
}
		.img-slider-2 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    
    margin-top: -35vw !important;
    width: auto !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: -42.4vw !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: -36.7vw !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 !important;
    }
	.content-slider { 
    padding-left: 6.5vw; 
}
	 
		.section-red { 
    padding-left: 19vw;
    padding-top: 13.9vw;
    padding-bottom: 3.4vw; 
}
		.section--red { 
    padding-left: 19vw; 
}
    		.section--red-2 { 
    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: 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: -21vw;
    right: -28.45vw;
    height: 23vw;
    z-index: 2;
}
    	.tab--const-img2 {
    width: 35.5vw;
    position: absolute;
    margin-top: -21vw;
    right: -34.45vw;
    height: 23vw;
    z-index: 2;
}

	.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: 104.9%; 
}
    	.section--red-2 {padding-top: 13.9vw;
    padding-bottom: 3.4vw; 
    height: 105.2%; 
}
	.img-slider-1 { 
    height: 30vw !important;
}
	.img-slider-1-mobile { 
    height: 30vw !important;
}
		.img-slider-2 { 
    height: 30vw !important;
}
	.padding-btn3{padding-top: 2.4vw;}
	.container-body { 
    margin-top: 5vw;
}
	.container-body2{margin-top: 0vw;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;
}
		.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.6vw !important;
        margin-right: 0vw;
        margin-top: -5vw;
        padding: 0;
        text-align: center;
        width: 102.8%;
        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: auto;
        position: absolute;
        margin-top: -3.5vw;
        right: 7vw;
        height: 23vw;
        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: 44vw;
    right: 0;
    width: 33.1vw;
    background: #d90915;
    margin-top: -41.2vw;
    z-index: 1;
}
	.rectangle__text {
    width: 1vw;
    height: 1.5vw; 
}
		.tab-sm-tx2 { 
    width: 40vw; 
    font-size: 0.85vw;   
}
	
	.tab--1 { 
    width: 45vw;
}
	.tab--1 button {     
        line-height: 1.22; 
        margin-right: 2vw;
        font-size: 1vw; 
        outline: none;
   border: none;
}
	.tab-sm-tx { padding-top: 0;
    width: 45vw; 
    font-size: 0.85vw;  
}
	.tab--black {     
        margin-top: 9.12vw;
        margin-bottom: 9.12vw;
        height: 40vw;
}
	.m-top-50{margin-top: 0vw;}
    .m-top--50{margin-top: 0vw;}
		.rectangle1 {
    padding-left: 0vw !important;
    padding-bottom: 0.6vw !important;
    padding-right: 0.3vw !important;
}
	.rectangle2 {
    padding-left: 0.3vw !important;
    padding-bottom: 0.6vw !important;
    padding-right: 0vw !important;
}
	.rectangle--tx { 
    font-size: 1vw;
    line-height: 1.3; 
    
}
    	.rectangle--tx2 { 
    font-size: 1vw;
    line-height: 1.3; 
    text-align: center;
    padding-left: 3vw;
    padding-right: 3vw; 
}
		.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; 
    margin-top: 1vw;
    margin-bottom: 9.2vw;
}
	.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: none;-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: none;-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; 
}
    .index-text-gray--3 { 
    padding-top: 0vw; 
}
	.telecom-img {
    width: 100%;
    height: 25vw;
}

.telecom-padding {
    padding-bottom: 3vw;
    padding-left: 3vw !important;
    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: 3vw; 
}
 
 
	.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: 9.12vw; margin-right: 9.12vw; 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: 9.12vw; 
		font-size: 0.85vw;}
		.parallax-tx-ff { 
            padding-left: 9.12vw; 
            font-size: 0.85vw;
        }
	.parallax { 
		min-height: 21vw;}
	.ml-parallax {
    margin-left: 3.9vw !important;
    margin-top: 2vw !important;
}
	.parallax-tx-lg {
    padding-left: 9.12vw; 
    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: 9.12vw;
    padding-bottom: 6.5vw;
    padding-left: 9.12vw;
    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 !important; 
    padding-bottom: 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: 100%;
    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: 100%;
    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: 100%;
    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;
    text-transform: uppercase;
}
	
.img-bg-4{  
    width: 100%;
    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: 0.8vw; 
}
.img-bg-5{  
    width: 99%;
    padding-top: 3vw;
    padding-left: 2vw;
    padding-right: 0vw; 
    height: 13.7vw;  
    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: 0.8vw; 
}
.img-bg-6{  
    width: 100%;
    padding-top: 27vw;
    padding-left: 2vw;
    padding-right: 2vw; 
    height: 44.9vw;  
    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: 0.8vw; 
    margin-top: 0; 
    margin-bottom: 0.8vw; 
}

.img-bg-7{  
    width: 100%;
    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: 0.8vw; 
}
.img-bg-8{  
    width: 100%;
    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: 100%;
    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: 100%;
    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:0.8vw; 
  margin-top: 0;
   margin-bottom: 1.2vw;
 }
.img-bg-11{   
    width: 100%;
    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: 100%;
    padding-top: 1vw;
    padding-left: 2vw;
    padding-right: 0vw;
    height: 14.03vw; 
    margin-right: 0vw !important;
    margin-left: 0.8vw;
    margin-top: 0;
    margin-bottom: .8vw;
}
	.img-bg-2 {
        width: 99%;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.65vw; 
        margin-right: 0vw !important;
        margin-left: 0.8vw; 
        margin-top: 0;
        margin-bottom: 1.3vw;
}
	.logo-g {
    width: 2vw;
    height: 2vw;
    margin-right: 1vw;
    margin-top: 0.2vw;
    margin-left: -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: 99%;
        padding-top: 13.3vw;
        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; 
    padding-top: 4vw;
}
		.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: 2.5vw  !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;
}
	.news-img3 {
    width: 100%;
    height: 22vw;
}
	.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: 100%;
    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--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: 9.12vw; margin-right: 9.12vw; margin-top: 3vw;}
	.container-body4{
        margin-left: 9.12vw; 
        margin-right: 9.12vw; 
        margin-top: 3vw;
    }
	.container-body5{margin-left: 9.12vw; margin-right: 9.12vw; margin-top: 3vw;}
		.img-text { margin-left: 0vw !important;
    padding-bottom:1vw;
    padding-left: 2vw;
}
	.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-bottom: 10vw;
}
		.header_container-career { 
            padding-right: 56%; 
            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: 31.2vw !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: 84% !important;
        top: 73% !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; 
    outline: none;
    border: none;
    box-shadow: none;
}
	.tab-m-p {
		border-left: 0.5vw solid #d90915;    margin-top: 2vw;
    margin-bottom: 0vw ;}
		.font-black-careers a { 
    font-size: 1.3vw; 
}
	.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; 
}


	.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 .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-b_new { 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: 1.2vw;    height: 1.2vw;}
	.numbers { margin-top: 0vw		;}
	
	.background-gray {width: 127.5%;height: 17.7vw;background-color: #efefef;}
	.container-5 { margin-top: 8vw;}
	.sager-log img {width: 12.06vw; height: 2.057vw;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.78vw 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: 0vw; 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 {
        font-size: 0.9vw;
      
    }
	  
    .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-left: -1vw;    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.15vw; padding-top: 2vw;    padding-bottom: 2vw;}
	.font-gray-sm2 {font-size: 0.83vw;}
	.padding-col {height: 19.271vw;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: 19.271vw;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: 19.271vw;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: 10.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;}
	.logo-1{  width: auto;height: 8.3vw; } 
.logo-2{  width: auto;height: 8.3vw;} 
.logo-3{  width: auto;height: 8.3vw;} 
.logo-4{  width: auto;height: 8.3vw;} 
.logo-5{   width: auto;height: 8.3vw;} 
.logo-6{  width: auto;height: 8.3vw;} 
.logo-7{   width: auto;height: 8.3vw;} 
.logo-8{  width: auto;height: 8.3vw; } 
.logo-9{  width: auto;height: 8.3vw; } 
 
    .logo-10{  width: auto;height: 8.3vw; }
    .logo-11{  width: auto;height: 8.3vw; } 
    .logo-12{  width: auto;height: 8.3vw; } 
    
    
	.text-center-parallelograms { margin-top: -2.1vw;}
	.parallelograms {  width: 47vw;    height: 3.85vw;}
	.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: 0vw;
           -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: 100%;
        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-b_new { 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;
        padding-right: 1vw !important;
    }
	.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.2vw; padding-top:22.4vw;}
	.sager-log-footer img {width: 12vw;    height: 2vw;}
	.footer-text-sm { font-size: 0.83vw; padding-top: 3vw;   padding-left: 3vw;    padding-right: 11vw;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: 8vw !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.83vw;}
	.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.9vw;    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: 43.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; }
	
	
	.careers{  
        width: auto;
        height: 31.2vw; 
        text-align: left;
        position: absolute;
        margin-left: 1vw;
        margin-top: 0.9vw;
    }
.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;
}

.footer-sub-text{
    font-size: 1.4vw;
  }
    
	.btn-form div{ font-size: 0.9vw; } 
	.btn-form:before{top: 0.75vw; left: 0;}
.index-text{ font-size: 14.58vw; }
	.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; }
    	.index-text-gray--3{ 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: 0.7vw;
        }

	.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:1; 
 
 }
.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;
}
       	.header_container_img2 {
    width: 100%;
    height: 22vw;
}
}

/*=======================================================================
 Responsive screen 1200px
=========================================================================*/
@media only screen and (min-width: 1200px) {
     .rectangle__text3 {
    width: 1vw;
    height: 1.5vw;
    position: absolute;
    left: 2vw;
}

        .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: 3vw !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: 166vh;
    position: absolute;
    margin-right: 9.22vw;
    margin-top: -2vw;
    background-color: #efefef;
}
	.rectangle-grey2 {
    text-align: right;
    right: 0;
    width: 22vw;
    height: 177.3vh;
    position: absolute;
    margin-right: 5.3vw;
    margin-top: 0vw;
    background-color: #222222;
}
	.img-bg-12{ width: 100%;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: 100%;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: 100%;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: 99%;
        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: 1.2vw; }
.img-bg-5{  
    width: 99%;
    padding-top: 5vw;
    padding-left: 2vw;
    padding-right: 0vw; 
    height: 13.7vw;  
  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.2vw; }
.img-bg-6{  
    width: 100%;
    padding-top: 27vw;
    padding-left: 2vw;
    padding-right: 2vw; 
    height: 44.9vw;  
    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: 0.8vw; margin-top: 0; 
    margin-bottom: 0.8vw;
 }

.img-bg-7{  
    width: 99%;
    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.2vw; 
}

.img-bg-8{  width: 100%;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: 100%;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: 100%;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:0.8vw; margin-top: 0; 
    margin-bottom: 1.2vw; }
.img-bg-11{  width: 100%;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: 100%;
    padding-top: 3vw;
    padding-left: 2vw;
    padding-right: 0vw;
    height: 14.03vw; 
    margin-right: 0vw !important;
    margin-left: 0.8vw;
    margin-top: 0;
    margin-bottom: .8vw;
}
	.img-bg-2 {
        width: 100%;
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 0vw;
        height: 14.65vw; 
        margin-right: 0vw !important;
        margin-left: 0.8vw; 
        margin-top: 0;
        margin-bottom: 1.3vw;
}
.img-bg-1 {
    width: 99%;
    padding-top: 13.3vw;
    padding-left: 2vw; 
    height: 30vw; 
    margin-right: 2vw !important; 
    margin-bottom: 1.2vw;
}
			.p2 {  margin-top: -0.3vw; }
	
            
		.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: 1.2vw;    height: 1.2vw;}
	.numbers { margin-top: 0vw		;}
	.header_container_img{width: 100%; height: 50%; }
    .header_container_img2{width: 100%; height: 50%; }
	
	.background-gray {width: 127.5%;height: 17.7vw;background-color: #efefef;}
	.container-5 { margin-top: 8vw;}
	.sager-log img {width: 12.06vw; height: 2.057vw;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.78vw 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: 0vw;}
	 
 .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.active{
        font-size: 0.9vw;
        border-bottom:0.8vw solid #d90915;    
        padding-bottom: 1vw;
    }

    .tab button:hover {
        font-size: 0.9vw;
        
    }

	.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-left: -1vw;    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;}

	
    
	.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-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;}
	.logo-1{  width: auto !important; height: 8.3vw; }
.logo-1:hover {content:url('../img/logo-1-hover.png');}
.logo-2{  width: auto !important; height: 8.3vw;}
.logo-2:hover {content:url('../img/logo-2-hover.png');}
.logo-3{  width: auto !important; height: 8.3vw;}
.logo-3:hover {content:url('../img/logo-3-hover.png');}
.logo-4{ width: auto !important; height: 8.3vw;}
.logo-4:hover {content:url('../img/logo-4-hover.png');}
.logo-5{  width: auto !important; height: 8.3vw;}
.logo-5:hover {content:url('../img/logo-5-hover.png');}
.logo-6{ width: auto !important; height: 8.3vw;}
.logo-6:hover {content:url('../img/logo-6-hover.png');}
.logo-7{  width: auto !important; height: 8.3vw;}
.logo-7:hover {content:url('../img/logo-7-hover.png');}
.logo-8{ width: auto !important; height: 8.3vw; }
.logo-8:hover {content:url('../img/logo-8-hover.png');}
    
    
    .logo-9{ width: auto !important; height: 8.3vw; }
.logo-9:hover {content:url('../img/logo-9-hover.png');}
 
    .logo-10{  width: auto !important; height: 8.3vw; }
    .logo-11{  width: auto !important; height: 8.3vw; }
.logo-11:hover {content:url('../img/logo-11-hover.png');}
    .logo-12{  width: auto !important; height: 8.3vw; }
.logo-12:hover {content:url('../img/logo-12-hover.png');}
    
    
	.text-center-parallelograms { margin-top: -2.1vw;} 
	.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: 0vw;  -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;}
.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: 100%;
          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-b_new { 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;
        padding-right: 1vw !important;
    }
	.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-sm { font-size: 0.83vw; padding-top: 3vw;   padding-left: 3vw;    padding-right: 11vw;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: 8vw !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.83vw;}
	.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.9vw;    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: 43.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; }
	
	
	.careers{ 
        width: auto;
        height: 31.2vw; 
         text-align: left;
         position: absolute;
         margin-left: 1vw;
         margin-top: 0.9vw;
        }
.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: 14.58vw; }
	.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; }
    	.index-text-gray--3{ 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:1; 
 
 }
.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;}
	
	

}


/*=======================================================================
 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: 50vw;
}
 .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: 3vw !important; 
}
    .rectangle-grey {
    text-align: right;
    right: 0;
    width: 22vw;
    height: 166vh;
    position: absolute;
    margin-right: 9.22vw;
    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: 50vw;
}
    .rectangle-grey2 {
    text-align: right;
    right: 0;
    width: 22vw;
    height: 177.3vh;
    position: absolute;
    margin-right: 9.22vw;
    margin-top: 0vw;
    background-color: #222222;
}
	.container-video {
    margin-left: 9.12vw;
    margin-right: 9.12vw;
    margin-top: 2vw;
}
	.header_container-slider .owl-theme .owl-nav {
    top: 29vw !important;
    right: 91.68%!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: 9.12vw; margin-right: 9.12vw; margin-top: 0vw;}
    .scroll {margin-top: 0vw;padding-top: 0vw;margin-bottom: 4vw;}
    .center {
    margin-top: -5vw;
    padding-left: 0vw !important;
}
 
    .hero__slides {
    padding-top: 4vw;
    padding-bottom: 0;
}
    
	.tab-bg-red {
        display: block;
        position: absolute;
        height: 44vw;
        right: 0;
        width: 33.1vw;
        background: #d90915;
        margin-top: -41.2vw;
        z-index: 1;
}
	.tab-bg-grey { 
    height: 86%; 
}
	.font--black-solartab2 { 
    padding-left: 3vw;
}
	.section-red { 
		    padding-top: 18vw;
    padding-bottom: 8.8vw;
    height: 115.8%; 
}
	.section--red { 
		    padding-top: 18vw;
    padding-bottom: 8.5vw;
    height: 115.8%; 
}
    	.section--red-2 { 
		    padding-top: 18vw;
    padding-bottom: 8.5vw;
    height: 116.26%; 
}
    
	.img-slider-1 {
    margin-left: 45vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -33vw !important;
    width: auto !important;
    height: 30vw !important;
}
	.img-slider-1-mobile {
    margin-left: 45vw !important;
    z-index: 999 !important;
    position: absolute !important;
    margin-top: -33vw !important;
    width: auto !important;
    height: 30vw !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;
}
	.drone-top-views { 
    height: 63vw; 
}
	.hero__controls {
    margin-top: 19.5vh;
}
	.slider-nav { 
    bottom: 10vw; 
}
	.padding-bg-red2 {
    height: 12vw;
}
	.padding-bg-red3 {
    height: 12vw;
}
	.font-number-white {
    font-size: 2vw;
    padding-top: 4vw;
    padding-bottom: 1.5vw;
}
	.padding-bg-red { 
        margin-left: 0.5vw !important;
    margin-top: -5vw;
    height: 12vw;
    width: 102.4% !important;
}
	.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;
}
    		.index-text-gray--3 {
    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;
    outline: none;
    border: none;
    box-shadow: none;
}
	.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-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;}
	.background-gray-3 {width: 6vw;  max-height: 35.6vw;}
 
	.footer { margin-top: -8vw;}
	.header_container_img {
    width: 100%;
    height: 22vw;
}
    	.header_container_img2 {
    width: 100%;
    height: 22vw;
}
	.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-left: -1vw;    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;}
	
}

/*=======================================================================
 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;}
}

@media only screen and (min-width: 1000px)
{
    .sager-log-footer img {
     
        margin-left: 0vw;
        margin-bottom: 3vw;
        margin-top: 3.5vw;
    }
}

 
@media (max-width: 912px) {
    .pl-5-footer{
        padding-left: 0!important;
        padding-top: 3vw;
    }
    .footer-textbold-sm{
        padding-left: 0 !important;

    }
    .link-text a {
        font-size: 2.7vw;
        height: 7.5vw;
    max-height: 8vw;
    }
}


.parallax-2 {
    background:linear-gradient( rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6)100%), url('../img/parallax2.png') ;
   margin-left: 0;margin-right: 0; margin-top: 0; margin-bottom: -0.5vw; padding: 0;
   min-height:30vw; 
   width: 100%;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size:cover;
   position: relative;
}

.parallax-tx-lg2 {
    font-size: 4vw;
    line-height: 1.57;
    padding-left: 0; 
    padding-right: 0; 
    margin-left: 0; 
    margin-right: 0; 
    font-family: Built;  
    text-align: center; 
    color: #fff; 
}
.parallax-tx-cc2 {
    padding-left: 17vw;
    padding-right: 17vw;
    font-size: 0.85vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    color: #ccc;

}
.container-black{
    background:#161615;
    margin: 0; 
    padding-bottom: 6vw; 
    padding-left: 9.12vw; 
    padding-right: 9.12vw; 
    padding-top: 6vw;
}
.Outputs {   margin: 0; padding-left: 0; padding-right: 0; padding-top: 2vw;
    font-family: Built;
    font-size: 12vw;
    font-weight: bold; 
    line-height: 0.46; 
    text-align: center;
    color: #222;
  }
  img.icon-img { width: 4vw; height: 3.95vw; margin: 0 1vw 1.5vw 0; object-fit: contain;}
  .Rectangle-1841 {  
    height: 18vw;
    margin-left: 0vw;margin-right: 0.5vw;margin-top: 1vw;margin-bottom: 1vw;
    padding: 2vw 2.2vw 1.7vw 3.1vw;
      background-color: #222;}
  .Rectangle-1842 {  
    height: 18vw;
    margin-left: 0.5vw;margin-right: 0vw;margin-top: 1vw;margin-bottom: 1vw;
    padding: 2vw 2.2vw 1.7vw 3.1vw;
      background-color: #222;}
    .Rectangle-txt-bold {padding-bottom: 1vw;
    font-family: TeXGyreAdventorbold;
    font-size: 1.1vw;  
    line-height: 1.3; 
    text-align: left;
    color: #fff;
  }
  .Rectangle-txt {
   padding-right: 1vw;
    font-family: TeXGyreAdventor;
    font-size: 0.85vw; 
    line-height: 1.25; 
    text-align: left;
    color: #ccc;
  }
  .text-app{ font-family: Built;padding-top: 8vw;
    font-size: 13vw; 
    line-height: 0.46; 
    text-align: center;
    color: #f8f8f8;}
  
  
  .app-icon-1 .reporting-icon-tx-lg,.app-icon-2 .reporting-icon-tx-lg,.app-icon-3 .reporting-icon-tx-lg { 
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;  
    line-height: 1.08; 
    text-align: center;
    color: #fff;padding-top: 12vw;padding-bottom: 1.5vw;
  }
   
  .app-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.5) 100%, rgba(0, 0, 0, 0.5)100%), url('../img/mining.jpeg') ; background-position: center;   background-size:cover;width: 100%;
    height: 25vw;}
  
  .app-icon-1 .reporting-icon-app{display: none;}
   .app-icon-1:hover{background:linear-gradient( rgba(36, 35, 35, 0.5) 100%, rgba(24, 23, 23, 0.5)100%), url('../img/mining.jpeg') ;  background-position: center;   background-size:cover;width: 100% ;}
  .app-icon-1:hover .reporting-icon-tx-lg{padding-top: 7vw;}
  .app-icon-1:hover .reporting-icon-app{display: block;}
   
  
  .app-icon-2{margin-top: 3vw;margin-left: 0.6vw;margin-right: 0.6vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url('../img/urban.jpeg') ; background-position: center;   background-size:cover;width: 100%;
    height: 25vw;}
  .app-icon-2 .reporting-icon-app{display: none;}
   .app-icon-2:hover{background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url('../img/urban.jpeg'); background-position: center;   background-size:cover;width: 100%;}
  .app-icon-2:hover .reporting-icon-tx-lg{padding-top: 7vw;}
  .app-icon-2:hover .reporting-icon-app{display: block;}
  
   
  .app-icon-3{margin-top: 3vw;margin-left: 0.3vw;margin-right: 0.9vw;margin-bottom: 1.4vw;background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url('../img/hiratj.jpeg') ; background-position: center;   background-size:cover;width: 100%;
    height: 25vw;}
  .app-icon-3 .reporting-icon-app{display: none;}
  .app-icon-3:hover{background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),url('../img/hiratj.jpeg') ; background-position: center;   background-size:cover;width: 100%;}
  .app-icon-3:hover .reporting-icon-tx-lg{padding-top: 7vw;}
  .app-icon-3:hover .reporting-icon-app{display: block;}
  
  
  
  
  .app-icon-4 .reporting-icon-tx-lg,.app-icon-5 .reporting-icon-tx-lg,.app-icon-6 .reporting-icon-tx-lg { 
    font-family: TeXGyreAdventorbold;
    font-size: 1.3vw;  
    line-height: 1.08; 
    text-align: center;
    color: #fff;padding-top: 12vw;padding-bottom: 1.5vw;
  }
   
  .app-icon-4{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/Solar_Farm_Construction.png') ; 
     background-position: center;   
     background-size:cover;width: 100%;
    height: 25vw;}
  
  .app-icon-4 .reporting-icon-app{display: none;}
   .app-icon-4:hover{background:linear-gradient( rgba(0, 0, 0, 0.85) 100%, rgba(0, 0, 0, 0.85)100%), url('../img/Solar_Farm_Construction.png') ;  background-position: center;   background-size:cover;width: 100% ;}
  .app-icon-4:hover .reporting-icon-tx-lg{padding-top: 10vw;}
  .app-icon-4:hover .reporting-icon-app{display: block;}
   
  
  .app-icon-5{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/CONSTRUCTION_MONITORING.jpg') ; background-position: center;   background-size:cover;width: 100%;
    height: 25vw;}
  .app-icon-5 .reporting-icon-app{display: none;}
   .app-icon-5:hover{background:linear-gradient( rgba(0, 0, 0, 0.85) 100%, rgba(0, 0, 0, 0.85)100%), url('../img/CONSTRUCTION_MONITORING.jpg'); background-position: center;   background-size:cover;width: 100%;}
  .app-icon-5:hover .reporting-icon-tx-lg{padding-top: 10vw;}
  .app-icon-5:hover .reporting-icon-app{display: block;}
  
   
  .app-icon-6{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: 25vw;}
  .app-icon-6 .reporting-icon-app{display: none;}
  .app-icon-6:hover{background:linear-gradient( rgba(0, 0, 0, 0.85) 100%, rgba(0, 0, 0, 0.85)100%),url('../img/Road_Construction.jpg') ; background-position: center;   background-size:cover;width: 100%;}
  .app-icon-6:hover .reporting-icon-tx-lg{padding-top: 10vw;}
  .app-icon-6:hover .reporting-icon-app{display: block;}
  
  .font-black-map{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.4; 
    text-align: left;
    color: #161615; 
    white-space:nowrap;
}
.font-black-map_{  
    font-family: built;
    font-size: 3vw; 
    line-height:0.4; 
    text-align: left;
    color: #161615;  
}
    .font-gray-out {  font-family: TeXGyreAdventor;font-size: .885vw;text-align: left;color: #777;line-height: 0;margin-top: 0vw;}
.reporting-icon-app { font-family: TeXGyreAdventor;font-size: 0.85vw; line-height: 1.38;text-align: center;color: #ccc;padding-right:3.7vw; padding-left: 3.7vw;}
.header_container-padding2{
    margin: 0; 
    padding-top: 9.12vw; 
    padding-left: 9.12vw; 
    padding-bottom: 0vw; 
    padding-right: 50%;
}
.font-gray-sm-bold { color: #161615;  font-family: TeXGyreAdventorbold;text-align: left;padding-top: 1.5vw;font-size: 0.9vw;}
.pr-25{padding-right: 4vw;}
.pr-26{padding-right: 4vw;padding-bottom: 3vw;}
.text-const-xs3 { font-family: TeXGyreAdventorbold;font-size: 1vw;   padding-top: 1.8vw; padding-right: 3.4vw;padding-left: 1vw;line-height: 1.22;  text-align: left;color: #fff;text-transform: uppercase; }
.parallelograms-sm3{ 
    position: absolute;
    	width: 44vw;	
        height: 2vw;	
        display: inline-block;
        background: #d90915;    
        border: 1px solid #d90915;
        transform: skewX(-32deg);
        right:28vw; 
        margin-top: 23vw;
    }
.text-interactive-xs2 { font-family: TeXGyreAdventor;  font-size: 0.85vw;  line-height: 1.38;  text-align: center;  color: #efefef;  padding-left: 2vw;  padding-right: 2vw;}
 .container-construction2{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;}
.font--gray2--rect2{
    font-family: TeXGyreAdventor;
    font-size: .885vw;
    text-align: left;
    color: #ccc;line-height: 1;
    margin-top: -1vw;}
.font-black-rect3{  font-family: built;font-size: 3vw; line-height:0.4; text-align: left;color: #161615;margin-top: 0;}
.container-interactive2 { 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;}
.insp-text2{  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;
}

.bg-f8f8f8{background: #f8f8f8;margin-top: -5vw; }
.multscreen3{ margin-left: 1.5vw;margin-top: 2vw;
    width: 35vw;
   height: 31vw;}
 .pt-container{padding-top: 7vw;}
 .container-white{background-color: #fff; padding-top: 6vw; text-align: center;margin-top: 6vw;}
@media (max-width: 912px) { 
    .pl-20 {
        padding-left: 6.12vw !important;
    }
    
    .padding-form-1{
        padding-left: 0 !important;
         padding-right: 0vw !important;}
  .padding-form-2{
    padding-left: 0vw !important;
    padding-right: 0 !important;}
    .parallax-2 {min-height: 40vw;height: 80vw; background-attachment:scroll; overflow: hidden;}
    .parallax-tx-lg2 {  font-size: 8vw;line-height: 0.9; }
    .parallax-tx-cc2 {   padding-left: 6vw; padding-right: 6vw;  font-size: 2.85vw;padding-top: 2vw ; padding-bottom: 3vw; }
    .container-black {  padding-bottom: 14vw; }
    .pt-container{padding-top: 7vw;}
    .container-white{padding-bottom: 10vw;}
}



.image-container {
	position: relative;
	width: 24vw ;
	height: 20vw ;
	border: solid 5px #fff;
	overflow: hidden;
	transition: transform 300ms ease;
    margin-left: 3vw;
}


.image-container .image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
  background-size: cover !important;
}

.image-container .image:first-child {
	background: url("/frontend/img/image_slider_1.jpg");
}

.image-container .image:nth-child(2) {
	background: url("/frontend/img/image_slider_2.jpg");
	width: 50%;
}

/* slider draggable */
.image-container .slider {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0;
	background: rgba(242, 242, 242, 0.1);
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	z-index: 2;
	transition: all 200ms linear; 
  
}

.image-container .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 6px;
	height: 800px;
	background: white;
	cursor: move; 
	transition: all 300ms ease; 
}

/* slider button */
.buttonRange {
	z-index: 0;
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: white;
	top: 50%;
	left: 50%;
	transform: translate(-60%, -50%);
	cursor: grab;
}

.buttonRange::before {
  content: url("/frontend/img/arrows.svg");
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(9%, -48%)
}

.flex-end{
  align-items: end;
}
@media (max-width: 1280px) { 
.ecosystem::after { 
    right: 0vw; 
}
}
.coming_soon{
    font-size: 75px; 
    font-weight: bold; 
    text-align: center; 
    margin-left: 20px;
}
.coming_soon_img{
    height:75px;
}
.container-white-pilots_footer {
    background-color: #fff;
    padding-top: 6vw;
    padding-bottom: 3vw;
    text-align: center;
    margin-top: 6vw;
}
.font-video-md3 p {
    padding-right: 4vw;
}
.p-withImg{
    font-family: Built;
    font-size: 3.2vw;
    line-height: 1;
    text-align: left;
    color: #fff;
    padding-bottom: 0vw;
    padding-top: 1vw;
    position: relative;
    padding-left: 3vw;
}
.p-withImg::before{
    position: absolute;
    content: "";
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.7vw;
    height: 1.7vw;  
    margin-right: 0.5vw; 
    margin-top: 0.5vw;
    left: 0;
}
@media (max-width: 920px) { 
    .coming_soon{
        font-size:10vw; 
        font-weight: bold; 
        text-align: center; 
        margin-left: 2vw;
    }
    .coming_soon_img{
        height:8vw;
    }
    .btn-5.btn-custom{
margin-left: -7vw !important;
width: 17vw;
    }
    .btn-5.btn-custom div {
        font-size: 3vw;
    }
    .sager-training-img {
       display: none;
    }
    .pt-34 {
        padding-top: 0vw; 
        padding-bottom: 10vw;
    }
    .enroll_sm { 
        padding-left: 9vw;
        padding-right: 9vw;
    }
    .container-white-pilots_footer {
        padding-bottom: 6vw;
        padding-top: 13vw;
    }
    .font-video-md3 p {
        padding-right: 0vw;
    }
    .p-withImg{ 
        font-size: 7vw; 
        padding-left: 9vw;
    }
    .p-withImg::before{ 
        width: 5.7vw;
        height: 5.7vw; 
    }
    .header_container-slider .owl-theme .owl-nav {
        top: 80vw !important;
        right: 77.5%!important;
    }
    .max-width-100 {
        position: absolute;
        bottom: 62vw;
    }
}

 


@media only screen  and (max-width:915px) and (min-width: 760px)  {
.content--slider { 
    padding-left: 2vw; 
}
.padding-l-10 {
    padding-left: 6vw !important;
}
.m-top-50 {
    margin-top: -145vw; 
}
.tab--img {
    width: auto;
    position: absolute;
    margin-top: -8vw;
    right: 12vw;
    height: 56vw;
    z-index: 2;
}
.tx-vertical { 
    margin-top: 0vw; 
}
 }
@media only screen  and (max-width:550px) and (min-width: 500px)  {
    .wrapper .padding-t2-57 {
        padding-top: 3vw !important;
    }
    .wrapper .img-slider--2 {
        display: none;
    }
    .wrapper .img-slider--1 {
        display: none;
    }
    .wrapper .img-slider--3 {
        display: none;
    }
    .wrapper .img-slider--4 {
        display: none;
    }
    .section--red { 
        height: 102.3%;
    }
    .tx-vertical { 
        margin-top: 0vw; 
    }
 }


 @media only screen and (min-width: 1280px)
 {
    .tx-vertical { 
        font-size: 1.2vw;
        line-height: 1.17; 
        margin-top: 1vw;
        margin-bottom: 16vw;
    }
  
}
@media only screen and (min-width: 1300px)
{
.tx-vertical {
   font-size: 1.2vw;
   line-height: 1.17;
   margin-top: 0vw;
   margin-bottom: 3vw;
}
.img-text2 li {
    padding-bottom: 0.5vw;
    padding-left: 0vw;
    margin-left:-1.3vw;
}
}
@media (max-width: 1280px) { 
    .img-text2 li {
        padding-bottom: 0.5vw;
        padding-left: 0vw;
        margin-left: 2vw;
    }
    .pc {
        width: 34vw;
        margin-left: 0vw;
        margin-top: -3vw;
        height: 21vw;
    }
    .tab-bg-red {
       display: none;
    }
}
.padding_mobile{
    padding-left: 0 !important; 
}
.img-bg-1_new {
    width: 100%;
    padding-top: 13.3vw;
    padding-left: 2vw;
    height: 29.3vw;
    margin-left: 0.8vw !important;
    margin-bottom: 0.8vw;
}

.blogs_padding_right{
    padding-right: 1vw !important;
}

@media (max-width: 980px) { 
    .slideshow-container{
        padding-right: 9.12vw;
    }
    .img-bg-1_new {
        width: 100%;
        padding-top: 13.3vw;
        padding-left: 5vw;
        height: 60vw;
        margin-left: 0.8vw !important;
        margin-bottom: 0.8vw;
    }
    .header_container-padding2 { 
        padding-right: 0%;
    }
    .font-gray-sm-bold {
        padding-top: 5.5vw;
        font-size: 3.3vw;
    }
    .insp-text2 {
        padding-top: 17.5vw; 
        font-size: 22vw;  
    }
    .image-container { 
        margin-left: 0vw;
    }
    .text-interactive-sm { 
        font-size: 7.6vw; 
    }
    .text-interactive-xs2 { 
        font-size: 3.2vw; 
    }
  .app-icon-4 .reporting-icon-tx-lg, .app-icon-5 .reporting-icon-tx-lg, .app-icon-6 .reporting-icon-tx-lg { 
        font-size: 4.3vw; 
        padding-top: 20vw; 
    }
    .reporting-icon-app { 
        font-size: 2.85vw; 
    }
    .app-icon-4:hover .reporting-icon-tx-lg, 
    .app-icon-5:hover  .reporting-icon-tx-lg, 
    .app-icon-6:hover  .reporting-icon-tx-lg { 
        padding-top: 10vw;
    }
    .app-icon-4,.app-icon-5, .app-icon-6 {
        
        height: 45vw;
    }
    .container-construction2 {
        width: 100%;
        height: 216vw;
        padding-top: 14vw;
    }
    .text-const-xs {
        font-size: 2.85vw;
        padding-bottom: 5vw;
    }
    .rectangle-222 {
        height: 23.6vw;
    }
    .text-const-num { 
        padding-left: 6.6vw !important;
        padding-top: 4.5vw;
    }
    .text-const-xs3 { 
        font-size: 3vw; 
        padding-top: 8.5vw;
    }
    .pr--2 {
        padding-right: 0vw !important;
        padding-left: 7vw !important;
        padding-bottom: 3vw;
    }
    .parallelograms-sm3 {
        position: absolute;
        width: 71vw;
        height: 3.5vw;
        display: inline-block;
        background: #d90915;
        border: 1px solid #d90915;
        transform: skewX(-32deg);
        right: 14vw;
        margin-top: 178vw; 
    }
    .font--gray2--rect2 {
        font-family: TeXGyreAdventor;
        font-size: 2.885vw;
        text-align: left;
        color: #ccc;
        line-height: 1;
        margin-top: -1vw;
        padding-bottom: 84vw;
        padding-right: 1vw;
    }
    .font--black-solar2 {
        font-family: built;
        font-size: 6vw;
        line-height: 0.9;
        text-align: center;
        color: #161615;
        padding-left: 8.12vw;
        padding-right: 8.12vw;
        padding-top: 4vw;
    }
    .pt-container {
        padding-top: 0vw;
        padding-right: 0 !important;
    }
    .m-top-50 {
        margin-top: -136vw;
        z-index: 1; 
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .rectangle2 {
        padding-left: 1.8vw !important;
        padding-bottom: 3.6vw !important;
        padding-right: 3.2vw !important;
    }
    .rectangle1 {
        padding-left: 3.2vw !important;
        padding-bottom: 3.6vw !important;
        padding-right: 1.8vw !important;
    }
    .container-construction2 {
        padding-left: 11vw;
    }
    .m-interactive {
        margin-top: 0vw;
    }
    .text-interactive-lg {
        font-family: Built;
        font-size: 19vw;
        line-height: 0.46;
        text-align: center;
        color: #777;
        padding-top: 18vw;
    }
    .container-interactive2 {
        height: 180vw;
    }
    .font-gray-out { 
        font-size: 2.7vw; 
        line-height: 1.3;
        margin-top: -1.6vw;
    }
    .insp-text2 { 
        padding-top: 14.5vw;  
        font-size: 19vw; 
    }
    .Rectangle-1841 {
        height: 56vw;  margin-left: 2vw;
        margin-right: 2vw;
        margin-top:4vw;
        margin-bottom: 0vw; 
    }
    .Rectangle-1842 {
        height: 60vw; 
        margin-left: 2vw;
        margin-right: 2vw;
        margin-top: 4vw;
        margin-bottom: 0vw;  
    }   
    .Rectangle-txt-bold {   
        font-size: 3.1vw; 
    }
    .Rectangle-txt {  
        font-size: 2.85vw; 
    }
    .Outputs {
        padding-top: 8vw;
        font-size: 24vw;
    }
    img.icon-img {
        width: 10vw;  
        height: 9.95vw ; 
        margin: 4vw 1vw 4vw 0;
    }
    .app-icon-1 .reporting-icon-tx-lg, .app-icon-2 .reporting-icon-tx-lg, .app-icon-3 .reporting-icon-tx-lg{
        font-family: TeXGyreAdventorbold;
        font-size: 3.3vw;
        line-height: 1.08;
        text-align: center;
        color: #fff;
        padding-top: 20vw;
        padding-bottom: 3vw;
    }
    .app-icon-2, .app-icon-1, .app-icon-3 { margin-top: 3vw;   height: 50vw;}  
   .app-icon-1:hover .reporting-icon-tx-lg{padding-top: 7vw;} 
   .padding_mobile{
        padding-left: 0 !important;
        padding-right: 0 !important; 
   }
   .font-black-rect3 {
    font-family: built;
    font-size: 5.5vw;
    line-height: 0.4;
    text-align: left;
    color: #161615;
    margin-top: 0;
}
.red-rectangle-style-about {
    margin-top: -2.5vw;
}
.padding-22 {
    padding-top: 1.5vw;
    padding-left: 0;
    padding-right: 0%;
    padding-bottom: 7vw;
}
.font-black-map {
    font-family: built;
    font-size: 5.5vw;
    line-height: 0.4;
    text-align: left;
    color: #161615;
    white-space: nowrap;
}
.font-black-map_ {
    font-family: built;
    font-size: 5.5vw;
    line-height: 1;
    text-align: left;
    color: #161615; 
}
.container-body4{
    margin-left: 9.12vw; 
    margin-right: 9.12vw;
     margin-top: 9vw;
    }
    .text-black a { 
        height: 8.8vw;
        max-height: 10.5vw; 
    }
    .black-date-num { 
        padding-top: 9vw;
    }
}

.container-body3 nav{
display: none;
}

.x-twitter{
    background-color: #cccccc;
    border-radius: 0.313vw;
    margin: 0.5vw 0 0 0.5vw  !important;
    padding: 0  !important; 
    width: 1.25vw !important;
    height: 1.25vw !important;
    position: relative;
}
.x-twitter a{ 
    margin: 0  !important;
    padding: 0  !important;  
}
.x-twitter svg{
    width: 0.938vw;
    height: 0.938vw;
    position: absolute;
    top: 0.2vw;
    left: 0.2vw;
}
 
.x-twitter:hover{
    background-color: #d90915; 
}

@media only screen and (max-width: 920px){
    .x-twitter{ 
        border-radius: 0.62vw;
        margin: 1.5vw 0 0 1vw  !important; 
        width: 3.9vw !important;
        height: 3.9vw !important; 
    }
 
    .x-twitter svg{
        width: 2.5vw;
        height: 2.5vw; 
        top: 0.8vw;
        left: 0.8vw;
    }
}