section.home {
    height: 100vh!important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.home video#home {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .7;
    max-width: 100%!important
}

@media(max-width:920px) {
    section.home video#home {
        height: 100%;
        width: 100%
    }
}

section.home .upgaming {
    position: relative;
    color: #fff;
    text-align: center;
    width: 40rem;
    z-index: 9
}

@media(max-width:920px) {
    section.home .upgaming {
        margin-top: 10rem
    }
}

section.home .upgaming h5 {
    font-size: 2rem
}

section.home .upgaming h5 span {
    font-family: Montserrat-SemiBold;
    color: var(--primary-color)
}

section.home .upgaming p {
    margin-top: 1.125rem;
    font-family: Montserrat-Light;
    font-size: 1.375rem;
    line-height: 2.375rem;
}

@media(max-width:920px) {
    .pre-loader video {
        height: 100%
    }
    section.home .upgaming h5 {
        font-size: 1.0667rem
    }
    section.home .upgaming p {
        font-size: .8rem
    }
    section.home .upgaming p br {
        display: none
    }
}

@media screen and (max-width:1200px) and (min-width:920px) {
    .get-in-touch:not(.vs),
    .news-and-events:not(.vs),
    .our-solutions:not(.vs),
    footer:not(.vs) {
        height: 0!important;
        overflow: hidden;
        padding: 0!important
    }
}

.caller-col {
    position: fixed;
    bottom: 1.6875rem;
    right: 8.8125rem
}

section.our-products {
    overflow: unset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:1200px) and (min-width:920px) {
    section.our-products {
        height: auto!important
    }
    section.our-products .sticky-wrapper {
        position: relative!important;
        opacity: 1!important;
        top: 0!important
    }
}

section.our-products .sticky-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 6.25rem;
    -webkit-transition: .7s;
    transition: .7s
}

section.our-products .scroll-helper {
    position: relative;
    width: 85.3125rem;
    margin: auto;
    margin-top: 5.3333rem
}

@media screen and (max-width:1200px) and (min-width:920px) {
    section.our-products .scroll-helper {
        width: 100%!important
    }
}

section.our-products .scroll-helper .scroll-line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 24.875rem;
    height: .0625rem;
    background: #1a1a1d;
    overflow: hidden
}

section.our-products .scroll-helper .scroll-line .line {
    height: 100%;
    width: 0;
    -webkit-transition: .1s;
    transition: .1s;
    background: var(--primary-color)
}

section.our-products .translateXhelper {
    position: relative;
    overflow: hidden;
    margin-left: -2.5rem;
    width: calc(100% + 5rem)
}

@media screen and (max-width:1200px) and (min-width:920px) {
    section.our-products .translateXhelper {
        width: 100%!important;
        margin-left: 0!important
    }
}

section.our-products .content-wrapper {
    width: 100%!important
}

@media screen and (max-width:1200px) and (min-width:920px) {
    section.our-products .content-wrapper ul.items.container {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%!important;
        -webkit-transform: translateX(0)!important;
        transform: translateX(0)!important;
        width: 100%
    }
}

section.our-products .content-wrapper .hide {
    opacity: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

section.our-products ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 85.3125rem;
    margin: auto;
    margin-top: 2.5rem;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

section.our-products ul li {
    position: relative;
    overflow: hidden;
    width: 85.3125rem;
    height: 39.6875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover;
    cursor: pointer
}

section.our-products ul li:nth-child(1) {
    background-image: url(../../assets/images/_layouts/header/products/dapp.png)
}

section.our-products ul li:nth-child(2) {
    background-image: url(../../assets/images/_layouts/header/products/stake.png)
}

section.our-products ul li:nth-child(3) {
    background-image: url(../../assets/images/_layouts/header/products/nft.png)
}

section.our-products ul li:nth-child(4) {
    background-image: url(../../assets/images/_layouts/header/products/dashboard.png)
}

@media(max-width:100px) {}

@media screen and (max-width:920px) and (min-width:768px) {
    section.our-products ul li {
        height: 40rem!important
    }
    section.our-products ul li .wrapper h2 {
        font-size: 1.641175rem!important
    }
}

@media screen and (max-width:1200px) and (min-width:920px) {
    section.our-products ul li {
        width: 69.3125rem!important;
        height: 31.6875rem!important
    }
}

section.our-products ul li .helper {
    width: 100%;
    height: 100%;
    padding: 5.3333rem
}

@media(max-width:920px) {
    section.our-products ul li .helper {
        padding: 40px 22px 10px!important
    }
}

@media(max-width:920px) {
    section.our-products ul li .helper {
        padding: 40px 22px 10px!important
    }
}

section.our-products ul li.active .border-animation {
    pointer-events: none
}

section.our-products ul li.active .border-animation::after,
section.our-products ul li.active .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

section.our-products ul li.active .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

section.our-products ul li.active .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

section.our-products ul li.active .border-animation>* {
    pointer-events: all
}

@media(min-width:921px) {
    section.our-products ul li:hover .border-animation {
        pointer-events: none
    }
    section.our-products ul li:hover .border-animation::after,
    section.our-products ul li:hover .border-animation::before {
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 1!important
    }
    section.our-products ul li:hover .border-animation::before {
        border-top-color: var(--primary-color);
        border-right-color: var(--primary-color);
        -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
        transition: width .3s ease-out, height .3s ease-out .3s
    }
    section.our-products ul li:hover .border-animation::after {
        border-bottom-color: var(--primary-color);
        border-left-color: var(--primary-color);
        -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
        transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
    }
    section.our-products ul li:hover .border-animation>* {
        pointer-events: all
    }
}

section.our-products ul li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 17.875rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#1ce9b563), to(#133d3100));
    background: linear-gradient(to top, #1ce9b563, #133d3100);
    z-index: 1;
    opacity: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

section.our-products ul li .desc {
    margin-top: auto;
    line-height: 1.375rem;
    letter-spacing: .02rem;
    opacity: 0;
    -webkit-transition: .7s ease;
    transition: .7s ease;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    font-family: Montserrat-Light;
    font-size: 1rem;
    width: 34rem
}

@media(max-width:920px) {
    section.our-products ul li .desc {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: .8rem!important
    }
}

section.our-products ul li.active:after,
section.our-products ul li:hover:after {
    opacity: .7;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

section.our-products ul li.active .desc,
section.our-products ul li:hover .desc {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

section.our-products ul li+li {
    margin-left: 1rem
}

section.our-products ul li .wrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    z-index: 2
}

@media screen and (max-width:920px) and (min-width:768px) {
    section.our-products ul li .wrapper h2 {
        font-size: 1.24117rem!important;
        position: relative;
        padding-left: 40px!important
    }
    section.our-products ul li .wrapper h2::after {
        height: 10px!important;
        width: 1px;
        left: 20px!important;
        top: 6px!important
    }
}

section.our-products ul li .wrapper h2 {
    font-size: 2rem;
    line-height: 3.125rem;
    font-family: Montserrat-Bold;
    text-transform: uppercase;
    letter-spacing: .02rem;
    width: auto;
    margin-bottom: 2.5rem
}

section.our-products ul li .wrapper h2 .mobile {
    display: none
}

@media(max-width:920px) {
    section.our-products ul li .wrapper h2 {
        font-size: .941175rem!important;
        position: relative;
        padding-left: 10px
    }
    section.our-products ul li .wrapper h2 .mobile {
        display: block
    }
    section.our-products ul li .wrapper h2::after {
        content: "";
        background: #1de9b6;
        height: .6667rem;
        width: .0667rem;
        position: absolute;
        left: 0;
        top: .2rem
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    section.our-products ul li .wrapper h2 {
        font-size: 1.641175rem!important
    }
    section.our-products ul li .wrapper h2::after {
        content: "";
        background: #1de9b6;
        height: 25px;
        width: 1px;
        position: absolute;
        left: 0;
        top: 3px
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    section.our-products ul li .wrapper h2 {
        font-size: 1.24117rem!important
    }
}

section.our-products ul li .wrapper span {
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: .04rem;
    font-family: Montserrat-Light
}

body.vertical-slider:not(.showBottom) .get-in-touch,
body.vertical-slider:not(.showBottom) footer {
    display: none
}

@media(max-width:920px) {
    body.vertical-slider:not(.showBottom) .get-in-touch,
    body.vertical-slider:not(.showBottom) footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

body.vertical-slider.showBottom footer {
    display: block!important
}

body.vertical-slider.showBottom .get-in-touch {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@media screen and (max-width:1200px) and (min-width:920px) {
    body.vertical-slider.showBottom .get-in-touch {
        margin-top: 0!important
    }
}

@media screen and (max-width:1200px) and (min-width:920px) {
    .get-in-touch:not(.vs),
    .news-and-events:not(.vs),
    .our-solutions:not(.vs),
    footer:not(.vs) {
        height: auto!important;
        overflow: hidden;
        padding: 2.5rem 1.8rem!important
    }
}

section.our-solutions {
    height: auto;
    padding: 0 2.5rem;
    opacity: 0!important;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

section.our-solutions.vs {
    opacity: 1!important
}

@media(min-width:921px) {
    section.our-solutions {
        margin-top: -160rem;
        position: -webkit-sticky;
        position: sticky;
        top: 20rem;
        pointer-events: none;
        margin-bottom: 80rem
    }
}

@media screen and (max-width:1200px) and (min-width:920px) {
    section.our-solutions {
        margin-top: 5rem;
        top: 0;
        position: relative!important;
        margin-bottom: 0!important
    }
}

section.our-solutions h2.section-title.center {
    margin-top: 0
}

section.our-solutions.visible {
    opacity: 1!important;
    -webkit-transition: ease .4s;
    transition: ease .4s;
    pointer-events: all
}

section.our-solutions .whitelabel-section {
    margin-bottom: 1.1875rem
}

section.our-solutions .whitelabel-section .home-middle {
    position: relative;
    max-width: 102.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3.3125rem auto 0
}

@media(max-width:920px) {
    section.our-solutions .whitelabel-section .home-middle {
        margin: 0
    }
}

section.our-solutions .whitelabel-section h1 {
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 1.75rem;
    line-height: 2.125rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 7.5rem;
    margin-top: 13.75rem
}

section.our-solutions .whitelabel-section h1 span {
    font-weight: 300;
    margin-right: .7375rem;
    color: #fff
}

section.our-solutions .whitelabel-section h1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.25rem;
    width: 2.5rem;
    height: .0625rem;
    margin: auto;
    background: #1de9b6
}

section.our-solutions .home-service-image {
    width: 53.125rem;
    height: 55.3125rem;
    padding-left: 9.6875rem;
    -webkit-transform: translateY(10rem);
    transform: translateY(10rem);
    -webkit-animation: 1s ease fadeInUp;
    animation: 1s ease fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.home-service-image img {
    width: auto;
}

section.our-solutions .home-service-image video {
    width: 100%
}

section.our-solutions .home-service-image video#turnkeyLoop {
    display: none
}

section.our-solutions .home-service-image video #intro,
section.our-solutions .home-service-image video #turnkeyLoop {
    -webkit-transform: translateX(-1rem) translateY(2rem) scale(1.8) translateX(15%)!important;
    transform: translateX(-1rem) translateY(2rem) scale(1.8) translateX(15%)!important
}

section.our-solutions .home-service-image img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section.our-solutions .home-service-text {
    width: 42.1875rem;
    z-index: 9
}

section.our-solutions .home-service-text a {
    font-size: .875rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #fff;
    position: relative;
    font-family: Montserrat-Medium;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.our-solutions .home-service-text a:hover::after {
    margin-left: 2rem
}

section.our-solutions .home-service-text a::after {
    content: "";
    background-color: #26e8a7;
    width: 1.25rem;
    height: .0625rem;
    margin-left: 1rem;
    -webkit-transition: .2s;
    transition: .2s;
    display: inline-block
}

section.our-solutions .home-service-text h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat-Bold
}

section.our-solutions .home-service-text span {
    color: #1de9b6;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 300;
    text-transform: uppercase;
    font-family: Montserrat-Medium
}

section.our-solutions .home-service-text p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.625rem;
    font-weight: 700;
    padding: 5rem 0 2.5rem;
    text-transform: uppercase;
    font-family: Montserrat-Bold
}

section.our-solutions .home-service-text ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section.our-solutions .home-service-text ul li {
    font-size: 1rem;
    color: #fff;
    line-height: 1.375rem;
    padding-bottom: 2.5rem;
    font-weight: 300;
    padding-left: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-family: Montserrat-Light
}

section.our-solutions .home-service-text ul li::before {
    content: "";
    position: absolute;
    width: .0625rem;
    height: 1.25rem;
    background-color: #1de9b6;
    left: 0
}

@media(max-width:920px) {
    section.our-solutions .home-service-text ul li::before {
        top: .1rem
    }
}

section.our-solutions .turnkey .home-service-image {
    padding-left: 0;
    padding-right: 0
}

section.our-solutions .turnkey .home-service-image video {
    -webkit-transform: scale(1.5) translateY(5.7rem) translateX(15%);
    transform: scale(1.5) translateY(5.7rem) translateX(15%)
}

section.our-solutions .animate {
    position: relative;
    overflow: hidden
}

@-webkit-keyframes example {
    from {
        -webkit-transform: translateY(3.5333rem);
        transform: translateY(3.5333rem)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes example {
    from {
        -webkit-transform: translateY(3.5333rem);
        transform: translateY(3.5333rem)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.our-solutions>.animate {
    height: 4.125rem!important
}

@media screen and (max-width:920px) and (min-width:768px) {
    section.our-solutions video {
        position: absolute;
        left: 0;
        height: 81vw;
        top: 12vw!important
    }
    section.our-solutions img {
        position: absolute;
        left: 0;
        height: 81vw;
        top: 12vw!important;
        height: auto !important;
        width: 100% !important;
    }
    section.our-solutions video#intro {
        left: 5vw!important
    }
    section.our-solutions video#turnkeyLoop {
        left: 5vw!important
    }
}

@media(max-width:920px) {
    section.our-solutions {
        margin-top: 3rem!important
    }
    section.our-solutions .animate+span+p {
        margin-top: 70vw
    }
    section.our-solutions video {
        position: absolute;
        left: 0;
        height: 81vw;
        top: 24vw
    }
    section.our-solutions img {
        position: absolute;
        left: 0;
        height: 81vw;
        top: 24vw;
        height: auto !important;
        width: 100% !important;
    }
    section.our-solutions #intro,
    section.our-solutions #turnkeyLoop {
        -webkit-transform: translateX(-1rem) translateY(2rem) scale(1.8) translateX(15%)!important;
        transform: translateX(-1rem) translateY(2rem) scale(1.8) translateX(15%)!important
    }
}

section.news-and-events {
    padding-left: 0;
    padding-right: 0;
    height: 61.25rem
}

section.news-and-events .container {
    margin: auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:1200px) and (min-width:920px) {
    section.news-and-events .container {
        --margin: 11.1625rem;
        margin-left: var(--margin)!important;
        width: calc(100% - var(--margin));
        left: 0!important
    }
}

section.news-and-events .container .product-buttons {
    top: 0;
    position: absolute;
    z-index: 1;
    left: calc(-7.625rem + -.9333rem)
}

section.news-and-events .container .product-buttons .swiper-button-next:after,
section.news-and-events .container .product-buttons .swiper-button-prev:after {
    font-size: 1.4375rem;
    color: #fff
}

section.news-and-events .container .product-buttons .swiper-button-next {
    background-color: #000;
    width: 7.625rem;
    height: 3.75rem;
    left: 0;
    outline: 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 0;
    border: .0625rem solid #252525
}

section.news-and-events .container .product-buttons .swiper-button-next:hover {
    background-color: #1de9b6
}

section.news-and-events .container .product-buttons .swiper-button-next:hover::after {
    color: #07077a
}

section.news-and-events .container .product-buttons .swiper-button-prev {
    background-color: #000;
    width: 7.625rem;
    height: 3.75rem;
    left: 0;
    margin-top: 0;
    top: 4.75rem;
    -webkit-transition: .3s;
    transition: .3s;
    outline: 0;
    border: .0625rem solid #252525
}

section.news-and-events .container .product-buttons .swiper-button-prev:hover {
    background-color: #1de9b6
}

section.news-and-events .container .product-buttons .swiper-button-prev:hover::after {
    color: #07077a!important
}

section.news-and-events .news-scroll {
    position: absolute;
    left: 0;
    bottom: -2.6667rem;
    width: 26.5333rem;
    height: .0625rem;
    background: #1a1a1d;
    overflow: hidden;
    position: relative
}

section.news-and-events .news-scroll::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(186, 186, 186, .11);
    z-index: 9;
    display: block;
    top: 0;
    left: 0
}

section.news-and-events .news-scroll .line {
    height: 100%;
    width: 0%;
    -webkit-transition: .1s;
    transition: .1s;
    background: var(--primary-color)
}

section.news-and-events .news-wrapper {
    margin-top: 8.0375rem
}

section.news-and-events .news-wrapper>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.news-and-events .news-wrapper>ul>li {
    width: 26.5333rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #07070a;
    -webkit-box-shadow: 0 .4375rem 1.875rem rgba(52, 52, 54, .2);
    box-shadow: 0 .4375rem 1.875rem rgba(52, 52, 54, .2)
}

section.news-and-events .news-wrapper>ul>li .animation-helper {
    height: 33.75rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section.news-and-events .news-wrapper>ul>li .news-image {
    position: relative;
    height: 20.0625rem;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    background-position: center
}

section.news-and-events .news-wrapper>ul>li .news-image::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
    display: block;
    opacity: 1;
    -webkit-transition: .6s ease;
    transition: .6s ease
}

section.news-and-events .news-wrapper>ul>li .news-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: block;
    opacity: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials {
    position: relative;
    float: right;
    margin-right: 1.75rem;
    margin-top: 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 999
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials li {
    opacity: 0;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: .5s ease;
    transition: .5s ease
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials li img {
    width: 1.875rem
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials li img:hover {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials li+li {
    margin-top: 1rem
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

section.news-and-events .news-wrapper>ul>li .news-image ul.socials li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

section.news-and-events .news-wrapper>ul>li:hover .border-animation {
    pointer-events: none
}

section.news-and-events .news-wrapper>ul>li:hover .border-animation::after,
section.news-and-events .news-wrapper>ul>li:hover .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

section.news-and-events .news-wrapper>ul>li:hover .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

section.news-and-events .news-wrapper>ul>li:hover .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

section.news-and-events .news-wrapper>ul>li:hover .border-animation>* {
    pointer-events: all
}

section.news-and-events .news-wrapper>ul>li:hover ul.socials li {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

section.news-and-events .news-wrapper>ul>li:hover .news-image::before {
    opacity: 1
}

section.news-and-events .news-wrapper>ul>li .text-content {
    height: calc(100% - 20.0625rem);
    padding: 1.25rem;
    font-size: .875rem;
    font-family: HelveticaNeue-Light;
    line-height: 1.375rem;
    letter-spacing: .04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section.news-and-events .news-wrapper>ul>li .text-content .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    color: #bababa
}

section.news-and-events .news-wrapper>ul>li .text-content .description {
    height: calc(100% - 4.2rem)
}

section.news-and-events .news-wrapper>ul>li .text-content .read-more {
    position: relative;
    cursor: pointer;
    padding-bottom: .375rem;
    margin-left: auto;
    color: #fff
}

section.news-and-events .news-wrapper>ul>li .text-content .read-more::after,
section.news-and-events .news-wrapper>ul>li .text-content .read-more::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.5rem;
    height: .0667rem;
    background: #fff
}

section.news-and-events .news-wrapper>ul>li .text-content .read-more::after {
    width: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease
}

section.news-and-events .news-wrapper>ul>li .text-content .read-more:hover {
    color: var(--primary-color)
}

section.news-and-events .news-wrapper>ul>li .text-content .read-more:hover::after {
    width: 2.5rem;
    background: var(--primary-color)
}

section.news-and-events .news-wrapper>ul>li .text-content+a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

@media(max-width:920px) {
    section.news-and-events {
        padding-top: 70px!important;
        padding-bottom: 85px!important
    }
    section.news-and-events .container {
        margin-left: 0!important;
        width: 100%!important;
        padding-left: 2.5rem
    }
    section.news-and-events .read-more {
        margin-top: 2rem;
        margin-left: auto
    }
    section.news-and-events .read-more::after,
    section.news-and-events .read-more::before {
        display: none
    }
    section.news-and-events .news-scroll {
        display: none!important
    }
    section.news-and-events .news-wrapper {
        margin-top: 41px!important
    }
    section.news-and-events .news-wrapper>ul>li {
        width: 24.875rem
    }
}

@media(max-width:920px) and (max-width:920px) {
    section.news-and-events .news-wrapper>ul>li {
        width: 18.2667rem!important
    }
}

@media screen and (max-width:920px) and (max-width:920px) and (min-width:768px) {
    section.news-and-events .news-wrapper>ul>li {
        width: 18.2667rem
    }
}

@media(max-width:920px) {
    section.news-and-events .news-wrapper>ul>li .animation-helper {
        width: 18.2667rem;
        height: auto!important
    }
    section.news-and-events .news-wrapper>ul>li .text-content .head {
        margin-bottom: 14px
    }
    section.news-and-events .news-wrapper>ul>li .text-content .head span {
        font-size: 10px
    }
    section.news-and-events .news-wrapper>ul>li .text-content .description {
        font-family: Montserrat-Light;
        font-size: .8rem
    }
}

@media(max-width:920px) and (max-width:920px) {
    section.news-and-events .news-wrapper>ul>li .text-content .description p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(max-width:920px) {
    section.news-and-events .news-wrapper>ul>li .news-image {
        height: 11rem
    }
}

section.get-in-touch {
    background-color: #fff;
    padding: 2.5rem 1.8rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
}

@media screen and (max-width:920px) and (min-width:768px) {
    section.get-in-touch p {
        width: 82%!important
    }
}

section.get-in-touch h4 {
    font-size: 1.75rem;
    color: #000;
    padding-bottom: .3125rem;
    margin: 0;
    font-weight: 700;
    line-height: 2.625rem;
    font-family: Montserrat-Bold
}

section.get-in-touch span {
    color: var(--primary-color);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    font-family: Montserrat-Medium
}

section.get-in-touch p {
    font-size: 1rem;
    width: 33.75rem;
    text-align: center;
    padding: 1.25rem 0;
    color: #000;
    line-height: 1.375rem;
    font-family: Montserrat-Light
}

section.get-in-touch a {
    width: 16.25rem;
    line-height: 2.625rem;
    font-weight: 500;
    height: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1de9b6;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    font-family: Montserrat-Bold
}

section.get-in-touch a .text {
    position: relative;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: .875rem;
    color: #fff;
    font-family: Montserrat-Bold
}

section.get-in-touch a::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -1px;
    left: -1px;
    background: currentColor;
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
    -webkit-transform-origin: left;
    transform-origin: left;
    background: #000;
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

section.get-in-touch a:hover .text {
    color: #000!important
}

section.get-in-touch a:hover::after {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    width: 401px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

@media(max-width:920px) {
    section.get-in-touch {
        padding-top: 3rem
    }
    section.get-in-touch p {
        width: 100%
    }
    section.get-in-touch p br {
        display: none
    }
    section.get-in-touch .slide-button {
        margin-top: 1.7333rem;
        background: var(--black);
        -webkit-transition: .3s ease;
        transition: .3s ease
    }
    section.get-in-touch .slide-button p {
        z-index: 0!important
    }
    section.get-in-touch .slide-button:hover {
        background: var(--primary-color)
    }
    section.get-in-touch .slide-button:after {
        opacity: 0!important
    }
}

section {
    overflow: hidden;
    position: relative;
    padding: 2.5rem;
    color: #fff;
    height: 100vh
}

section h2.section-title {
    position: relative;
    text-align: center;
    font-family: Montserrat-Bold;
    font-size: 1.5rem;
    line-height: 2.3125rem;
    margin-top: 5rem;
    text-transform: uppercase
}

@media(max-width:920px) {
    section h2.section-title {
        margin-top: 2rem!important
    }
}

section h2.section-title.center {
    opacity: 0;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    -webkit-transform: translateY(3.125rem);
    transform: translateY(3.125rem)
}

section h2.section-title.center.opacity {
    opacity: 1;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

section h2.section-title::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: .0625rem;
    width: 2.5rem;
    background: var(--primary-color);
    bottom: -1.25rem
}

section h2.section-title span {
    font-family: Montserrat-Light
}

section h6.sub-title {
    font-family: Montserrat-Light;
    font-size: .9375rem;
    letter-spacing: .04rem;
    line-height: 1.375rem;
    text-align: center;
    width: 48.5rem;
    margin: auto;
    margin-top: 2.5rem;
    color: #bababa
}

@media(max-width:920px) {
    section {
        overflow: hidden!important;
        width: 100%;
        padding: .6667rem;
        height: unset!important
    }
    section h2.section-title {
        font-size: 1.0667rem
    }
    section h2.section-title::after {
        width: 2.6667rem;
        bottom: -.4rem
    }
    section.our-products .scroll-helper {
        margin-top: 0
    }
    section.our-products ul {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transform: none!important;
        transform: none!important
    }
    section.our-products ul li {
        width: 100%;
        height: 26rem;
        background-position: center;
        margin-bottom: 1rem
    }
    section.our-products ul li .wrapper h2 {
        font-size: 1.2rem;
        line-height: normal
    }
    section.our-products ul li+li {
        margin-left: 0!important
    }
    section.our-products .translateXhelper {
        width: 100%;
        margin-left: 0
    }
    section.our-products ul li .helper {
        padding: 2.6667rem
    }
    section.our-solutions .home-service-text {
        width: 100%!important;
        margin-left: 0!important
    }
    section.our-solutions .whitelabel-section .home-middle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    section.our-solutions .home-service-image {
        width: 100%;
        padding-left: 0;
        height: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 1.3333rem;
        padding-right: 0!important;
        margin-top: 1.3333rem
    }
    section.our-solutions .home-service-image video {
        width: 100%!important;
        -webkit-transform: none!important;
        transform: none!important
    }
}