/* ----- SECTION ABOUT EVENT ----- */
.section-about-event {
    background-color: #000035;
    color: #fff;
    padding-top: 7.6rem;
    padding-bottom: 7.8rem;
}
.section-about-event .title {
    margin-bottom: 3.1rem;
}
.section-about-event .title h3 {
    margin-bottom: 0;
}
.section-about-event .title {
    margin-bottom: 3rem;
}
.section-about-event .row{
    margin: 0 4.2rem;
}
.event-item {
    text-align: center;
}
.event-item .icon {
    height: 3.1rem;
    margin-bottom: 1.3rem;
}
.event-item .icon img {
    max-height: 100%;
}
.event-item h4 {
    margin-bottom: 0rem;
}
.section-about-event .btn {
    margin-top: 6rem;
    padding: 1.7rem 4.6rem;
}
/* ----- /SECTION ABOUT EVENT ----- */
/*  */
@media(max-width: 1679px) {
    .section-about-event .row {
        margin: 0;
    }
}
@media(max-width: 1439px) {
    .event-item .icon {
        height: 4.5rem;
    }
}
@media(max-width: 1199px) {
    .section-about-event .row {
        margin: 0 -3rem;
    }
}
@media(max-width: 1023px) {
    .section-about-event .row {
        margin: 0;
    }
    .event-item {
        margin-bottom: 5rem;
    }
    .section-about-event .col:nth-last-child(-n+2) .event-item {
        margin-bottom: 0;
    }
}
@media(max-width: 767px) {
    .section-about-event {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .section-about-event .col:nth-last-child(-n+2) .event-item {
        margin-bottom: 5rem;
    }
    .section-about-event .col:last-child .event-item {
        margin-bottom: 0;
    }
}/* ----- SECTION ABOUT ----- */
.section-about {
    position: relative;
    background: #fff;
    padding-top: 8.5rem;
    padding-bottom: 5.4rem;
}
.section-about .title {
    text-align: left;
    margin-bottom: 1.8rem;
    position: relative;
    z-index: 1;
}
.section-about .title h3 {
    margin-bottom: 0;
}
.section-about .title::before {
    content: '';
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    width: 44.25rem;
    height: 39.0625rem;
    position: absolute;
    left: -8.5rem;
    top: -8.5rem;
    z-index: -1;
}
.section-about .col {
    padding: 0 4.125rem;
}
.section-about .row {
    margin: 0 4.275rem 0 -4.125rem;
    position: relative;
    z-index: 1;
}
.section-about .title h6 {
    margin-bottom: 2rem;
}
.section-about p {
    margin-bottom: 1.6rem;
}
/* ----- /SECTION ABOUT ----- */
/*  */
@media (min-width: 1400px) {
    .section-about .container {
        max-width: 82rem;
    }
}
@media (max-width: 991px) {
    .section-about .col {
        padding: 0 2rem;
    }
    .section-about .row {
        margin: 0 -2rem;
    }
}
@media (max-width: 767px) {
    .section-about {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }
    .section-about .title::before {
        top: -4rem;
    }
}/* ----- SECTION ACCELERATE CAREER ----- */
.section-accelerate-career {
    background-color: #000035;
    color: #fff;
    padding-top: 11.8rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 11rem;
}
.section-accelerate-career::before {
    content: '';
    /* background-image: url(../../img/blobb.png); */
    position: absolute;
    left: -100rem;
    top: -53rem;
    width: 268.875rem;
    height: 219.25rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(75deg);
    z-index: -1;
}
.section-accelerate-career .content-wrap {
    position: relative;
    z-index: 1;
    padding: 7.4rem 5.9rem;
}
.section-accelerate-career .content-wrap::before {
    content: '';
    width: 100%;
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(to bottom, #0053CC, rgb(0 243 140 / 40%), transparent);
}
.section-accelerate-career .content-wrap .btn {
    margin-top: 4.5rem;
    padding: 1.6rem 4.5rem;
}
.section-accelerate-career .col--content {
    flex: 0 0 45.1%;
    max-width: 45.1%;
}
.career-infobox p {
    color: #fff;
}
.section-accelerate-career .col--infoboxes {
    padding-left: 7.8rem;
    padding-top: 6.8rem;
}
.career-infobox .infobox-icon {
    height: 4.4375rem;
    margin-bottom: 1.4rem;
}
.career-infobox {
    margin-bottom: 1.8rem;
    min-height: 10.2rem;
}
.career-infobox .infobox-icon img {
    max-height: 100%;
}
/* ----- /SECTION ACCELERATE CAREER ----- */
/*  */
@media(max-width: 1199px) {
    .section-accelerate-career .content-wrap {
        padding: 5.4rem 3rem;
    }
    .section-accelerate-career .col--infoboxes {
        padding-left: 5.8rem;
        padding-top: 2.8rem;
    }
    .section-accelerate-career {
        padding-top: 7.8rem;
        padding-bottom: 8rem;
    }
    .section-accelerate-career::before {
        left: -98rem;
        top: -67rem;
        width: 238.875rem;
        height: 209.25rem;
    }
}
@media(max-width: 991px) {
    .section-accelerate-career .col--content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-accelerate-career .col--infoboxes {
        padding-left: 3rem;
    }
}
@media(max-width: 767px) {
    .section-accelerate-career .content-wrap {
        padding: 3.4rem 2rem 2rem;
    }
    .section-accelerate-career .content-wrap h3 br {
        display: none;
    }
    .section-accelerate-career .content-wrap .btn {
        margin-top: 2rem;
    }
    .section-accelerate-career::before {
        left: -89rem;
        top: -67rem;
        width: 198.875rem;
        height: 184.25rem;
    }
    .section-accelerate-career {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }
}/* ----- SECTION APPLICATION PROCESS ----- */

.section-application-process {
    text-align: center;
    padding-top: 16rem;
    padding-bottom: 5.1rem;
}
.application-process-content h3 {
    margin: 2.1rem auto 1.6rem;
    max-width: 42rem;
}

.application-process-content p {
    margin: 0 auto;
}

.application-process-content {
    margin-bottom: 4.8rem;
    position: relative;
}

.application-process-content:before {
    content: '';
    position: absolute;
    left: 50%;
    right: 0;
    top: -6rem;
    transform: translateX(-50%);
    height: 38.3125rem;
    width: 35.9375rem;
    background: rgb(245,245,245);
    background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(255,255,255,0) 100%);
    z-index: -1;
}

.process-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.0rem;
}

.process-step {
    max-width: calc(33.33% - 2.65rem);
    border: 3px solid #EFEFEF;
    padding: 5.5rem 4rem 8.5rem;
    text-align: left;
    margin-bottom: 4.6rem;
    transition: 0.3s;
}

.step-number {
    color: #00F38C;
    font-size: 3.75rem;
    font-weight: 700;
    margin-bottom: 2.2rem;
    display: block;
}

.process-step h4 {
    font-weight: 700;
    margin-bottom: 2.3rem;
    transition: 0.2s;
}

.process-step:hover {
    background: #000035;
    color: #fff;
    border-color: #000035;
}

.process-step p {
    transition: 0.2s;
}

/* ----- /SECTION APPLICATION PROCESS ----- */
/*  */
@media (max-width: 1900px) {

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

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

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

}
@media (max-width: 991px) {
    .process-step {
        max-width: calc(33.33% - 0.75rem);
        padding: 4.5rem 2rem 4.5rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 767px) {
    .section-application-process {
        padding-top: 10.95rem;
        padding-bottom: 9rem;
    }

    .application-process-content:before {
        width: 31.6375rem;
        top: -7.5rem;
    }

    .application-process-content h6 {
        font-size: 1.45rem;
    }

    .application-process-content h3 {
        margin-top: 2.8rem;
        max-width: 26rem;
        font-size: 2.7rem;
        line-height: 3.6rem;
        margin-bottom: 3.9rem;
    }

    .application-process-content p {
        font-size: 1.45rem;
        max-width: 23rem;
        line-height: 2.2rem;
    }

    .process-steps {
        flex-direction: column;
        padding: 0 2.6rem;
    }

    .process-step {
        max-width: 100%;
        padding: 8.2rem 4.3rem 4.1rem;
    }

    .step-number {
        font-size: 5.35rem;
        margin-bottom: 4.9rem;
    }

    .process-step h4 {
        font-size: 1.45rem;
        margin-bottom: 1.3rem;
    }

    .process-step p {
        font-size: 1.45rem;
        line-height: 2.25rem;
    }
}
@media (max-width: 575px) {

}/* ----- SECTION APPLY JOB ----- */

.section-apply-job {
    background: rgb(0,0,53);
    background: radial-gradient(farthest-corner at 78rem 40rem,#030365 0%, #000035 60%);
    color: #fff;
    padding-top: 10.8rem;
}

#grnhse_app iframe {
    /* height: 1008px; */
}

.recruiter-info {
    margin-top: 1.2rem;
    padding: 5.2rem 4.9rem 0 8.5rem;
    position: relative;
}

.section-apply-job .col:first-child {
    max-width: 48.3%;
}

.recruiter-info-content h4 {
    position: absolute;
    left: -4rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.recruiter-info-content {
    position: relative;
}

.recruiter-info-content img {
    margin-bottom: 3.6rem;
}

.recruiter-info-content h6 {
    font-size: 1rem;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 0.1rem;
}

.recruiter-info-content span {
    display: block;
}

.recruiter-info:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0,243,140);
    background: linear-gradient(180deg, rgba(0,243,140,0.64) 0%, rgba(255,255,255,0) 100%);
}

/* ----- /SECTION APPLY JOB ----- */
/*  */
@media (max-width: 1679px) {

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

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

}
@media (max-width: 991px) {
    .recruiter-info {
        padding: 5.2rem 2.9rem 0 6.5rem;
    }
    #grnhse_app iframe {
        /*height: 1288px;*/
    }
}
@media (max-width: 767px) {
    .section-apply-job .row {
        flex-direction: column;
    }

    .section-apply-job .col:first-child {
        width: 100%;
        max-width: 100%;
    }
    .section-apply-job .container {
        padding: 0 3.6rem;
    }

    .section-apply-job {
        padding-top: 7.1rem;
        padding-bottom: 10.7rem;
    }

    .recruiter-info {
        padding: 1rem 0rem 0 3.5rem;
        max-width: 480px;
        margin: 0 auto;
    }

    .recruiter-info-content h4 {
        font-size: 1.45rem;
        left: -3.5rem;
    }

    .recruiter-info-content h6 {
        margin-left: -3.5rem;
        font-size: 1.45rem;
        margin-bottom: 1rem;
    }

    .recruiter-info-content span {
        font-size: 1.45rem;
        margin-left: -3.5rem;
        margin-bottom: 0.6rem;
    }

    #grnhse_app iframe {
        /*height: 1248px;*/
    }
}/* ----- MODULE ARTICLES ----- */
.section-articles {
    background-color: #fff;
    padding-top: 6.1875rem;
    padding-bottom: 5.375rem;
}
.section-articles .title h6 {
    margin-bottom: 1.8rem;
}
.section-articles .title {
    margin-bottom: 4.5rem;
}
.section-articles .col {
    padding: 0 1.875rem;
}
.section-articles .row {
    margin: 0 -1.875rem;
}
.section-articles .post .post-img {
    height: 18rem;
    margin-bottom: 2.95rem;
}
.section-articles .post .post-title {
    padding-left: 3.5rem;
}
/* ----- /MODULE ARTICLES ----- */
/*  */
@media(max-width: 1199px) {
    .section-articles .post .post-title {
        padding-left: 2.5rem;
    }
    .section-articles .col {
        padding: 0 1rem;
    }
    .section-articles .row {
        margin: 0 -1rem;
    }
}
@media(max-width: 991px) {
    .section-articles .post .post-img {
        height: 16rem;
        margin-bottom: 1.5rem;
    }
    .section-articles .post .post-title {
        padding-left: 1rem;
    }
}
@media(max-width: 767px) {
    .section-articles {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }
}/* ----- SECTION BANNER GRADIENT ----- */
.section-banner-gradient {
    padding-top: 13.3rem;
    padding-bottom: 13.1rem;
    background-color: #000035;
    text-align: center;
    color: #fff;
}
.section-banner-gradient .content-wrap {
    margin: 0 auto;
    text-align: center;
    max-width: 72%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7rem 4.6rem 0rem 0;
    z-index: 1;
    position: relative;
}
.section-banner-gradient .content-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, #00F38C 0%, rgb(0 83 204 / 25%) 70%, transparent);
    width: 32.5rem;
    height: 38.3125rem;
    left: auto;
    right: auto;
    z-index: -1;
}
.section-banner-gradient h2 {
    margin-bottom: 1.8rem;
}
.section-banner-gradient h2 span {
    color: #00F38C;
    font-weight: 600;
    display: block;
}
.section-banner-gradient .lead {
    max-width: 39rem;
    color: #fff;
}
.section-banner-gradient .btn {
    margin: 3.3rem auto 0;
    padding: 1.6rem 3rem;
}
/* Banner Gradient Light */
.section-banner-gradient--light {
    padding-bottom: 13.5rem;
}
.section-banner-gradient--light .content-wrap::before {
    background: linear-gradient(to bottom, rgb(255 255 255 / 32%), transparent);
    width: 30.8rem;
}
.section-banner-gradient--light .content-wrap {
    padding: 6.9rem 0rem 0rem 0;
    max-width: 52%;
}
.section-banner-gradient--light h2 {
    margin-bottom: 1rem;
}
.section-banner-gradient--light .btn {
    margin-top: 4.7rem;
    padding: 1.6rem 3.2rem;
}
/* ----- /SECTION BANNER GRADIENT ----- */
/*  */
@media(max-width: 1023px) {
    .section-banner-gradient .content-wrap {
        padding: 5rem 0 0rem 0;
        max-width: 48rem;
    }
}
@media(max-width: 767px) {
    .section-banner-gradient {
        padding-top: 7rem;
        padding-bottom: 8rem;
    }
    .section-banner-gradient .content-wrap {
        max-width: 32rem;
    }
    .section-banner-gradient .btn {
        margin-top: 2.3rem;
    }
} /* ----- SECTION BANNER ----- */
.section-banner {
    background-color: #000035;
    padding-top: 7.7rem;
    padding-bottom: 15rem;
    position: relative;
    color: #fff;
    z-index: 100;
}
.section-banner h1 {
    color: #fff;
    position: relative;
    margin-bottom: -1.3rem;
    white-space: unset;
}
.section-banner .circle-title {
    position: relative;
    text-align: center;
    width: 46.5625rem;
    height: 46.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 8.8rem auto 0;
    z-index: 1;
}
.section-banner .circle-title::after {
    content: '';
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/banner-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 48rem;
    margin: auto;
    position: absolute;
    width: 48rem;
    z-index: -1;
    top: -5.6rem;
}
.section-banner .circle-title .btn {
    position: relative;
    margin-top: 6rem;
}
/* Banner Gradient Image */
.banner-gradient-image {
    text-align: center;
    z-index: 100;
    height: 71.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.banner-gradient-image .content-wrap {
    max-width: 40.625rem;
    margin: 0 auto;
    padding-top: 3.5rem;
    padding-left: 3rem;
    position: relative;
    z-index: 1;
}
.banner-gradient-image .section-bg {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-gradient-image .section-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/blobb.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: 175%;
}
.banner-gradient-image .section-bg img {
    margin-left: 2.5rem;
    margin-top: 1.6rem;
    width: 27.3rem;
    object-fit: contain;
    height: 33.9rem;
    animation: MoveUpDown 8s linear infinite;
}
@keyframes MoveUpDown {
    0%, 100% {
      transform: translateY(-30px);
    }
    50% {
        transform: translateY(30px);
    }
}
.banner-gradient-image .lead {
    color: #fff;
    max-width: 30rem;
    margin: 0 auto;
}
.banner-gradient-image .h2 {
    margin-bottom: 1.3rem;
}
.banner-gradient-image h4 {
    font-size: 2.6875rem;
    line-height: 3.75rem;
}
/* Banner Gradient Green */
.banner-gradient-content {
    padding-top: 13.3rem;
    padding-bottom: 13.1rem;
}
.banner-gradient-content .content-wrap {
    margin: 0 auto;
    text-align: center;
    max-width: 72%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7rem 4.6rem 0rem 0;
    z-index: 1;
    position: relative;
}
.banner-gradient-content .content-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, #00F38C 0%, rgb(0 83 204 / 25%) 70%, transparent);
    width: 32.5rem;
    height: 38.3125rem;
    left: auto;
    right: auto;
    z-index: -1;
}
.banner-gradient-content h2 {
    margin-bottom: 1.8rem;
}
.banner-gradient-content h2 span {
    color: #00F38C;
    font-weight: 600;
    display: block;
}
.banner-gradient-content .lead {
    max-width: 39rem;
    color: #fff;
}
.banner-gradient-content .btn {
    margin: 3.3rem auto 0;
    padding: 1.6rem 3rem;
}
/* Banner Gradient Light */
.banner-gradient-content--light {
    padding-bottom: 13.5rem;
}
.banner-gradient-content--light .content-wrap::before {
    background: linear-gradient(to bottom, rgb(255 255 255 / 32%), transparent);
    width: 30.8rem;
}
.banner-gradient-content--light .content-wrap {
    padding: 6.9rem 0rem 0rem 0;
    max-width: 52%;
}
.banner-gradient-content--light h2 {
    margin-bottom: 1rem;
}
.banner-gradient-content--light .btn {
    margin-top: 4.7rem;
    padding: 1.6rem 3.2rem;
}
/* Banner Gradient Events */
.banner-gradient-events {
    height: 40.5rem;
}
.banner-gradient-events .content-wrap {
    padding-top: 0;
    padding-bottom: 3rem;
    padding-left: 0;
}
.banner-gradient-events .h2 {
    margin-bottom: -0.3rem;
}
.banner-gradient-events .section-bg::before {
    background-position-y: 64%;
    transform: rotate(-180deg);
}

@media(min-width: 1200px) {
.banner-gradient-events .content-wrap {
    padding-top: 7rem;
}
}

/* Banner Content BG */

.banner-content-bg.banner-gradient-content--light .content-wrap::before {
    width: 27.3rem;
}

.banner-content-bg.banner-gradient-content--light .content-wrap {
    padding-top: 8.5rem;
}

.section-banner.banner-content-bg {
    padding-bottom: 20rem;
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/banner-content-bg.svg);
    background-size: 120.4rem;
    background-position: -0.4rem bottom;
    background-repeat: no-repeat;
}


/* ----- /SECTION BANNER ----- */
/*  */
/* ----- MEDIA ----- */
@media(min-width: 1600px) {
    .section-banner .container {
        max-width: 96.5rem;
    }
}
@media(max-width: 1439px) {

}
@media (max-width: 1199px) {
    .section-banner {
        padding-top: 10.3rem;
    }
    .section-banner .circle-title::after {
        height: 36rem;
        width: 36rem;
        top: 1.4rem;
    }
    /* Banner Gradient Image */
    .banner-gradient-image {
        height: 36rem;
    }
    /* Banner Gradient Events */
    .banner-gradient-events .content-wrap {
        padding-bottom: 0;
    }
}
@media(max-width: 1023px) {
    /* Banner Gradient Image */
    .banner-gradient-image .section-bg::before {
        background-size: 220%;
    }
    /* Banner Gradient Green */
    .banner-gradient-content .content-wrap {
        padding: 5rem 0 0rem 0;
        max-width: 48rem;
    }
}
@media (max-width: 767px) {
    .section-banner {
        padding-bottom: 6rem;
    }
    .section-banner .circle-title {
        width: 30rem;
        height: 30rem;
    }
    .section-banner .circle-title::after {
        height: 25rem;
        width: 25rem;
        top: 0rem;
    }
    .section-banner .circle-title .btn {
        margin-top: 3rem;
    }
    /* Banner Gradient Image */
    .banner-gradient-image .content-wrap {
        max-width: 27rem;
        padding-left: 0;
    }
    .banner-gradient-image .section-bg img {
        margin-left: 0;
        margin-top: 5.6rem;
        width: 20.3rem;
        height: 23.9rem;
    }
    .banner-gradient-image .section-bg::before {
        background-size: 280%;
    }
    /* Banner Gradient Green */
    .banner-gradient-content {
        padding-top: 7rem;
        padding-bottom: 8rem;
    }
    .banner-gradient-content .content-wrap {
        max-width: 32rem;
    }
    .banner-gradient-content .btn {
        margin-top: 2.3rem;
    }
    /* Banner Gradient Events */
    .banner-gradient-events {
        height: 30rem;
    }

    /* Banner Content BG */
    .section-banner.banner-gradient-content {
        padding-top: 13.8rem;
        padding-bottom: 22.2rem;
        background-size: 98rem;
        background-position: center bottom;
    }

    .banner-content-bg.banner-gradient-content--light .content-wrap {
        padding-top: 10.6rem;
        max-width: 20rem;
    }

    .banner-content-bg.banner-gradient-content--light .content-wrap::before {
        width: 23rem;
    }

    .banner-content-bg.banner-gradient-content--light h2 {
        font-size: 4.3rem;
        line-height: 5.5rem;
        margin-bottom: 2.3rem;
    }

    .banner-content-bg.banner-gradient-content--light .lead {
        font-size: 1.44rem;
        line-height: 2.3rem;
    }
}
/* ----- /MEDIA ----- */
/*  *//* ----- SECTION BENEFITS ----- */
.section-benefits {
    background-color: #fff;
    z-index: 10;
    position: relative;
    padding-top: 5.25rem;
    padding-bottom: 6.3125rem;
}
.section-benefits .title {
    margin-bottom: 5.9rem;
}
.section-benefits .title h6 {
    margin-bottom: 2.6rem;
}
.section-benefits .owl-carousel .owl-stage {
    height: 28.4rem;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.section-benefits .owl-carousel .owl-item, .section-benefits .owl-carousel .item {
    height: 100%;
}
.section-benefits .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.section-benefits--two {
    padding-top: 12.1rem;
    padding-bottom: 11rem;
}
.benefits-card {
    border: 3px solid #EFEFEF;
    display: block;
    color: #000050;
    height: 20.125rem;
    width: 20.3125rem;
    margin: auto 0;
    margin-top: 3.5rem;
    padding: 2.8rem 0.6rem 2.8rem 3rem;
    transition: 0.4s;
    position: relative;
    overflow: hidden;
}
.benefits-card .icon {
    height: 3.75rem;
    margin-bottom: 2.6rem;
}
.benefits-card .icon img {
    height: 100%;
    object-fit: contain;
    width: auto;
}
.benefits-card .hover-content {
    visibility: hidden;
    opacity: 0;
    width: 21.6875rem;
    transition: 0.5s;
}
.benefits-card p {
    color: #fff;
}
.benefits-card h4 {
    margin-bottom: 1.8rem;
}
.benefits-card .arrow-icon {
    width: 1.75rem;
    position: absolute;
    bottom: 2.3rem;
    left: 3rem;
    transition: 0.2s;
}
.benefits-card .btn--arrow {
    letter-spacing: 5.7px;
    font-weight: 400;
}
.benefits-card .btn--arrow .arrow {
    margin-left: 1.15rem;
}
.benefits-card:hover, .benefits-card:focus {
    background: #000050;
    color: #fff;
    border-color: #000050;
    width: 28.6875rem;
    margin-top: 0;
    height: 28.4rem;
    padding-top: 3.9rem;
    padding-left: 3.3rem;
}
.benefits-card:hover .hover-content, .benefits-card:focus .hover-content {
    opacity: 1;
    visibility: visible;
}
.benefits-card:hover .icon, .benefits-card:focus .icon {
    height: 5.45rem;
    margin-bottom: 3.3rem;
}
.benefits-card:hover .arrow-icon, .benefits-card:focus .arrow-icon {
    opacity: 0;
    visibility: hidden;
}
.benefits-card:hover h4, .benefits-card:focus h4 {
    max-width: 20rem;
}
/* Benefits Two */
.section-benefits--two {
    padding-top: 7.3125rem;
}
.section-benefits--two .title {
    margin-bottom: 4rem;
}
.section-benefits--two .title h6 {
    margin-bottom: 1.4rem;
}
.section-benefits--two .title h3 {
    margin-bottom: 2rem;
}
.benefits-card--content {
    width: 16.875rem;
    height: 21.6875rem;
    margin-top: 4.6rem;
    padding: 2.7rem 0.6rem 2.8rem 2.5rem;
}
.benefits-card--content:hover, .benefits-card--content:focus {
    height: 32.75rem;
    width: 24.875rem;
    padding-top: 2.9rem;
    padding-left: 3.1rem;
}
.benefits-card--content:hover .icon, .benefits-card--content:focus .icon {
    height: 4.55rem;
    margin-bottom: 1.9rem;
}
.benefits-card--content h4 {
    margin-bottom: 1rem;
}
.benefits-card--content .hover-content {
    width: 20.5rem;
    height: 52%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.benefits-card--content p {
    padding-right: 1rem;
}
.benefits-card--content .btn--arrow {
    margin-top: 1rem;
    letter-spacing: 6.1px;
}
.benefits-card--content .btn--arrow .arrow {
    margin-left: 0.3rem;
}
.benefits-card--content .arrow-icon {
    left: 2.5rem;
}
.benefits-card--content .hover-content  .content-wrap{
    overflow: hidden;
    overflow-y: auto;
}
.benefits-card--content .hover-content  .content-wrap::-webkit-scrollbar {
    width: 5px;
}
.benefits-card--content .hover-content  .content-wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 1rem;
}
.benefits-card--content .hover-content  .content-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.8);
    outline: none;
    border-radius: 1rem;
}
.benefits-card .btn-link {
    color: #fff;
}
/* ----- /SECTION BENEFITS ----- */
/*  */
@media (max-width: 1679px) {
    .benefits-card .btn--arrow {
        letter-spacing: 4.1px;
    }
}
@media (max-width: 991px) {
    .section-benefits {
        padding-bottom: 4rem;
    }
    .section-benefits--two {
        padding-bottom: 8rem;
    }
}
@media (max-width: 767px) {
    .benefits-card {
        padding: 3.4rem 1.5rem 2.8rem 3rem;
        margin-top: 0;
        width: 22.7rem;
        margin-bottom: 1.7rem;
    }
    .section-benefits .title {
        margin-bottom: 2.8rem;
        padding: 0 2rem;
    }
    .section-benefits .title h6 {
        margin-bottom: 1.95rem;
    }
    .section-benefits--two {
        padding-top: 5.25rem;
    }
    .benefits-card--content {
        margin-top: 0;
        height: 20.1rem;
    }
    .section-benefits {
        padding-top: 3.5rem;
    }
    .section-benefits .owl-carousel {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .benefits-card .icon {
        height: 3rem;
        margin-bottom: 1.7rem;
    }
    .benefits-card h4 {
        line-height: 2.27rem;
        font-size: 1.45rem;
    }
    .benefits-card .arrow-icon {
        left: 3.1rem;
        width: 2.5rem;
        bottom: 3.3rem;
    }
    .benefits-card--content .arrow-icon {
        bottom: 3rem;
    }
    .benefits-card:hover, .benefits-card:focus {
        width: 31.7875rem;
        padding-top: 5.1rem;
        padding-left: 4.7rem;
        height: auto;
        min-height: 25.4rem;
    }
    .benefits-card:hover .icon, .benefits-card:focus .icon {
        height: 4.45rem;
        margin-bottom: 2rem;
    }
    .benefits-card:hover h4, .benefits-card:focus h4 {
        max-width: 14rem;
    }
    .benefits-card .btn--arrow {
        font-size: 1.45rem;
        letter-spacing: 4.8px;
        font-weight: 400;
        margin-top: 0.2rem;
    }
    .benefits-card .btn--arrow .arrow {
        margin-left: 1.8rem;
        width: 2.5rem;
        height: 1.5rem;
    }
    .benefits-card .hover-content {
        width: 32rem;
    }
    .benefits-card:hover .hover-content, .benefits-card:focus .hover-content {
        width: 32rem;
    }
    .section-benefits--two .title h6 {
        margin-bottom: 1.9rem;
    }
    .section-benefits--two .title h3 {
        margin-bottom: 3.1rem;
    }
    .section-benefits--two .title {
        margin-bottom: 5.1rem;
    }
    .benefits-card--content:hover, .benefits-card--content:focus {
        height: auto;
        min-height: 49rem;
        padding-top: 4.6rem;
    }
    .benefits-card--content:hover .icon, .benefits-card--content:focus .icon {
        margin-bottom: 2.4rem;
    }
    .benefits-card--content .hover-content {
        margin-left: -0.5rem;
        margin-top: 3.2rem;
        width: 25.2rem;
    }
    .benefits-card--content:hover .hover-content, .benefits-card--content:focus .hover-content {
        width: 25.2rem;
    }
    .benefits-card--content p {
        padding-right: 4rem;
    }
    .benefits-card--content .btn--arrow {
        margin-top: 2.3rem;
        margin-left: 0.5rem;
    }
    .benefits-card--content .hover-content .content-wrap {
        max-height: 19.8rem;
    }
    .section-benefits .owl-carousel .owl-stage {
        height: auto;
        min-height: 49rem;
    }
}/* ----- SECTION BROWSE WEBINARS ----- */
.section-browse-webinars {
    background-color: #F5F5F5;
    padding-top: 6rem;
    padding-bottom: 11.4rem;
    position: relative;
    z-index: 1;
}
.section-browse-webinars::after {
    content: '';
    width: 39.125rem;
    height: 42.125rem;
    background: linear-gradient(to top, #000035, transparent);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.section-browse-webinars .content-wrap {
    padding-top: 6.8rem;
    padding-left: 8.1rem;
    position: relative;
    z-index: 1;
}
.section-browse-webinars .content-wrap::before {
    content: '';
    background: linear-gradient(to bottom, #FFFFFF, transparent);
    width: 30.3125rem;
    height: 38.3125rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.section-browse-webinars h6 {
    margin-bottom: 2rem;
}
.section-browse-webinars h3 {
    margin-bottom: 2.1rem;
}
.section-browse-webinars p {
    max-width: 28rem;
}
.section-browse-webinars .btn {
    margin-top: 3.2rem;
}
.section-browse-webinars .col--image {
    display: flex;
    justify-content: flex-end;
    padding-right: 1.7rem;
}
.section-browse-webinars .col--image img {
    width: 42.0625rem;
    height: 46.25rem;
    object-fit: cover;
}
/* ----- /SECTION BROWSE WEBINARS ----- */
/*  */
@media(max-width: 1439px) {
    .section-browse-webinars .content-wrap {
        padding-left: 5rem;
    }
}
@media(max-width: 991px) {
    .section-browse-webinars .col--image img {
        width: 100%;
        height: 34rem;
    }
    .section-browse-webinars::after {
        width: 30rem;
    }
    .section-browse-webinars {
        padding-bottom: 6rem;
    }
    .section-browse-webinars .content-wrap {
        padding-left: 3rem;
    }
}
@media(max-width: 767px) {
    .section-browse-webinars {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .section-browse-webinars .content-wrap {
        padding-top: 4rem;
        padding-left: 2rem;
        padding-bottom: 4rem;
    }
    .section-browse-webinars .content-wrap::before {
        width: 100%;
    }
    .section-browse-webinars .col--image {
        padding-right: 1rem;
    }
    .section-browse-webinars::after {
        height: 28rem;
    }
}/* ----- SECTION CATEGORIES ----- */
.section-categories {
    padding-top: 3.9375rem;
    padding-bottom: 6.6875rem;
}
.section-categories .title h3 {
    margin-bottom: 0;
}
.section-categories .title {
    margin-bottom: 2.5rem;
}
.section-categories .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 6.2rem;
}
.section-categories .buttons .btn {
    background: linear-gradient(to right, #0053cccf, #00f38cbf);
    color: #fff;
    text-transform: none;
    font-weight: 400;
    font-size: 1.875rem;
    letter-spacing: 0;
    padding: 1.2rem 1rem;
    width: 20.3rem;
    margin: 1.3rem;
}

.section-categories .buttons .btn:hover {
    background: linear-gradient(to right, #0053cccf, #020335);
}

.section-categories .buttons .btn.is-checked {
    background: linear-gradient(to right, #0053cccf, #020335);
}

.section-categories .row {
    margin: 0 -3rem;
}
.section-categories .col {
    padding: 0 3rem 3rem;
}
.category-card {
    color: #000035;
    display: block;
}
.category-card .card-img {
    width: 100%;
    height: 15.4rem;
    margin-bottom: 1.5rem;
}
.category-card .card-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-card h6 {
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0.6rem;
}
.category-card .card-title {
    padding-right: 4rem;
}
.category-card h4 {
    margin-bottom: 0.6rem;
}
.category-card .date {
    display: block;
    margin-bottom: 1.2rem;
}
/* ----- /SECTION CATEGORIES ----- */
/*  */
@media(max-width: 1199px) {
    .section-categories .col {
        padding: 0 1rem 2rem 1rem;
    }
    .section-categories .row {
        margin: 0 -1rem;
    }
}
@media(max-width: 991px) {
    .section-categories .buttons .btn {
        width: 18rem;
        margin: 0 0.5rem;
    }
    .category-card .card-img {
        height: 14rem;
    }
}
@media(max-width: 767px) {
    .section-categories .buttons .btn {
        width: 46%;
        margin-bottom: 1rem;
    }
    .section-categories .buttons {
        margin-bottom: 3rem;
    }
    .category-card .card-img {
        height: 15.4rem;
    }
    .category-card {
        margin-bottom: 3rem;
    }
    .section-categories {
        padding-bottom: 2rem;
    }
}/* ----- SECTION CONNECT APPLICATIONS ----- */
.section-connect-applications {
    background: radial-gradient(#030365, #000035);
    color: #fff;
    padding-top: 11rem;
    padding-bottom: 7.6rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.section-connect-applications::after {
    content: '';
    /* background-image: url(../../img/blobb.png); */
    position: absolute;
    right: -103rem;
    bottom: -103rem;
    width: 208.875rem;
    height: 219.25rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(5deg);
    z-index: -1;
}
.section-connect-applications h3 {
    font-weight: 400;
}
.section-connect-applications .col--content {
    flex: 0 0 44.1%;
    max-width: 44.1%;
    padding-left: 0;
}
.section-connect-applications .content-wrap {
    position: relative;
    z-index: 1;
    padding: 7rem 5.7rem 3rem;
    min-height: 42.125rem;
}
.section-connect-applications .content-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, #0053CC, rgb(0 243 140 / 33%), transparent);
    bottom: 0;
    z-index: -1;
}
.section-connect-applications .content-wrap .btn {
    margin-top: 4.9rem;
    padding: 1.7rem 3.8rem;
}
.section-connect-applications .col--image {
    display: flex;
    justify-content: flex-end;
    position: relative;
    flex-wrap: wrap;
}
.section-connect-applications .col--image > img {
    width: 37.7rem;
}
.section-connect-applications .col--image .lead {
    left: 4.5rem;
    position: absolute;
    color: #fff;
    bottom: 7rem;
    max-width: 19rem;
}
/* ----- /SECTION CONNECT APPLICATIONS ----- */
/*  */
@media(max-width: 1199px) {
    .section-connect-applications .content-wrap {
        padding: 4rem 3rem 3rem;
        min-height: 35rem;
    }
    .section-connect-applications .col--image > img {
        width: 28.7rem;
    }
    .section-connect-applications {
        padding-top: 6rem;
    }
}
@media(max-width: 991px) {
    .section-connect-applications .col--content {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 1rem;
    }
    .section-connect-applications .content-wrap {
        min-height: 30rem;
    }
    .section-connect-applications .col--image > img {
        width: 50%;
    }
}
@media(max-width: 767px) {
    .section-connect-applications .content-wrap {
        min-height: 20rem;
    }
    .section-connect-applications .col--image .lead {
        position: static;
        max-width: 100%;
    }
    .section-connect-applications .col--image > img {
        width: 28rem;
        margin: 2rem auto 0;
    }
    .section-connect-applications .col--image {
        padding: 2rem 3rem 0;
    }
    .section-connect-applications::after {
        width: 188.875rem;
        height: 199.25rem;
        right: -98rem;
        bottom: -97rem;
    }
}/* ----- SECTION CONNECTING ----- */
.section-connecting {
    padding-top: 6.95rem;
    padding-bottom: 4.75rem;
    position: relative;
    z-index: 10;
    color: #fff;
}
.section-connecting::before {
    content: '';
    background: linear-gradient(to right, #F5F5F5, transparent);
    position: absolute;
    inset: 0;
    width: 59.2%;
    z-index: -1;
}
.section-connecting .row {
    background: linear-gradient(to bottom, #0053CC 10%, #00F38C 70%, transparent 100%);
    margin-right: -2rem;
    padding: 6.8rem 8.7rem 16.8rem;
    position: relative;
}
.section-connecting .btn {
    margin-top: 4.5rem;
    margin-right: 1rem;
    padding: 1.75rem 3.8rem;
}
.section-connecting .col--image .map-img {
    position: absolute;
    width: 67.1875rem;
    height: 40.25rem;
    right: 3.2rem;
    bottom: -3.1rem;
    z-index: 1;
    opacity: 0.94;
}
.section-connecting h6 {
    line-height: 1.5625rem;
    margin-bottom: 1.9rem;
}
.section-connecting p {
    max-width: 26rem;
}
.section-connecting .arrow-link {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.section-connecting h3 {
    font-weight: 400;
    max-width: 31.2rem;
}
.section-connecting .col--content {
    min-height: 32.1rem;
}
/* ----- /SECTION CONNECTING ----- */
/*  */
@media (min-width: 1600px) {
    .section-connecting .container {
        max-width: 102rem;
    }
}
@media (max-width: 1679px) {
    .section-connecting .col--image {
        flex: 0 0 45%;
        max-width: 45%;
    }
    .section-connecting .col--image .map-img {
        width: 58.1875rem;
        height: 35.25rem;
        right: -0.1rem;
        bottom: 0.5rem;
    }
}
@media (max-width: 1439px) {
    .section-connecting .arrow-link {
        right: 1.5rem;
    }
    .section-connecting .row {
        margin-right: -1rem;
    }
}
@media (max-width: 1199px) {
    .section-connecting .col--image .map-img {
        width: 50.1875rem;
        height: 30.25rem;
        right: 0.9rem;
        bottom: -0.5rem;
    }
    .section-connecting .arrow-link {
        width: 5rem;
        z-index: 10;
    }
    .section-connecting .row {
        padding: 4.8rem 3.7rem 10.8rem;
    }
}
@media(max-width: 1023px) {
    .section-connecting .col--image .map-img {
        width: 39.1875rem;
        height: 30.25rem;
        right: -2.1rem;
        bottom: 0.5rem;
    }
    .section-connecting .col--image {
        flex: 0 0 46%;
        max-width: 46%;
    }
}
@media (max-width: 767px) {
    .section-connecting {
        padding-bottom: 3.2rem;
        padding-top: 3rem;
    }
    .section-connecting .btn {
        margin-top: 0.8rem;
    }
    .section-connecting .col--image .map-img {
        display: block;
        margin: 0 auto;
        position: static;
        width: 100%;
        height: auto;
    }
    .section-connecting .arrow-link {
        width: 4rem;
    }
    .section-connecting .row {
        margin: 0;
        padding: 3rem 1rem 7rem;
    }
    .section-connecting .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-connecting .col--content {
        margin-bottom: 3rem;
        min-height: 1rem;
    }
}

/* ----- SECTION CONTACT US ----- */
.section-contact-us {
    background-color: #fff;
    padding-top: 5.875rem;
    padding-bottom: 9.8125rem;
}
.section-contact-us .col--title {
    padding-right: 0rem;
}
.section-contact-us .h3 {
    margin-bottom: 4.1rem;
}
.section-contact-us p {
    margin-bottom: 1.6rem;
}
.section-contact-us .col--form {
    padding-left: 2.9rem;
}
.section-contact-us .col--form h3 {
    font-size: 3.75rem;
    line-height: 4.375rem;
    margin-bottom: 3.7rem;
}
.section-contact-us.emnify-hubspot-form .hs-form fieldset {
    margin-bottom: 5.5rem;
}
.section-contact-us.emnify-hubspot-form .hs-form  .fieldset-last {
    margin-bottom: 1.3rem;
}
/* ----- /SECTION CONTACT US ----- */
/*  */
@media(min-width: 1600px) {
    .section-contact-us .container {
        max-width: 86rem;
    }
}
@media(max-width: 991px) {
    .section-contact-us .col--form {
        padding-top: 2rem;
        padding-left: 1rem;
    }
}
@media(max-width: 767px) {
    .section-contact-us {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .section-contact-us.emnify-hubspot-form .hs-form fieldset {
        margin-bottom: 0;
    }
    .section-contact-us.emnify-hubspot-form .hs-form .fieldset-last {
        margin-bottom: 2rem;
    }
    .emnify-hubspot-form form .hs-submit {
        margin-left: 0;
    }
}

/* ----- SECTION CONTENT ----- */
.section-content {
    padding-top: 4.6875rem;
    padding-bottom: 4.6875rem;
}
.section-content h3 {
    max-width: 70rem;
    margin-bottom: 2.7rem;
}
.section-content p {
    margin-bottom: 1.5rem;
}
.section-content .first-letter {
    font-weight: 700;
    font-size: 2.6875rem;
    border-bottom: 3px solid #00F38C;
    display: inline-block;
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.6rem;
    margin-right: 1rem;
    padding-bottom: 0.7rem;
    padding-top: 0.4rem;
}
/* ----- /SECTION CONTENT ----- */
/*  */
@media(min-width: 1600px) {
    .section-content .container {
        max-width: 79.5rem;
    }
}

/* ----- MODULE CTA ----- */
.section-cta {
    background: #000035;
    color: #fff;
    overflow: hidden;
    padding-top: 9.4rem;
    padding-bottom: 8.5rem;
}
.section-cta .cta-content {
    text-align: center;
    position: relative;
    width: 56.5rem;
    height: 56.5rem;
    margin: 0 auto;
    z-index: 1;
    padding: 11.4rem 9.1rem 1rem 7rem;
}
.section-cta .cta-content > * {
    z-index: 10;
}
.section-cta .cta-content::after {
    content: "";
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/banner-circle.png);
    background-repeat: no-repeat;
    width: 115.3125rem;
    height: 104.9375rem;
    position: absolute;
    background-size: contain;
    inset: -48%;
    margin: auto;
    z-index: -1;
}

@media(max-width: 768px) {
    .section-cta .cta-content::after {
    background-image: none;
    }
}
.section-cta .cta-content h3 {
    margin-bottom: 1.4rem;
    font-size: 4.375rem;
    line-height: 5rem;
    font-weight: 500;
}
.section-cta .cta-content h6 {
    margin-bottom: 2rem;
}
.section-cta .cta-content p {
    margin: 0 auto 2rem;
    max-width: 36rem;
}
.section-cta .cta-content .btn--white {
    margin-top: 3.2rem;
    padding: 1.7rem 3.2rem;
}
.section-cta .cta-content .btn--arrow .arrow {
    margin-left: 1rem;
}
/* ----- /MODULE CTA ----- */
/*  */
@media (max-width: 1199px) {
    .section-cta .cta-content {
        height: 50rem;
        padding-top: 9rem;
    }
}
@media (max-width: 767px) {
    .section-cta {
        padding-top: 4.4rem;
        padding-bottom: 5rem;
    }
    .section-cta .cta-content {
        height: 29.6rem;
        width: 32rem;
        padding: 3.4rem 2.5rem 0.5rem;
    }
    .section-cta .cta-content::after {
        width: 70.1875rem;
        height: 63.5625rem;
        inset: -52%;
    }
    .section-cta .cta-content .btn--white {
        margin-top: 0.9rem;
    }
    .section-cta .cta-content h3 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}/* ----- SECTION CUSTOMER ----- */
.section-customer {
    background: linear-gradient(to bottom, #0053CC, rgb(0 243 140 / 32%), transparent);
    padding-top: 14rem;
    padding-bottom: 21rem;
}
.section-customer .image-wrap {
    width: 100%;
    height: 54.3rem;
    position: relative;
}
.section-customer .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-customer .image-wrap .image-content {
    position: absolute;
    inset: 0;
    color: #fff;
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    color: #fff;
    padding: 2rem 6.4rem;
}
.section-customer .image-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 39%), #000);
}
.section-customer .image-wrap h2 {
    max-width: 50rem;
    margin-bottom: 5.3rem;
}
.section-customer .image-wrap h2 span {
    color: #00F6B7;
}
.customer-card {
    background: #fff;
    display: flex;
    align-items: center;
    position: relative;
    padding: 2.9rem 2.8rem 2.5rem;
    border: 3px solid #EFEFEF;
    height: 10.8125rem;
    margin-right: 2.25rem;
    flex: 0 0 27.8%;
    max-width: 27.8%;
    margin-top: 0.5rem;
    transition: 0.4s;
}
.customer-card h4 {
    color: #000050;
    font-weight: 600;
    margin-bottom: 0;
}
.section-customer .cards {
    margin-top: -12.7rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 24.125rem;
}
.customer-card .arrow-icon {
    position: absolute;
    right: 3.9rem;
    bottom: 3.4rem;
}
.customer-card .icon {
    flex: 0 0 3.875rem;
    margin-right: 2.6rem;
}
.customer-card .card-content {
    flex: 1;
}
.customer-card.active {
    background-color: #000035;
    color: #fff;
    border-color: #000035;
    height: 24.125rem;
    padding: 5rem 3.1rem 5rem 4.3rem;
    align-items: flex-start;
    flex: 1;
    max-width: 50%;
    margin-top: 0;
}
.customer-card:nth-child(3n) {
    margin-right: 0;
}
.customer-card.active .icon {
    flex: 0 0 6.2rem;
    margin-right: 1.8rem;
    margin-top: 0.4rem;
}
.customer-card.active .icon img {
    width: 100%;
}
.customer-card.active h4 {
    color: #fff;
    margin-bottom: 1.3rem;
}
.customer-card.active h4 br {
    display: none;
}
.customer-card .hover-content {
    visibility: hidden;
    opacity: 0;
    width: 21rem;
    transition: 0.4s;
    color: #fff;
    overflow: hidden;
    display: none;
}
.customer-card.active .hover-content {
    display: block;
    opacity: 1;
    visibility: visible;
    display: block;
}
.customer-card .hover-content .btn {
    margin-top: 1.7rem;
    font-weight: 400;
}
.customer-card .hover-content .btn .arrow {
    margin-left: 0.8rem;
}
.customer-card.active .arrow-icon {
    display: none;
}
/* ----- /SECTION CUSTOMER ----- */
/*  */
@media(max-width: 1679px) {
    .customer-card.active {
        padding: 5rem 1.5rem 5rem 2.5rem;
    }
    .customer-card .arrow-icon {
        right: 1.5rem;
        bottom: 0;
        top: 0;
        margin: auto 0;
        display: flex;
        align-items: center;
    }
}
@media(max-width: 1439px) {
    .section-customer {
        padding-top: 10rem;
        padding-bottom: 6rem;
    }
}
@media(max-width: 1199px) {
    .customer-card {
        padding: 2.9rem 3.8rem 2.5rem 1.5rem;
        margin-right: 1.5rem;
    }
    .customer-card .icon {
        margin-right: 1.2rem;
    }
    .customer-card .arrow-icon {
        right: 1.2rem;
        width: 2rem;
    }
    .customer-card .hover-content {
        width: 19.3rem;
    }
    .customer-card.active {
        padding: 5rem 1.1rem 5rem 1.5rem;
    }
    .customer-card .hover-content .btn {
        margin-top: 0.8rem;
    }
    .customer-card.active .icon {
        flex: 0 0 5rem;
    }
}
@media(max-width: 991px) {
    .section-customer {
        padding-top: 14.5rem;
        padding-bottom: 7.54rem;
        background: #fff;
        position: relative;
        z-index: 1;
    }
    .section-customer::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, #0053CC, rgb(0 243 140 / 32%), transparent);
        z-index: -1;
        width: 100%;
        height: 69rem;
    }
    .customer-card, .customer-card.active, .customer-card:nth-child(3n) {
        flex: 0 0 40rem;
        max-width: 40rem;
        margin: 0 auto 0.7rem;
        flex-wrap: wrap;
    }
    .section-customer .cards {
        margin-top: 0.8rem;
        height: auto;
    }
    .customer-card.active .card-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-customer .container {
        padding: 0 3.6rem;
    }
    .section-customer .image-wrap {
        height: 45rem;
    }
    .section-customer .image-wrap h2 {
        margin-bottom: -1.2rem;
        font-size: 4.54rem;
        line-height: 5.45rem;
    }
    .section-customer .image-wrap .image-content {
        padding: 2rem 3rem;
    }
    .customer-card .icon {
        flex: 0 0 5rem;
        margin-right: 2.7rem;
    }
    .customer-card .arrow-icon {
        right: 2.8rem;
        width: 2.5rem;
    }
    .customer-card.active {
        height: auto;
        padding: 3.9rem 3.1rem 3.9rem 2.8rem;
    }
    .customer-card.active .icon {
        flex: 0 0 5.4rem;
        margin-bottom: 2.3rem;
    }
    .customer-card .hover-content {
        width: 100%;
    }
    .customer-card p {
        font-size: 1.45rem;
        line-height: 2.27rem;
    }
    .customer-card .hover-content .btn {
        margin-top: 2.4rem;
        font-size: 1.45rem;
        letter-spacing: 4.9px;
    }
    .customer-card .hover-content .btn .arrow {
        margin-left: 1.2rem;
        width: 3.2rem;
        height: 1.5rem;
    }
}
@media(max-width: 767px) {
    .section-customer .image-wrap {
        height: 25.3rem;
    }
    .customer-card, .customer-card.active, .customer-card:nth-child(3n) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .customer-card {
        padding: 2.3rem 2.7rem 2.5rem 2.7rem;
        height: 9.72rem;
    }
    .customer-card h4 {
        font-size: 1.45rem;
        line-height: 2.27rem;
    }
}/* ----- SECTION EMNIFY MISSION TWO ----- */

.section-emnify-mission-two {
    background: rgb(0,0,53);
    background: radial-gradient(farthest-corner at 78rem 40rem,#030365 0%, #000035 60%);
    color: #fff;
    padding-top: 17.6rem;
    padding-bottom: 4rem;
}

.section-emnify-mission-two p {
    margin-top: 3.4rem;
    max-width: 34rem;
}

/* ----- SECTION EMNIFY MISSION TWO ----- */

@media (max-width: 1900px) {

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

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

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

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

}
@media (max-width: 767px) {
    .section-emnify-mission-two .content-wrap {
        padding: 0 2.8rem;
    }

    .section-emnify-mission-two {
        padding-top: 13.1rem;
        padding-bottom: 12.6rem;
    }

    .section-emnify-mission-two h4 {
        font-size: 1.45rem;
        margin-bottom: 3.7rem;
    }

    .section-emnify-mission-two .h2 {
        font-size: 4.5rem;
        line-height: 5.5rem;
    }

    .section-emnify-mission-two p {
        font-size: 1.45rem;
        line-height: 2.3rem;
        margin-top: 2.9rem;
        padding-right: 3rem;
    }
}/* ----- SECTION EMNIFY MISSION ----- */

.section-emnify-mission {
    background-color: #000035;
    color: #fff;
    text-align: center;
    padding-top: 12.8rem;
    padding-bottom: 7.6rem;
    /*background-image: url(../../images/emnify-mission-bg.png);*/
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-emnify-mission h3 {
    font-size: 3.75rem;
    font-weight: 700;
    margin-top: 1.7rem;
    margin-bottom: 1.7rem;
}

.section-emnify-mission p {
    max-width: 34rem;
    margin: 0 auto 5.3rem;
}

.section-emnify-mission .btn--green {
    font-size: 1rem;
    letter-spacing: 0.3rem;
    padding: 1.95rem 4.3rem 1.7rem;
}

/* ----- /SECTION EMNIFY MISSION ----- */
/*  */
@media (max-width: 1900px) {

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

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

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

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

}
@media (max-width: 767px) {
    .section-emnify-mission {
        padding-top: 11.4rem;
        padding-bottom: 13.4rem;
    }

    .section-emnify-mission h6 {
        font-size: 1.45rem;
    }

    .section-emnify-mission h3 {
        font-size: 2.65rem;
        margin: 6.2rem auto 0.8rem;
        max-width: 22rem;
        line-height: 3.7rem;
    }

    .section-emnify-mission p {
        font-size: 1.45rem;
        max-width: 28.2rem;
        line-height: 2.2rem;
        margin-bottom: 6rem;
    }

    .section-emnify-mission .btn--green {
        font-size: 1.45rem;
        letter-spacing: 0.45rem;
        padding: 3rem 4rem 2.4rem;
        border-radius: 10rem;
    }
}
@media (max-width: 575px) {

}/* ----- SECTION ENTERPRISES ------ */
.section-enterprises {
    background: linear-gradient(to top, #F5F5F5, #fff);
    position: relative;
    z-index: 10;
    padding-top: 11.8rem;
    padding-bottom: 14.4rem;
}
.section-enterprises .title {
    margin-bottom: 7.9rem;
    text-align: left;
    max-width: 80rem;
}
.section-enterprises .title h6 {
    margin-bottom: 1.9rem;
}
.section-enterprises .col {
    padding: 0 2.375rem;
}
.section-enterprises .row {
    margin: 0 -2.1rem;
}
.enterprise-card {
    border: 3px solid #EFEFEF;
    position: relative;
    padding: 6.825rem 3.6125rem 1rem;
    background-color: #fff;
    z-index: 10;
    min-height: 36.6rem;
}
.enterprise-card .card-icon {
    background-color: #000035;
    width: 7.625rem;
    height: 7.625rem;
    position: absolute;
    left: -0.1rem;
    top: -3.9rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.enterprise-card h4 {
    margin-bottom: 1.3rem;
}
.enterprise-card p {
    margin-left: 0.4rem;
    min-height: 6.5rem;
}
.enterprise-card ul {
    padding-left: 2.3rem;
    max-width: 17rem;
    margin-top: 1.2rem;
}
.enterprise-card ul li {
    margin-bottom: 2.2rem;
    position: relative;
    line-height: 1.5625rem;
    min-height: 2.375rem;
    display: flex;
    align-items: center;
}
.enterprise-card ul li::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -2rem;
    width: 3px;
    height: 2.375rem;
    background-color: rgba(0, 0, 80, 0.1);
}
.enterprise-card .arrow-green {
    background-color: #00F6B7;
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -0.2rem;
    bottom: -2.6rem;
    transition: 0.4s;
}
.enterprise-card .arrow-green svg path {
    transition: 0.4s;
}
.enterprise-card .arrow-green:hover {
    background-color: #000035;
}
.enterprise-card .arrow-green:hover svg path {
    fill: #fff;
}
/* ----- /SECTION ENTERPRISES ------ */
/*  */
@media (max-width: 1679px) {
    .section-enterprises .col {
        padding: 0 1rem;
    }
    .section-enterprises .row {
        margin: 0 -1rem;
    }
}
@media (max-width: 1439px) {
    .enterprise-card .card-icon {
        left: -0.2rem;
    }
    .enterprise-card .arrow-green {
        right: -0.25rem;
    }
}
@media (max-width: 1199px) {
    .section-enterprises .col {
        padding: 0 0.5rem;
    }
    .section-enterprises {
        padding-top: 8.8rem;
        padding-bottom: 10rem;
    }
}
@media (max-width: 991px) {
    .section-enterprises {
        padding-bottom: 1rem;
    }
    .enterprise-card {
        margin-bottom: 8rem;
    }
    .enterprise-card .arrow-green {
        right: -0.3rem;
    }
}
@media (max-width: 767px) {
    .section-enterprises {
        padding-top: 5rem;
    }
    .section-enterprises .col {
        padding: 0 1rem;
    }
}/* ----- SECTION EVENTS VIDEO ----- */

.section-events-video {
    padding-top: 6.9rem;
    padding-bottom: 5rem;
}

.section-events-video .container {
    display: flex;
    justify-content: space-between;
}

.events-video-content {
    padding-top: 4.6rem;
    padding-left: 0.6rem;
    max-width: 32rem;
    position: relative;
    z-index: 2;
}

.events-video-slider {
    max-width: 60.6%;
    position: relative;
}

.events-video-content h3 {
    font-size: 3.75rem;
    line-height: 4.4rem;
    font-weight: 500;
    margin-top: 1.9rem;
    margin-bottom: 1rem;
}

.events-video-content p {
    margin-bottom: 5.8rem;
}

.events-video-content .btn {
    padding: 1.8rem 4rem 1.5rem 4.4rem;
}

.events-video-slider .video-wrap {
    position: relative;
}

.events-video-slider .play-btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.events-video-slider .play-btn svg {
    width: 20.1rem;
    height: 20.1rem;
    margin-left: 6.1rem;
}

.events-video-slider .owl-nav {
    position: absolute;
    top: -3.4rem;
    right: 0;
    color: #000035;
}

.events-video-slider .owl-nav button {
    text-transform: uppercase;
    color: red;
}
.events-video-slider .owl-nav .owl-next:before {
    content: '/';
    margin-right: 0.6rem;
    margin-left: 0.7rem;
}
.events-video-slider .video-wrap video {
    width: 100%;
    height: 100%;
    max-height: 40.9rem;
    object-fit: cover;
}
.slide-index {
    position: absolute;
    left: 0;
    top: -3.4rem;
}

.section-events-video .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.events-video-slider .owl-carousel {
    /* overflow: hidden; */
    /* margin-right: -47vw; */
    width: auto;
}

.events-video-slider .owl-carousel .owl-item {
    transition: 0.4s;
    transform: scale(0.55) translateX(-50%);
    opacity: 0.7;
}

.events-video-slider .owl-carousel .owl-item.active {
    transform: scale(1)  translateX(0%);
    z-index: 1;
    opacity: 1;
}
.events-video-slider:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 50vw;
    background: #fff;
    z-index: 1;
}
/* ----- /SECTION EVENTS VIDEO ----- */
/*  */
@media (max-width: 1679px) {

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

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

}
@media (max-width: 991px) {
    .events-video-slider {
        max-width: 55.6%;
    }

    .events-video-content {
        padding-right: 2rem;
        padding-top: 0rem;
    }

    .events-video-content h3 {
        font-size: 3.35rem;
    }

    .events-video-content p {
        margin-bottom: 2.8rem;
    }

    .section-events-video {
        padding-bottom: 0;
    }
}
@media (max-width: 767px) {
    .section-events-video .container {
        flex-direction: column;
        padding: 0 3.1rem;
    }

    .section-events-video {
        padding-top: 10.1rem;
        padding-bottom: 5.8rem;
    }

    .events-video-content h6 {
        font-size: 1.45rem;
    }

    .events-video-content h3 {
        margin-top: 3rem;
        font-size: 2.7rem;
        line-height: 3.8rem;
        margin-bottom: 2.3rem;
    }

    .events-video-content p {
        font-size: 1.45rem;
        line-height: 2.2rem;
        margin-bottom: 5.7rem;
    }

    .events-video-content {
        padding-right: 0rem;
        margin-bottom: 9.5rem;
    }

    .events-video-content .btn {
        font-size: 1.45rem;
        width: 100%;
        padding: 3.1rem 0rem 2.2rem;
        border-radius: 10rem;
    }

    .events-video-slider {
        max-width: 100%;
        padding: 0 0.5rem;
    }

    .events-video-slider .owl-carousel .owl-nav button {
        font-size: 1.45rem;
    }

    .slide-index {
        font-size: 1.45rem;
        top: -3.9rem;
    }

    .events-video-slider .owl-nav {
        top: -4rem;
    }

    .owl-carousel .owl-stage-outer {
        overflow: hidden;
    }

    .events-video-slider .play-btn svg {
        width: 11.1rem;
        height: 11.1rem;
        margin-left: 3rem;
    }
}
@media (max-width: 575px) {

}/* ----- SECTION FACTS ----- */
.section-facts {
    padding-top: 7.9rem;
    padding-bottom: 5.9375rem;
    position: relative;
    overflow: hidden;
}
.section-facts .row {
    margin: 0 -0.5rem;
}
.section-facts .title-wrap h6 {
    margin-bottom: 0.7rem;
}
.section-facts .title-wrap h3 {
    margin-bottom: 1.8rem;
}
.section-facts .title-wrap {
    margin-bottom: 3.3rem;
    position: relative;
    z-index: 1;
}
.section-facts .title-wrap::before {
    content: '';
    width: 37.0625rem;
    height: 72rem;
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    position: absolute;
    top: -7.9rem;
    left: 9rem;
    z-index: -1;
}
.section-facts .col {
    padding: 0 0.4375rem;
}
.facts-card {
    position: relative;
    width: 100%;
    cursor: pointer;
    height: 33.75rem;
    z-index: 10;
}
.facts-card > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.facts-card .card-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 4.4rem 4.4rem;
    color: #fff;
    transition: 0.4s;
}
.facts-card .card-content .btn {
    padding: 1.6rem 2.6rem;
    margin-top: 1.4rem;
    min-width: 21.3125rem;
}
.facts-card .card-content p {
    max-width: 23.8rem;
    line-height: 1.4375rem;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 0.4s;
    opacity: 0;
    margin-bottom: 0;
}
.facts-card .card-content h3 {
    margin-bottom: 0.9rem;
}
.facts-card:hover p {
    max-height: 21.875rem;
    visibility: visible;
    opacity: 1;
}
.facts-card .card-content .btn--green:hover {
    background-color: #fff;
    color: #000035;
}
/* ----- /SECTION FACTS ----- */
/*  */
@media(max-width: 1199px) {
    .section-facts .title-wrap p br {
        display: none;
    }
    .facts-card {
        height: 27rem;
    }
}
@media(max-width: 991px) {
    .section-facts .col:nth-child(2n) {
        margin-top: 5rem;
    }
}
@media(max-width: 767px) {
    .facts-card .card-content {
        padding: 2.4rem 2.4rem;
    }
    .facts-card {
        margin-bottom: 2rem;
        height: 25rem;
    }
    .section-facts .col:nth-child(2n) {
        margin-top: 0;
    }
    .section-facts {
        padding-bottom: 3rem;
        padding-top: 6rem;
    }
    .section-facts .row {
        margin: 0 -1rem;
    }
    .section-facts .col {
        padding: 0 1rem;
    }
    .section-facts .title-wrap::before {
        top: -6rem;
    }
}/* ----- SECTION FAQS ----- */
.section-faqs {
    padding-top: 5.625rem;
    padding-bottom: 5.4375rem;
}
.section-faqs .row {
    justify-content: space-between;
}
.section-faqs .col--title {
    padding-top: 0.4rem;
    text-align: right;
    flex: 0 0 21.5%;
    max-width: 21.5%;
}
.section-faqs .col--content {
    flex: 0 0 73.1%;
    max-width: 73.1%;
}
.faq {
    background-color: #F5F5F5;
    margin-bottom: 0.8125rem;
    padding-bottom: 0.6rem;
}
.faq .faq-btn {
    font-weight: 400;
    font-family: "Como", sans-serif;
    color: #000035;
    font-size: 1.875rem;
    line-height: 2.5rem;
    text-transform: none;
    letter-spacing: 0;
    width: 100%;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 1.9rem 3.1rem 1.3rem;
    position: relative;
}
.faq .faq-btn::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='84' viewBox='0 0 39 84'%3E%3Ctext id='_' data-name='+' transform='translate(0 58)' fill='%2300f38c' font-size='60' font-family='Como-Bold, Como' font-weight='700'%3E%3Ctspan x='0' y='0'%3E+%3C/tspan%3E%3C/text%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.5rem;
    height: 5.125rem;
    background-position: center;
    position: absolute;
    top: 0.7rem;
    left: -1.4rem;
}
.faq .faq-btn[aria-expanded=true]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12' viewBox='0 0 36 12'%3E%3Cg id='Rectangle_351' data-name='Rectangle 351' fill='%2300f38c' stroke='%2300f38c' stroke-width='1'%3E%3Crect width='36' height='12' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='35' height='11' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.faq .faq-content {
    padding: 0rem 3.2rem 1.7rem;
    color: #000035;
}

/*------ FAQ BLUE -------*/

.section-faqs.section-faqs-blue {
    background: rgb(0,0,53);
    background: radial-gradient(farthest-corner at 64rem 20rem,#030365 0%, #000035 80%);
    color: #fff;
    padding-bottom: 12.7375rem;
    position: relative;
    z-index: 11;
}

.section-faqs.section-faqs-blue .col--title {
    /* max-width: 21.5%; */
    margin-left: 0.9rem;
}

.section-faqs.section-faqs-blue .faq {
    background: rgb(245 245 245 / 18%);
}

.section-faqs.section-faqs-blue .faq .faq-btn {
    color: #fff;
}

.section-faqs.section-faqs-blue
 .faq .faq-content {
    color: #fff;
}

/* ----- /SECTION FAQS ----- */
/*  */
@media (max-width: 1679px) {
    .section-faqs .col--title {
        flex: 0 0 26%;
        max-width: 26%;
    }
    .section-faqs .col--content {
        flex: 0 0 71%;
        max-width: 71%;
    }
}
@media (max-width: 1439px) {
    .section-faqs .col--title {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .section-faqs .col--content {
        flex: 0 0 65%;
        max-width: 65%;
    }
}
@media (max-width: 1199px) {
    .section-faqs .col--title {
        flex: 0 0 26%;
        max-width: 26%;
    }
    .section-faqs .col--content {
        flex: 0 0 68%;
        max-width: 68%;
    }
}
@media (max-width: 991px) {
    .section-faqs .col--title {
        flex: 0 0 31%;
        max-width: 31%;
    }
}
@media (max-width: 767px) {
    .section-faqs {
        padding-top: 2.5rem;
        padding-bottom: 5rem;
    }
    .section-faqs .col--title {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }
    .section-faqs .col--content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .faq {
        margin-left: 1rem;
    }
    .faq .faq-btn {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}/* ----- SECTION FEATURES ----- */
.section-features {
    background-color: #000035;
    color: #fff;
}
.section-features .row {
    align-items: center;
}
.section-features .col {
    position: relative;
    z-index: 10;
}
.section-features .col--title {
    flex: 0 0 28.4%;
    max-width: 28.4%;
    margin-left: 10.2%;
}
.section-features .col--title h4 {
    color: #9292B9;
    margin-bottom: 5.2rem;
    margin-top: -3.3rem;
}
.section-features .col--title h4 b, .section-features .col--title h4 strong {
    color: #fff;
}
.section-features .col--features {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.section-features .btn--arrow .arrow {
    margin-left: -0.1rem;
}
.feature-card {
    flex: 0 0 25%;
    max-width: 25%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.35), rgba(84, 84, 84, 0.35));
    opacity: 0.5;
    transition: 0.4s;
    padding: 2.1rem 1.3rem 2.1rem 2.7rem;
    height: 20.3rem;
}
.feature-card:hover {
    background: #00F38C;
    opacity: 1;
}
.feature-card:hover .icon svg path {
    fill: #fff;
}
.feature-card:hover h4 {
    font-weight: 700;
    color: #000035;
}
.feature-card:hover .text-green {
    color: #fff;
}
.feature-card h4 {
    color: #fff;
}
.feature-card .icon {
    width: 5.375rem;
    height: 5.375rem;
    margin-bottom: 1.9rem;
}
.feature-card .icon svg {
    max-height: 100%;
    max-width: 100%;
}
.feature-card .icon svg path {
    transition: 0.4s;
}
.feature-card--light {
    background: rgb(245 245 245 / 10%);
    max-width: 100%;
    flex: 0 0 100%;
    opacity: 1;
    height: 17.3rem;
    padding: 3.7rem 4.6rem 2.1rem;
}
.feature-card--light .text-green {
    color: #00F38C;
    font-size: 3.75rem;
    line-height: 3.75rem;
    display: block;
    margin-bottom: 0.8rem;
}
.feature-card--light h4 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    color: #fff;
    max-width: 20rem;
}
/* Section Features Two */
.section-features--two {
    padding-top: 3.9rem;
    padding-bottom: 5.1rem;
}
.section-features--two .col--title h4 {
    font-size: 2.6875rem;
    color: #fff;
    line-height: 3.75rem;
    margin-bottom: 2.8rem;
    margin-top: -1.7rem;
}
.section-features--two .btn--arrow .arrow {
    margin-left: 1rem;
}
.section-features--two .col {
    padding: 0 1.3125rem;
}
.section-features--two .col--title {
    flex: 0 0 29.1%;
    max-width: 29.1%;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 3rem;
}
/* ----- /SECTION FEATURES ----- */
/*  */
@media (max-width: 1679px) {
    .section-features .col--title .btn--arrow {
        letter-spacing: 3.5px;
    }
    .feature-card {
        padding: 2.1rem 1.9rem;
    }
}
@media (max-width: 1439px) {
    .feature-card:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}
@media (max-width: 1199px) {
    .feature-card {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1rem;
    }
    .section-features .col--title h4 {
        margin-bottom: 2.2rem;
    }
    .feature-card--light {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    .section-features .col--title {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2rem;
        margin-left: 0;
    }
    .section-features .container-fluid {
        max-width: 65rem;
        padding: 0 1rem;
    }
    .section-features .col--title h4 {
        margin-top: 0;
    }
    .section-features .col--title h4 br {
        display: none;
    }
    .section-features--two .col {
        padding: 0 1rem;
    }
    .section-features--two .col--title h4 {
        max-width: 20rem;
    }
    .section-features--two .col {
        margin-bottom: 2rem;
    }
    .section-features--two .col:last-child {
        margin-bottom: 0;
    }
}/* ----- FOOTER ----- */
.footer {
    background: #000035;
    color: #fff;
    padding-top: 7.8rem;
    padding-bottom: 4.1rem;
    position: relative;
    z-index: 10;
}
.footer a, .footer p {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: "Como", sans-serif;
    line-height: 1.75rem;
    font-weight: 400;
    display: block;
    letter-spacing: 2px;
    margin-bottom: 1.8rem;
}
.footer p {
    letter-spacing: 2.4px;
    margin-right: -1rem;
}
.footer a:hover {
    color: #00F38C;
}
.footer .footer-logo {
    width: 5.3rem;
}
.footer .col:first-child {
    flex: 0 0 16.5%;
    max-width: 16.5%;
}
.footer .col:nth-child(2) {
    flex: 0 0 29.3%;
    max-width: 29.3%;
}
.footer .col:nth-child(3) {
    flex: 0 0 29.8%;
    max-width: 29.8%;
}
.footer .container {
    position: relative;
}
.footer .container::before {
    content: "";
    display: block;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: -7.9rem;
    z-index: 10;
    left: 0;
    right: 0;
}
/* ----- FOOTER ----- */
/*  */
@media(max-width: 991px) {
    /* ----- FOOTER ----- */
    .footer p {
        margin-right: 0;
        margin-bottom: 0;
    }
    .footer .col:first-child {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .footer .col:nth-child(2) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .footer .col:nth-child(3) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .footer .col:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-top: 2rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
}
@media(max-width: 767px) {
    /* ----- FOOTER ----- */
    .footer {
        text-align: center;
        padding-top: 4.8rem;
    }
    .footer .footer-logo {
        margin: 0 auto 2rem;
    }
    .footer .row {
        margin: 0;
    }
    .footer .col:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .col:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 1px solid #fff;
        margin-bottom: 2rem;
    }
    .footer .col:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .container::before {
        top: -4.9rem;
        left: 1rem;
        right: 1rem;
    }
  /* ----- /FOOTER ----- */
  /*  */
}

/* ----- BLOCK FREE DEMO ----- */
.block-free-demo {
    width: 28.4rem;
}
.block-free-demo .box-head {
    background-color: #000035;
    color: #fff;
    text-align: center;
    padding: 1.9rem 2rem 3.9rem;
}
.block-free-demo .box-head h6 {
    margin-bottom: 0;
}
.block-free-demo .box-body{
    border: 3px solid #EFEFEF;
    text-align: center;
    padding: 0 1.9rem 1.5rem;
    min-height: 31.3rem;
}
.block-free-demo .video-wrap {
    position: relative;
    width: 100%;
    min-height: 14.25rem;
    margin-top: -2.7rem;
    margin-bottom: 2.1rem;
}
.block-free-demo .video-wrap .play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 4.375rem;
    height: 4.375rem;
}
.block-free-demo .video-wrap .play-btn svg {
    max-width: 100%;
    max-height: 100%;
}
.block-free-demo h4 {
    padding: 0 4rem;
    margin-bottom: 1.9rem;
}
.block-free-demo .video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ----- /BLOCK FREE DEMO ----- */
/*  */

/* ----- MODULE FREE TEST ----- */
.section-free-test {
    padding-top: 10.6rem;
    position: relative;
    z-index: 20;
    padding-bottom: 2rem;
}
.section-free-test::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to top, #F5F5F5, transparent);
    z-index: -1;
}
.section-free-test .col--image {
    flex: 0 0 55.3%;
    max-width: 55.3%;
}
.section-free-test .col--image img {
    margin-top: -4.7rem;
    margin-left: 5.5rem;
    margin-bottom: -8.3rem;
}
.section-free-test .col--content {
    padding-right: 4rem;
}
.section-free-test h6 {
    margin-bottom: 1.2rem;
}
.section-free-test .btn {
    margin-top: 4.8rem;
    margin-left: -0.8rem;
    padding: 1.7rem 4.1rem;
}
/* ----- /MODULE FREE TEST ----- */
/*  */
@media (max-width: 1679px) {
    .section-free-test .col--image img {
        margin-left: -1.8rem;
    }
    .section-free-test .col--content {
        padding-right: 1rem;
    }
}
@media (min-width: 1600px) {
    .section-free-test .container {
        max-width: 100rem;
    }
}
@media(max-width: 1199px) {
    .section-free-test .col--image {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-free-test .col--image img {
        margin-left: 0;
        margin-top: auto;
        margin-bottom: -8.3rem;
    }
    .section-free-test {
        padding-top: 7rem;
        padding-bottom: 5rem;
    }
}
@media (max-width: 767px) {
    .section-free-test {
        padding-top: 3rem;
    }
    .section-free-test .row {
        margin: 0;
    }
    .section-free-test .col--image {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
    }
    .section-free-test .col--image img {
        margin-left: auto;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: -4.5rem;
    }
    .section-free-test .col--content {
        order: 1;
    }
    .section-free-test .btn {
        margin-top: 2rem;
        margin-left: 0;
    }
}/* ----- SECTION FREE TRIAL ----- */
.section-free-trial {
    color: #fff;
    padding-top: 10.3rem;
    position: relative;
    z-index: 1;
    padding-bottom: 14rem;
    background: radial-gradient(#030365, #000035);
    overflow: hidden;
}
.section-free-trial .container {
    position: relative;
    z-index: 2;
}
.section-free-trial::before {
    content: "";
    /* background-image: url(../../img/blobb.png); */
    background-repeat: no-repeat;
    background-size: contain;
    width: 178.625rem;
    height: 150.5rem;
    position: absolute;
    left: -37rem;
    top: -24rem;
    z-index: -1;
    transform: rotate(105deg);
    opacity: 0.8;
}
.section-free-trial .form-box {
    background-color: #fff;
    margin-right: 0.1rem;
    padding: 2.6rem 4.5rem 4.3rem;
}
.section-free-trial .form-box .submitted-message {
    color: #000035;
}
.section-free-trial .form-box .btn {
    margin-top: 4.1rem;
    margin-left: -1.1rem;
    padding: 1.7rem 3.9rem;
}
.section-free-trial .col--title {
    padding-left: 9.1rem;
    padding-right: 7.1rem;
}
.section-free-trial .col--title h6 {
    margin-bottom: 1.4rem;
}
.section-free-trial .col--title h3 {
    margin-bottom: 1.9rem;
    line-height: 6.875rem;
}
.section-free-trial .col--title p {
    padding-right: 2rem;
}
.section-free-trial .col--content {
    padding-left: 0;
    padding-right: 0;
}
.section-free-trial.blue-bg {
    padding-bottom: 9.3rem;
    margin-bottom: -1px;
}
/* HubSpot Form */
.emnify-hubspot-form .hs-form fieldset {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2rem 3.2rem;
    position: relative;
}
.emnify-hubspot-form .hs-form fieldset:nth-child(3) {
    margin-bottom: 3rem;
}
.emnify-hubspot-form .hs-form fieldset .inputs-list {
    /* position: absolute; */
    top: auto;
    margin-top: 0.2rem;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field {
    flex: 1;
    /* padding: 0 2rem; */
}
.emnify-hubspot-form .hs-form fieldset.form-columns-2 .hs-form-field {
    flex: 0 0 50%;
    max-width: 50%;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field label {
    display: block;
    font-family: "Como", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #000035;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field .hs-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-family: "Como", sans-serif;
    font-size: 1rem;
    border: 0;
    border-bottom: 2px solid #000035;
    padding: 0;
    line-height: 1.6rem;
    color: #000035;
    width: 100%;
    background-color: transparent;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field .hs-input::placeholder {
    opacity: 0;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field .hs-input:focus {
    outline: none;
    border-bottom-color: #00F6B7;
    box-shadow: none;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field textarea {
    height: 10.1rem;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field .hs-form-booleancheckbox-display {
    font-size: 1rem;
    font-weight: 400;
    color: #000035;
    line-height: 1.5625rem;
    font-family: "Como", sans-serif;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 3.1rem;
    cursor: pointer;
}
.emnify-hubspot-form .hs-form .hs-form-field .hs-form-booleancheckbox-display .hs-input {
    width: 1.4375rem;
    height: 1.4375rem;
    border: 2px solid #000035;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-right: 1.4rem;
    margin-top: 0;
    appearance: none;
    -webkit-appearance: none;
}
.emnify-hubspot-form .hs-form .hs-form-field .hs-form-booleancheckbox-display .hs-input:checked {
    box-shadow: none;
    background-color: #000035;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.emnify-hubspot-form .hs-form .hs-form-field .hs-form-booleancheckbox-display .hs-input:focus {
    box-shadow: none;
    border: 2px solid #000035;
}
.emnify-hubspot-form form .hs-submit {
    margin-left: -1.1rem;
}
.emnify-hubspot-form .hs-submit input.hs-button {
    font-family: "Como", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 2.625rem;
    -moz-border-radius: 2.625rem;
    -ms-border-radius: 2.625rem;
    border-radius: 2.625rem;
    border: 0;
    font-size: 1.25rem;
    padding: 1.8rem 3.9rem;
    letter-spacing: 5.9px;
    background-color: #00F38C;
    color: #000035;
    transition: 0.4s;
}

.emnify-hubspot-form .hs-form fieldset .hs-form-field .hs-input::placeholder {
    color: #454581;
    opacity: 1;
}

fieldset {
    color: #000035;
}

fieldset.invisible {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

fieldset > div {
    padding: 0 2em;
}


.emnify-hubspot-form .hs-submit input.hs-button:hover {
    background-color: #000050;
    color: #fff;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field .hs-form-booleancheckbox-display span {
    flex: 1;
}
.emnify-hubspot-form .hs-form .hs_recaptcha {
    margin-bottom: 2rem;
}
.emnify-hubspot-form .hs-form fieldset .hs-form-field .hs-error-msg {
    color: red!important;
    font-size: 0.875rem;
    line-height: 1rem;
}
/* /HubSpot Form */

/* ----- /SECTION FREE TRIAL ----- */
/*  */
@media (max-width: 1679px) {
    .section-free-trial .col--title {
        padding-left: 3rem;
        padding-right: 2.1rem;
    }
}
@media (max-width: 1199px) {
    .section-free-trial .form-box {
        padding: 2.7rem 2.4rem 4rem;
    }
}
@media(max-width: 991px) {
    .section-free-trial .col--title h3 {
        line-height: 3.5rem;
    }
    .section-free-trial .col--title {
        padding-left: 1rem;
        padding-right: 2.1rem;
        margin-bottom: 2rem;
    }
}
@media (max-width: 767px) {
    .section-free-trial {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .section-free-trial .form-box .col:nth-child(-n+2) .form-group {
        margin-bottom: 4rem;
    }
    .section-free-trial .col--title {
        padding: 0 1rem;
        margin-bottom: 2rem;
    }
    .section-free-trial .col--content {
        padding: 0 1rem;
    }
    .section-free-trial::before {
        width: 178.625rem;
        height: 150.5rem;
        top: -60rem;
        left: -30rem;
        transform: rotate(0);
    }
     {
        padding: 0 0.5rem;
    }
    .emnify-hubspot-form .hs-form fieldset {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        margin-bottom: 0;
        min-height: 5rem;
    }
    .section-free-trial .form-box {
        padding: 2rem 1.5rem 4rem;
    }
    .emnify-hubspot-form .hs-form fieldset.form-columns-2 .hs-form-field {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 3rem;
    }
    .emnify-hubspot-form .hs-form fieldset:nth-child(3) {
        margin-bottom: 0;
    }
    .section-free-trial .hs-submit input.hs-button {
        padding: 1.7rem 1.2rem;
        width: 100%;
    }
    .section-free-trial form .hs-submit {
        margin-left: 0;
        width: 100%;
    }
}/* ----- SECTION GRADIENT ----- */
.section-gradient {
    background-color: #000035;
    position: relative;
    text-align: center;
    z-index: 100;
    color: #fff;
    height: 71.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-gradient .content-wrap {
    max-width: 40.625rem;
    margin: 0 auto;
    padding-top: 3.5rem;
    padding-left: 3rem;
    position: relative;
    z-index: 1;
}
.section-gradient .section-bg {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-gradient .section-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    /* background-image: url(../../img/blobb.png); */
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: 175%;
}
.section-gradient .section-bg img {
    margin-left: 2.5rem;
    margin-top: 1.6rem;
    width: 27.3rem;
    object-fit: contain;
    height: 33.9rem;
}
.section-gradient .lead {
    color: #fff;
    max-width: 30rem;
    margin: 0 auto;
}
.section-gradient .h2 {
    margin-bottom: 1.3rem;
}
.section-gradient h4 {
    font-size: 2.6875rem;
    line-height: 3.75rem;
}
/* Banner Gradient Events */
.section-gradient--events {
    height: 67.5rem;
}
.section-gradient--events .content-wrap {
    padding-top: 0;
    padding-bottom: 3rem;
    padding-left: 0;
}
.section-gradient--events .h2 {
    margin-bottom: -0.3rem;
}
.section-gradient--events .section-bg::before {
    background-position-y: 64%;
    transform: rotate(-180deg);
}
/* ----- SECTION GRADIENT ----- */
/*  */
@media(max-width: 1199px) {
    .section-gradient {
        height: 60rem;
    }
    /* Banner Gradient Events */
    .section-gradient--events .content-wrap {
        padding-bottom: 0;
    }
}
@media(max-width: 1023px) {
    .section-gradient .section-bg::before {
        background-size: 220%;
    }
}
@media(max-width: 767px) {
    .section-gradient .content-wrap {
        max-width: 27rem;
        padding-left: 0;
    }
    .section-gradient .section-bg img {
        margin-left: 0;
        margin-top: 5.6rem;
        width: 20.3rem;
        height: 23.9rem;
    }
    .section-gradient .section-bg::before {
        background-size: 280%;
    }
    /* Banner Gradient Events */
    .section-gradient--events {
        height: 30rem;
    }
}/* ----- SECTION GUIDE ----- */
.section-guide {
    padding-top: 18.8rem;
    padding-bottom: 5.6rem;
    position: relative;
    z-index: 1;
}
.section-guide::before {
    content: '';
    position: absolute;
    inset: 200px 0 0 0;
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    width: 57.3%;
    z-index: -1;
}
@media (max-width:1400px) {
    .section-guide::before {
        inset: 148px 0 0 0;
    }
}
.section-guide .col--content {
    /* padding-top: 1rem; */
    flex: 0 0 50%;
    max-width: 50%;
}
.section-guide h4 {
    margin-bottom: 2.8rem;
}
.section-guide h3 {
    margin-left: -0.7rem;
    margin-bottom: 3.2rem;
}
.section-guide .col--img {
    flex: 0 0 50%;
    max-width: 50%;
}
.section-guide .col--img img {
    width: 100%;
    object-fit: contain;
}
.section-guide .social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 2.5rem;
    margin-top: 1rem;
}
.section-guide .social a {
    width: 2.0625rem;
    height: 2.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #00F38C;
    margin-right: 1.3rem;
}
.section-guide .social h6 {
    margin-bottom: 0;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    margin-left: -0.2rem;
    margin-right: 1.5rem;
}
.section-guide .author {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem;
}
.section-guide .author .author-avatar {
    width: 4.75rem;
    height: 4.75rem;
    flex: 0 0 4.75rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2rem;
}
.section-guide .author .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-guide .author h6 {
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0rem;
    margin-top: 0.2rem;
}
.section-guide .author .author-name {
    font-weight: 600;
}
/* ----- /SECTION GUIDE ----- */
/*  */
@media(min-width: 1400px) {
    .section-guide .container {
        /* max-width: 100rem; */
    }
}
@media(min-width: 1600px) {
    .section-guide .container {
        /* max-width: 102.6rem; */
    }
}
@media(max-width: 1679px) {
    .section-guide .col--content {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media(max-width: 1199px) {
    .section-guide h3 {
        margin-left: 0;
    }
    .section-guide .social h6 {
        margin-left: 0;
    }
    .section-guide .author {
        margin-left: 0;
    }
    .section-guide .social {
        margin-bottom: 5.5rem;
    }
    .section-guide .col--img {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media(max-width: 1023px) {
    .section-guide h4 {
        margin-bottom: 1.5rem;
    }
    .section-guide h3 {
        margin-bottom: 2rem;
    }
    .section-guide .social {
        margin-bottom: 3.5rem;
    }
    .section-guide .social a svg {
        max-height: 1rem;
    }
}
@media(max-width: 767px) {
    .section-guide {
        padding-top: 1.9rem;
        padding-bottom: 3rem;
    }
    .hs-blog-post .section-guide {
        padding-top: 15.9rem;
    }

    .section-guide .col--content {
        margin-bottom: 4rem;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-guide .col--img {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-guide::before {
        width: 100%;
        background: linear-gradient(to right, #F5F5F5, transparent);
    }
}/* ----- MODULE HOW WORKS ----- */
.section-how-works {
    background-color: #fff;
    position: relative;
    z-index: 10;
    padding-top: 7rem;
    padding-bottom: 3.625rem;
    overflow: hidden;
}
.section-how-works .row {
    margin: 0 -0.8rem;
}
.section-how-works h3 {
    margin-right: -1rem;
}
.section-how-works h6 {
    margin-left: 0.3rem;
    max-width: 27rem;
}
.section-how-works .col--title {
    position: relative;
}
.section-how-works .col--title::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 41.5625rem;
    height: 72rem;
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    top: -6.7rem;
    left: 9.6rem;
}
.section-how-works .col--content {
    padding-left: 7.7rem;
    padding-top: 1.5rem;
}
.section-how-works .col--content .lead {
    max-width: 45.5rem;
    margin-left: auto;
    margin-bottom: 3.9rem;
}
.section-how-works .video-wrap {
    width: 100%;
    height: 39.6875rem;
    position: relative;
}
.section-how-works .video-wrap video {
    width: 100%;
    height: 100%;
}
.section-how-works .video-wrap .play-btn {
    position: absolute;
    inset: 0;
    width: 11.5625rem;
    height: 11.5625rem;
    margin: auto;
}
.section-how-works .video-wrap .play-btn svg {
    width: 100%;
    height: 100%;
}
.section-how-works .col--video {
    margin-left: auto;
    padding-left: 0;
    margin-top: -11.2rem;
}
/* ----- /MODULE HOW WORKS ----- */
/*  */
@media (max-width: 1199px) {
    .section-how-works .col--content {
        padding-left: 1rem;
    }
    .section-how-works .col--video {
        margin-top: -8.2rem;
    }
    .section-how-works .col--video {
        padding-left: 1rem;
    }
}
@media (max-width: 991px) {
    .section-how-works h3 {
        margin-right: 0;
    }
    .section-how-works h3 br {
        display: none;
    }
    .section-how-works h6 {
        max-width: 100%;
    }
    .section-how-works .col--title {
        margin-bottom: 2rem;
    }
    .section-how-works .col--content .lead {
        max-width: 100%;
        margin-bottom: 2rem;
    }
    .section-how-works .col--video {
        margin-top: 0;
    }
    .section-how-works .col--content {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .section-how-works .video-wrap {
        height: auto;
    }
}/* ----- SECTION IMAGE CONTENT ----- */
.section-image-content {
    background-color: #000035;
    padding-top: 10.9rem;
    padding-bottom: 6.5rem;
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.section-image-content::before {
    content: '';
    width: 101.5625rem;
    height: 109.375rem;
    /* background-image: url(../../img/blobb.png); */
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
    top: -34rem;
    left: -25rem;
}
.section-image-content .col--image {
    flex: 0 0 42.7%;
    max-width: 42.7%;
    display: flex;
    justify-content: center;
    padding-left: 2rem;
}
.section-image-content .col--image > img {
    width: 25.4375rem;
    height: 27.1875rem;
    object-fit: cover;
}
.section-image-content .col--content {
    flex: 0 0 36%;
    max-width: 36%;
}
.section-image-content .content-wrap {
    padding-top: 4rem;
    position: relative;
    z-index: 1;
}
.section-image-content .content-wrap::before {
    content: '';
    width: 21.875rem;
    height: 38.3125rem;
    position: absolute;
    left: -11rem;
    top: -5.6rem;
    z-index: -1;
    background: linear-gradient(to bottom, rgb(255 255 255 / 24%), transparent);
}
.section-image-content .content-wrap h6 {
    margin-bottom: 1.9rem;
}
.section-image-content .content-wrap h3 {
    margin-bottom: 2rem;
}
.section-image-content .col--content p {
    margin-bottom: 1.7rem;
}
/* Image Content Light */
.section-image-content--light {
    background-color: #fff;
    color: #000035;
}
.section-image-content--light::before {
    display: none;
}
/* Section Image Right */
.section-image-right {
    padding-top: 5.875rem;
    padding-bottom: 5.2rem;
}
.section-image-right .row {
    margin: 0 -0.7rem;
}
.section-image-right .col--image > img {
    width: 100%;
}
.section-image-right .col--content {
    flex: 0 0 42.9%;
    max-width: 42.9%;
}
.section-image-right .col--image {
    flex: 0 0 44.4%;
    max-width: 44.4%;
    padding-left: 2.3rem;
}
.section-image-right .col--content p {
    max-width: 30rem;
}
.section-image-right .col--image::before {
    content: '';
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    width: 21.875rem;
    height: 38.3125rem;
    position: absolute;
    right: 12.6rem;
    top: 0;
    z-index: -1;
}
/* ----- /SECTION IMAGE CONTENT ----- */
/*  */
@media(max-width: 1679px) {
    .section-image-content .col--content {
        flex: 0 0 40%;
        max-width: 40%;
    }
    /* Section Image Right */
    .section-image-right .col--content {
        flex: 0 0 42.9%;
        max-width: 42.9%;
    }
}
@media(max-width: 1199px) {
    .section-image-content .col--content {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-image-content::before {
        left: -34rem;
    }
    /* Section Image Right */
    .section-image-right .col--content {
        flex: 0 0 42.9%;
        max-width: 42.9%;
    }
}
@media(max-width: 991px) {
    .section-image-content .col--image {
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-image-content::before {
        left: -38rem;
        top: -37rem;
    }
    /* Section Image Right */
    .section-image-right .col--content {
        flex: 0 0 50%;
        max-width: 505;
    }
    .section-image-content .content-wrap {
        padding-top: 2rem;
    }
    .section-image-right .col--image::before {
        right: -0.4rem;
    }
}
@media(max-width: 767px) {
    .section-image-content .col--image {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        z-index: 2;
    }
    .section-image-content {
        padding-top: 5rem;
        padding-bottom: 2rem;
    }
    .section-image-content::before {
        top: -44rem;
    }
    .section-image-content .col--content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-image-content .content-wrap::before {
        left: 0rem;
        right: 0;
        width: auto;
        top: -3rem;
        height: 100%;
    }
    .section-image-content .content-wrap {
        padding-left: 2rem;
        padding-right: 3rem;
        padding-bottom: 5rem;
    }
    /* Section Image Right */
    .section-image-right .content-wrap {
        padding-bottom: 2rem;
        padding-top: 0;
    }
    .section-image-right .row {
        margin: 0 -1rem;
    }
}/* ----- SECTION INDUSTRY ----- */
.section-industry {
    color: #fff;
    position: relative;
    padding-bottom: 6.4rem;
    background-color: #000035;
    padding-top: 6.8rem;
}
.section-industry .title {
    margin-bottom: 5.7rem;
    padding: 0 2rem;
}
.section-industry .row {
    margin-right: -6.1rem;
}
.section-industry .col {
    padding: 0 1.3rem;
}
.industry-card {
    color: #fff;
    display: block;
    margin-bottom: 6.5rem;
    position: relative;
    z-index: 1;
}
.industry-card:hover {
    color: #fff;
}
.industry-card:hover::before {
    opacity: 1;
}
.industry-card:hover .icon svg g {
    opacity: 1;
}
.industry-card:hover .icon svg path {
    fill: #00F38C;
}
.industry-card::before {
    content: "";
    position: absolute;
    background-color: rgb(245 245 245 / 10%);
    z-index: -1;
    top: -3.3rem;
    left: -3.2rem;
    right: 0.6rem;
    bottom: -5.1rem;
    transition: 0.4s;
    opacity: 0;
}
.industry-card .icon {
    height: 5.7rem;
    max-width: 6.125rem;
    margin-bottom: 1.8rem;
}
.industry-card .icon svg {
    max-height: 100%;
    transition: 0.4s;
    max-width: 100%;
}
.industry-card h4 {
    margin-bottom: 1.1rem;
}
.industry-card ul li {
    padding-left: 0.7rem;
}
.industry-card ul li::before {
    content: '»';
    margin-left: -0.7rem;
    margin-right: 0.2rem;
}
/* ----- /SECTION INDUSTRY ----- */
/*  */
@media(max-width: 1439px) {
    .section-industry .row {
        margin-right: -3.1rem;
    }
}
@media (max-width: 1199px) {
    .industry-card {
        padding-right: 1rem;
    }
}
@media(max-width: 1023px) {
    .section-industry .row {
        margin-right: -5.4rem;
    }
    .industry-card::before {
        left: -2rem;
        right: 2.6rem;
    }
}
@media (max-width: 767px) {
    .section-industry {
        padding-bottom: 3rem;
    }
    .industry-card {
        margin-bottom: 8rem;
        text-align: center;
    }
    .section-industry .row {
        margin-right: -1rem;
    }
    .industry-card .icon {
        margin-left: auto;
        margin-right: auto;
    }
    .industry-card::before {
        left: 2rem;
        right: 2rem;
    }
}/* ----- MODULE INFOBOXES ----- */
.section-infoboxes {
    color: #fff;
    padding-top: 8.3rem;
    padding-bottom: 7.1rem;
    position: relative;
    background-color: #000035;
}
.section-infoboxes h3 {
    max-width: 80rem;
    margin-bottom: 6.1rem;
}
.section-infoboxes .col {
    padding: 0 0.5625rem;
}
.section-infoboxes .row {
    margin: 0 -8.1rem 0 -0.5625rem;
}
.section-infoboxes .btn {
    margin-top: 3.1rem;
    padding: 1.7rem 2.8rem;
}
.infobox .infobox-icon {
    height: 5rem;
    margin-bottom: 2.4rem;
}
.infobox .infobox-icon img {
    height: 100%;
}
.infobox h4 {
    margin-bottom: 1.3rem;
}
.infobox p {
    max-width: 21rem;
}

/* Section Infoboxes Two */
.section-infoboxes.section-infoboxes-two h3 {
    max-width: 84rem;
    margin-bottom: 5rem;
}
.section-infoboxes.section-infoboxes-two .col:nth-child(2) {
    padding-left: 5rem;
}

.section-infoboxes.section-infoboxes-two .col:nth-child(3) {
    padding-left: 4.4rem;
}

.section-infoboxes.section-infoboxes-two {
    padding-bottom: 8.6rem;
}
/* ----- /MODULE INFOBOXES ----- */
/*  */
@media (max-width: 1199px) {
    .section-infoboxes .row {
        margin: 0;
    }
}
@media (max-width: 1023px) {
    .infobox {
        margin-bottom: 3rem;
    }
    .section-infoboxes .col {
        flex: 0 0 45%;
        max-width: 45%;
    }
    .infobox p {
        max-width: 30rem;
    }
    .infobox p br {
        display: none;
    }

    .section-infoboxes.section-infoboxes-two .col:nth-child(2) {
        padding-left: 2rem;
    }

    .section-infoboxes.section-infoboxes-two .col:nth-child(3) {
        padding-left: 1rem;
    }

    .section-infoboxes.section-infoboxes-two .col {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}
@media (max-width: 991px) {
    .section-infoboxes .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .section-infoboxes.section-infoboxes-two .col {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-infoboxes.section-infoboxes-two {
        padding-top: 12.3rem;
        padding-bottom: 2.4rem;
    }

    .section-infoboxes.section-infoboxes-two .container {
        padding: 0 3.7rem 0 3.8rem;
    }

    .section-infoboxes.section-infoboxes-two h3 {
        font-size: 3.6rem;
        line-height: 4.5rem;
        margin-bottom: 2.8rem;
    }

    .section-infoboxes.section-infoboxes-two .row {
        margin: 0 -0.8rem;
    }

    .section-infoboxes.section-infoboxes-two img {
        height: auto;
    }

    .section-infoboxes.section-infoboxes-two .infobox-icon {
        height: auto;
        margin-bottom: 5.1rem;
    }

    .section-infoboxes.section-infoboxes-two .infobox h4 {
        font-size: 1.45rem;
        margin-bottom: 1.5rem;
    }

    .section-infoboxes.section-infoboxes-two .infobox p {
        font-size: 1.45rem;
        line-height: 2.1rem;
        max-width: none;
    }

    .section-infoboxes.section-infoboxes-two .infobox {
        margin-bottom: 8rem;
    }

    .section-infoboxes.section-infoboxes-two .col:nth-child(2) {
        padding-left: 0.5rem;
    }

    .section-infoboxes.section-infoboxes-two .col:nth-child(3) {
        padding-left: 0.5rem;
    }
}/* ----- SECTION INTRODUCTION ----- */
.section-introduction {
    background-color: #F5F5F5;
    padding-top: 19.35rem;
    padding-bottom: 9.6rem;
}
.section-introduction .content-wrap {
    position: relative;
    z-index: 1;
    padding-left: 10.1rem;
    padding-right: 6.4rem;
    padding-bottom: 4.6rem;
}
.section-introduction .content-wrap::before {
    content: '';
    position: absolute;
    top: -8.2rem;
    left: 0.2rem;
    height: 52.0625rem;
    width: 38.3125rem;
    background: linear-gradient(to right, #FFFFFF, transparent);
    z-index: -1;
}
.section-introduction .content-wrap h6 {
    margin-bottom: 1.9rem;
}
.section-introduction .content-wrap h3 {
    margin-bottom: 2.1rem;
}
.section-introduction .content-wrap p {
    margin-bottom: 1.6rem;
}
.introduction-card {
    background-color: #fff;
    border: 3px solid #EFEFEF;
    color: #000035;
    display: block;
    padding: 2.7rem 1.8rem 1.1rem 3.2rem;
}
.section-introduction .container > .row {
    margin-right: -3.1rem;
}
.section-introduction .col--cards {
    padding-left: 0.7rem;
    padding-right: 0;
    position: relative;
    z-index: 1;
}
.section-introduction .col--cards .row {
    margin: 0 2.3rem;
}
.introduction-card .icon {
    height: 6.4rem;
    margin-bottom: 2.2rem;
}
.introduction-card .icon img {
    height: 100%;
    max-height: 100%;
}
.introduction-card h4 {
    margin-bottom: 1.3rem;
}
.introduction-card ul li {
    padding-left: 1.8rem;
    margin-bottom: 0.8rem;
    position: relative;
}
.introduction-card ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2rem;
    bottom: 0.2rem;
    border-left: 3px solid rgb(0 0 80 / 10%);
}
.card-about {
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(to top, #0053CC, #00F38C);
    color: #fff;
    padding: 7.2rem 5rem 4.7rem;
}
.section-introduction .col--cards .card-about {
    margin-top: -3.7rem;
}
.card-about > div {
    flex: 1;
}
.card-about .card-logo {
    flex: 0 0 52.6%;
    max-width: 52.6%;
    margin-top: 0.8rem;
}
.card-about h4 {
    margin-bottom: 1.4rem;
}
/* ----- /SECTION INTRODUCTION ----- */
/*  */
@media(max-width: 1679px) {
    .section-introduction .content-wrap {
        padding-left: 7rem;
    }
}
@media(max-width: 1439px) {
    .section-introduction .container > .row {
        margin-right: -1rem;
    }
}
@media(max-width: 1199px) {
    .section-introduction .content-wrap {
        padding-left: 4rem;
        padding-right: 2rem;
    }
    .section-introduction .col--cards .row {
        margin: 0 1rem;
    }
    .introduction-card {
        padding: 2.7rem 1.5rem 1.1rem 2rem;
    }
    .card-about {
        padding: 7.2rem 2rem 4.7rem;
    }
    .card-about .card-logo {
        flex: 0 0 45.6%;
        max-width: 45.6%;
        margin-right: 1rem;
    }
    .section-introduction {
        padding-top: 12rem;
        padding-bottom: 6rem;
    }
    .introduction-card .icon {
        height: 4.5rem;
    }
    .section-introduction .content-wrap::before {
        top: -7rem;
    }
}
@media(max-width: 991px) {
    .section-introduction .col--cards {
        padding: 0 1rem;
    }
    .card-about {
        padding: 7.2rem 4rem 4.7rem;
    }
    .card-about .card-logo {
        flex: 0 0 40%;
        max-width: 40%;
        margin-right: 4rem;
    }
}
@media(max-width: 767px) {
    .section-introduction .content-wrap {
        padding-bottom: 0rem;
        padding-left: 2rem;
    }
    .section-introduction .content-wrap::before {
        top: -4rem;
    }
    .section-introduction {
        padding-top: 7rem;
        padding-bottom: 4rem;
    }
    .introduction-card {
        margin-bottom: 1rem;
    }
    .card-about {
        padding: 7.2rem 2rem 4.7rem;
    }
    .card-about .card-logo {
        margin-right: 1.5rem;
    }
}/* ----- SECTION JOB SEARCH ----- */

.section-job-search {
    background: #000035;
    color: #fff;
    padding-top: 7.4rem;
    background: rgb(0,0,53);
    background: radial-gradient(farthest-corner at 59rem 40rem,#030365 0%, #000035 60%);
    padding-bottom: 7rem;
}

.filter-header {
    background: rgb(0,83,204);
    background: linear-gradient(90deg, rgba(0,83,204,1) 0%, rgba(0,243,140,1) 100%);
    border-radius: 10rem;
    padding: 0.7rem 0.75rem 0.6rem 6.75rem;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2.6rem;
}

.filter-search input {
    margin-left: auto;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.38rem;
    padding: 2rem 3.3rem 1.65rem;
    border: 0;
    border-radius: 10rem;
    outline: none;
}
.filter-search input::placeholder {
    color: rgb(0 0 53 / 17%);
}
.filter-submit {
    width: 5rem;
    position: absolute;
    height: 5rem;
    border: 0;
    top: 0.2rem;
    right: -0.3rem;
    background: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.6rem;
}

.filter-search {
    position: relative;
    margin-left: auto;
}
.filter-select:nth-child(3) {
    margin-right: 0;
}
.filter-select {
    display: flex;
    flex-direction: column;
    margin-top: 0.9rem;
    margin-right: 2.2rem;
    overflow: hidden;
}

.filter-select select {
    appearance: none;
    background-color: transparent;
    color: #fff;
    font-size: 1.875rem;
    line-height: 2rem;
    padding-right: 2rem;
    border: 0;
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
}

.filter-chekboxes {
    padding-left: 6.6rem;
    display: flex;
    margin-bottom: 0.8rem;
}

.chekboxes-col {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.chekboxes-col.chekboxes-col-2 {
    max-width: 38.7%;
}

.chekboxes-col label {
    max-width: 50%;
    width: 50%;
    margin-bottom: 3.9rem;
}

.chekboxes-col.chekboxes-col-1 {max-width: 38.8%;}

.chekboxes-col.chekboxes-col-3 {
    max-width: 22%;
    flex-direction: column;
}

.chekboxes-col label input {
    width: 1.85rem;
    appearance: none;
    background: rgb(255 255 255 / 27%);
    height: 1.85rem;
    border: 1px solid #fff;
    vertical-align: bottom;
    margin-right: 1.3rem;
}

.chekboxes-col.chekboxes-col-3 label {
    max-width: 100%;
    width: 100%;
}
.job-list-item {
    padding-left: 6.65rem;
    padding-top: 2.3rem;
    display: flex;
    flex-direction: column;
    padding-right: 14.2rem;
    padding-bottom: 3.3rem;
}

.job-list-item h4 {
    font-weight: 600;
}

.job-link {
    margin-left: auto;
    margin-top: -3.1rem;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.3rem;
}
.job-link:hover {
    color: #fff;
}
.job-link svg {
    margin-left: 1.4rem;
    vertical-align: baseline;
}

.job-list-item:hover {
    background: rgb(255 255 255 / 10%);
}
.chekboxes-col label input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%2300F38C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}

/* ----- SECTION JOB SEARCH ----- */

@media (max-width: 1900px) {

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

}
@media (max-width: 1439px) {
    .filter-search input {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (max-width: 1199px) {
    .filter-select {
        margin-right: 3.2rem;
    }
}
@media (max-width: 991px) {
    .filter-header {
        padding-left: 3rem;
    }
    .filter-search input {
        padding-left: 1.6rem;
        padding-right: 3.8rem;
        max-width: 14rem;
    }
    .filter-select {
        margin-right: 2.2rem;
    }

    .filter-select select {
        font-size: 1.575rem;
    }

    .filter-chekboxes {
        padding-left: 3.1rem;
    }

    .job-list-item {
        padding-left: 2.95rem;
        padding-right: 3.2rem;
    }
}
@media (max-width: 767px) {
    .filter-header {
        background: transparent;
        flex-direction: column;
        padding-left: 2.7rem;
    }

    .filter-select {
        background: rgb(0,83,204);
        background: linear-gradient(90deg, rgba(0,83,204,1) 0%, rgba(0,243,140,1) 100%);
        border-radius: 10rem;
        padding: 1.8rem 4.5rem 1.5rem;
        align-items: flex-start;
        margin-right: 1.9rem;
        margin-bottom: 0.8rem;
    }

    .section-job-search {
        padding-top: 2.1rem;
    }

    .filter-select span {
        font-size: 1.45rem;
        line-height: 1.6rem;
        margin-bottom: 0.4rem;
    }

    .filter-select select {
        font-size: 1.45rem;
        display: inline-block;
        padding-right: 3.2rem;
        background-position: right -0.4rem;
    }
    .filter-search input {
        margin-top: 1rem;
        width: 100%;
        font-size: 1.45rem;
        letter-spacing: 0.45rem;
        padding: 3.4rem 4.3rem 2.6rem;
        max-width: none;
    }

    .filter-select {
        margin-right: 0;
    }

    .chekboxes-col.chekboxes-col-1 {
        max-width: 100%;
        justify-content: space-between;
    }

    .filter-chekboxes {
        flex-direction: column;
        padding-left: 2.7rem;
    }

    .chekboxes-col.chekboxes-col-2 {
        max-width: 100%;
        justify-content: space-between;
    }

    .chekboxes-col.chekboxes-col-3 {
        max-width: 100%;
    }

    .chekboxes-col label input {
        width: 2.65rem;
        height: 2.65rem;
        margin-right: 1.9rem;
        vertical-align: middle;
    }

    .chekboxes-col label {
        font-size: 1.45rem;
    }

    .chekboxes-col label span {
        margin-top: 0.6rem;
        display: inline-block;
    }

    .chekboxes-col label {
        max-width: 42%;
        margin-bottom: 5.7rem;
    }

    .chekboxes-col.chekboxes-col-3 label:last-child {
        margin-bottom: 3rem;
    }

    .job-list-item h4 {
        font-size: 1.45rem;
        margin-bottom: 0.7rem;
    }

    .job-list-item span {
        font-size: 1.45rem;
        max-width: 24rem;
        line-height: 2.4rem;
    }

    .job-list-item {
        padding-left: 2.75rem;
        padding-bottom: 2.8rem;
    }

    .job-link {
        margin-left: 0;
        margin-top: 3.2rem;
        font-size: 1.45rem;
        letter-spacing: 0.4rem;
    }

    .job-link svg {
        margin-left: 2.2rem;
    }
    .filter-header {
        padding-right: 2.6rem;
        margin-bottom: 6.5rem;
    }
    .filter-search {
        width: 100%;
    }

    .filter-submit {
        right: 1rem;
        top: 2.2rem;
        background-size: 2rem;
    }
}/* ----- SECTION JOIN ----- */
.section-join {
    background-color: #F5F5F5;
    padding-top: 12.6rem;
    padding-bottom: 4.7rem;
}
.section-join h3 {
    margin-right: -3rem;
    margin-bottom: 2.3rem;
}
.section-join .logos {
    margin: 0 -4.7rem 0 2.7rem;
    position: relative;
    z-index: 1;
}
.section-join .logos::before {
    content: "";
    width: 21.875rem;
    height: 38.3125rem;
    background: linear-gradient(to top, #FFFFFF, transparent);
    position: absolute;
    left: -14.4rem;
    top: 2.8rem;
    z-index: -1;
}
.section-join .logos .col {
    padding: 0 0.5rem;
}
.section-join .lead {
    margin-left: 0.4rem;
    margin-right: -3rem;
    margin-bottom: 6rem;
}
.section-join .btn {
    margin-left: 0.4rem;
    padding: 1.6rem 3.4rem;
}
.section-join .col--title {
    position: relative;
    z-index: 10;
    padding-left: 1.3rem;
    padding-top: 1rem;
}
.section-join .arrow-link {
    margin-top: 9.4rem;
    margin-right: 6.7rem;
    margin-left: auto;
}
.logo-card {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 7.8125rem;
    margin-bottom: 1.5rem;
}
/* ----- /SECTION JOIN ----- */
/*  */
@media(min-width: 1440px) {
.logo-card img {
    max-width: 164px;
    max-height: 72px;
}
}
@media(max-width: 1439px) {
    .section-join .logos {
        margin: 0 0.3rem 0 2.7rem;
    }
    .logo-card img {
        max-width: 262.23px;
        max-height: 60px;
    }
    .section-join .lead {
        margin-bottom: 4rem;
    }
}
@media (max-width: 1199px) {
    .section-join .logos {
        margin: 3rem 0rem 0;
    }
    .section-join {
        padding-top: 5rem;
    }
    .section-join .logos::before {
        left: -5rem;
    }
    .section-join .arrow-link {
        margin-right: 3rem;
    }
}
@media (max-width: 991px) {
    .section-join {
        padding-top: 6rem;
    }
    .section-join .logos::before {
        left: -10.4rem;
        top: -3.2rem;
    }
    .section-join .lead {
        margin-right: 0;
        margin-bottom: 2rem;
        margin-left: 0;
    }
    .section-join .arrow-link {
        width: 5rem;
        margin-top: 5rem;
    }
}
@media (max-width: 767px) {
    .section-join {
        padding-top: 5rem;
        padding-bottom: 2rem;
    }
    .section-join .logos {
        margin: 3rem -0.5rem 0;
    }
    .section-join .logos::before {
        display: none;
    }
    .section-join .btn {
        margin-left: 0;
    }
    .section-join .arrow-link {
        width: 4rem;
        margin-top: 1rem;
    }
    .logo-card {
        padding: 1.5rem;
    }
}/* ----- SECTION LOCATIONS ----- */
.section-locations {
    background: radial-gradient(#030365, #000035);
    padding-top: 6.1rem;
    padding-bottom: 7.9rem;
    color: #fff;
}
.section-locations .container {
    position: relative;
}
.section-locations .map {
    height: 56.5rem;
    position: relative;
}
.section-locations .map > img {
    height: 56.5rem;
    width: 120rem;
    max-width: 120rem;
    margin: 0 auto;
    position: absolute;
    inset: 0 -50%;
}
.map-markers {
    position: absolute;
    inset: 0;
    height: 56.5rem;
}
.map-marker {
    position: absolute;
    z-index: 1;
}
.map-marker span {
    background: linear-gradient(to right, #0053CC, #00F38C);
    height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 5rem;
    padding: 0 1.8rem;
    position: relative;
    z-index: 10;
    color: #fff;
}
.map-marker::before {
    content: '';
    width: 168.15%;
    height: 8.375rem;
    position: absolute;
    background: radial-gradient(#00F38C, rgb(0 83 204 / 61%), transparent);
    border-radius: 50%;
    z-index: -1;
    margin: auto;
    filter: blur(30px);
    inset: -60%;
}
.map-marker:first-child {
    top: 45%;
    left: 6%;
}
.map-marker:nth-child(2) {
    top: 23%;
    left: 53.7%;
}
.map-marker:nth-child(3) {
    top: 57%;
    left: 81%;
}

.map-marker:nth-child(4) {
    top: 31%;
    left: 45%;
}
.locations {
    margin: 9.4rem -1.5rem 0 -3.7rem;
}
.locations .address {
    border-top: 1px solid #fff;
    padding-top: 1.2rem;
    margin-right: 0.4rem;
}
.locations .col {
    padding: 0 3.6875rem;
}
.locations .address h4 {
    letter-spacing: 3px;
}
/* ----- /SECTION LOCATIONS ----- */
/*  */
@media(max-width: 1679px) {
    .locations .col {
        padding: 0 2rem;
    }
    .locations {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}
@media(max-width: 991px) {
    .section-locations .map > img {
        height: 46.5rem;
        width: 70rem;
        max-width: 70rem;
    }
    .map-markers {
        height: 46.5rem;
    }
    .section-locations .map {
        height: 46.5rem;
    }
    .locations {
        margin-top: 5rem;
    }
    .locations .address {
        margin-bottom: 3rem;
    }
    .section-locations {
        padding-bottom: 5rem;
    }
}
@media(max-width: 767px) {
    .section-locations .map > img {
        height: 20.5rem;
        inset: 0 -30%;
        max-width: 60rem;
        width: 34.9rem;
    }
    .section-locations .map {
        height: 20.5rem;
        width: 34.9rem;
        margin: 0 auto;
    }
    .map-markers {
        height: 20.5rem;
        width: 34.9rem;
        margin: 0 auto;
    }
}/* ----- SECTION NEED TO KNOW ----- */

.section-need-to-know {
    background: #000035;
    color: #fff;
    padding-top: 24rem;
    padding-bottom: 11.4rem;
    background-image: url(../../img/need-to-know-bg.png);
}

.section-need-to-know .container {
    max-width: 1240px;
    display: flex;
    justify-content: space-between;
}

.section-need-to-know .col--title {
    padding-left: 7.2rem;
    width: 50%;
    max-width: 50%;
    padding-top: 1.1rem;
    position: relative;
}

.section-need-to-know .col--title h3 {
    font-size: 3.75rem;
    line-height: 4.3rem;
}

.section-need-to-know .col--content {
    max-width: 50.2%;
}

.section-need-to-know .col--content .lead {
    color: #fff;
    margin-bottom: 4rem;
}

.section-need-to-know .col--title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 35.6%;
    top: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 100%);
}

/* ----- SECTION NEED TO KNOW ----- */

@media (max-width: 1900px) {

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

}
@media (max-width: 1439px) {
    .section-need-to-know .container {
        max-width: 860px;
    }

    .section-need-to-know {
        background-size: cover;
    }
}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
    .section-need-to-know .container {
        max-width: 730px;
    }

    .section-need-to-know .col--title h3 {
        font-size: 3.15rem;
    }
}
@media (max-width: 767px) {
    .section-need-to-know .container {
        flex-direction: column;
        padding: 0 0.6rem 0 4.9rem;
        max-width: 360px;
        position: relative;
    }

    .section-need-to-know .col--title {
        width: 100%;
        max-width: 100%;
        padding-right: 3rem;
        padding-left: 0;
    }

    .section-need-to-know .col--content {
        max-width: 100%;
        width: 100%;
    }

    .section-need-to-know {
        padding-top: 13.5rem;
        padding-bottom: 8.6rem;
    }

    .section-need-to-know .col--title h3 {
        font-size: 2.6rem;
        line-height: 3.8rem;
        margin-bottom: 1.6rem;
    }

    .section-need-to-know .col--title:before {
        display: none;
    }

    .section-need-to-know .col--content .lead {
        display: none;
    }

    .section-need-to-know .col--content {
        font-size: 1.45rem;
        line-height: 2.28rem;
        margin-bottom: 7rem;
    }

    .section-need-to-know .container:before {
        content: '';
        position: absolute;
        left: 0.6rem;
        right: 0.6rem;
        top: 0;
        bottom: 0;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 100%);
    }
    .section-need-to-know {
        /* background-position: left 12rem; */
        background-size: auto 121%;
        background-position-x: 0%;
        background-position-y: 0rem;
    }
}/* ----- SECTION NEWS BANNER ----- */
.section-news-banner {
    background-color: #fff;
    padding-top: 13.25rem;
    text-align: center;
    padding-bottom: 2.5rem;
    z-index: 1;
    position: relative;
}
.section-news-banner:not(.no-overlay)::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 47.125rem;
    margin: 0 auto;
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    z-index: 10;
    top: 9.5rem;
}
.section-news-banner.no-overlay {
    padding-bottom: 0;
}
.section-news-banner.news-search-text h3 span {
    font-weight: 600;
}
/*
.section-news-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgb(255 255 255 / 25%);
    z-index: 2;
}
*/
.section-news-banner .content-wrap {
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/emnify-news-header.jpg);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36.9rem;
    background-size: cover;
    position: relative;
}
.section-news-banner h2 {
    position: relative;
    z-index: 20;
}
.section-news-banner h2 span {
    color: #00F38C;
}
/* ----- /SECTION NEWS BANNER ----- */
/*  */
@media(max-width: 767px) {
    .section-news-banner::before {
        width: 26.125rem;
    }
    .section-news-banner .content-wrap {
        height: 17.9rem;
    }
    .section-news-banner {
        padding-top: 10rem;
        padding-bottom: 2.5rem;
    }
}/* ----- SECTION NEWS ----- */
.section-news {
    padding-top: 4.9rem;
    padding-bottom: 2rem;
}
.section-news .title {
    position: relative;
    margin-bottom: 7.5rem;
    text-align: left;
    z-index: 1;
}
.section-news .title::before {
    content: "";
    width: 71.1%;
    height: 67.5rem;
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    position: absolute;
    right: 0;
    top: -4.9rem;
    z-index: -1;
}
.section-news .title h3 {
    max-width: 30rem;
    margin-bottom: 0;
}
.section-news .col {
    margin-left: 1rem;
}
.section-news .row {
    position: relative;
    z-index: 10;
}
.news-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-bottom: 4.4rem;
    margin-bottom: 3rem;
}
.news-item .news-content {
    position: absolute;
    background: linear-gradient(to top, #0053CC, rgb(0 243 140 / 52%));
    color: #fff;
    top: 4.5rem;
    right: 5.6rem;
    width: 81.2%;
    padding: 2.4rem 4.6rem 3.1rem 4.6rem;
    height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.news-item .news-content:hover .btn--arrow {
    color: #00F6B7;
}
.news-item .news-content:hover .btn--arrow .arrow {
    transform: translateX(10px);
}
.news-item .news-img {
    width: 31.5rem;
    height: 22.125rem;
}
.news-item .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-item h4 {
    margin-bottom: 1.8rem;
}
.news-item .btn--arrow {
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}
.news-item .btn--arrow .arrow {
    margin-left: 1rem;
}
/* Section News Centered */
.section-news-centered {
    background-color: #F5F5F5;
    padding-top: 8rem;
    padding-bottom: 9.4rem;
}
.section-news-centered .title {
    text-align: center;
    padding-top: 4.5rem;
    margin-bottom: 2.9rem;
}
.section-news-centered .title::before {
    background: linear-gradient(to bottom, #FFFFFF, transparent);
    width: 35.625rem;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 70.4375rem;
}
.section-news-centered .title h3 {
    margin: 0 auto;
}
.section-news-centered .col {
    margin: 0;
    padding: 0 4.25rem;
}
.section-news-centered .row {
    margin: 0 -4.3rem;
}
.section-news-centered .news-item .news-content {
    top: 8.9rem;
    right: 6.7rem;
    width: 84.3%;
    padding: 5rem 7.6rem 3.1rem 6.2rem;
    justify-content: flex-start;
}
.section-news-centered .col:nth-child(2n) .news-item {
    justify-content: flex-start;
}
.section-news-centered .news-item .news-img {
    width: 36.7rem;
    height: 25.825rem;
}
.section-news-centered .col:nth-child(2n) .news-item .news-content {
    left: auto;
    right: 0;
}
.section-news-centered .news-item {
    padding-bottom: 5rem;
}
/* ----- /SECTION NEWS ----- */
/*  */
@media (max-width: 1679px) {
    .news-item .news-content {
        padding: 2.4rem 2.6rem 3.1rem 3.6rem;
    }
}
@media (max-width: 1439px) {
    .section-news .col {
        flex: 0 0 44%;
        max-width: 44%;
    }
    .news-item .news-content {
        left: -1.3rem;
        width: 93%;
    }
    /* Section News Centered */
    .section-news-centered .col {
        flex: 0 0 50%;
        max-width: 50%;
    }

}
@media (max-width: 1199px) {
    .section-news .title {
        margin-bottom: 3.7rem;
    }
    .news-item .news-content {
        padding: 2.4rem 2.6rem 3.1rem 2.6rem;
    }
    /* Section News Centered */
    .section-news-centered {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .section-news-centered .col {
        padding: 0 2rem;
    }
    .section-news-centered .row {
        margin: 0 -3rem;
    }
    .section-news-centered .col:nth-child(2n) .news-item .news-content {
        right: -1.7rem;
    }
}
@media (max-width: 991px) {
    .section-news .row {
        margin: 0 -2rem;
    }
    .section-news .col {
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0;
        padding: 0 2rem;
    }
    /* Section News Centered */
    .section-news-centered .news-item .news-content {
        width: 93%;
        padding: 3.4rem 3.6rem 3.1rem 2.6rem;
    }
}
@media (max-width: 767px) {
    .section-news {
        padding-bottom: 2rem;
    }
    .section-news .title::before {
        width: 71.1%;
        height: 27.5rem;
    }
    .section-news .row {
        margin: 0;
    }
    .section-news .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .news-item {
        margin-bottom: 2rem;
    }
    /* Section News Centered */
    .section-news .title {
        padding-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
}/* ----- SECTION NEWSLETTER ----- */
.section-newsletter {
    background-color: #000035;
    color: #fff;
    padding-top: 4.5rem;
    padding-bottom: 5.5rem;
}
.section-newsletter .content-wrap {
    position: relative;
    z-index: 1;
    padding-top: 4.8rem;
    padding-left: 6.5rem;
    padding-bottom: 2.3125rem;
}
.section-newsletter .content-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgb(255 255 255 / 24%), transparent);
    width: 21.875rem;
    bottom: 0;
    z-index: -1;
}
.section-newsletter .col--content {
    margin-left: 10%;
    flex: 0 0 40.4%;
    max-width: 40.4%;
    min-height: 30rem;
}
.section-newsletter .content-wrap h6 {
    margin-bottom: 1.9rem;
}
.section-newsletter .content-wrap .btn {
    margin-top: 2.7rem;
    padding: 1.6rem 3.1rem;
}
.section-newsletter .col--image {
    position: relative;
    padding-top: 3.9rem;
    padding-left: 2.5rem;
}
.section-newsletter .col--image > img {
    margin-top: 1.9rem;
    margin-left: -5.5rem;
    width: 51.4rem;
    max-width: 51.4rem;
    height: 33.6rem;
    object-fit: contain;
    margin-bottom: -3.6rem;
    position: absolute;
    z-index: 10;
}
.section-newsletter .btn--green:hover {
    background-color: #fff;
    color: #000035;
}
/* ----- /SECTION NEWSLETTER ----- */
/*  */
@media(max-width: 1679px) {
    .section-newsletter .content-wrap {
        padding-left: 4rem;
    }
}
@media(max-width: 1199px) {
    .section-newsletter .col--content {
        margin-left: 0;
    }
    .section-newsletter {
        padding-bottom: 3.5rem;
    }
}
@media(max-width: 991px) {
    .section-newsletter .content-wrap {
        padding-left: 2rem;
    }
    .section-newsletter .col--image > img {
        margin-left: -4rem;
        margin-bottom: -5.6rem;
        width: 44.4rem;
        max-width: 44.4rem;
    }
}
@media(max-width: 767px) {
    .section-newsletter {
        padding-bottom: 0;
    }
    .section-newsletter .col--content {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 1rem;
    }
    .section-newsletter .col--image > img {
        margin: 0 auto -4rem;
        width: 100%;
        height: auto;
        position: relative;
    }
    .section-newsletter .col--image {
        padding-left: 1rem;
        padding-top: 2rem;
    }
}

/* ----- SECTION NEWS TEXT----- */

.section-news-text .col {
    padding: 0 12rem 0 12rem;
}
@media (max-width:768px) {
    .section-news-text .col {
        padding: 0 1rem;
    }
}

.section-news-text p {
   text-align: center;
   font-size: 1.875rem;
   line-height: 2.5rem;
   margin-top: 2.5rem;
   margin-bottom: 5rem;
   position: relative;
}
@media (max-width:768px) {
    .section-news-text p {
        margin-top: 0;
        margin-bottom: ß;
    }
}

/* ----- SECTION OUR HISTORY ----- */
.section-our-history {
    background-color: #000035;
    color: #fff;
    padding-top: 14.4rem;
}
.section-our-history h2 {
    margin-bottom: 3.8rem;
}
.section-our-history .lead {
    color: #fff;
    max-width: 41rem;
    margin-bottom: 2.6rem;
}
.section-our-history .row {
    align-items: center;
}
.section-our-history .col--img {
    padding: 0 1rem 0 0rem;
}
.section-our-history .col--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-our-history .col--content {
    padding: 0 3.2rem 2.2rem 1.2rem;
}
/* ----- /SECTION OUR HISTORY ----- */
/*  */
@media(max-width: 1023px) {
    .section-our-history .col--content {
        padding: 0 2rem 0 1.2rem;
    }
}
@media(max-width: 767px) {
    .section-our-history {
       
        padding-bottom: 3rem;
    }
    .section-our-history h2 {
        margin-bottom: 1.5rem;
    }
    .section-our-history .lead {
        margin-bottom: 1.5rem;
    }
    .section-our-history .col--img {
        padding: 0 1rem 0 1rem;
    }
}/* ----- MODULE OUR TEAM ----- */
.section-our-team {
    padding-top: 4.875rem;
    padding-bottom: 2.8125rem;
}
.section-our-team .title {
    margin-bottom: 5.6rem;
}
.section-our-team .row {
    margin: 0 -0.5rem;
}
.section-our-team .col {
    padding: 0 0.5rem;
}
.section-our-team .row {
    margin: 0 -0.5rem;
}
.team-member .image-wrap {
    width: 100%;
    height: 23rem;
    position: relative;
    margin-bottom: 2.2rem;
}
.team-member .image-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team-member .image-wrap .social {
    position: absolute;
    right: 1.3rem;
    bottom: -2.1rem;
}
.team-member .image-wrap .social .social-link {
    width: 5.4375rem;
    height: 5.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to top, #0053CC, rgb(0 243 140 / 52%));
}
.team-member .image-wrap .social .social-link > img {
    max-width: 44%;
}
.team-member {
    margin-bottom: 3rem;
}
/* ----- /MODULE OUR TEAM ----- */
/*  */
@media(max-width: 991px) {
    .team-member .image-wrap {
        height: 27rem;
    }
}
@media(max-width: 767px) {
    .section-our-team .row {
        margin: 0 -1rem;
    }
    .section-our-team .col {
        padding: 0 1rem;
    }
}/* ----- SECTION PAGE TITLE ----- */
.section-page-title {
    background-color: #000035;
    padding-top: 11.1rem;
    position: relative;
    min-height: 67.5rem;
}
.section-page-title::before {
    content: "";
    background-image: url(../../img/blobb-page-title.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 238.875rem;
    height: 221.25rem;
    position: absolute;
    right: -87%;
    bottom: -141%;
    transform: rotate(5deg);
    z-index: 10;
}
.section-page-title .content-wrap {
    color: #fff;
    padding: 6.2rem 3.1rem 8.7rem 7.5rem;
    position: relative;
    max-width: 71%;
    z-index: 200;
}
.section-page-title .content-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.22), transparent);
    width: 41.9375rem;
    height: 100%;
}
.section-page-title .content-wrap h2 {
    margin-bottom: 2rem;
    margin-right: -12rem;
    z-index: 1000;
    position: relative;
}
.section-page-title .lead {
    color: #fff;
    margin-bottom: 3.7rem;
    max-width: 42rem;
}
.section-page-title h4 {
    color: #F5F5F5;
    margin-bottom: 3.2rem;
}
.section-page-title .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.section-page-title .buttons .btn {
    padding: 1.7rem 2.7rem;
    margin-right: 4.2rem;
}
.section-page-title .buttons .btn--arrow {
    padding: 0;
}
.section-page-title .buttons .btn--arrow .arrow {
    margin-left: 0.6rem;
}
.section-page-title .card-image {
    position: absolute;
    bottom: 1.3rem;
    right: 109px;
    width: 72%;
    height: 50.6rem;
    z-index: 199;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
   /*
    animation: MoveUpDown 8s linear infinite;
   */
}
@keyframes MoveUpDown {
    0%, 100% {
      transform: translateY(-30px);
    }
    50% {
        transform: translateY(30px);
    }
}
.section-page-title .card-image img {
    object-fit: contain;
    max-height: 100%;
}
.section-page-title .btn--green:hover {
    background-color: #fff;
    color: #000035;
}
/* Page Title Light */
.section-page-title--light {
    background-color: #F5F5F5;
    color: #000050;
    min-height: 64.5rem;
}
.section-page-title--light::before {
    display: none;
}
.section-page-title--light .content-wrap h2 {
    color: #000050;
    margin-bottom: 1rem;
    margin-right: -20rem;
}
.section-page-title--light .lead {
    color: #000050;
    max-width: 31rem;
    margin-bottom: 4.4rem;
}
.section-page-title--light .content-wrap {
    padding-left: 6.9rem;
    max-width: 100%;
    padding-top: 9.6rem;
    z-index: 20;
    padding-bottom: 3rem;
}
.section-page-title--light .content-wrap::before {
    display: block;
    width: 42.875rem;
    height: 50.5625rem;
    background: linear-gradient(to bottom, #FFFFFF, transparent);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.section-page-title--light .image-wrap {
    height: 58.4rem;
    margin-left: -0.7rem;
    margin-right: 0.2rem;
    margin-bottom: -2.1rem;
    position: relative;
    z-index: 10;
}
.section-page-title--light .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Page Title Blue */
.section-page-title--blue::before {
    display: none;
}
.section-page-title--blue .content-wrap::before {
    display: none;
}
.section-page-title--blue {
    padding-top: 14.34rem;
}
.section-page-title--blue .image-wrap {
    margin-left: -0.7rem;
    margin-right: 0.2rem;
    height: 58.4375rem;
    margin-bottom: -5.3rem;
    position: relative;
    z-index: 100;
}
.section-page-title--blue .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-page-title--blue .content-wrap {
    padding: 3rem 0.5rem 0.8rem;
    max-width: 100%;
}
.section-page-title--blue .content-wrap h2 {
    margin-bottom: 0.9rem;
}
.section-page-title--blue .content-wrap .lead {
    max-width: 40rem;
    margin-bottom: 5.5rem;
}
/* Page Title Gradient */
.section-page-title--gradient .content-wrap .lead {
    max-width: 100%;
    margin-top: 1rem;
    margin-bottom: 5.7rem;
}
.section-page-title--gradient::before {
    display: block;
    /* background-image: url(../../img/blobb.png); */
    width: 198.875rem;
    height: 161.25rem;
    background-size: cover;
    right: -56%;
    bottom: -64%;
    z-index: 1;
}
/* ----- /SECTION PAGE TITLE ----- */
/*  */
@media (max-width: 1679px) {
    .section-page-title::before {
        right: -104%;
    }
    .section-page-title .content-wrap {
        max-width: 91%;
    }
    .section-page-title .content-wrap::before {
        width: 47rem;
    }
    .section-page-title .lead {
        max-width: 36rem;
    }
    .section-page-title .card-image {
        width: 61%;
    }
    /* Page Title Light */
    .section-page-title--light .content-wrap {
        padding-left: 3.7rem;
        max-width: 100%;
    }
    .section-page-title--light .content-wrap::before {
        width: 39.875rem;
    }
    /* Page Title Blue */
    .section-page-title--blue .content-wrap {
        max-width: 100%;
    }
    /* Page Title Gradient */
    .section-page-title--gradient::before {
        width: 198.875rem;
        height: 161.25rem;
        right: -65%;
    }
}
@media (max-width: 1199px) {
    .section-page-title {
      min-height: 1rem;
      padding-top: 13rem;
    }
    .section-page-title::before {
        right: -122%;
        bottom: -160%;
    }
    .section-page-title .content-wrap {
        padding: 5.2rem 3.1rem 9.7rem 4rem;
        min-height: 57rem;
    }
    .section-page-title .content-wrap::before {
        width: 43rem;
    }
    .section-page-title .buttons .btn {
        margin-right: 1.5rem;
    }
    .section-page-title .card-image {
        height: 42.3rem;
        width: 61.5%;
    }
    /* Page Title Light */
    .section-page-title--light {
        min-height: 1rem;
    }
    .section-page-title--light .content-wrap::before {
        width: 100%;
    }
    .section-page-title--light .content-wrap {
        padding: 5.2rem 2.1rem 2rem 2rem;
    }
    .section-page-title--light .image-wrap {
        margin-left: 0;
        height: 52rem;
        margin-right: 0;
    }
    /* Page Title Blue */
    .section-page-title--blue {
        padding-top: 10rem;
    }
    .section-page-title--blue .content-wrap {
        padding: 3rem 0 4rem;
    }
    .section-page-title--blue .content-wrap .lead {
        margin-bottom: 2.5rem;
    }
    .section-page-title--blue .image-wrap {
        margin-left: 0;
        margin-right: 0;
        height: 109.1%;
    }
    /* Page Title Gradient */
    .section-page-title--gradient::before {
        right: -85%;
        width: 198.875rem;
        height: 161.25rem;
    }
}
@media(max-width: 1023px) {
    .section-page-title::before {
        right: -132%;
        bottom: -130%;
    }
    /* Page Title Light */
    .section-page-title--light .content-wrap h2 {
        margin-right: 0;
    }
    /* Page Title Gradient */
    .section-page-title--gradient::before {
        bottom: 0%;
        width: 198.875rem;
        height: 161.25rem;
        right: -120%;
    }
}
@media(max-width: 991px) {
    .section-page-title .content-wrap {
        max-width: 100%;
        padding-bottom: 2rem;
        min-height: 1rem;
    }
    .section-page-title .content-wrap::before {
        width: 100%;
    }
    .section-page-title .card-image {
        right: 0;
        left: 0;
        height: auto;
        max-height: 42.3rem;
        width: 77.5%;
        margin: 0 auto;
        position: relative;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .section-page-title {
        padding-top: 13rem;
    }
    .section-page-title::before {
        right: -322%;
        bottom: -150%;
    }
    .section-page-title .content-wrap h2 {
        margin-bottom: 2rem;
        width: 100%;
    }
    .section-page-title h4 {
        margin-bottom: 1rem;
    }
    .section-page-title .card-image {
        width: 100%;
        bottom: -2.7rem;
    }
    /* Page Title Light */
    .section-page-title--light {
        padding-top: 13rem;
    }
    .section-page-title--light .content-wrap {
        max-width: 100%;
        padding-left: 2rem;
    }
    .section-page-title--light .content-wrap::before {
        width: 100%;
        height: 100%;
    }
    .section-page-title--light .image-wrap {
        height: 30rem;
    }
    /* Page Title Blue */
    .section-page-title--blue {
        padding-top: 10rem;
    }
    .section-page-title--blue .image-wrap {
        height: 30rem;
    }
    /* Page Title Gradient */
    .section-page-title--gradient::before {
        width: 88.875rem;
        height: 81.25rem;
        right: -62%;
        bottom: -26%;
    }
}
@media (max-width: 575px) {
    .section-page-title .buttons {
      justify-content: center;
    }
    .section-page-title .buttons .btn {
        margin: 0 auto 2rem;
    }
    /* Page Title Gradient */
    .section-page-title--gradient::before {
        right: -102%;
    }
}/* ----- SECTION PLAN OPTIONS ----- */

.section-plan-options {
    padding-top: 5.9rem;
    padding-bottom: 7.2rem;
}

.section-plan-options h6 {
    margin-bottom: 2.2rem;
}

.section-plan-options .lead {
    padding-left: 7.9rem;
    margin-top: 0.3rem;
}

.plan-options-form {
    margin-top: 5.7rem;
}

.plan {
    border: 3px solid #EFEFEF;
    padding: 2.1rem 2.5rem 2.1rem 2.6rem;
    min-height: 16.15rem;
}

.plan-options-form .row > div {
    padding: 0 0.5rem;
}

.plan-options-form .row {
    margin: 0 -0.5rem;
}

.plan h4 img {
    margin-left: 1.15rem;
    margin-top: -0.4rem;
}

.plan h4 {
    margin-bottom: 2.6rem;
}
.plan p {
    margin-right: -2rem;
}
.plan p span {
    color: #00F38C;
    font-size: 1.875rem;
    margin-right: 1rem;
    vertical-align: bottom;
}
.plan-range-values {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    font-weight: 100;
    color: rgb(0 0 53 / 30%);
    margin-right: -0.8rem;
    text-transform: lowercase;
    margin-left: -0.1rem;
}

.ui-widget {
    font-family: 'Como', sans-serif;
}

.plan-range.ui-widget.ui-widget-content {
    margin-top: 1.95rem;
    height: 1px;
    border: 1px solid rgb(0 0 53 / 30%);
}

.plan-range .ui-state-default {
    background: #00F38C;
    border-radius: 50%;
    border: 2px solid #000050;
    width: 1rem;
    height: 1rem;
    top: -0.46rem;
    outline: none;
}

.ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min {
    background: #000035;
    height: 2px;
    top: -1px;
}

.plan-range-values span:after {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    background: rgb(178 178 195);
    border-radius: 50%;
    position: absolute;
    top: -1.3rem;
    left: calc(50% - 0.4rem);
    z-index: 2;
}

.plan-range-values span {
    position: relative;
}

.plan-range-values span.active:after {
    background: rgb(0 0 53);
}

.plan-range-values span.active {
    color: #000035;
}

#range-data .plan-range-values span:first-child:after {
    left: -0.3rem;
}

#area-select {
    width: 100%;
    height: 2.1rem;
    border: 2px solid rgb(0 0 53 / 30%);
    appearance: none;
    padding: 0.3rem 0.9rem;
    outline: none;
}

.plan.plan-area {
    padding: 2.1rem 0.7rem 2.1rem 2.5rem;
}

.area-select-wrap:after {
    content: '';
    width: 2.1rem;
    height: 100%;
    border: 2px solid #000035;
    background: #00F38C;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/select-arrow-down.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.area-select-wrap {
    position: relative;
    margin-bottom: 1.9rem;
    max-width: 18.2rem;
}

.area-count img {
    margin-right: 0.3rem;
    margin-top: -0.3rem;
}

.area-count {
    display: inline-block;
    margin-right: 0.7rem;
}

.area-count:last-child {
    margin-right: 0;
}

.area-count span {
    font-weight: 600;
}

.plan-total-price {
    background: #000035;
    color: #fff;
    padding: 2rem;
    margin-top: -2.15rem;
}

.plan-total-price .currency li {
    display: inline-block;
    margin-right: 0.7rem;
}

.plan-total-price .currency li.active {
    font-weight: 600;
}

.plan-total-price .currency {
    margin-bottom: 2.5rem;
}

.plan-total-price .h3 {
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: 2.9rem;
    line-height: 2.375rem;
}

.total-price {
    font-size: 5.625rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.total-price span {
    font-size: 1.875rem;
    font-weight: 400;
    margin-left: 0.2rem;
    position: relative;
    display: inline-block;
    top: -0.4rem;
}


/* ----- /SECTION PLAN OPTIONS ----- */
/*  */
@media (max-width: 1679px) {
    .plan.plan-area {
        padding: 2.1rem 2.5rem 1.1rem 2.5rem;
    }

    .area-count {
        margin-bottom: 1rem;
    }

    .area-count:last-child {
        margin-bottom: 0rem;
    }

    .area-select-wrap {
        margin-top: -1rem;
    }
}
@media (max-width: 1439px) {
    .plan {
        min-height: 17.05rem;
    }
}
@media (max-width: 1199px) {
    .total-price {
        font-size: 4.625rem;
    }

    .plan-total-price {
        padding: 2rem 2.7rem 2.7rem 2.7rem;
    }
    .plan h4 img {
        margin-right: -3rem;
        margin-left: 0.4rem;
    }
}
@media (max-width: 991px) {
    .section-plan-options .lead {
        padding-left: 0;
    }

    .total-price {
        font-size: 3.625rem;
    }

    .plan {
        min-height: 19.05rem;
        padding: 2.1rem 1.4rem 2.1rem 1.3rem;
    }

    .plan-total-price {
        padding: 3rem 2.7rem 4.7rem 2.7rem;
    }

    .plan h4 {
        font-size: 1.7rem;
    }

    .plan h4 img {
        width: 1.8rem;
        margin-top: -0.2rem;
    }

    .plan.plan-area {
        padding: 2.1rem 2.5rem 1.1rem 1.4rem;
    }
}
@media (max-width: 767px) {
    .section-plan-options {
        padding-top: 8.6rem;
        padding-left: 2.6rem;
        padding-right: 2.6rem;
        padding-bottom: 5.4rem;
    }

    .section-plan-options h6 {
        font-size: 1.44rem;
        margin-bottom: 3.1rem;
    }

    .section-plan-options h3 {
        font-size: 2.75rem;
        margin-bottom: 3.8rem;
    }

    .section-plan-options .lead {
        font-size: 1.455rem;
        padding: 0 0.3rem;
    }

    .plan-options-form {
        margin-top: 3.5rem;
    }

    .plan {
        padding: 4.3rem 4.2rem 7.2rem 4.2rem;
        margin-bottom: 0.8rem;
    }

    .plan h4 {
        font-size: 1.45rem;
        margin-bottom: 2.3rem;
    }

    .plan h4 img {
        width: 2.5rem;
        margin-top: -0.5rem;
        margin-left: 1.2rem;
    }

    .plan p span {
        font-size: 2.74rem;
        display: block;
        margin-bottom: 1.5rem;
    }

    .plan p {
        font-size: 1.455rem;
    }

    .plan-range.ui-widget.ui-widget-content {
        margin-top: 2.25rem;
    }

    .plan-range .ui-state-default {
        width: 1.4rem;
        height: 1.4rem;
        top: -0.66rem;
    }

    .plan-range-values span:after {
        width: 0.825rem;
        height: 0.825rem;
        top: -2.17rem;
    }

    .plan-range-values {
        margin-top: 1.8rem;
    }

    .plan-range-values span {
        font-size: 1.4rem;
    }

    #range-data-val {
        display: block;
        margin-top: 2rem;
        width: 2rem;
        vertical-align: sub;
        margin-right: 0.6rem;
    }

    #range-data {
        margin-top: 1.85rem;
    }
    .plan.plan-area {
        padding: 4rem 2.5rem 1.6rem 4.2rem;
        margin-bottom: 2.9rem;
    }

    .area-select-wrap {
        margin-top: 4.2rem;
        max-width: 22.9rem;
    }

    #area-select {
        height: 3rem;
        padding-left: 3.6rem;
        font-size: 1.4rem;
        padding-top: 0.6rem;
    }

    .area-select-wrap:after {
        width: 3rem;
    }

    .area-count {
        display: block;
        font-size: 1.45rem;
    }

    .area-select-wrap {
        margin-bottom: 2.7rem;
    }

    .area-count img {
        margin-right: 0.7rem;
    }
    .plan-total-price {
        margin-left: -1.6rem;
        padding: 3.2rem 2.7rem 4.7rem 6.1rem;
    }

    .plan-total-price .currency li {
        font-size: 1.45rem;
        margin-right: 1.1rem;
    }

    .plan-total-price .currency {
        margin-bottom: 4.5rem;
    }

    .plan-total-price .h3 {
        font-size: 2.69rem;
        margin-bottom: 5rem;
    }

    .total-price {
        font-size: 6.125rem;
        margin-bottom: 2.4rem;
    }

    .total-price span {
        font-size: 2.675rem;
        margin-left: 0.5rem;
    }

    .plan-total-price p {
        font-size: 1.45rem;
    }

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

}/* ----- SECTION PLATFORM FEES ----- */

.section-platform-fees {
    background: #F5F5F5;
    text-align: center;
    padding: 12.75rem 0 11.7rem;
}

.section-platform-fees h6 {
    margin-bottom: 1.3rem;
}

.section-platform-fees h3 {
    margin-bottom: 4.55rem;
}

.platform-table {
    padding-left: 14.5rem;
    padding-right: 1.1rem;
    margin-bottom: 4rem;
    position: relative;
}

.platform-table .row > div.col-title {
    background: #000035;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 600;
    border: 3px solid #000035;
}

.platform-table .row > div {
    height: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(25% - 0.6rem);
    background: #fff;
    margin-bottom: 0.75rem;
    border: 3px solid #EFEFEF;
}

.platform-table .row {
    justify-content: space-between;
    position: relative;
}

.platform-table .row-title {
    position: absolute;
    right: calc(100% + 0.55rem);
    text-align: right;
    font-size: 1rem;
    top: 1.8rem;
    width: 10rem;
}

.platform-table .row > div.col-md-9 {
    width: calc(75% - 0.2rem);
}

.platform-table .row:last-child > div {
    background: transparent;
    border: 0;
    padding: 0rem;
    height: 3.1rem;
}

.btn--trial {
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: 0.25rem;
    color: #000035;
}

.section-platform-fees .btn--green {
    padding: 1.7rem 4.1rem;
}

.platform-table:before {
    content: '';
    position: absolute;
    top: -6.3rem;
    left: 0rem;
    width: 25.4rem;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    height: 100%;
}

.platform-table.platform-table-mobile {
    display: none;
}
.section-platform-fees .btn--green br {
    display: none;
}
/* ----- /SECTION PLATFORM FEES ----- */
/*  */
@media (max-width: 1679px) {
    .platform-table:before {
        width: 22.4rem;
    }
}
@media (max-width: 1439px) {

}
@media (max-width: 1199px) {
    .btn--trial {
        font-size: 1.05rem;
        letter-spacing: 0.1rem;
    }

    .btn--trial img {
        width: 1.7rem;
    }
}
@media (max-width: 991px) {
    .platform-table:before {
        width: 19.4rem;
        top: -4.3rem;
    }

    .platform-table .row > div.col-title {
        font-size: 1.575rem;
    }

    .btn--trial {
        font-size: 0.85rem;
        letter-spacing: 0.05rem;
    }

    .btn--trial img {
        width: 1.5rem;
    }
}
@media (max-width: 767px) {
    .platform-table:before {
        display: none;
    }

    .platform-table {
        padding-left: 0;
    }

    .platform-table .row-title {
        display: none;
    }
}
@media (max-width: 575px) {
    .platform-table {
        display: none;
    }
    .platform-table.platform-table-mobile {
        display: block;
        padding: 0 3.6rem;
        margin-bottom: 2.8rem;
    }
    .section-platform-fees {
        padding-top: 6.4rem;
    }

    .section-platform-fees h6 {
        font-size: 1.4rem;
        letter-spacing: 0.32rem;
        font-weight: 700;
        margin-bottom: 3.5rem;
    }

    .section-platform-fees h3 {
        font-size: 3.65rem;
        margin-bottom: 4.1rem;
    }

    .platform-table .row > div {
        width: 100%;
        min-height: 6.9rem;
        margin-bottom: 1.15rem;
        font-size: 1.45rem;
        height: auto;
        padding: 1.3rem 2.2rem 0.6rem;
        line-height: 2.3rem;
    }

    .platform-table .row > div.col-title {
        font-size: 2.675rem;
        padding-top: 0.5rem;
    }

    .platform-table .row > div.col-md-9 {
        width: 100%;
    }

    .btn--trial {
        font-size: 1.75rem;
        letter-spacing: 0.4rem;
        margin-top: -2.3rem;
    }

    .btn--trial img {
        width: auto;
    }

    .section-platform-fees .btn--green {
        font-size: 1.45rem;
        max-width: 38.8rem;
        border-radius: 10rem;
        padding: 2.25rem 6.1rem 1.9rem;
        line-height: 1.7rem;
        letter-spacing: 0.45rem;
    }
}

/* ----- SECTION POPULAR ARTICLES ----- */
.block-popular-articles {
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    padding: 3.6rem 5rem 5.4rem 4.4rem;
    width: 37.6rem;
}
.form-search form{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}
.form-search .hs-form-field .hs-input {
    background: #fff;
    border: 3px solid #EFEFEF;
    height: 3.9375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    color: #000050;
    font-size: 1rem;
    font-family: 'Como', sans-serif;
    font-weight: 500;
    padding: 0 1.7rem;
    border-radius: 0;
}
.form-search .hs-form-field .hs-input:focus {
    outline: none;
}
.form-search .hs-form-field .hs-input::placeholder {
    color: #000050;
}
.form-search .hs-form-field .input {
    height: 100%;
}
.form-search .hs-submit .hs-button {
    background-color: #000035;
    color: #fff;
    border: 3px solid #EFEFEF;
    font-weight: 400;
    font-size: 1rem;
    height: 3.9375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    transition: 0.4s;
}
.form-search .hs-submit .hs-button:hover {
    background-color: #00F38C;
    color: #000035;
}
.form-search fieldset {
    flex: 0 0 70.2%;
    max-width: 70.2%;
    margin-right: 0.8rem;
}
.form-search fieldset label {
    display: none;
}
.form-search .hs-submit {
    flex: 1;
}
.block-popular-articles h4 {
    margin-bottom: 1.2rem;
}
.article-item {
    border-top: 3px solid #fff;
    display: block;
    padding: 1.8rem 0 2.4rem;
    color: #000035;
}
.article-item h6 {
    text-transform: none;
    letter-spacing: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: -0.1rem;
}
/* ----- SECTION POPULAR ARTICLES ----- */
/*  */
@media(max-width: 767px) {
    .block-popular-articles {
        width: 100%;
        padding: 2.5rem 3rem 4rem 3rem;
        margin-top: 4rem;
    }
}

/* ----- SECTION POSTS ----- */
.section-posts {
    padding-top: 0;
}
.js-radio-button-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5.3rem;
}
.js-radio-button-group button {
    margin-right: 0.8125rem;
    flex: 0 0 19.26%;
    max-width: 19.26%;
    background: #fff;
    border: 3px solid #EFEFEF;
    color: #000035;
    height: 5.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.js-radio-button-group :last-child {
    margin-right: 0;
}
.js-radio-button-group .is-checked {
    border-color: #000035;
    background: #000035;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 700;
}
.section-posts .element-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5.375rem;
}
.section-posts .post {
    width: 26.8125rem;
    margin-right: 1.5rem;
}
.post {
    color: #000035;
    display: block;
}
.post:hover {
    color: #000035;
}
.post .post-img {
    height: 16.9375rem;
    margin-bottom: 2.4rem;
}
.post .post-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post .post-title {
    /* padding-left: 4.5rem; */
}
.post .post-title h4 {
    margin-bottom: 0.9rem;
}
.post .post-title .post-date {
    font-weight: 700;
    display: block;
}
.post .post-title p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    /* max-width: 18rem; */
}
.post .post-title .btn {
    color: #000035;
    font-weight: 400;
    margin-top: 1.3rem;
}
.post .post-title .btn--arrow .arrow {
    margin-left: 0.8rem;
}
.section-posts .post-full-width {
    width: 100%;
}
.post-full-width {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
}
.post-full-width > div {
    flex: 1;
}
.post-full-width .post-img {
    flex: 0 0 47.6%;
    max-width: 47.6%;
    margin-right: 2.2rem;
    height: auto;
    margin-bottom: 0;
}
.post-full-width .post-title {
    background: linear-gradient(to top, #0053CC, rgb(0 243 140 / 52%));
    color: #fff;
    padding: 3.8rem 10.3rem 3.5rem 6.3rem;
}
.post-full-width .post-title h6 {
    margin-bottom: 1.5rem;
}
.post-full-width .post-title h4 {
    max-width: 30rem;
    margin-bottom: 1.4rem;
}
.post-full-width .post-title p {
    max-width: 100%;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.post-full-width .post-title .post-date {
    display: inline-block;
}
.post-full-width .post-title .post-date::after {
    content: '|';
    margin-left: 0.3rem;
}
.post-full-width .post-title .btn {
    margin-top: 1.6rem;
    color: #fff;
}

/* ----- SECTION POST (NEW NAME: EVENT HERO) ----- */
.section-event-hero {
    background-color: #000035;
    color: #ffffff;
    padding-top: 18.2rem;
    padding-bottom: 13rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.section-event-hero::after {
    content: '';
    position: absolute;
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/blobb.png);
    background-repeat: no-repeat;
    background-size: cover;
    right: -75%;
    bottom: -115%;
    width: 198.875rem;
    height: 161.25rem;
    transform: rotate(115deg);
    z-index: -1;
}
.section-event-hero .post-date {
    font-size: 1.875rem;
    line-height: 3.75rem;
    display: block;
    margin-bottom: 2.5rem;
}
.section-event-hero .col--title {
    padding-top: 0.7rem;
    padding-left: 1.5rem;
}
.section-event-hero .col--title {
    padding-top: 0.7rem;
    padding-left: 1.5rem;
}
.section-event-hero h3 {
    font-weight: 500;
    /* margin-right: -15rem; */
    margin-bottom: 7.8rem;
    z-index: 10;
    position: relative;
}
.section-event-hero h6 {
    font-size: 1rem;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5625rem;
    letter-spacing: 0;
    margin-bottom: 1.6rem;
}
.section-event-hero h5 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    margin-bottom: 1.7rem;
}
.section-event-hero .social-links {
    display: flex;
    flex-wrap: wrap;
}
.section-event-hero .social-links a {
    width: 2.6875rem;
    height: 2.6875rem;
    flex: 0 0 2.6875rem;
    margin-right: 2rem;
}
.section-event-hero .social-links a svg {
    max-width: 100%;
    max-height: 100%;
}
.section-event-hero .social-links a svg path {
    transition: 0.4s;
}
.section-event-hero .social-links a:hover svg path {
    fill: #ffffff;
}
.section-event-hero .col--image {
    display: flex;
    justify-content: flex-end;
    padding: 0 0.5rem 0 4.8rem;
}
.section-event-hero .col--image img {
    width: 100%;
    object-fit: contain;
}
/* ----- /SECTION POST (NEW NAME: EVENT HERO)----- */
/*  */
@media(max-width: 1679px) {
    .section-event-hero::after {
        right: -85%;
    }
}
@media(max-width: 1199px) {
    .section-event-hero {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .section-event-hero::after {
        width: 168.875rem;
        height: 140.25rem;
        right: -83%;
        bottom: -135%;
    }
    .section-event-hero h3 {
        margin-bottom: 5rem;
    }
    .section-event-hero .col--image {
        padding-left: 0;
        padding-right: 0;
    }
}
@media(max-width: 991px) {
    .section-event-hero {
        padding-bottom: 7rem;
    }
    .section-event-hero::after {
        width: 118.875rem;
        height: 110.25rem;
        right: -70%;
        bottom: -125%;
    }
    .section-event-hero .col--image {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .section-event-hero h3 {
        margin-bottom: 2rem;
    }
}
@media(max-width: 767px) {
    .section-event-hero {
        padding-bottom: 4rem;
    }
    .section-event-hero::after {
        width: 128.875rem;
        height: 130.25rem;
        right: -60rem;
        bottom: -57rem;
    }
    .section-event-hero .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-event-hero h3 {
        margin-right: 0;
    }
    .section-event-hero .post-date {
        margin-bottom: 1rem;
    }
    .section-event-hero .col--title {
        margin-bottom: 2rem;
    }
}

/* ----- /SECTION POSTS ----- */
/*  */
@media(max-width: 1199px) {
    .js-radio-button-group button.is-checked {
        font-size: 1.5rem;
    }
    .js-radio-button-group button {
        margin-right: 0.625rem;
        flex: 0 0 19.36%;
        max-width: 19.36%;
    }
    .post .post-title {
        padding-left: 0;
    }
    .post-full-width .post-title {
        padding-right: 6rem;
    }
}
@media(max-width: 991px) {
    .js-radio-button-group {
        margin-bottom: 3rem;
    }
    .js-radio-button-group button {
        flex: 0 0 24.26%;
        max-width: 24.26%;
        margin-bottom: 0.625rem;
    }
    .js-radio-button-group button:nth-child(4n) {
        margin-right: 0;
    }
    .section-posts .post {
        width: 19.5rem;
    }
    .section-posts .post-full-width {
        width: 100%;
    }
    .post .post-img {
        margin-bottom: 1.5rem;
    }
    .post .post-title {
        padding-left: 0;
    }
    .post-full-width {
        width: 100%;
    }
    .post-full-width .post-img {
        margin-right: 1.5rem;
        margin-bottom: 0;
    }
    .post-full-width .post-title {
        padding-right: 2rem;
        padding-left: 2.5rem;
    }

}
@media(max-width: 767px) {
    .js-radio-button-group button {
        flex: 0 0 49%;
        max-width: 49%;
    }
    .js-radio-button-group button:nth-child(2n) {
        margin-right: 0;
    }
    .section-posts .post {
        width: 100%;
        margin-right: 0;
    }
    .section-posts .element-item {
        width: 100%;
        margin-bottom: 0;
    }
    .post .post-img {
        height: 21rem;
    }
    .post-full-width .post-img {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
    .post {
        margin-bottom: 3rem;
    }
}/* ----- SECTION PRICING MODELS ----- */
.section-pricing-models {
    padding-top: 16.3rem;
    padding-bottom: 8.2rem;
    background: linear-gradient(to bottom, #F5F5F5, transparent);
}
.section-pricing-models .col--title {
    padding-left: 10.9rem;
    flex: 0 0 54.3%;
    max-width: 54.3%;
    position: relative;
    z-index: 1;
}
.section-pricing-models .col--title::before {
    content: "";
    width: 35.9375rem;
    height: 38.3125rem;
    background: linear-gradient(to right, #fff, transparent);
    position: absolute;
    left: 0.7rem;
    top: -8.3rem;
    z-index: -1;
}
.section-pricing-models .col--title h6 {
    margin-bottom: 1.7rem;
}
.section-pricing-models .col--title h3 {
    margin-bottom: 3.1rem;
}
.section-pricing-models .col--title p {
    max-width: 38rem;
}
.section-pricing-models .col--title .btn {
    margin-top: 4.8rem;
    padding: 1.7rem 3rem;
}
.section-pricing-models .col--cards {
    padding-top: 0.7rem;
    text-align: center;
}
.section-pricing-models .cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.section-pricing-models .model-card {
    flex: 0 0 47.7%;
    max-width: 47.7%;
    margin-right: 1.9rem;
}
.section-pricing-models .model-card:last-child {
    margin-right: 0;
}
.section-pricing-models .link-underline {
    margin-top: 4.8rem;
    display: block;
}
.model-card {
    background-color: #fff;
    color: #000050;
    border: 3px solid #EFEFEF;
    padding: 2.7rem 1.5rem 3.7rem 3.1rem;
    text-align: left;
}
.model-card.active {
    background-color: #000050;
    color: #fff;
    border-color: #000050;
}
.model-card.active .btn--arrow {
    color: #fff;
}
.model-card:hover .btn--arrow .arrow {
    transform: translateX(10px);
}
.model-card .card-icon {
    height: 5.6rem;
    width: 6.2rem;
    margin-bottom: 5.8rem;
}
.model-card h4 {
    margin-bottom: 0.9rem;
}
.model-card .btn--arrow {
    margin-top: 1.1rem;
    margin-left: -0.1rem;
    color: #000050;
}
.model-card .btn--arrow .arrow {
    margin-left: 1.3rem;
}
/* ----- /SECTION PRICING MODELS ----- */
/*  */
@media (max-width: 1679px) {
    .section-pricing-models .col--title {
        padding-left: 4.6rem;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-pricing-models .col--title .btn {
        padding: 1.7rem 0.9rem;
    }
    .section-pricing-models .model-card {
        margin-right: 1.3rem;
    }
}
@media (max-width: 1439px) {
    .section-pricing-models .col--title {
        padding-left: 3rem;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-pricing-models .col--title .btn {
        padding: 1.7rem 2.1rem;
    }
    .model-card .btn--arrow .arrow {
        margin-left: 0.2rem;
    }
}
@media (max-width: 1199px) {
    .section-pricing-models {
        padding-bottom: 3rem;
    }
    .section-pricing-models .col--title {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 4rem;
    }
    .section-pricing-models .model-card {
        margin-right: auto;
    }
}
@media (max-width: 767px) {
    .section-pricing-models {
        padding-top: 9.3rem;
    }
    .section-pricing-models .col--title {
        padding-left: 2rem;
        min-height: 29rem;
        margin-bottom: 2rem;
    }
    .section-pricing-models .col--title::before {
        top: -3rem;
        height: 32rem;
    }
    .section-pricing-models .col--title h3 {
        margin-bottom: 2rem;
    }
    .section-pricing-models .col--title .btn {
        margin-top: 2rem;
    }
    .section-pricing-models .link-underline {
        margin-top: 2.8rem;
    }
    .model-card {
        padding: 2.7rem 0.9rem 2.7rem 1.5rem;
    }
}
@media (max-width: 575px) {
    .section-pricing-models .model-card {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
}/* ----- SECTION PRODUCTS ----- */
.section-products {
    color: #fff;
    padding-top: 8.35rem;
    padding-bottom: 7.1rem;
    background: radial-gradient(#030365, #000035);
}
.section-products .title {
    margin-bottom: 2.9rem;
}
.section-products .title h6 {
    margin-bottom: 1.2rem;
}
.section-products .title h3 {
    margin-bottom: 0;
}
.section-products .col {
    padding: 0 0.5625rem;
}
.section-products .row {
    margin: 0 0.2rem 0 -2.3rem;
}
.product-card {
    color: #fff;
    padding: 2.9rem 0.5rem 2.6rem 3.6rem;
    display: block;
    height: 17.5625rem;
}
.product-card:hover {
    background-color: rgba(0, 0, 0, 0.26);
    color: #fff;
    padding: 2.9rem 0.5rem 2.6rem 3.6rem;
}
.product-card:hover .btn {
    margin-top: 0.7rem;
}
.product-card:hover .btn span {
    max-width: 20rem;
    visibility: visible;
    transition: 0.8s;
}
.product-card:hover .btn .arrow {
    margin-left: 0.75rem;
}
.product-card .btn {
    font-size: 0.9375rem;
    margin-top: 0.75rem;
    letter-spacing: 4.5px;
}
.product-card .btn span {
    max-width: 0;
    overflow: hidden;
    transition: 0.4s;
    display: inline-block;
    white-space: nowrap;
    vertical-align: -0.3rem;
}
.product-card p {
    padding-right: 2rem;
    transition: 0.4s;
}
.product-card h4 {
    margin-bottom: 1.2rem;
}
/* ----- /SECTION PRODUCTS ----- */
/*  */
@media (max-width: 1679px) {
    .product-card {
        padding-left: 1.5rem;
    }
    .product-card:hover {
        padding-left: 1.5rem;
    }
    .product-card p {
        padding-right: 0rem;
    }
}
@media(max-width: 1199px) {
    .product-card .btn {
        letter-spacing: 3.5px;
    }
    .product-card {
        height: auto;
    }
}
@media (max-width: 767px) {
    .section-products .col {
        padding: 0 1rem;
    }
    .section-products .row {
        margin: 0;
    }
    .section-products .title h6 {
        max-width: 30rem;
        margin: 0 auto 1.2rem;
    }
}

/* ----- SECTION QUOTE ----- */
.section-quote {
    padding-top: 4.6875rem;
    padding-bottom: 5.0625rem;
}
.section-quote .image-wrap {
    margin: 0 auto;
    max-width: 79.3%;
    height: 30.0625rem;
}
.section-quote .image-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-quote .content-wrap {
    background: #F5F5F5;
    margin-top: -14.7rem;
    padding: 17.7rem 10.2% 7rem;
}
.section-quote .content-wrap h4 {
    margin-bottom: 1.9rem;
}
.section-quote .content-wrap .author-name {
    font-weight: 700;
}
.section-quote .content-wrap .author-name::before {
    content: '';
    width: 12.125rem;
    height: 3px;
    background: #00F38C;
    display: inline-block;
    vertical-align: 0.2rem;
    margin-right: 1.8rem;
}
/* ----- /SECTION QUOTE ----- */
/*  */
@media(max-width: 991px) {
    .section-quote .image-wrap {
        max-width: 85%;
    }
    .section-quote .content-wrap {
        padding: 17.7rem 7.7% 5rem;
    }
}
@media(max-width: 767px) {
    .section-quote .image-wrap {
        max-width: 90%;
        height: 15rem;
    }
    .section-quote .content-wrap {
        padding: 9.7rem 5.3% 3rem;
        margin-top: -7.7rem;
    }
    .section-quote .content-wrap .author-name::before {
        width: 5rem;
    }
}

/* ----- SECTION RELATED JOBS ----- */

.related-jobs-list {
    display: flex;
    margin-top: 2.95rem;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.section-related-jobs {
    text-align: center;
    background: rgb(0,0,53);
    background: radial-gradient(farthest-corner at 78rem 40rem,#030365 0%, #000035 60%);
    color: #fff;
    padding-top: 10.4rem;
    padding-bottom: 13.6rem;
}
.related-job {
    text-align: left;
    max-width: 22.1%;
    padding: 2.5rem 3rem 3.1rem;
}
.related-job a {
    color: #fff;
}
.related-job a:hover img {
    transform: translate(10px, 0px);
}

.related-job a img {
    transition: all 0.25s ease-in-out;
}
.section-related-jobs h6 {
    margin-bottom: 1.2rem;
}
.related-job h4 {
    margin-bottom: 1rem;
    font-weight: 600;
}
.related-job h4 a {
    color: inherit;
}
.related-job span {
    display: block;
    margin-bottom: 1.2rem;
}
.section-related-jobs .container {
    max-width: 103.5rem;
    padding-left: 1.2rem;
    padding-right: 2.6rem;
}
.related-job:hover {
    background: rgb(0 0 0 / 26%);
}

/* ----- SECTION RELATED JOBS ----- */

@media (max-width: 1900px) {

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

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

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

}
@media (max-width: 991px) {
    .related-job {
        max-width: 48%;
    }
}
@media (max-width: 767px) {
    .related-job {
        max-width: 100%;
        width: 100%;
    }

    .section-related-jobs {
        padding-top: 11.7rem;
    }

    .section-related-jobs h6 {
        font-size: 1.45rem;
        margin-bottom: 4.2rem;
    }

    .related-jobs-list {
        margin-top: 3.85rem;
        padding-left: 2.4rem;
        padding-right: 1rem;
    }

    .related-job {
        padding: 3.1rem 4.6rem 2.2rem;
        margin-bottom: 1.2rem;
    }

    .related-job h4 {
        font-size: 1.45rem;
        margin-bottom: 1.7rem;
    }

    .related-job span {
        font-size: 1.45rem;
        line-height: 2.3rem;
        margin-bottom: 2rem;
    }
}/* ----- SECTION SENIOR BUSINESS ----- */

.section-senior-business {
    background-color: #000035;
    color: #fff;
    padding-top: 19.8rem;
    padding-bottom: 11rem;
    background-image: url(../../img/senior-business-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.section-senior-business .container {
    display: flex;
}

.section-senior-business .col--title {
    max-width: 56.8%;
    padding-left: 7.35rem;
    padding-bottom: 8.3rem;
    position: relative;
    z-index: 1;
}

.section-senior-business .col--contact {
    max-width: 43.2%;
    padding-left: 6.2rem;
    padding-top: 4.2rem;
}

.section-senior-business h4 {
    margin-bottom: 2rem;
}

.section-senior-business h3 {
    margin-bottom: 3.7rem;
}

.apply-now {
    text-transform: uppercase;
    color: #fff;
    margin-left: 0.7rem;
    letter-spacing: 0.3rem;
    display: flex;
    align-items: center;
}

.apply-now img {
    margin-left: 0.8rem;
    transition: 0.4s;
}

.apply-now:hover {
    color: #89ef8c;
}
.apply-now:hover img {
    transform: translateX(10px);
}
.contact-item {
    margin-bottom: 4.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact-item img {
    height: 3.3rem;
    margin-bottom: 1.7rem;
}

.contact-item span {
    font-size: 1.9rem;
}

.share-job span {
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin-bottom: 1.6rem;
}

.contact-item + .contact-item {
    margin-bottom: 3.15rem;
}

.share-job a {
    display: inline-block;
    margin-right: 1.8rem;
}

.share-job a:hover svg path {
    fill: #89ef8c;
}

.share-job a svg path {
    transition: 0.3s;
}

.section-senior-business .col--title:before {
    content: '';
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.22032563025210083) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: -7rem;
    bottom: 0;
    z-index: -1;
}

/* ----- SECTION SENIOR BUSINESS ----- */

@media (max-width: 1900px) {

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

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

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

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

    .section-senior-business {
        background-size: auto 100vw;
        background-position: center -190%;
    }
}
@media (max-width: 767px) {
    .section-senior-business {
        padding-top: 15rem;
        padding-bottom: 8.1rem;
        background-position: center bottom;
        background-size: 90rem;
    }

    .section-senior-business .container {
        flex-direction: column;
    }

    .section-senior-business .col--title {
        max-width: 100%;
        padding-left: 2.9rem;
        padding-bottom: 6.6rem;
    }

    .section-senior-business .col--contact {
        max-width: 100%;
        padding-left: 2.6rem;
    }

    .section-senior-business .col--title h4 {
        font-size: 1.45rem;
    }

    .section-senior-business .col--title h3 {
        font-size: 3.6rem;
        line-height: 4.5rem;
        margin-bottom: 2.7rem;
    }

    .apply-now {
        font-size: 1.45rem;
        letter-spacing: 0.45rem;
    }

    .section-senior-business .col--title:before {
        left: -2rem;
        right: -2rem;
    }

    .contact-item {
        display: inline-block;
        margin-right: 4.3rem;
        margin-bottom: 3.6rem;
    }

    .contact-item span {
        font-size: 1.45rem;
        display: block;
    }

    .contact-item img {
        margin-bottom: 1.1rem;
    }

    .share-job span {
        font-size: 1.45rem;
        display: inline-block;
        margin-right: 2.8rem;
    }

    .share-job a svg {
        width: 2.8rem;
    }

    .share-job a {
        margin-top: 0.2rem;
    }
}/* ----- SECTION SIM CARDS ----- */
.section-sim-cards {
    background-color: #000050;
    color: #fff;
    padding-top: 10.5rem;
    padding-bottom: 10.5rem;
    position: relative;
    overflow: hidden;
}
.section-sim-cards::before {
    content: "";
    width: 180.1875rem;
    height: 134.5625rem;
    position: absolute;
    /* background-image: url(../../img/blobb.png); */
    background-repeat: no-repeat;
    background-size: cover;
    left: -28.6%;
    bottom: -66.4%;
    transform: rotate(70deg);
}
.section-sim-cards .card-img {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.22), transparent);
    height: 46.5rem;
    width: 100%;
    position: relative;
}
.section-sim-cards .card-img h6 {
    position: absolute;
    transform: rotate(-90deg);
    bottom: 6.9rem;
    left: -1.6rem;
}
  .section-sim-cards .card-img img {
    position: absolute;
    bottom: 3rem;
    right: -8.8rem;
    width: 31.8rem;
    height: 37.2rem;
    max-width: 156%;
}
.section-sim-cards .row {
    align-items: center;
    justify-content: space-between;
}
.section-sim-cards .col--image {
    flex: 0 0 35.4%;
    max-width: 35.4%;
}
.section-sim-cards .col--content {
    flex: 0 0 53.2%;
    max-width: 53.2%;
    position: relative;
}
.section-sim-cards .btn--green {
    padding: 1.7rem 3.5rem;
    letter-spacing: 6.4px;
}
.section-sim-cards .btn--green:hover {
    background-color: #fff;
    color: #000050;
}
.section-sim-cards h3 {
    margin-bottom: 6.9rem;
    margin-top: 0.6rem;
    font-size: 3.75rem;
    line-height: 4.375rem;
}
/* ----- /SECTION SIM CARDS ----- */
/*  */
@media (max-width: 1679px) {
    .section-sim-cards .btn--green {
        padding: 1.7rem 2.6rem;
    }
}
@media (min-width: 1600px) {
    .section-sim-cards .container {
        max-width: 91.2rem;
    }
}
@media (max-width: 1439px) {
    .section-sim-cards .card-img img {
        width: 31.8rem;
        height: 36.2rem;
    }
    .section-sim-cards .btn--green {
        padding: 1.7rem 1.6rem;
    }
}
@media (max-width: 1199px) {
    .section-sim-cards {
        padding-top: 8.5rem;
        padding-bottom: 6.5rem;
    }
    .section-sim-cards::before {
        width: 140.1875rem;
        height: 94.5625rem;
    }
    .section-sim-cards .card-img {
        height: 33.5rem;
    }
    .section-sim-cards .card-img img {
        width: 25.8rem;
        height: 29.2rem;
    }
    .section-sim-cards h3 {
        margin-bottom: 3.9rem;
    }
    .section-sim-cards .btn--green {
        padding: 1.8rem;
        letter-spacing: 4px;
    }
}
@media(max-width: 1023px) {
    .section-sim-cards .card-img img {
        width: 24.8rem;
        height: 28.2rem;
    }
    .section-sim-cards .col--content {
        flex: 0 0 55.2%;
        max-width: 55.2%;
    }
    .section-sim-cards::before {
        width: 120.1875rem;
        height: 84.5625rem;
        bottom: -46.4%;
        left: -36.6%;
    }
}
@media (max-width: 767px) {
    .section-sim-cards .card-img {
        height: 29.5rem;
        width: 32.1rem;
        margin: 0 auto;
    }
    .section-sim-cards .card-img img {
        right: 1.2rem;
        bottom: -2.5rem;
    }
    .section-sim-cards .col--image {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .section-sim-cards .col--content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-sim-cards .btn--green {
        padding: 1.7rem 0.9rem;
    }
    .section-sim-cards h3 {
        margin-top: 2.6rem;
        margin-bottom: 2.9rem;
        font-size: 2rem;
        line-height: 2.5rem;
    }
}
@media (max-width: 575px) {
    .section-sim-cards::before {
        width: 70rem;
        height: 130rem;
        left: -43.6%;
        bottom: -91.4%;
        transform: rotate(0deg);
        background-position-x: right;
    }
}/* ----- SECTION SOCIAL WORLD ----- */

.section-social-world {
    background: #000035;
    color: #fff;
    padding-top: 10rem;
    padding-bottom: 6.5rem;
}

.section-social-world .container {
    max-width: 57rem;
    display: flex;
    justify-content: space-between;
}

.section-social-world h3 {
    font-size: 3.75rem;
    max-width: 22rem;
    line-height: 4.5rem;
    position: relative;
}

.social-icons {
    display: flex;
    margin-top: 1rem;
    margin-right: 0.6rem;
}

.social-icons a {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    background: rgb(0,243,140);
    background: linear-gradient(180deg, rgba(0,243,140,1) 0%, rgba(0,83,204,1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4rem;
    transition: 0.3s;
}
.social-icons a:hover {
    background: linear-gradient(180deg, rgba(0,243,140,1) 0%, rgba(0,83,204,1) 80%);
}
.section-social-world h3:before {
    content: '';
    position: absolute;
    left: -6.2rem;
    right: 4.9rem;
    top: -5.2rem;
    bottom: -7rem;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.24273459383753504) 0%, rgba(255,255,255,0) 100%);
}

/* ----- SECTION SOCIAL WORLD ----- */

@media (max-width: 1900px) {

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

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

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

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

}
@media (max-width: 767px) {
    .section-social-world .container {
        max-width: 24.9rem;
        flex-direction: column;
    }

    .section-social-world {
        padding-top: 14rem;
        padding-bottom: 9.5rem;
    }

    .section-social-world h3 {
        font-size: 2.75rem;
        line-height: 3.8rem;
        max-width: 18rem;
        margin-bottom: 1.1rem;
    }

    .section-social-world h3:before {
        left: -4.5rem;
        right: -9.4rem;
        top: -6.2rem;
        bottom: -13rem;
    }

    .social-icons {
        margin-right: 0;
        justify-content: space-between;
    }

    .social-icons a {
        width: 5.35rem;
        height: 5.35rem;
        margin-left: 0;
    }

    .social-icons a svg {
        height: 2rem;
    }
}/* ----- MODULE STORIES ----- */
.section-stories {
    padding-top: 13.8rem;
    background-color: #F5F5F5;
    padding-bottom: 4.1rem;
}
.section-stories .title {
    text-align: left;
    padding-left: 8.3rem;
    max-width: 64.2rem;
    position: relative;
    z-index: 1;
    margin-bottom: 5.7rem;
}
.section-stories .title::before {
    content: "";
    background: linear-gradient(to bottom, #FFFFFF, transparent);
    height: 37.875rem;
    width: 34.25rem;
    position: absolute;
    top: -6rem;
    left: 0;
    z-index: -1;
}
.section-stories .title h3 {
    margin-bottom: 0;
}
.section-stories .title h6 {
    margin-bottom: 1.7rem;
}
.section-stories .button-group {
    border: 0;
    position: relative;
    z-index: 10;
    margin-bottom: 7.5rem;
}
.section-stories .button-group button {
    flex: 0 0 10.65%;
    max-width: 10.65%;
    margin-right: 0.4rem;
    text-align: center;
    border: 3px solid #EFEFEF;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #000035;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Como", sans-serif;
    padding: 1.25rem 0.5rem;
    height: 4.5rem;
}
.section-stories .button-group button:last-child {
    margin-right: 0;
}
.section-stories .button-group button.is-checked {
    background-color: #000035;
    color: #fff;
    font-family: "Como", sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    border-color: #000035;
}
.section-stories .grid{
    margin: 0 -3.65rem 0 -0.75rem;
}
.section-stories .grid .element-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.75rem;
    width: 100%;
}
.story-card {
    display: flex;
    flex-wrap: wrap;
    color: #000035;
    position: relative;
    margin-bottom: 5.4rem;
}
.story-card:hover {
    color: #000035;
}
.story-card .card-image {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 17.4rem;
    flex: 0 0 56.5%;
    max-width: 56.5%;
    filter: grayscale(1);
    margin-right: 3rem;
}
.story-card .card-content {
    flex: 1;
    padding-top: 1rem;
}
.story-card h4 {
    margin-bottom: 0.7rem;
}
.story-card p {
    padding-right: 3rem;
}
.story-card .arrow-link {
    background-color: #00F6B7;
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 56.5%;
    transition: 0.4s;
}
.story-card:hover .arrow-link {
    transform: translateX(10px);
}
/* Stories White */
.section-stories--white {
    background: #fff;
    padding-top: 15rem;
    padding-bottom: 6.2rem;
}
.section-stories--white .title::before {
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    top: -8.2rem;
}
.section-stories--white .story-card .card-image {
    border: 3px solid #F5F5F5;
    flex: 0 0 56.7%;
    max-width: 56.7%;
}
.section-stories--white .title {
    margin-bottom: 7.2rem;
}
.section-stories--white .row {
    margin: 0 -3.4rem 0 -0.8rem;
    z-index: 10;
    position: relative;
}
.section-stories--white .story-card .arrow-link {
    left: 56.7%;
}
/* ----- /MODULE STORIES ----- */
/*  */
@media(max-width: 1679px) {
    .section-stories .title {
        padding-left: 5.3rem;
    }
}
@media(max-width: 1199px) {
    .section-stories {
        padding-top: 10.8rem;
        padding-bottom: 5.6rem;
    }
    .section-stories .button-group button {
        flex: 0 0 16.1%;
        max-width: 16.1%;
        margin-bottom: 0.4375rem;
    }
    .section-stories .button-group button.is-checked {
        font-size: 1.125rem;
    }
    .section-stories .button-group {
        margin-bottom: 4.5rem;
    }
    .story-card .card-image img {
        max-width: 75%;
    }
    .story-card .card-image {
        margin-right: 1.4rem;
    }
    .story-card .arrow-link {
        width: 4rem;
        height: 4rem;
    }
    .story-card p {
        padding-right: 1rem;
    }
    .section-stories .grid {
        margin-right: 0;
    }
    /* Stories White */
    .section-stories--white .row {
        margin-right: 0.8rem;
    }
}
@media(max-width: 1023px) {
    .section-stories .button-group button {
        flex: 0 0 15.9%;
        max-width: 15.9%;
    }
    .story-card, .section-stories .grid .element-item:nth-last-child(-n+2) .story-card {
        margin-bottom: 3rem;
    }
    .story-card .card-image {
        flex: 0 0 28.1rem;
        max-width: 28.1rem;
    }
    .story-card .arrow-link {
        left: 28.1rem;
    }
    .section-stories .grid .element-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Stories White */
    .section-stories--white .story-card .card-image {
        flex: 0 0 28.1rem;
        max-width: 28.1rem;
    }
    .section-stories--white .story-card .arrow-link {
        left: 28.1rem;
    }
}
@media(max-width: 767px) {
    .section-stories .button-group button {
        flex: 0 0 32.4%;
        max-width: 32.4%;
    }
    .section-stories .title::before {
        width: 100%;
    }
    .section-stories .button-group button:nth-child(3n) {
        margin-right: 0;
    }
    .section-stories .button-group {
        margin-bottom: 3.5rem;
    }
    .story-card .card-image {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0.7rem;
    }
    .story-card .arrow-link {
        top: 17.4rem;
        left: auto;
        right: 0;
    }
    .section-stories .grid {
        margin: 0 -0.8rem;
    }
    /* Stories White */
    .section-stories--white .story-card .card-image {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-stories--white .story-card .arrow-link {
        left: auto;
    }
    .section-stories--white .row {
        margin-right: -0.8rem;
    }
}/* ----- SECTION TABS ----- */
.section-tabs {
    padding-top: 12.7rem;
    position: relative;
    padding-bottom: 8.9rem;
}
.section-tabs::before {
    content: "";
    height: 100%;
    width: 33.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(95deg, #F5F5F5 20%, transparent);
    z-index: -1;
}
.section-tabs::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 41.0625rem;
    height: 43.9375rem;
    background: linear-gradient(to top, #000035, transparent);
    z-index: -1;
}
.section-tabs .row {
    justify-content: space-between;
}
.section-tabs .col--title {
    padding-left: 6.5rem;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}
.section-tabs .col--title::before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, #FFFFFF, transparent);
    width: 21.875rem;
    height: 38.3125rem;
    left: -2.7rem;
    top: -8.3rem;
    z-index: -1;
}
.section-tabs .col--image {
    flex: 0 0 42.3%;
    max-width: 42.3%;
    padding-top: 2.2rem;
}
.section-tabs h6 {
    margin-bottom: 1.9rem;
}
.section-tabs h3 {
    margin-bottom: 4.6rem;
}
.section-tabs .image-wrap {
    height: 41rem;
    width: 100%;
}
.section-tabs .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-tabs .tab-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -2.6rem;
    justify-content: flex-end;
    margin-right: -0.7rem;
}
.section-tabs .tab-nav .icon {
    width: 5.125rem;
    height: 5.125rem;
    margin-right: -1.8rem;
    z-index: 10;
    margin-top: -1.7rem;
}
.section-tabs .tab-nav .btn {
    padding: 1.7rem 2.4rem;
}
.section-tabs .arrow-link {
    position: absolute;
    bottom: 3.9rem;
    right: 4.9rem;
}
.section-tabs .arrow-link:hover {
    transform: translateY(10px);
}
.section-tabs .arrow-link img {
    max-height: 100%;
}
.nav-pills .nav-link {
    text-align: left;
    padding: 0;
    font-size: 1.875rem;
    line-height: 2.5rem;
    color: rgb(0 0 53 / 36%);
    font-family: "Como", sans-serif;
    font-weight: 400;
    margin-bottom: 3.45rem;
    transition: 0.4s;
    position: relative;
}
.nav-pills .nav-link::before {
    content: "";
    height: 3px;
    position: absolute;
    left: 19.2rem;
    width: 24.6875rem;
    background: #000035;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: -1;
    opacity: 0;
    transition: 0.4s;
}
.nav-pills .nav-link.active {
    background-color: transparent;
    color: #00F38C;
    font-weight: 700;
    font-family: "Como", sans-serif;
}
.nav-pills .nav-link.active::before {
    opacity: 1;
}
.nav-pills .nav-link:hover {
    color: #00F38C;
}
.nav-pills .nav-link:focus {
    outline: none;
}
.section-tabs .content-box {
    position: relative;
    z-index: 10;
    transition: 0.4s;
    margin-right: 1rem;
    margin-left: -0.8rem;
}
.section-tabs .content-box .box-head {
    background-color: #000035;
    color: #fff;
    padding: 2.6rem 6.1rem 2.5rem 5.2rem;
}
.section-tabs .content-box .box-head p {
    margin-bottom: 0;
}
.section-tabs .content-box .box-body {
    background-color: #fff;
    border: 3px solid #EFEFEF;
    padding: 2.7rem 2.2rem 3.75rem 5.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 25.5625rem;
}
.section-tabs .content-box h4 {
    margin-bottom: 1.8rem;
}
.section-tabs .content-box ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.section-tabs .content-box ul li {
    color: #000035;
    font-size: 1rem;
    line-height: 1.5625rem;
    position: relative;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2.9rem;
    flex: 0 0 47.5%;
    max-width: 47.5%;
    min-height: 2.375rem;
}
.section-tabs .content-box ul li::before {
    content: '';
    border-left: 3px solid rgb(0 0 53 / 10%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
}
.section-tabs .content-box ul li:nth-last-child(-n+2) {
    margin-bottom: 0;
}
.section-tabs .box-info {
    border: 3px solid #EFEFEF;
    background-color: #fff;
    padding: 5.2rem 6.3rem 3.4rem;
}
.section-tabs .box-info .icon {
    margin-bottom: 1.9rem;
}
.section-tabs .box-info h4 {
    margin-bottom: 2.6rem;
}
.section-tabs .box-info p {
    margin-bottom: 1.6rem;
}
/* Section Tabs White */
.section-tabs--white .col--title::before {
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    top: -6.3rem;
    left: -1.6rem;
    height: 33.5rem;
    width: 53.6875rem;
}
.section-tabs--white::before {
    display: none;
}
/* Section Tabs Content */
.section-tabs--content {
    padding-top: 8.3rem;
    padding-bottom: 9.9rem;
}
.section-tabs--content .col--title {
    padding-top: 0.9rem;
}
.section-tabs--content h3 {
    font-weight: 600;
}
.section-tabs--content .nav-pills .nav-link::before {
    width: 15.6875rem;
    left: auto;
    right: 3rem;
}
.section-tabs--content .nav-pills #embedded-sim-technology-tab::before {
    width: 10rem;
}
.section-tabs--content::after {
    width: 42.1rem;
}
/* Tabs Left Content */
.section-tabs--left-content::after {
    display: none;
}
.section-tabs--left-content {
    padding-top: 6.2rem;
}
.section-tabs--left-content .col--title::before {
    top: -6.1rem;
    left: auto;
    right: 0.9rem;
    width: 63.5rem;
}
.section-tabs--left-content .col--title {
    padding-left: 6.9rem;
    padding-right: 6rem;
}
.section-tabs--left-content .col--content {
    padding-top: 0.8rem;
}
.section-tabs--left-content .tab-content {
    margin-right: -1.9rem;
}
.section-tabs--left-content h3 {
    margin-bottom: 4rem;
}
.section-tabs--left-content .nav-pills .nav-link {
    margin-bottom: 3.8rem;
}
.section-tabs--left-content .nav-pills .nav-link::before {
    left: -11.3rem;
    width: 9.6rem;
}
/* ----- /SECTION TABS ----- */
/*  */
@media (min-width: 1600px) {
    .section-tabs .container {
        max-width: 91.4rem;
    }
    .section-tabs--left-content .container {
        max-width: 96.2rem;
    }
}
@media (max-width: 1679px) {
    .section-tabs .row {
        margin: 0 2rem;
    }
    .section-tabs .tab-nav .icon {
        margin-right: -1.1rem;
    }
    .section-tabs .tab-nav .btn {
        padding: 1.7rem 1.2rem;
    }
    .section-tabs .arrow-link {
        bottom: 1.4rem;
        right: 6.6rem;
    }
    .section-tabs .col--title {
        padding-left: 3.5rem;
    }
    /* Tabs Left Content */
    .section-tabs--left-content .col--title {
        padding-left: 6.9rem;
        padding-right: 4rem;
    }
    .section-tabs--left-content .row {
        margin: 0 -3rem;
    }
    .section-tabs .box-info {
        padding: 5.2rem 4.3rem 3.4rem;
    }
}

@media (min-width: 1901px) {
    .section-tabs .image-wrap img {
    width: 597.97px;
    height: 656px;
    object-fit: cover;
}
}

@media (min-width: 1600px) and (max-width: 1900px) {
    .section-tabs .image-wrap img {
    width: 597.97px;
    height: 615px;
    object-fit: cover;
}
}

@media (min-width: 1440px) and (max-width: 1599px) {
    .section-tabs .image-wrap img {
    width: 445.16px;
    height: 533px;
    object-fit: cover;
}
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .section-tabs .image-wrap img {
    width: 409.23px;
    height: 451px;
    object-fit: cover;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-tabs .image-wrap img {
    width: 385.05px;
    height: 451px;
    object-fit: cover;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-tabs .image-wrap img {
    width: 682px;
    height: 451px;
    object-fit: cover;
}
}

@media (max-width: 1439px) {
    .section-tabs .arrow-link {
        right: 6.7rem;
    }
    .section-tabs .content-box .box-body {
        padding: 2.7rem 4.2rem 3.75rem 5.2rem;
    }
}
@media (max-width: 1199px) {
    .section-tabs {
        padding-bottom: 5.9rem;
    }
    .section-tabs .col--title {
        padding-left: 1rem;
    }
    .section-tabs .col--image {
        flex: 0 0 49%;
        max-width: 49%;
    }
    .section-tabs h3 br {
        display: none;
    }
    .section-tabs .arrow-link {
        height: 4.5rem;
        right: 3.5rem;
    }
    .nav-pills .nav-link::before {
        width: 15.6875rem;
    }
    .section-tabs .content-box .box-head {
        padding: 1rem 2.5rem 1rem 2.5rem;
    }
    .section-tabs .content-box .box-body {
        padding: 2.7rem 2.5rem 3.25rem;
    }
    .section-tabs--content .nav-pills .nav-link::before {
        right: 1rem;
        width: 15rem;
    }
    .section-tabs .content-box {
        margin-right: 0;
        margin-left: 0;
    }
    /* Tabs Left Content */
    .section-tabs--left-content .col--title {
        padding-left: 6rem;
    }
    .section-tabs--left-content .nav-pills .nav-link::before {
        right: auto;
        width: 10rem;
    }
    .section-tabs .box-info {
        padding: 3.2rem 2.3rem 1.4rem;
    }
    .section-tabs--left-content .nav-pills .nav-link {
        margin-bottom: 2.4rem;
    }
}
@media (max-width: 991px) {
    .section-tabs .row {
        margin: 0;
    }
    .section-tabs::before {
        width: 35.5625rem;
    }
    .section-tabs .col--title {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 3rem;
    }
    .section-tabs .col--image {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nav-pills .nav-link::before {
        display: none;
    }
    .section-tabs {
        padding-top: 9.7rem;
        padding-bottom: 8.9rem;
    }
    .section-tabs .col--title::before {
        top: -4.3rem;
        left: 0.8rem;
    }
    .section-tabs .arrow-link {
        bottom: 1.9rem;
    }
    /* Tabs Left Content */
    .section-tabs--left-content .col--title::before {
        left: 0.8rem;
        right: 0.8rem;
        width: auto;
    }
    .section-tabs--left-content .tab-content {
        margin-right: 0;
    }
    .section-tabs--left-content .col--title {
        padding-top: 3rem;
        padding-left: 4rem;
    }
    .section-tabs--left-content .col--content {
        order: 1;
    }
}
@media (max-width: 767px) {
    .section-tabs h3 {
        margin-bottom: 3rem;
    }
    .section-tabs .arrow-link {
        height: 4rem;
        right: 2.5rem;
    }
    .nav-pills .nav-link {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .section-tabs--white .col--title::before {
        width: 21.875rem;
        top: -3.3rem;
    }
    .section-tabs--content {
        padding-top: 7rem;
        padding-bottom: 6.9rem;
    }
    .section-tabs .col--content {
        padding-top: 2.2rem;
    }
    .section-tabs .content-box ul li, .section-tabs .content-box ul li:nth-child(2n) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-tabs .content-box ul li:nth-last-child(-n+2) {
        margin-bottom: 2.9rem;
    }
    .section-tabs .content-box ul li:last-child {
        margin-bottom: 0;
    }
    /* Tabs Left Content */
    .section-tabs--left-content .col--title {
        padding-right: 2rem;
    }
    .section-tabs--left-content .nav-pills .nav-link br {
        display: none;
    }
    .section-tabs--left-content .col--content {
        padding-top: 1rem;
    }
}/* ----- SECTION TESTIMONIALS ----- */
.section-testimonials {
    color: #fff;
    padding-top: 11.45rem;
    padding-bottom: 3.9rem;
    position: relative;
    overflow: hidden;
    background-color: #000035;
}
.section-testimonials::before {
    content: "";
    /* background-image: url(../../img/blobb.png); */
    background-repeat: no-repeat;
    position: absolute;
    right: -63.6%;
    top: -179.8%;
    width: 198.875rem;
    height: 198.875rem;
    background-size: cover;
    transform: rotate(-55deg);
}
.section-testimonials .col--title {
    padding-left: 7.4rem;
    position: relative;
    padding-bottom: 13.3rem;
    padding-right: 5rem;
}
.section-testimonials .col--title h6 {
    margin-bottom: 2.3rem;
}
.section-testimonials .col--title::before {
    content: "";
    background: linear-gradient(to top, rgba(255, 255, 255, 0.22), transparent);
    width: 21.875rem;
    height: 31.8125rem;
    position: absolute;
    left: 0.8rem;
    top: -5.6rem;
}
.section-testimonials .owl-carousel {
    max-width: 29rem;
}
.section-testimonials .slide-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 5px solid #7BFC41;
    padding-bottom: 1.3rem;
    margin-bottom: 2.6rem;
}
.section-testimonials .slide-nav .slide-number {
    margin-left: 0.2rem;
}
.section-testimonials .owl-nav .owl-prev::after {
    content: "/";
    margin: 0 0.8rem;
}
.section-testimonials .owl-nav button {
    cursor: pointer;
}
.section-testimonials .owl-nav button:focus {
    outline: none;
}
.testimonial {
    max-width: 29rem;
}
.testimonial .user-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2.5rem;
    padding: 0 0.2rem;
}
.testimonial .user-info .user-avatar {
    width: 4.9375rem;
    height: 4.9375rem;
    flex: 0 0 4.9375rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2rem;
}
.testimonial .user-info .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonial .user-info h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: -0.1rem;
    margin-top: -0.3rem;
}
/* ----- /SECTION TESTIMONIALS ----- */
/*  */
@media (max-width: 1679px) {
    .section-testimonials .col--title {
        padding-left: 3.2rem;
    }
}
@media (max-width: 1439px) {
    .section-testimonials .col--title {
        padding-left: 4rem;
    }
}
@media (max-width: 1199px) {
    .section-testimonials {
        padding-bottom: 4rem;
    }
    .section-testimonials .col--title {
        padding-left: 2rem;
        padding-bottom: 8.3rem;
    }
    .section-testimonials .col--title::before {
        height: 25.8125rem;
    }
    .section-testimonials::before {
        right: -102.6%;
        top: -203.8%;
    }
}
@media(max-width: 991px) {
    .section-testimonials::before {
        right: -160%;
        top: -213.8%;
        background-position-x: left;
        background-size: contain;
    }
}
@media (max-width: 767px) {
    .section-testimonials {
        padding-top: 5rem;
        z-index: 1;
    }
    .section-testimonials::before {
        top: auto;
        right: -278.6%;
        bottom: -169%;
        z-index: -1;
        opacity: 0.9;
        width: 168.875rem;
        height: 178.875rem;
        background-size: contain;
        transform: rotate(-15deg);
    }
    .section-testimonials .col--title {
        padding-bottom: 6rem;
    }
    .section-testimonials .col--title::before {
        height: 20.8125rem;
    }
    .testimonial {
        max-width: 100%;
    }
}
@media (max-width: 575px) {
    .section-testimonials::before {
        right: -278.6%;
    }
    .section-testimonials .owl-carousel {
        max-width: 100%;
    }
}/* ----- SECTION TITLE ----- */
.section-title {
    background-color: #fff;
    position: relative;
    z-index: 10;
    text-align: center;
    padding-top: 13rem;
    padding-bottom: 10.875rem;
    overflow: hidden;
}
.section-title h4 {
    margin-bottom: 1.3rem;
}
.section-title .h2 {
    margin-bottom: 1.4rem;
}
.section-title .lead {
    max-width: 70rem;
    margin: 0 auto;
}
.section-title .btn {
    margin-top: 2.3rem;
}
.section-title .content-wrap {
    position: relative;
    z-index: 1;
}
.section-title .content-wrap::before {
    content: '';
    width: 29rem;
    height: 50.5625rem;
    position: absolute;
    inset: 0;
    margin: 0 auto;
    background: linear-gradient(to bottom, #F5F5F5, transparent);
    z-index: -1;
    top: -7.7rem;
}
/* ----- /SECTION TITLE ----- */
/*  */
@media(max-width: 767px) {
    .section-title {
        padding-top: 10rem;
        padding-bottom: 5rem;
    }
}/* ----- SECTION TOPIC ----- */
.section-topic {
    padding-top: 5.6rem;
    overflow: hidden;
}
.section-topic .col {
    padding: 0 1.25rem;
    flex: 0 0 21.2%;
    max-width: 21.2%;
}
.section-topic .col--content {
    flex: 0 0 36.4%;
    max-width: 36.4%;
}
.section-topic .row {
    margin: 0 -1.4rem;
}
.topic-card {
    border: 3px solid #EFEFEF;
    margin-top: 3.8rem;
    position: relative;
    padding: 7.7rem 1.8rem 2rem 3.8rem;
    min-height: 18.9rem;
    background-color: #fff;
    z-index: 10;
}
.topic-card .icon {
    width:7.625rem;
    height:7.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000035;
    position: absolute;
    left: -3px;
    top: -4rem;
}
.topic-card p {
    max-width: 10rem;
}
.section-topic .content-wrap {
    padding-right: 6.7rem;
    text-align: right;
    color: #fff;
    position: relative;
    z-index: 1;
    min-height: 36.4rem;
    padding-bottom: 3rem;
}
.section-topic .content-wrap::before {
    content: '';
    width: 41.125rem;
    position: absolute;
    background: linear-gradient(to bottom, #0053CC 0%, rgb(0 243 140 / 30%) 60%, transparent);
    right: 0.1rem;
    top: -5.7rem;
    z-index: -1;
    bottom: 0;
}
.section-topic .content-wrap h6 {
    margin-bottom: 1.4rem;
}
.section-topic .content-wrap h3 {
    font-weight: 400;
}
.section-topic .content-wrap .btn {
    margin-top: 4.4rem;
    padding: 1.7rem 4.2rem;
}
/* ----- /SECTION TOPIC ----- */
/*  */
@media(max-width: 1199px) {
    .topic-card {
        padding: 7.7rem 1rem 2rem 1.8rem;
    }
    .section-topic .content-wrap {
        padding-right: 3.7rem;
    }
}
@media(max-width: 991px) {
    .section-topic .col.col--content {
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-topic .col {
        order: 2;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .section-topic .content-wrap::before {
        width: 100%;
        top: -5.6rem;
    }
    .section-topic {
        padding-bottom: 3rem;
    }
    .section-topic .content-wrap {
        min-height: 1rem;
        padding-bottom: 5rem;
    }
}
@media(max-width: 767px) {
    .section-topic .content-wrap .btn {
        margin-top: 2rem;
    }
    .section-topic .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .topic-card {
        margin-bottom: 2rem;
        min-height: 10rem;
        padding: 5.7rem 1rem 2rem 1.8rem;
    }
    .topic-card p {
        max-width: 20rem;
    }
}/* ----- SECTION VALUES ----- */
.section-values {
    background-color: #F5F5F5;
    padding-top: 12.6rem;
    padding-bottom: 11.9rem;
}
.section-values .title {
    margin-bottom: 8.7rem;
}
.section-values .title h6 {
    margin-bottom: 2.3rem;
}
.section-values .row {
    justify-content: center;
    margin: 0 -3rem;
    height: 24.125rem;
}
.values-card {
    display: flex;
    background-color: #fff;
    border: 3px solid #EFEFEF;
    color: #000035;
    position: relative;
    width: 26.5rem;
    height: 7.875rem;
    margin: 8.7rem 1.125rem 0;
    padding: 1.9rem 3.1rem 0.6rem;
    transition: 0.4s;
}
.values-card .hover-content {
    opacity: 0;
    visibility: hidden;
    height: 79%;
    width: 20rem;
    transition: 0.4s;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.values-card .content-wrap {
    overflow: hidden;
    overflow-y: auto;
    padding-right: 1rem;
}
.values-card .arrow-icon {
    position: absolute;
    right: 3.8rem;
    top: 2.9rem;
}
.values-card.hover {
    background-color: #000035;
    color: #fff;
    border-color: #000035;
    width: 37.4375rem;
    height: 24.125rem;
    margin-top: 0;
    padding: 5.5rem 4rem;
}
.values-card > div {
    flex: 1;
}
.values-card .icon {
    flex: 0 0 3.5rem;
    max-width: 3.5rem;
    margin-right: 1.45rem;
    height: 3.5rem;
    transition: 0.4s;
}
.values-card .icon img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.values-card h4 {
    margin-top: 0.7rem;
    margin-bottom: 1.2rem;
}
.values-card.hover .icon {
    flex: 0 0 6.6875rem;
    max-width: 6.6875rem;
    height: 6.6875rem;
    margin-right: 1.65rem;
}
.values-card.hover h4 {
    margin-top: -0.4rem;
}
.values-card.hover .hover-content {
    opacity: 1;
    visibility: visible;
}
.values-card .hover-content .btn--arrow {
    margin-top: 0.9rem;
}
.values-card .hover-content .btn--arrow .arrow {
    margin-left: 0.7rem;
}
.values-card.hover .arrow-icon {
    opacity: 0;
    visibility: hidden;
}
.values-card:hover {
    color: #fff;
}
.values-card .hover-content  .content-wrap::-webkit-scrollbar {
    width: 5px;
}
.values-card .hover-content  .content-wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 1rem;
}
.values-card .hover-content  .content-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.8);
    outline: none;
    border-radius: 1rem;
}
/* ----- /SECTION VALUES ----- */
/*  */
@media(max-width: 1679px) {
    .section-values .row {
        margin: 0 -5rem;
    }
}
@media(max-width: 1439px) {
    .section-values {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }
}
@media(max-width: 1199px) {
    .section-values {
        padding-top: 8rem;
        padding-bottom: 5rem;
    }
    .values-card.hover {
        width: 32rem;
        padding: 5rem 2rem;
        height: 31rem;
    }
    .values-card {
        width: 25rem;
        padding: 2.2rem 2.5rem 0.6rem;
        margin-left: 0.875rem;
        margin-right: 0.875rem;
        margin-top: 7.7rem;
    }
    .values-card .icon {
        flex: 0 0 3rem;
        max-width: 3rem;
        height: 3rem;
    }
    .values-card h4 {
        margin-top: 0.4rem;
    }
    .values-card .arrow-icon {
        top: 3.1rem;
        right: 2rem;
    }
    .values-card.hover .icon {
        flex: 0 0 5.5rem;
        max-width: 5.5rem;
        height: 5.5rem;
    }
    .values-card .hover-content {
        width: 19rem;
    }
}
@media(max-width: 991px) {
    .section-values .row {
        height: auto;
        flex-direction: column;
        align-items: center;
        margin: 0;
        justify-content: flex-start;
    }
    .section-values .title {
        margin-bottom: 5rem;
    }
    .values-card {
        margin-top: 0;
        margin-bottom: 4rem;
    }
    .values-card:last-child {
        margin-bottom: 0;
    }
}
@media(max-width: 767px) {
    .values-card.hover {
        width: 30rem;
        padding: 4.5rem 1.5rem;
    }
}/* ----- SECTION VIDEO TWO ----- */

.section-video.section-video-two .video-wrap {
    padding-left: 4.5rem;
    position: relative;
}

.section-video.section-video-two {
    padding-top: 5.3rem;
    padding-bottom: 8.3375rem;
}

.section-video.section-video-two .video-title {
    position: absolute;
    left: 0;
    bottom: 0;
    writing-mode: vertical-rl;
    font-size: 1rem;
    transform: rotate(180deg);
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    font-weight: 600;
}

.section-video.section-video-two .play-btn {
    left: 4.6rem;
    width: 16.4rem;
}

.video-title {
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    font-weight: 600;
    writing-mode: vertical-rl;
    font-size: 1rem;
    transform: rotate(180deg);
    letter-spacing: 0.2rem;
}

.section-video.section-video-two {
    padding-top: 5.3rem;
}

.section-video.section-video-two .video-wrap .play-btn {
    width: 16.3875rem;
    height: 16.3875rem;
    left: 4.6rem;
}

/* ----- SECTION VIDEO TWO ----- */

@media (max-width: 1900px) {

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

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

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

}
@media (max-width: 991px) {
    .section-video.section-video-two .video-wrap .play-btn {
        width: 11.3875rem;
        height: 11.3875rem;
    }
}
@media (max-width: 767px) {
    .section-video.section-video-two {
        padding-top: 7.7rem;
    }

    .section-video.section-video-two .video-wrap {
        padding-left: 7.1rem;
        padding-right: 2.5rem;
    }

    .section-video.section-video-two .video-wrap .play-btn {
        width: 4.7875rem;
        height: 4.7875rem;
    }

    .section-video.section-video-two .video-title {
        font-size: 1.45rem;
        letter-spacing: 0.29rem;
        top: -7rem;
        left: 2.6rem;
        bottom: 0.6rem;
    }
}/* ----- SECTION VIDEO ----- */
.section-video {
    background-color: #fff;
    padding-bottom: 5.9375rem;
}
.section-video .video-wrap {
    position: relative;
}
.section-video .video-wrap video {
    width: 100%;
}
.section-video .video-wrap .play-btn {
    position: absolute;
    inset: 0;
    width: 17.1875rem;
    height: 17.1875rem;
    margin: auto;
}
.section-video .video-wrap .play-btn svg {
    width: 100%;
    height: 100%;
}
/* ----- /SECTION VIDEO ----- */
/*  */
@media(max-width: 767px) {
    .section-video {
        padding-bottom: 3rem;
    }
    .section-video .video-wrap .play-btn {
        width: 11.5625rem;
        height: 11.5625rem;
    }
}/* ----- SECTION WELCOME ----- */
.section-welcome {
    color: #fff;
    padding-top: 14.1rem;
    padding-bottom: 10.2rem;
    position: relative;
    z-index: 1;
}
.section-welcome::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #0053CC, rgb(0 243 140 / 40%) 50%, transparent);
    z-index: -1;
}
.section-welcome .col--title {
    flex: 0 0 38%;
    max-width: 38%;
    padding-top: 3.6rem;
    padding-left: 1rem;
}
.section-welcome .col--title h4 {
    margin-bottom: 1.6rem;
}
.section-welcome .cards {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0.2rem;
    padding-bottom: 7.9rem;
    position: relative;
    z-index: 1;
}
.section-welcome .cards::before {
    content: '';
    background: linear-gradient(to top, #FFFFFF, transparent);
    position: absolute;
    bottom: 0;
    left: -7.3rem;
    width: 39.125rem;
    height: 42.125rem;
}
.section-welcome .welcome-card {
    margin-right: 1.5625rem;
    flex: 0 0 18rem;
    max-width: 18rem;
    position: relative;
    display: block;
    height: 51.6rem;
    transition: 0.4s;
}
.section-welcome .welcome-card .card-image {
    width: 100%;
    height: 100%;
}
.section-welcome .welcome-card .card-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-welcome .welcome-card .card-content {
    position: absolute;
    bottom: 16.9rem;
    left: -16.8rem;
    right: 0;
    top: auto;
    padding-bottom: 0;
    padding-left: 7.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transform: rotate(-90deg);
    width: 51.6rem;
    height: 18rem;
    padding-top: 2.1rem;
    transition: 0.4s;
}
.section-welcome .welcome-card.active {
    flex: 0 0 66.3%;
    max-width: 66.3%;
}
.section-welcome .welcome-card:nth-child(2n) {
    margin-right: 0;
}
.section-welcome .welcome-card .card-content .btn {
    padding: 1.6rem 3rem;
    display: none;
}
.section-welcome .welcome-card .card-content .categories {
    flex-wrap: wrap;
    margin-bottom: 3.9rem;
    margin-left: 0.2rem;
    display: none;
}
.section-welcome .welcome-card.active .card-content .categories{
    display: flex;
}
.section-welcome .welcome-card.active .card-content .btn {
    display: inline-block;
}
.welcome-card .card-content .btn--green:hover {
    background-color: #fff;
    color: #000035;
}
.section-welcome .welcome-card.active .card-content {
    padding-bottom: 7.5rem;
    padding-left: 6.3rem;
    transform: rotate(0);
    justify-content: flex-end;
    bottom: 0;
    left: 0;
}
.section-welcome .welcome-card .card-content .categories a {
    color: #fff;
}
.section-welcome .welcome-card .card-content .categories li {
    font-size: 1.875rem;
}
.section-welcome .welcome-card .card-content .categories li::after {
    content: '|';
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.section-welcome .welcome-card .card-content .categories li:last-child::after {
    display: none;
}
.section-welcome .welcome-card h3 {
    margin-bottom: 1.6rem;
}
/* ----- SECTION WELCOME ----- */
/*  */
@media(max-width: 1679px) {
    .section-welcome .cards {
        margin-right: -1rem;
    }
    .section-welcome .col--title {
        padding-left: 0;
    }
    .section-welcome .welcome-card.active {
        flex: 0 0 64.3%;
        max-width: 64.3%;
    }
}
@media(max-width: 1439px) {
    .section-welcome .col--title {
        flex: 0 0 38%;
        max-width: 38%;
    }
    .section-welcome .welcome-card.active {
        flex: 0 0 60%;
        max-width: 60%;
    }
    .section-welcome .welcome-card {
        flex: 0 0 21rem;
        max-width: 21rem;
    }
    .section-welcome .cards {
        margin-right: -2rem;
    }
    .section-welcome .welcome-card .card-content {
        padding-left: 5.2rem;
        bottom: 14.8rem;
        height: 21rem;
        left: -15.1rem;
    }
    .section-welcome .welcome-card.active .card-content {
        padding-left: 4.3rem;
        padding-bottom: 4.8rem;
    }
}
@media(max-width: 1199px) {
    .section-welcome .col--title {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 2rem;
    }
    .section-welcome {
        padding-top: 10rem;
    }
    .section-welcome .cards {
        margin-right: 0;
    }
}
@media(max-width: 767px) {
    .section-welcome {
        padding-top: 14.9rem;
        padding-bottom: 6rem;
    }
    .section-welcome .col--title {
        padding-left: 1rem;
        padding-bottom: 1.6rem;
    }
    .section-welcome .row {
        margin: 0 1.5rem;
    }
    .section-welcome .col--title h4 {
        margin-bottom: 2.5rem;
        font-size: 1.45rem;
    }
    .section-welcome .col--title h2 {
        font-size: 4.54rem;
        line-height: 5.45rem;
    }
    .section-welcome .welcome-card.active, .section-welcome .welcome-card {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .section-welcome .welcome-card {
        height: 10.63rem;
        margin-bottom: 2.1rem;
    }
    .section-welcome .welcome-card.active {
        height: 24.45rem;
    }
    .section-welcome .welcome-card .card-content {
        transform: rotate(0);
        width: 100%;
        height: 100%;
        inset: 0;
        padding-left: 2.9rem;
        justify-content: center;
        background: linear-gradient(to top, rgb(0 0 0 / 44%), transparent);
    }
    .section-welcome .welcome-card .card-content h3 {
        margin-bottom: 1.3rem;
    }
    .section-welcome .cards::before {
        display: none;
    }
    .section-welcome .welcome-card.active .card-content {
        padding-left: 3rem;
        padding-bottom: 3.7rem;
    }
    .section-welcome .welcome-card .card-content .btn {
        margin-left: -0.9rem;
        font-size: 1.45rem;
        padding: 1.8rem 0;
        letter-spacing: 5px;
        border-radius: 4rem;
    }
    .section-welcome .welcome-card .card-content .categories {
        margin-left: 0;
        margin-bottom: 1.3rem;
    }
    .section-welcome .welcome-card .card-content .categories li {
        font-size: 1.45rem;
    }
    .section-welcome .welcome-card .card-content .categories li::after {
        margin-right: 0.2rem;
    }
    .section-welcome .welcome-card.active .card-content h3 {
        margin-bottom: 0.5rem;
    }
    .section-welcome .welcome-card .card-image > img {
        object-position: center -3rem;
    }
    .section-welcome .cards {
        padding-bottom: 0;
    }
    .section-welcome .welcome-card.active .card-content .btn {
        display: block;
        width: 100%;
        max-width: 27.8rem;
    }
}/* ----- SECTION WHY EMNIFY ----- */

.section-why-emnify {
    padding-top: 12.5rem;
    padding-bottom: 5.2rem;
}

.section-why-emnify .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.why-emnify-content {
    max-width: calc(50%);
    width: 50%;
    padding: 1.4rem 6.6rem 0 8.6rem;
    position: relative;
}

.why-emnify-item {
    max-width: calc(50% - 2rem);
    width: 50%;
    border: 3px solid #EFEFEF;
    background: #fff;
    padding: 5.1rem 7.4rem 6.4rem 8.6rem;
    margin-bottom: 3.2rem;
}

.why-emnify-content h6 {
    margin-bottom: 1.9rem;
}

.why-emnify-content h3 {
    margin-bottom: 1.8rem;
}

.why-emnify-content p {
    margin-bottom: 1.5rem;
}

.why-emnify-content:before {
    background: rgb(245,245,245);
    background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    left: 0;
    right: -36%;
    top: -7.1rem;
    bottom: 0;
    content: '';
    z-index: -1;
}

.why-emnify-item img {
    margin-bottom: 2.8rem;
}

.why-emnify-item h4 {
    margin-bottom: 2rem;
}

.why-emnify-item:nth-child(3) {
    padding-left: 7.4rem;
    padding-right: 8rem;
}

.why-emnify-item ul li {
    margin-bottom: 1.5rem;
    padding-left: 4rem;
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/arrow-trial.svg);
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: left 0.1rem;
}

.why-emnify-item p {
    max-width: 27.7rem;
}

/* ----- SECTION WHY EMNIFY ----- */

@media (max-width: 1900px) {

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

}
@media (max-width: 1439px) {
    .why-emnify-item, .why-emnify-item:nth-child(3), .why-emnify-content {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .why-emnify-item img {
        height: 6rem;
    }
}
@media (max-width: 1199px) {

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

}
@media (max-width: 767px) {
  .section-why-emnify .container {
      flex-direction: column;
      padding: 0 1.5rem;
  }

  .why-emnify-item, .why-emnify-content {
      width: 100%;
      max-width: 100%;
  }

  .why-emnify-content:before {
      left: 0;
      right: 0;
      top: 0;
  }

  .why-emnify-content {
      padding: 0rem 5rem 0rem 4.5rem;
      margin-bottom: 3.6rem;
  }

  .section-why-emnify {
      padding-top: 4rem;
      padding-bottom: 8.9rem;
  }

  .why-emnify-content h6 {
      font-size: 1.45rem;
      margin-bottom: 3.7rem;
  }

  .why-emnify-content h3 {
      font-size: 2.7rem;
      margin-bottom: 2.6rem;
  }

  .why-emnify-content p {
      font-size: 1.45rem;
      line-height: 2.27rem;
      margin-bottom: 2.1rem;
  }
  .why-emnify-item, .why-emnify-item:nth-child(3) {
      padding-left: 4.6rem;
      padding-right: 5.2rem;
      padding-bottom: 7.1rem;
      margin-bottom: 3rem;
  }

  .why-emnify-item img {
      height: auto;
      margin-left: -0.3rem;
      margin-bottom: 3.4rem;
  }

  .why-emnify-item p {
      font-size: 1.45rem;
      line-height: 2.26rem;
  }

  .why-emnify-item h4 {
      font-size: 1.45rem;
      margin-left: 0;
      margin-bottom: 1.7rem;
  }

  .why-emnify-item ul li {
      padding-left: 5.6rem;
      font-size: 1.45rem;
      background-size: 3.1rem;
      background-position: -0.3rem 0.1rem;
      line-height: 2.3rem;
      margin-bottom: 2.1rem;
  }

  .why-emnify-item, .why-emnify-item:nth-child(3) {
    padding: 4rem var(--space-sm);
  }

  .why-emnify-item img[src=""]{
    display:none;
  }

  .why-emnify-item ul {
      margin-top: 3.1rem;
  }
  .why-emnify-item li:last-child {
      margin-bottom:0;
  }

  .why-emnify-item :is(p, ul li) {
    font-size: 18px;
    line-height: 27px;
  }
}

@media (max-width: 479px) {
  .section-why-emnify{
    padding-top:0;
  }
  .section-why-emnify .container {
    padding: 0;
  }
  .why-emnify-content:before{
    background: white;
    top: -2rem;
  }
  .why-emnify-item, .why-emnify-item:nth-child(3){
    padding: 2rem var(--space-sm);
  }
  .why-emnify-item{
    border-left: none;
    border-right: none;
  }
}
/* ----- SECTION YOUR VISION ----- */

.section-your-vision {
    padding-top: 14.3rem;
    background: #000035;
    color: #fff;
    padding-bottom: 8.4rem;
    background-image: url(//4374869.fs1.hubspotusercontent-na1.net/hubfs/4374869/raw_assets/public/emnify-com-2023/images/legacy/your-vision-bg.png);
    background-position: right bottom;
}
.section-your-vision .container {
    display: flex;
}
.your-vision-content {
    padding-top: 2.5rem;
    max-width: 60.9%;
    padding-right: 2.9rem;
}
.your-vision-content p {
    font-size: 1.85rem;
    margin-bottom: 1.6rem;
}
.your-vision-content h3 {
    font-size: 7.53rem;
    line-height: 8rem;
    margin-bottom: 2.8rem;
}
.open-positions {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.29rem;
    margin-bottom: 3rem;
    display: block;
}
.open-positions img {
    margin-left: 0.9rem;
    vertical-align: baseline;
}
.jobs-info {
    display: flex;
    margin-bottom: 1.4rem;
}
.job-item {
    margin-right: 1.3rem;
}
.job-item span {
    font-size: 1.875rem;
    color: #00F38C;
    margin-right: 0.1rem;
}
.job-item img {
    margin-right: 0.6rem;
    vertical-align: sub;
}
/*.search-job-form input {*/
/*    width: 100%;*/
/*    height: 5.1rem;*/
/*    padding: 0 2.3rem;*/
/*    font-size: 1rem;*/
/*    text-transform: uppercase;*/
/*    font-weight: 700;*/
/*    padding-top: 0.5rem;*/
/*    color: #000035;*/
/*    border: 0;*/
/*    outline: none;*/
/*}*/
/*.search-job-form input::placeholder {*/
/*    color: #000035;*/
/*}*/
/*.search-job-form button {*/
/*    position: absolute;*/
/*    right: 0rem;*/
/*    top: 0rem;*/
/*    width: 6rem;*/
/*    height: 100%;*/
/*    background: transparent;*/
/*    border: 0;*/
/*}*/
/*.search-job-form {*/
/*    position: relative;*/
/*}*/

.job-search-results {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    padding-left: 0;
    list-style: none;
}

.job-search-results li {
    border-bottom: 1px solid #fff;
}

.job-search-results li a {
    color: #000035;
    background: rgb(255 255 255 / 90%);
    padding: 1.7rem 2.4rem 1.4rem;
    text-transform: uppercase;
    display: block;
    transition: 0.3s;
}
.open-positions:hover {
    color: #fff;
}

.job-search-results li:hover a {
    background: rgb(255 255 255 / 95%);
}

.job-search-results li:last-child {
    border: 0;
}

.search-job-form input:focus + .job-search-results,
.job-search-results.focused {
    opacity: 1;
    visibility: visible;
}

/* ----- /SECTION YOUR VISION ----- */
/*  */
@media (max-width: 1900px) {
    .your-vision-content h3 {
        font-size: 6.93rem;
    }
    .section-your-vision {
        background-size: 100vw;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
}
@media (max-width: 1679px) {
    .your-vision-content h3 {
        font-size: 6.23rem;
        line-height: 6.2rem;
    }

    .your-vision-image {
        max-width: 40%;
    }
}
@media (max-width: 1439px) {
    .your-vision-content h3 {
        font-size: 6.53rem;
    }

    .your-vision-image {
        max-width: 40%;
    }
}
@media (max-width: 1199px) {
    .your-vision-content h3 {
        font-size: 5.93rem;
    }
}
@media (max-width: 991px) {
    .your-vision-content h3 {
        font-size: 4.13rem;
        line-height: 4rem;
    }
}
@media (max-width: 767px) {
    .section-your-vision .container {
        flex-direction: column;
        padding: 0 3.6rem;
    }

    .your-vision-content {
        max-width: 100%;
        padding-right: 0;
    }

    .your-vision-image {
        max-width: 100%;
        height: 25.9rem;
        object-fit: cover;
        margin-bottom: -19.8rem;
    }

    .your-vision-content p {
        font-size: 1.45rem;
        margin-left: 0.4rem;
        margin-bottom: 2rem;
    }

    .your-vision-content h3 {
        font-size: 4.56rem;
        line-height: 5.5rem;
        margin-left: 0.4rem;
        max-width: 27rem;
        margin-bottom: 3.3rem;
    }

    .open-positions {
        font-size: 1.45rem;
        letter-spacing: 0.44rem;
        margin-left: -0.3rem;
        margin-bottom: 4.8rem;
    }

    .job-item span {
        font-size: 2.775rem;
    }

    .job-item {
        font-size: 1.45rem;
        margin-right: 2.2rem;
    }

    .job-item:last-child {margin-right: 0;}

    .jobs-info {
        margin-bottom: 3.4rem;
    }

    .search-job-form input {
        font-size: 1.45rem;
        padding: 3.6rem 3.7rem;
    }

    .search-job-form button {
        right: 3rem;
    }

    .search-job-form {
        margin-bottom: 3.7rem;
    }

    .section-your-vision {
        padding-bottom: 0;
        margin-bottom: 27.5rem;
    }
}
@media (max-width: 575px) {

}